﻿@charset "utf-8";
/*layout*/
#container{ margin:50px 20px 20px;}

/*title*/
.subTitle{ position:relative; padding:15px 0 15px;}
.subTitle h2{ float:left; line-height:44px; font-size:18px;}
.subTitle h2 a{ display:inline-block; height:44px; padding:0 20px; border-radius:44px; font-size:20px;}
.subTitle h2 a.now{ background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.15); color:#444;}
.subTitle a i,.subTitle a span,.subTitle .status span,.subTitle .status em,.subTitle .info i,.subTitle .info span{ display:inline-block; vertical-align:middle;}
.subTitle a i{ margin-right:5px;}
.subTitle .operate {margin-top:6px;}
.subTitle .operate a{ display:inline-block; height:31px; line-height:31px; padding:0 20px; margin-left:10px; border-radius:3px; font-size:12px; color:#fff; text-align:center;}
.subTitle .operate a.yellow{ background:#5cb0ef;}
.subTitle .operate a:hover.yellow{ background:#5cb0ef;}
.subTitle .operate a.green,.subTitle .operate li .layer.green{ background:#9ed643;}
.subTitle .operate a:hover.green,.subTitle .operate li .layer p:hover{ background:#9ec76e;}
.subTitle .operate li { position:relative; float:left; margin-left:10px; }
.subTitle .operate li a { position:relative; display:block; margin:0; z-index:101; }
.subTitle .operate li .layer { display:none; position:absolute; top:22px; z-index:100; width:100%; padding:20px 0 10px; border-radius:0 0 10px 10px; }
.subTitle .operate li .layer p { padding:5px 20px; color:#fff; cursor:pointer; }
.subTitle .operate li:hover .layer { display:block; }
.subTitle .operateCom{ position:absolute; right:0;}
.subTitle .boxCom{ margin-top:52px;}
.subTitle .status{ margin:10px 0 0 10px}
.subTitle .status span{ height:26px; line-height:26px; padding:0 10px; border-radius:3px; color:#fff;}
.subTitle .status em{ margin-left:5px; color:#f00;}
.subTitle .info{ height:44px; overflow:hidden; line-height:44px; margin-left:30px;}
.subTitle .info span{ margin:0 20px 0 5px; color:#666;}
.subTitle .info span em{ color:#f00;}

.editTitle p{ float:right;}
.editTitle h2 i,.editTitle h2 span{ display:inline-block; vertical-align:middle;}
.editTitle h2 span{ margin-left:10px; font-size:18px;}

.detailTitle{ padding:0 0 8px; margin:20px 20px 0; border-bottom:2px solid #eee;}
.detailTitle h3 span{ font-size:18px;}
.detailTitle h3 em{ margin-left:20px; font-size:12px; color:#888;}
.curTitle{cursor:default;}
.curTitle span{color:#888;}
i.red {color:red;}
.fs12 {font-size:12px;}

/*sequence*/
.sequenceCom li{ float:left; height:28px; line-height:24px; padding:0 15px; margin-left:10px; border-radius:28px; background:#e9e9e9; font-size:13px; color:#aaa; cursor:pointer;}
.sequenceCom li span,.sequenceCom li i{ display:inline-block; vertical-align:middle;}
.sequenceCom li span{ margin-right:5px;}
.sequenceCom li.now,.sequenceCom li:hover{ background:#9ed643; color:#fff;}
.sequenceCom li.now i.riseS,.sequenceCom li:hover i.riseS{ background-position:-105px -36px;}
.sequenceCom li.now i.dropS,.sequenceCom li:hover i.dropS{ background-position:-90px -36px;}

/*edit*/
.editTips{ background:#f8f8f8; border-bottom:1px solid #eee;}
.editTips p{ font-size:12px; color:#888;}
.editTips p i{ position:relative; top:8px; font-size:24px; color:#f00;}
.editTips p .city{ font-size:18px; color:#444;}
.editTips p span{ font-size:14px; color:#444; margin-right:10px; display:inline-block; vertical-align:middle;}
.editTips p a{ display:inline-block; vertical-align:middle; color:#888;}

.editInfo{ padding:10px 0;}
.editInfo li{ float:left; margin:10px 20px;}
.editInfo li span,.editInfo li input{ display:inline-block; vertical-align:middle;}
.editInfo li span{ width:80px; text-align:right;}
.editInfo li input{ width:160px; margin-left:10px;}

.editTableTop{ border-bottom:1px solid #d6d6d6; padding:20px;}
.editTableTop .buttonOrangeG{ margin:0 auto; padding:0 60px;}
.editTableTop h2{ font-size:16px;}
.editTableTop h2 span{ font-size:20px; color:#4a8ac9;}
.editTable{ padding-top:15px;}
.editTable table td{ padding:10px 5px; white-space:nowrap;}
.editTable table td h3,.editTable table td em,.editTable table td span,.editTable table td input,.editTable table td a.delete{ display:inline-block; vertical-align:middle;}
.editTable table td h3{ height:32px; line-height:32px;}
.editTable table td em{ color:#f00; font-size:24px; font-weight:700; margin-right:3px; position:relative; top:5px;}
.editTable table td span.unit{ margin-left:5px; color:#666;}
/*.editTable table td span.readonly,*/.editTable table td span.readonly input{ display:inline-block; height:32px; line-height:32px; border:1px solid #eaeaea; border-radius:3px; background-color:#f0f0f0; color:#bbb; text-indent:10px; text-shadow:1px 1px 0 #fff;}
.editTable table td label{ margin-right:20px;}
.editTable table td label input{ margin:0 5px;}
.editTable table td p{ height:32px; line-height:32px;}
.editTable table td .carList,.editTable table td .linkmanList{ margin-top:10px;}
.editTable table td .carList{ width:80%;}
.editTable .buttonBule,.editTable .buttonDray{ display:inline-block; padding:0 25px; margin-right:10px; vertical-align:middle;}
/*.editTable p.tips{ font-size:12px; color:#aaa; margin-top:5px;}
.editTable .listSelect{ margin-top:10px;}
.editTable .tableSimple td{ padding:5px !important; font-size:12px !important;}*/
.etPage .custom-combobox input{ width:174px !important;}

.editTableSi{ padding-top:5px;}
.editTableSi table td{ padding:6px 5px; white-space:nowrap;}
.editTableSi table td h3,.editTable table td em,.editTable table td span,.editTable table td input,.editTable table td a.delete{ display:inline-block; vertical-align:middle;}
.editTableSi table td h3{ height:32px; line-height:32px;}
.editTableSi table td em{ color:#f00; font-size:24px; font-weight:700; margin-right:3px; position:relative; top:5px;}
.editTableSi table td span.unit{ margin-left:5px; color:#666;}
/*.editTable table td span.readonly,*/.editTable table td span.readonly input{ display:inline-block; height:32px; line-height:32px; border:1px solid #eaeaea; border-radius:3px; background-color:#f0f0f0; color:#bbb; text-indent:10px; text-shadow:1px 1px 0 #fff;}
.editTableSi table td label{ margin-right:20px;}
.editTableSi table td label input{ margin:0 5px;}
.editTableSi table td p{ height:32px; line-height:32px;}
.editTableSi table td .carList,.editTable table td .linkmanList{ margin-top:10px;}
.editTableSi table td .carList{ width:80%;}



.editOperate{ padding-bottom:50px; margin-top:30px; text-align:center;}
.editOperate button{ display:inline-block; height:46px; padding:0 40px; margin:0 10px; font-size:18px;}
.editOperate button i,.editOperate button span{ display:inline-block; vertical-align:middle;}
.editOperate button i{ margin-right:10px;}

.editTable a.e_delete{display:inline-block; vertical-align:middle; margin-left:10px;}
.editTable .searchCom{padding:0;}
.editTable .searchCom li{margin:10px 20px 10px 0;}

/*report*/
.subResultTop{ padding:10px 20px; border-bottom:1px solid #ddd; background:#fff;}
.subResultBottom{ border-radius:0 0 3px 3px; background:#e6e6e6; padding:15px 10px;}

.subResult{ position:relative; border:1px solid #d6d6d6;}
.subResultTopS{ height:34px; padding:0 10px; border-bottom:1px solid #d6d6d6; background:#e5e5e5;}
/*.subResultBottomS{ border-radius:0 0 3px 3px; background:#e6e6e6; padding:15px 10px;}*/

/*table*/
.showTable td{ border:1px solid #ddd; padding:10px;}
.showTable .title{ background:#f0f0f0;}
.showTable .title td{ font-weight:700;}
.showTable .name{ background:#f5f5f5;}

/*导入网点*/
#importDiv .tableCom th,#importDiv .tableCom td{ font-size:12px;}

/*修改运单*/
.branchInfo{ padding:10px 40px;}
.branchInfo .tab ul li{ position:relative; float:left; width:86px; height:90px; margin:20px;}
.branchInfo .tab ul li sub{ display:block;}
.branchInfo .tab ul li span{ display:table-cell; width:86px; height:75px; vertical-align:middle; border-radius:5px; background:#eaeaea; font-size:18px; color:#888; text-align:center;}
.branchInfo .tab ul li a.deleteS{ position:absolute; top:-9px; right:-9px;}
.branchInfo .tab ul li span:hover{ cursor:pointer;}
.branchInfo .tab ul li.now span,.branchInfo .tab ul li span:hover{ background:#5cb0ef; color:#fff;}
.branchInfo .tab ul li.now sub{ width:86px; height:15px; background:url(images/arrow_bx.png) no-repeat;}
.branchInfo .tab a.add{ float:left; width:36px; height:36px; padding:18px 23px 17px; margin:20px 0 0 15px; border-radius:5px; border:2px solid #eaeaea;}
.branchInfo .tab a.add i{ display:block; width:36px; height:36px; background:url(images/icon.png) no-repeat -25px -241px; text-indent:-9999px;}
.branchInfo .tab a:hover.add{ background:#f5f5f5;}
.branchInfo .info{ padding:0 40px 0 20px; margin-left:20px; border:1px solid #5cb0ef; background:#f6fbfe;}
.branchInfo .info li{ margin:20px 0;}
.branchInfo .info li span,.branchInfo .info li input,.branchInfo .info li em,.branchInfo .info li a{ display:inline-block; vertical-align:middle;}
.branchInfo .info li input{ width:95px; padding-right:5px; margin:0 5px; text-align:right;}
.branchInfo .info li input.inputSelect{ width:120px; text-align:left;}
.branchInfo .info li .ml{ margin-left:30px;}
.branchInfo .info li a{ padding:5px; border-radius:5px;}
.branchInfo .info li a:hover{ background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3);}

/*运单监控/承运商派车*/
#monitList .tab li{ position:relative; float:left; width:18.857142%; height:74px; margin-right:1.428571%; background:#f5f5f5; box-shadow:0 0 3px rgba(0,0,0,0.15); color:#aaa;}
#monitList .tab li.last{ margin-right:0;}
#monitList .tab li.now,#monitList .tab li:hover.now{ background:#f8a72e; color:#fff;}
#monitList .tab li h3{ padding-left:12px; margin-top:6px; font-size:22px;}
#monitList .tab li a{ display:inline-block; padding-left:12px; margin-top:5px; color:#f8a72e;}
#monitList .tab li span{ position:absolute; right:10px; bottom:15px; font-size:32px;}
#monitList .tab li:hover{ background:#fff; cursor:pointer;}
/*#monitList .pc{ height:155px; padding:10px 0;}*/

#monitList .info,#appoint .info{ float:left; width:150px; padding:10px 15px; border-right:1px solid #e5e5e5; background:#f5f5f5;}
#monitList .info h3{ margin-bottom:8px;}
#monitList .info h3 span,#monitList .info h3 em,#monitList .info h3 i{ display:inline-block; vertical-align:middle;}
#monitList .info h3 span{ margin-right:10px; font-size:16px; color:#222;}
#monitList .info h3 em{ width:45px; height:20px; line-height:20px; border-radius:3px; font-size:12px; color:#fff; text-align:center;}
#monitList .info h3 i{ margin-left:3px; font-size:12px; color:#f00; font-weight:400; cursor:pointer;}
#monitList .info p,#appoint .info p{ margin-top:3px; font-size:12px;}
#monitList .boxCom,#appoint .boxCom{ position:relative;}
#monitList a.link{ position:absolute; right:0; width:55px; height:100%;}
#monitList a:hover.link{ background:rgba(0,0,0,0.05);}
#monitList a.link i{ position:absolute; left:50%; top:50%; margin:-24px 0 0 -12px;}


.appointO .operate{ margin-top:8px;}
.appointO .operate li{ float:left; height:32px; line-height:32px;}
.appointO .operate li input,.appointO .operate li span,.appointO .operate li label,.appointO .operate li button{ display:inline-block; vertical-align:middle;}
.appointO .operate li.batch{ margin-right:50px;}
.appointO .operate li.batch input{ margin-right:5px;}
.appointO .operate li.batch button.buttonBule{ margin:0 10px;}
#appoint .notStart .info p{ display:block;}
#appoint a.link{ position:absolute; right:0; width:55px; height:100px; line-height:100px; background:rgba(0,0,0,0.05); text-align:center;}
#appoint a:hover.link{ background:rgba(248,167,46,0.15);}
.appointT{ padding:15px 20px 0;}
.appointT h4{ margin-bottom:15px; font-size:12px;}
.appointT .infoEdit span,.appointT .infoEdit input,.appointT .infoEdit button{ display:inline-block; vertical-align:middle;}
.appointT .infoEdit input{ margin-left:5px;}
.appointT .infoEdit button{ margin:0 10px;}
.appointT .infoEdit button.buttonBule{ margin-left:40px;}


.runLineS{ position:relative; padding:32px 20px;}
.runLineS .line{ height:10px; border-radius:20px; background:#d6d6d6; margin:0 60px 0;}
.runLineS .line p{ height:10px; border-radius:20px; background:#a4ca78;}
.runLineS .point{ position:absolute; top:-8px; width:160px; padding:10px 0; text-align:center;}
.runLineS .point p{ height:24px; line-height:24px; font-size:12px; color:#888;}
.runLineS .point .arrive,.runLineS .point .alarm,.runLineS .point .notReach,.runLineS .point .late,.runLineS .point .notOnTime,.runLineS .point .notReachZK,.runLineS .point .arriveAlarm{ position:relative; margin:10px 0;}
.runLineS .point .arrive span,.runLineS .point .alarm span,.runLineS .point .notReach span,.runLineS .point .late span,.runLineS .point .notOnTime span,.runLineS .point .notReachZK span,.runLineS .point .arriveAlarm span{ display:block; width:46px; height:46px; line-height:46px; margin:0 auto; border-radius:46px; border:2px solid #fff; font-size:24px; text-align:center;}
.runLineS .point .arrive span{ background:#a4ca78; color:#dae9c8;}
.runLineS .point .arriveAlarm span{ background:#ff0000; color:#ff8080;}
.runLineS .point .alarm span{ background:#fa0; color:#fee2ab;}
.runLineS .point .notReach span{ background:#d6d6d6; color:#eeeeee;}
.runLineS .point .late span{ background:#b6a2de; color:#e1d9f1;}
.runLineS .point .notOnTime span{ background:#5cb0ef; color:#bcdef8;}
.runLineS .point .notReachZK span{ background:#9c835b; color:#e6e1d9;}
.runLineS .point sub{ position:absolute; top:-5px; left:50px; width:22px; height:18px; line-height:19px; border-radius:3px; background:#fff; font-size:14px; font-weight:700;}
.runLineS .point sub.unusual{ color:#f00;}
.runLineS .point .arrive sub{ border:2px solid #a4ca78;}
.runLineS .point .arriveAlarm sub{ border:2px solid #a4ca78;}
.runLineS .point .alarm sub{ border:2px solid #fa0;}
.runLineS .point .late sub{ border:2px solid #b6a2de;}
.runLineS .point .notOnTime sub{ border:2px solid #5cb0ef;}
.runLineS .carRun,.runLineS .carAlarm,.runLineS .carStop{ position:absolute; top:30px; width:20px; height:14px; background:url(images/icon.png) no-repeat; cursor:pointer;}
.runLineS .carRun{ background-position:0 -305px;}
.runLineS .carAlarm{ background-position:-20px -305px;}
.runLineS .carStop{ background-position:-40px -305px;}
.runLineS .point .arrive span i{ margin:15px; display:block; width:16px; height:16px; background:url(images/icon.png) no-repeat -16px -289px;}

.wayBillEdit a{ float:left; display:block; padding:9px 7px;}
.wayBillEdit a:hover{ background:#fff;}

.runLineBox {  overflow-x:auto; overflow-y:hidden; }
.runLine{ position:relative; float:left;}
.runLine .line{ height:10px; margin:80px 80px 0; border-radius:20px; background:#e5e5e5;}
.runLine .line p{ height:10px; border-radius:20px; background:#96cd68;}
.runLine .point{ position:absolute; top:0; width:140px; padding:10px; text-align:center;}
.runLine .point h3{ max-width:140px; margin:5px 0 5px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.runLine .point p{ height:24px; line-height:24px; font-size:12px; color:#888;width:145px;}
.runLine .point p em{ color:#444;}
.runLine .point span,.actualLine li sub{ display:inline-block; width:34px; height:34px; margin-top:10px; border-radius:34px;}
.runLine .arrive span,.runLine .complete span,.actualLine li.arrive sub,.actualLine li.complete sub{ background:#9ed643;}
.runLine .arrive span,.runLine .completeAlarm span,.actualLine li.arriveAlarm sub,.actualLine li.completeAlarm sub{ background:#f00;}
.runLine .completeAlarm span i,.actualLine li.completeAlarm sub i{ display:block; width:16px; height:16px; background:url(images/icon.png) no-repeat 0 -289px;}
.actualLine li.arriveAlarm sub i{ display:block; width:16px; height:16px; background:url(images/icon.png) no-repeat -16px -289px;}

.runLine .complete span,.actualLine li sub{ width:16px; height:16px; padding:9px;}
.runLine .complete span i,.actualLine li.complete sub i{ display:block; width:16px; height:16px; background:url(images/icon.png) no-repeat 0 -289px;}
.runLine .notReach span,.actualLine li.notReach sub{ background:#e5e5e5;}
.runLine .notReach h3{ color:#bbb;}
.runLine .carRun,.runLine .carAlarm,.runLine .carStop{ position:absolute; top:76px; width:20px; height:14px; background:url(images/icon.png) no-repeat; cursor:pointer;}
.runLine .carRun{ background-position:0 -305px;}
.runLine .carAlarm{ background-position:-20px -305px;}
.runLine .carStop{ background-position:-40px -305px;}
.runLine .carStopDispatch{ position:absolute; top:36px; width:20px; height:14px; background:url(images/icon.png) no-repeat; cursor:pointer;}
.runLine .carStopDispatch{ background-position:-40px -305px;}

.runLine span i.startText{color:#fff;font-size:16px;position:absolute;margin-top:5px;right:72px}

#appoint .info { position:relative; overflow:hidden; }
#appoint .info h3 { position:absolute; top:-5px; left:-16px; margin:0; width:50px; height:26px; line-height:30px; background:#f8a72e; color:#fff; text-align:center; transform:rotate(-45deg);font-size:12px }
/*#appoint .reDispatch{float:right;width:120px; padding:10px 15px;height:80px;border-right:1px solid #e5e5e5; background:rgba(0,0,0,0.05);}*/
#appoint .reDispatch{position:absolute; right:0;padding:10px 15px; width:120px; height:80px;background:rgba(0,0,0,0.05);border-right:1px solid #e5e5e5}
#appoint .reDispatch p{ margin-top:10px; font-size:12px;display:block;text-align:center;}

.notStart{ height:100px;}
.notStart p{ display:none;}
.notStart .info{ height:80px;}
.notStart .info h3{ margin-top:30px;}
.notStart .runLine .line{ margin-top:38px;}
.notStart .runLine .point span{ margin-top:15px;}

.linkMore{ padding:20px 20px 30px; text-align:center; font-size:16px;}

.wayBillLI{ padding:0 10px;}

.wayBillLI h3{ float:left; font-size:18px;margin-top:2px;}
.wayBillLI h3 em{ width:45px; height:20px;padding:3px 5px; margin-left:10px; line-height:20px; border-radius:3px; font-size:12px; color:#fff; text-align:center;}

.wayBillLI span{ display:inline-block; vertical-align:middle; line-height:34px;}
.wayBillLI span{ margin:0 10px; color:#888;}
.wayBillLI span.eReason{ color:#df0000; cursor:pointer; margin:0 10px 0 -5px; font-size:12px;}

#carInfoLayer{ padding:5px 15px;}
#carInfoLayer p{ margin:5px 0; font-size:12px;}

#areaInfoLayer{ padding:5px 15px;}
#areaInfoLayer p{ margin:5px 0; font-size:12px;}

.actualLine{ padding:20px;}
.actualLine li{ position:relative; height:100px; padding-left:25px; border-left:1px solid #e5e5e5;}
.actualLine li sub{ position:absolute; top:-15px; left:-18px; line-height:12px; font-size:16px; text-align:center; color:#fff;}
.actualLine li h2{ position:relative; top:-3px; line-height:12px; margin-bottom:5px;}
.actualLine li h2 span,.actualLine li h2 a{ display:inline-block; vertical-align:middle;}
.actualLine li h2 a{ margin-left:10px;}
.actualLine li p{ font-size:12px; color:#666;}
.actualLine li p span{ margin-right:20px;}
.actualLine li p span em{ color:#f00;}
.actualLine li p span i{ color:#888;}
.actualLine li.complete{ border-left:1px solid #96cd68;}
.actualLine li.notReach,.actualLine li.notReach p{ color:#bbb;}
.actualLine li.arrive h2{ font-size:18px; line-height:18px; color:#66bb20;}
.actualLine li.arrive sub i{ display:block; width:16px; height:16px; background:url(images/icon.png) no-repeat -16px -289px;}
.actualLine li.last{ border-left:1px solid transparent;}

/*报警处理*/
.alarmInfo .info{ padding:5px 10px; background:#f5f5f5;}
.alarmInfo .info table{ width:100%;}
.alarmInfo .info table td{ padding:5px 0; font-size:12px; color:#666;}
.alarmInfo .operate{ padding:20px; font-size:14px;}
.alarmInfo .operate p{ margin-bottom:10px;}
#AlarmDetailDiv .info{ background:#fff;}

/*角色管理*/
#rolediv .box{ width:55%; overflow:hidden; border-radius:3px; border:1px solid #ddd;}
#rolediv .box .operate{ padding:10px; background:#f5f5f5;}
#rolediv .box .info{ height:400px; overflow:auto;}
#roleSelDiv{ border:1px solid transparent;}

/*部门管理*/
#group .title{ height:32px; border-bottom:1px solid #eee;}
#group .title h2{ line-height:32px; text-align:center; font-weight:600;}
#group .title .tabG{ text-align:center;}
#group .title .tabG li{ display:inline-block; margin:4px 2px 0;}
#group .title .tabG li a{ display:block; width:70px; height:24px; line-height:24px; border-radius:24px; text-align:center; font-weight:600; color:#444;}
#group .title .tabG li a.now,#group .title .tabG li a:hover{ background:#5eaee3; color:#fff;}
#group .operate{ padding:0 5px; height:37px; overflow:hidden; background:#f5f5f5;}
#group .operate .shInput{ margin:5px 5px 0 0;}
#group .operate .info{ margin:7px 0 0 5px;}
#group .operate .info input,#group .operate .info span,#group .operate .info em{ display:inline-block; vertical-align:middle; font-size:12px;}
#group .operate .info span{ margin-left:3px;}
#group .operate .info em{ margin-left:5px;}
#group .treeBox{ overflow:auto;}
#group .mainL{ width:35%;}
#group .mainR{ position:relative; width:63%;}
#group .mainR .boxCom{ width:45%;}
#group .mainR .aOperate{ position:absolute; top:50%; left:50%; margin:-40px 0 0 -22px;}
#group .mainR .aOperate a{ display:block; padding:2px 10px; margin:10px 0; border-radius:3px; border:1px solid #d0d0d0; background:#f8f8f8; color:#666;}
#group .mainR .aOperate a:hover{ border:1px solid #5eaee3; background:#dcf1ff;}

.checkboxBtn{ margin-top:3px;}
.Orghead h2{font-size: 26px; line-height: 44px;}

/*个性设置*/
.boxColorOff{ background:#f8f8f8; cursor:pointer;}
.boxColorOff:hover{ background:#fdfdfd;}
.boxColorOpen{ background:#fff; border:1px solid #ddd !important; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.boxSet{ border:1px solid #e8e8e8; font-size:12px;}
.boxSet .title{ padding:0 20px; line-height:40px; overflow:hidden; clear:both;}
.boxSet .title .tName{ float:left; width:200px; font-weight:700;}
.boxSet .title .tContent{ float:left; width:460px; color:#888;}
.boxSet .title .tOption{ float:right; width:60px; text-align:right;}
.boxSet .box{ padding:0 20px 20px;}
.boxSet .line{ border-top:1px dotted #e0e0e0; border-top:1px dashed #e0e0e0\9; margin-top:10px; padding-top:10px;}
.boxSet .tips{ margin-bottom:5px; color:#aaa;}
.tableSet h3,.tableSet td{ font-size:12px;}
.tableSet h3{ margin:5px 0;}
.tableSet td{ padding:5px 0;}
.tableSet td.cName{ text-align:right; padding-right:20px;}
.tableSet td.cOperate{ padding:15px 0 0 0;}
.tableSet td.cOperate .buttonBule{ margin-right:15px;}
.tableSet td label{ margin-right:20px;}
.tableSet td input,.tableSet td span{ display:inline-block; vertical-align:middle;}
.tableSet td input{ margin-right:3px; font-size:12px;}

/*推荐线路
.lineContrast{ display:table; width:100%; height:39px; background:#f5f5f5;}
.lineContrast ul{ display:table-row;}
.lineContrast ul li{ position:relative; display:table-cell;}
.lineContrast ul li.before{ background:#fff1e7;}
.lineContrast ul li.after{ background:#e6f0e5;}
.lineContrast ul li.beforeHover{ background:#ffe5d3; cursor:pointer;}
.lineContrast ul li.afterHover{ background:#d7efd3; cursor:pointer;}
.lineContrast ul li h3{ line-height:39px; font-size:16px; text-align:center;}
.lineContrast ul li p{ position:absolute; top:10px; font-size:12px; color:#888;}
.lineContrast ul li p span,.lineContrast ul li p i,.lineContrast ul li p em{ display:inline-block; vertical-align:middle;}
.lineContrast ul li p i{ width:20px; height:15px; vertical-align:middle;}
.lineContrast ul li.before p i{ background:#f30;}
.lineContrast ul li.after p i{ background:#080;}
.lineContrast ul li.beforeHover p i{ background:#f30;}
.lineContrast ul li.afterHover p i{ background:#080;}
.lineContrast ul li p.legend{ left:20px;}
.lineContrast ul li p.info{ right:20px;}

.lineMode{ position:relative; height:49px; background:#f0f0f0;}
.lineMode .tab{ text-align:center;}
.lineMode .tab a{ display:inline-block; width:36px; height:36px; overflow:hidden; margin:7px 15px 0;}
.lineMode .tab a i{ -moz-transition:none; transition:background-position 0s;}
.lineMode .tab a.now i.mdSingleMap,.lineMode .tab a:hover i.mdSingleMap{ background-position:0 -368px;}
.lineMode .tab a.now i.mdDualMap,.lineMode .tab a:hover i.mdDualMap{ background-position:-36px -368px;}
.lineMode .tab a.now i.mdChart,.lineMode .tab a:hover i.mdChart{ background-position:-72px -368px;}
.lineMode .tab a:hover{ opacity:0.8;}
.lineMode .tab a:hover.now{ opacity:1;}
.lineMode a.buttonOrange{ position:absolute; top:9px; right:20px;}

.lineDot li{ position:relative; width:1px; height:58px; border:1px solid #96cd68; background:#96cd68}
.lineDot li.last{  border-color:transparent; background:none;}
.lineDot li span{ position:absolute; top:-1px; left:-17px; display:block; width:34px; height:34px; line-height:34px; background:url(images/icon.png) no-repeat 0 -242px; text-align:center; color:#fff;}

.lineTitle li{ height:60px; font-size:16px; line-height:32px;}
.lineTitle li span{ display:inline-block; min-width:300px; border-bottom:1px dotted #ccc; border-bottom:1px dashed #ccc\9;}

#doubleMapDiv .lineCom{ border-right-width:3px;}
#compareListDiv{ overflow-y:auto; background:#ecf4eb;}
#compareListDiv .line{ position:relative;  border-right:3px solid #eee;}
#compareListDiv .lineDot{ position:absolute; top:0; right:-3px; padding-top:20px; }
#compareListDiv .before{ text-align:right; background:#fef5ee; padding-top:20px; overflow:hidden;}
#compareListDiv .before li{ padding-right:40px;}
#compareListDiv .after{ padding-top:20px; overflow:hidden;}
#compareListDiv .after li{ padding-left:38px;}
#bList {background:#fef5ee;}*/

/*FDC看板
#FDCBoardBody .comWdate{ width:175px !important;}
#FDCBoardBody .comWdate .Wdate{ width:160px !important;}
#boardContent{ padding-top:95px;}
#boardContent th p{ font-size:12px; color:#aaa;}
#boardContent td em,#boardContent td span{ display:inline-block; vertical-align:middle;}
#boardContent td em{ height:10px; background:#96cd68;}
#boardContent td span{ margin-left:3px; font-size:12px;}*/

/*other*/
.pq-grid-header .pq-col-sort-desc .pq-col-sort-icon{ margin-left:3px !important; background-position:left 5px !important;}
/*#goodtype_tempstandard_table .pq-grid div.pq-header-outer{ height:89px !important;}
#goodtype_tempstandard_table .pq-grid span.pq-grid-header{background:#efefef !important;background-image: none !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#efefef'); }*/

/*#wayBillInfo p{ margin-bottom:10px;}
#wayBillInfo div span,#wayBillInfo div .comWdate{ float:left;}
#wayBillInfo div span{ line-height:32px;}*/

#saveLinePopDiv .box{ padding:20px 20px 0;}

#tColSetDiv #pColDiv{ width:379px;}
#tColSetDiv #cColDiv{ width:380px;}
#tColSetDiv .mr{ margin-right:15px;}
#tColSetDiv h2{ background:#f0f0f0; padding:5px 0; font-weight:700; text-align:center;}

/*areaInsPage*/
/*图标选择层*/
.iconSel{ position:absolute;}
.iconSel img{width:25px; height:25px; cursor:pointer; margin:12px;}

.colorSel{ position:absolute; padding:5px;}
.colorSel a{ display:inline-block; border-radius:3px; margin:2px; padding:3px;}
.colorSel a:hover{ background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.4);}
.colorSel a span{ display:block; width:20px; height:20px; border-radius:3px; border:1px solid #fff; text-indent:-9999px;}
.colorSel a span.Black{ background:#000000;}
.colorSel a span.Red{ background:#ee2424;}
.colorSel a span.NavyBlue{ background:#1f497d;}
.colorSel a span.DarkBrown{ background:#938953;}
.colorSel a span.Blue{ background:#4f81bd;}
.colorSel a span.Olive{ background:#9bbb59;}
.colorSel a span.Purple{ background:#8064a2;}
.colorSel a span.WaterGreen{ background:#4bacc6;}
.colorSel a span.Orange{ background:#f79646;}
.colorSel a span.Pink{ background:#ec3188;}
.colorSel a span.LightBlue{ background:#00b0f0;}
.colorSel a span.Green{ background:#00b050;}

/*系统通知*/
.editNotice{ padding:0 20px;}
.editNotice ul li{ float:none; line-height:50px; border-bottom:1px solid #eee;}
.editNotice ul li .title{ display:inline-block; min-width:60px;}
.editNotice .selectNot{ position:relative; display:inline-block; color:#888; cursor:pointer;}
.editNotice li .selectNot:hover .layer{display:block;}
.editNotice .layer{ right:0; top:40px;}
.editNotice .layer ul li{ line-height:24px;}
.editNotice .layer input{vertical-align:middle;}
.editNotice .confirmNot{border-top: 1px solid rgb(221, 221, 221); width:auto; height:30px; background: rgb(241, 241, 241) none repeat scroll 0% 0%;text-align:center;}
.editNotice .confirmNot input{margin-top:5px;}
.editNotice ul li.last{ border:none;}

.objectNot{ display:inline-block;}
.objectNot dl dd{ float:left;}
.objectNot span em{height:18px; line-height:18px; background:#eaeaea; padding:3px 5px; border-radius:3px; margin-left:2px; vertical-align:middle;}
.objectNot span .deleteNot{ width:12px; height:12px; padding:6px; display:inline-block; margin-right:10px; vertical-align:middle; cursor:pointer;}

.noticeDel h2{ text-align:center;font-size:18px;}
.noticeDel p.tl{ text-indent:2em;}

/*消息列表的弹框*/
.showMsg{margin:40px 0 0 40px;}

.searchList li{margin:10px; float:left;line-height: 34px;}
.open_tab,.close_tab{width: 34px;height: 34px;border-radius: 3px;font-size: 0; background:#d40511 url(images/icon_table.png) no-repeat 9px -255px;}
.open_tab:hover,.close_tab:hover{background-color:#ee3641;}
.close_tab{background:#d40511 url(images/icon_table.png) no-repeat 9px -215px}

/*公务车费用设置*/
.vehFee {width:70%;border: 1px solid #D0D0D0;border-radius:10px;margin-left:10%;}
.feeInfo {padding-left:10px;font-weight: bold;}