body{ background:#ffffff;}

/* Demo */
.demo-con{ width:50em; margin: 40px 90px 60px; padding:15px; border-radius:10px; border:solid #f5f5f5 1px; box-shadow:0 2px 10px rgba(0, 0, 0, .4); background:#fff; min-height:640px;}
.demo-con h2{clear:both; font-size:1.4em; height:2em; margin-bottom:10px; line-height:2em; text-align:center; color:#FFF; background:#64B557; font-weight:bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
.demo-con h4{ color:#000; font-size:14px;}
.demo-con h5{ color:#333;}
.demo-con p{ padding:10px 0;}
.demo-con p.buttons{ text-align:right; padding:0;}
.demo-con button { font-size:12px; padding:2px 8px; background-color:#F8F8F8; border:solid 1px #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; cursor:pointer; }
.demo-con button:hover { background: #F5F5F5; }
.demo-con span.blue{ color:#03F; margin:0 2px;}
.demo-con span.red{ color:#F00; display:block;}
.demo-con > ul{ padding-left:15px;}
.demo-con > ul > li{ margin-bottom:2px;}

/* 棣栭〉  */
.m-index-lt{ width: 100%; margin-right: -300px;}
.m-index-rt{ width: 300px;}
.m-lt-box { margin-right: 305px; background: #fff; border: 1px solid #e1e1e1; zoom:1; overflow:hidden; }
.m-lt-box ul.m-fun{ zoom:1; overflow:hidden; padding:30px 15px;min-width: 786px;}
.m-lt-box li { float: left; width: 25%; }
.m-lt-box li span.missionIcon { float: left; margin-right: 15px; margin-left: 40px; display: inline-block; width: 38px; height: 38px;}
.m-lt-box li .missionIcon.collectIcon{ background: url(../images/common/missionIcon.png) 0 0 no-repeat; }
.m-lt-box li .missionIcon.payIcon{ background: url(../images/common/missionIcon.png) -38px 0 no-repeat; }
.m-lt-box li .missionIcon.shipIcon{ background: url(../images/common/missionIcon.png) -76px 0 no-repeat; }
.m-lt-box li .missionIcon.codeIcon{ background: url(../images/common/missionIcon.png) -114px 0 no-repeat; }
.m-lt-box li p { line-height: 16px; padding-top: 2px; color: #97a2b0; }
.m-lt-box li p a { color: #485d79; font-size: 14px; }
.m-lt-box .tit h4, .m-index-box .tit h4 { height: 42px; padding: 0px 15px; line-height: 42px; font-size: 16px; color: #485d79; }
.m-lt-box .tit, .m-index-box .tit {background: #e5edf4;}
.m-index-box { border: 1px solid #e1e1e1; height: 476px; margin-bottom: 15px; }
.m-index-box .tit a { float: right; line-height: 42px; margin-right: 15px; color: #999; }
.m-index-box .tit a:hover{ text-decoration:underline;}
.m-index-box ul{ padding: 25px 18px;}
.m-index-box ul li{margin-bottom: 14px;}
.m-index-box ul li .record{font-size:14px;font-weight: 600;color: #485d79;}
.m-index-box ul li span.disc{display: inline-block;width:6px;height:6px;margin-right: 8px;position: relative;top: -2px;background:url(../images/common/indexIcon.png) -34px -1px no-repeat;}
.m-index-box ul li .recordTime{margin-left: 13px;color: #97a2b0;}
.operateContent{width: 780px; height: 100px; margin: 90px auto;}
.operateContent ul li{display:block;float:left;text-align:center;}
.operateContent ul li.operateStep{ width:100px; }
.operateContent ul li.operateNext{ width:36px; }
.operateNext img{margin-top: 38px;}
.operateStep h5{font-size: 14px; color: #485d79; margin-top: 4px;}
.operateStep p{padding-top: 0!important;line-height: 14px!important;}
.operateStep .operateIcon{display:block;width:50px;height:50px;margin: 0 auto;background:url(../images/common/optionIcon.png)}
.operateStep .operateIcon.step1{background-position: 0 0;}
.operateStep .operateIcon.step2{background-position: -50px 0;}
.operateStep .operateIcon.step3{background-position: -100px 0;}
.operateStep .operateIcon.step4{background-position: -150px 0;}
.operateStep .operateIcon.step5{background-position: -200px 0;}
.operateStep .operateIcon.step6{background-position: -250px 0;}


/* 璁㈠崟椤�*/
.m-content{}
.m-form-tit{ position:relative; min-height:40px; border-bottom:3px solid #a3a3a3;}
.m-form-grd-lt,.m-form-grd-rt{ position:absolute; line-height:30px; width:50%;}
.m-form-grd-lt{ left:0px;}
.m-form-grd-rt{ right:0px;}
.m-form-grd-lt li{ float:left; margin-right:10px;}
.m-form-grd-rt li{ float:right; margin-left:10px;}
.m-form-tit h4{ position:absolute; left:45%; font-size:20px;}
.m-content ul.search-con>li{ margin-bottom:5px;}
h4.m-form-subtit{ border-bottom:1px solid #ccc; font-size:14px; padding-bottom:5px;}
.m-form-bot{ padding:20px 5px; border:1px solid #e1e1e1; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.12);}
.m-tab-detail{ display:none; border:1px solid #e1e1e1; margin-top:-1px; padding:10px; min-height:480px;}
.m-form-btn{ margin:20px 0;}

/* 璇︾粏椤�*/
.m-toolbar{ position:relative; padding-bottom:4px; border-bottom:1px solid #e5e5e5;}
.m-toolbar ul.search-con>li{ float:left; margin-right:8px; height:40px; line-height:30px;}
.m-toolbar ul.search-con>li div.date{ display:inline; float:left; position:relative;}
.m-toolbar ul.search-con>li div.checkbox{ display:inline; line-height:30px;}
.m-toolbar ul.search-con>li input[type="text"]{ float:left;}
.m-toolbar ul.search-con>li input[type="checkbox"]{ vertical-align:middle; margin-right:2px;line-height:30px;}
.m-toolbar ul.search-con>li>label{ width:80px; float:left; height:30px; line-height:30px; margin-right:5px; text-align:right; overflow:hidden; display:inline-block;}
.m-toolbar ul.search-con>li>span.to{ height:30px; line-height:30px; float:left; display:inline-block; margin:0 6px;}
.m-toolbar-adv{ display:none; position:absolute; top:32px; left:0px; padding-top:20px; z-index:1000; background:#e3e6ff; padding:12px 10px; width:98%; box-shadow:0 6px 6px rgba(0,0,0,0.175); border:1px solid rgba(0,0,0,0.15);}
.m-toolbar-adv ul{ width:80%;}
.m-toolbar-adv ul li{ float:left; margin-bottom:5px;}

.m-detail-wrap{ overflow:visible; min-height:400px;}
.m-detail-lt{ width:20%; float:left;}
.m-detail-rt{ width:79%; float:right; border-left:0px solid #e1e1e1; }
.m-detail-lt .m-oper{text-align: center; padding:0 1px 8px 0px; border-bottom:1px solid #e1e1e1;}

/* 淇℃伅涓ゅ垪 */
h4.m-title{ border-bottom:1px solid #999; padding-bottom:6px; margin-bottom:10px;}
.m-message-list{ padding:10px 0;}
.m-form-list{margin-top:12px;} 
.m-form-list li label{width:72px!important;}
.m-message-list li{ float:left; width:45%; margin-bottom:8px;}
.m-form-list li{width:40%;}
.m-message-list.single-row li{ width:100%;}
.m-message-list li div.date{display:inline; float:left; position:relative;}
.m-message-list li div.input-con{ display:inline; float:left; height:30px; line-height:30px; margin-right:20px;}
.m-message-list li div.input-con input{ vertical-align:middle; margin-right:3px;}
.m-message-list li div.input-con span{ color:#999;}
.m-message-list li label,.m-message-list li span, dt.labelDt{ width:150px; float:left; height:30px; line-height:30px; margin-right:8px; text-align:right; overflow:hidden; display:inline-block;}
.m-message-list li span.radioSpan{float: none;width: auto;text-align: left;margin-left: 3px;line-height: 28px;}
.m-message-list li.btn{ padding:20px 0 0 128px;}
.m-message-list li .requeid{color:red; margin: 0px 5px;}
/* 灞炴�璁剧疆 */
.m-attr-table{ width:100%; border:1px solid #d7d7d7; border-collapse:collapse;}
.m-attr-table th{ height:34px; text-align:left; padding-left:5px; border-right:1px solid #CCC; border-bottom:1px solid #d7d7d7; font-size:14px; color:#666; background-color:#f4f4f4;}
.m-attr-table td{ padding:5px; border-right:1px solid #CCC; border-bottom:1px solid #d7d7d7;}
.m-attr-table td span.tit{height:30px; line-height:30px;}
.m-attr-table td a.rech{ float:right; height:30px; line-height:30px;}
.m-attr-table tr:hover{ background:#e4f3ff;}
.m-attr-table tr:hover td{ background:#e4f3ff;}
.m-propertyValue{float:left; border:1px solid #ddd; margin:0 10px 6px 0; background:#fff; border-radius:3px; padding:3px 10px; line-height:24px;}
.m-propertyValue label{ float:left; margin-right:8px; display:inline-block;}
.m-propertyValue label input{ vertical-align:middle; margin-right:3px;}
.m-propertyValue a.m-edit{ width:22px; height:22px; float:left; margin:2px 0 0 0; display:inline-block; background:url(../images/common/f_table_oper.png) no-repeat -70px 3px;}
.m-propertyValue a.m-edit:hover{ background:url(../images/common/f_table_oper.png) no-repeat -70px -40px;}

/* 鍟嗗搧鍒嗙被 */
.m-prd-kind{ width:30%; padding:10px 0; border:1px solid #e5e5e5; float:left; height:240px; overflow:auto;}
.m-prd-kind ul{ margin:0 10px;}
.m-prd-kind ul li{ margin-bottom:2px;}
.m-prd-kind ul li a {cursor:pointer; display:block; padding:4px 0 4px 8px; line-height:14px;}
.m-prd-kind ul li a:hover,.m-prd-kind ul li.on a{ background:#e2e2e2; color:#666;}

/* 鐩樼偣椤�*/
.m-pandian{ width:45%; float:left; border-right:1px solid #e5e5e5;}
.m-pandian .m-title{ font-size:14px;}
.m-pandian .m-message-list li{ width:100%;}

.mini-tree-checkbox {position: relative;top: 2px;}

/*滚动条样式*/

/*::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #999;
}*/

.ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0;padding: 0; overflow-x: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}

.form_item input{width: 260px;height: 34px;line-height: 34px;background: url(../images/common/psdIcon.png) no-repeat left;background-size: 16px 16px;background-position-x: 5px;text-indent: 30px;}