@charset "utf-8";
/* CSS Document */
*{ transition:background 0.5s;}
#mapDiv *,.pq-grid *,#singleMapDiv *,#doubleMap1 *,#doubleMap2 *,i,input{ -moz-transition:none; transition:background-position 0s;}
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,form,p,input,button,span,em,i{ margin:0; padding:0;}
body,td,th,h1,h2,h3,h4,h5,h6{ font:14px/1.5em Tahoma,Arial,Microsoft YaHei,Verdana,Simsun,Arial Unicode MS,Mingliu,Helvetica;}
address,caption,em,th,i,var{font-style:normal;}
ol,ul{ padding:0; list-style-type:none;}
body{ background:#eee; color:#444;}
table{ border-collapse:collapse; border-spacing:0;}
a img{ border:none;}
input,textarea,button,select{ outline:none; border:0; background:none; font-family:Tahoma,Arial,Microsoft YaHei,Verdana,Simsun,Arial Unicode MS,Mingliu,Helvetica;}
input::-moz-focus-inner{ border:0;}
label:hover{ cursor:pointer;}
.fix:after{ content:'.'; display:block; clear:both; visibility:hidden; height:0px;}
.fix{ zoom:1;}
.marginTopTab{ margin-top:51px;}

/*link*/
a{ outline:none; text-decoration:none;}
a:link,a:visited,.mapLayer .ui-widget-content a{ color:#0099cf;}
a:hover,.operateCom li a:hover,.mapLayer .ui-widget-content a:hover{ color:#0099cf;}

/*遮罩层*/
.maskLayer {position:absolute; z-index:11; left:0;top:0; width:100%;height:100%;background:rgba(0,0,0,0.5);background:url(images/opcityBlack.png) repeat\9;}

/*layout*/
.fl{ float:left;}
.fr{ float:right}
/*.hs{ min-height:567px;}
.ths{ min-height:470px;}*/
.pc{ padding:10px 20px;}
.pcS{ padding:10px;}
.mc{ margin:0 20px;}
.mt{ margin-top:20px;}
.mt10{margin-top:10px;}
.mb{ margin-bottom:20px;}
.ml{ margin-left:20px;}
.mr{ margin-right:20px;}
/*.fc{ text-align:center;}*/

/*status*/
.sWait{ background:#ffad6c;}
.sPicking{ background:#5cb0ef;}
.sDelivery{ background:#9ed643;}
.sEnd{ background:#52b3fc;}
.sWarehouse{ background:#9c835b;}

/*header*/
#header{ position:fixed; top:0; width:100%; height:50px; background:#0074b7; z-index:1000;}
#logo{ display:block; float:left; width:120px; height:50px;margin-left: 10px;background:url(images/logo_s.png) no-repeat; text-indent:-9999px;}
.logoTitle{display: inline-block;float: left;line-height: 50px;margin-left: 10px;font-size: 20px;color: rgba(255,255,255,0.6);}
#user{ position:absolute; right:0; height:50px; background:#007cc3; z-index:1; color:#d40511;}
#user p a{ display:block; line-height:50px; padding:0 25px; color:#6baed6; overflow:hidden;}
/*#user p a:hover,#user:hover{ background:#ffdc52; color:#d40511;}*/
#user:hover p a{ color:#fff;}
#user p a span,#user p a i{ display:inline-block; vertical-align:middle;}
#user p a span{ margin-right:8px; width:80px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; text-align:center;}
#user .quickMenuLayer{ display:none;}
#user:hover .quickMenuLayer{ display:block;}
.quickMenuLayer{ top:49px; padding-bottom:10px;}
.quickMenuLayer ul li a{ display:block; padding:10px 0 10px 15px; color:#6baed6;}
.quickMenuLayer ul li a:hover{ background:#0d82c5;}
.quickMenuLayer ul li a i,.quickMenuLayer ul li a span{ display:inline-block; vertical-align:middle;}
.quickMenuLayer ul li a i{ margin-right:10px;}
#systemSettings{ right:0; width:100%;}

.remind{ margin-right:160px;}
.remind li{ position:relative; float:left;}
.remind li sub{ position:absolute; top:10px; right:12px; width:10px; height:10px; border-radius:20px; background:#f00;}
.remind li a{ display:block; padding:14px 15px 15px;}
.remind li:hover{ background:#f8f8f8;}
.remind .layer{ position:absolute; z-index:999; top:49px; right:-100px; display:none; width:300px; border-radius:0 0 3px 3px; border:1px solid #2d3e50; border-top:none; background:#f8f8f8; font-size:12px;}
.remind .layer a{ padding:0;}
.remind .layer .box{ position:relative; padding:5px 10px; border-bottom:1px solid #e0e0e0;}
.remind .layer .box h3{ font-size:12px;}
.remind .layer .box h3 span{ float:right; color:#aaa;}
.remind .layer .box p{ color:#666;}
.remind .layer .box .link{ position:absolute; bottom:10px; right:10px;}
.remind .layer .box .link a,.remind .layer .box .link em{ display:inline-block; line-height:12px; vertical-align:middle;}
.remind .layer .box .link em{ margin:0 6px; color:#5eaee3;}
.remind .layer .clearLine{ border-bottom:none;}
.remind .layer .more{ border-radius:0 0 3px 3px; background:#f5f5f5;}
.remind .layer .more a{ display:block; padding:5px; text-align:center;}
.remind li:hover .layer{ display:block;}

/*nav*/
#nav{ position:absolute; z-index:0; height:50px; left:400px;}
#nav ul{ float:left;}
#nav ul li{ float:left; margin:0 5px;}
#nav ul li a{ display:block; height:50px; line-height:50px; padding:0 20px; font-size:16px; color:rgba(255,255,255,0.7);}
#nav ul li.now{ background:#1c92d1; }
#nav ul li.now a{ color:#fff; }
#nav ul li.down{ background:#1c92d1;}
#nav ul li.down a:hover,#nav ul li a:hover{ background:#1c92d1;color:#fff;}
.navLayer,.quickMenuLayer{ position:absolute; top:50px; z-index:2; background:#007cc3;}
.navLayer{ min-width:116px; padding-bottom:10px;}
.navLayer li{ margin:0;}
.navLayer ul li a{ display:block; padding:5px 25px 5px 15px; font-size:14px; color:#78bce4;}
.navLayer ul li a:hover{ background:#2991cd; color:#fff;}
#dispatchLayer{ left:327px;}
#MonitorLayer{ left:453px;}
#reportLayer{ left:579px;}
#settingLayer{ left:705px;}
#systomLayer{ left:831px;}

/*footer*/
#footer{ height:42px; background:#1d2a37;}
#footer p{ line-height:42px; font-size:12px; text-align:center; color:#62676c;}

/*input/button*/
.inputCom,.selectCom,.textareaCom{ border:1px solid #dfdfdf; border-radius:3px; background-color:#f8f8f8;}
.inputCom{ height:32px; line-height:32px; text-indent:10px;}
.inputSelect{ background-image:url(images/arrow_b.png); background-repeat:no-repeat; background-position:right center;}
.colorInputCom{ width:26px; height:26px; cursor:pointer;}
.selectCom{ height:34px; line-height:34px; padding-left:10px; padding:3px 0 0 3px;}

.custom-combobox input,.custom-combobox a{ display:inline-block; vertical-align:middle;}
.custom-combobox input{ height:32px; line-height:32px; border-radius:3px 0 0 3px !important; border:1px solid #dfdfdf !important; border-width:1px 0 1px 1px !important; background:#f8f8f8 !important; margin-right:0 !important; text-indent:10px;}
.custom-combobox a{ width:25px; height:32px; padding:0; border-radius:0 3px 3px 0 !important; border:0 !important; border:1px solid #dfdfdf !important; border-width:1px 1px 1px 0 !important; background:#f8f8f8 !important;}
.custom-combobox a.ui-state-default .ui-icon{ width:15px !important; height:15px !important; background:url(images/arrow_b.png) no-repeat !important;}
.ui-autocomplete{ position:absolute; width:200px; border:1px solid #eee !important; border-radius:0 0 3px 3px !important; background:#f8f8f8 !important; margin-top:-3px !important; padding:0 !important;}
.ui-autocomplete li{ padding:0 !important;}
.ui-autocomplete li a{ border:0 !important; margin:0 !important; border-radius:0 !important; padding:3px 10px !important;}
.ui-autocomplete li a:hover{ background:#e0e0e0 !important; cursor:pointer;}
.ui-autocomplete li a.select{ background:#ccc; color:#fff;}

.unavailable{ color:#b0b0b0 !important;}
.unavailable .inputCom{ border:1px solid #eaeaea !important; color:#b0b0b0 !important;}
.unavailable .Wdate{ color:#b0b0b0 !important;}

.shInput{ height:25px; border-radius:3px; border:1px solid #dfdfdf; background-color:#f8f8f8;}
.shInput .inp{ float:left; height:25px; line-height:25px; text-indent:5px; color:#c0c0c0;}
.shInput .bot,.shInput .botOver{ float:right; width:15px; height:15px; background:url(images/icon.png) no-repeat; cursor:pointer; margin:5px 5px 0 0; overflow:hidden;}
.shInput .bot{ background-position:-15px -21px;}
.shInput .botOver{ background-position:-180px -21px;}

.buttonDray,.buttonBule,.buttonOrange,.buttonOrangeG{ display:inline-block; border-radius:3px; padding:0 20px; cursor:pointer; color:#fff !important;}
.buttonDray,.buttonBule,.buttonOrange{ height:34px; line-height:34px;}
.buttonBule{ background:#5cb0ef;}
.buttonBule:hover{ background:#5cb0ef;}
.buttonDray{ background:#d9e1e8; color:#444 !important;}
.buttonDray:hover{ background:#d9e1e8;}
.buttonOrange,.buttonOrangeG{ background:#ff9900;}
.buttonOrangeG{ display:block; height:42px; line-height:42px; font-size:16px;}
.buttonOrange:hover,.buttonOrangeG:hover{ background:#ffaa00;}

.buttonCom,.buttonComOver{ height:26px; line-height:24px; padding:0 10px; border-radius:3px; border:1px solid #b8b8b8; background:#f0f0f0; font-size:12px; color:#555;}
.buttonComOver,a:hover.buttonCom,.buttonCom:hover{ border:1px solid #5eaee3; background:#dcf1ff; cursor:pointer;}
button.buttonCom{ line-height:normal !important;}
.ui-dialog-buttonset .ui-state-default span,.ui-dialog-buttonset .ui-state-hove span{ line-height:22px;}
.ui-dialog-buttonset .ui-state-default,.ui-dialog-buttonset .ui-state-hover{ height:24px; padding:0 5px; border-radius:3px; border:1px solid #b8b8b8 !important; background:#f0f0f0 !important; font-size:12px !important; color:#555 !important; cursor:pointer;}
.ui-dialog-buttonset .ui-state-hover{ border:1px solid #5eaee3 !important; background:#dcf1ff !important;}
.ui-dialog-content{ padding:0 !important;}
.ui-dialog-buttonset{ text-align:center !important; background:#ececec !important;}
.ui-button-text{ padding:0 10px !important;}

/*box*/
.boxCom{ background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.15);}

.boxSelect,.boxStep{ padding:10px; background:#f5f5f5;}
.boxSelect i,.boxSelect input,.boxSelect a,.boxSelect span,.boxSelect em{ display:inline-block; vertical-align:middle;}
.boxSelect i,.boxSelect input{ margin-right:5px;}
.boxSelect a i,.boxSelect a span{ display:inline-block !important; vertical-align:middle;}
.boxSelect input{ color:#aaa; font-size:14px !important;}
.boxSelect .custom-combobox input{ width:70px; color:#aaa;}
.boxSelect em,.boxSelect .custom-combobox{ margin-right:5px;}
.boxSelect a.buttonBule{ margin-right:10px;}
.boxSelect a.download{ float:right; margin:6px 5px 0 0;}
.boxStep{ background:#f2f2f2; text-align:center;}
.boxStep .buttonBule,.boxStep .buttonDray{ padding:0 25px; margin:0 10px;}

/*line*/
.lineCom{ border-right:1px solid #d6d6d6;}
.lineComB{ border-bottom:1px solid #eee;}
/*.lineComT{ border-top:1px solid #d6d6d6;}
.bgColor{ background:#f3f3f3;}*/

/*table*/
.tableEdit li{ position:relative; float:left; margin-right:10px;}
.tableEdit li button{ height:26px; padding:0 8px; border-radius:3px; border:1px solid #b8b8b8; background:#f0f0f0; font-size:12px; color:#555; overflow:hidden;}
.tableEdit li button:hover{ border:1px solid #ffcc00; background:#fff8db; cursor:pointer;}
.tableEdit li button i{ margin-left:8px;}
.tableEdit li:hover .layer{ display:block;}
.tableEdit .layer,.editNotice .layer{ display:none; position:absolute; top:26px; z-index:100; padding:5px 0; border-radius:3px; border:1px solid #bbb; background:#f5f5f5; font-size:12px;}
.tableEdit .layer li,.editNotice .layer li{ float:none; padding:3px 20px 3px 10px; margin-right:0; word-break:keep-all; white-space:nowrap;}
.tableEdit .layer li:hover,.editNotice .layer li:hover{ background:#e5e5e5; cursor:pointer;}

.tableCutover ul{ border-radius:3px; border:1px solid #5eaee3; overflow:hidden;}
.tableCutover ul li{ float:left; height:24px; line-height:24px; padding:0 10px; font-size:12px; color:#49a3df;}
.tableCutover ul li:hover{ background:#dcf1ff; cursor:pointer;}
.tableCutover ul li i{ margin-top:4px;}
.tableCutover ul li.now{ background:#5eaee3; color:#fff;}
.tableCutover ul li.now i.tCLine{ background-position:-195px -36px;}
.tableCutover ul li.now i.tTable{ background-position:-210px -36px;}

.tableCom,.tableSimple{ overflow:auto;}
.tableCom table{ width:100%;}
.tableCom th,.tableCom td{ padding:5px 10px; border:1px solid #ddd;}
.tableCom th:first-child,.tableCom td:first-child{ border-left:none;}
.tableCom th:last-child,.tableCom td:last-child{ border-right:none;}
.tableCom th{ background:#ebebeb;}

.tableSimple .operate{ padding:10px 20px;}
.tableSimple table{ width:100%;}
.tableSimple th,.tableSimple td{ padding:5px; border:1px solid #ddd; font-size:12px;}
.tableSimple th{ background:#f0f0f0; font-weight:600;}
.tableSimple td a{ margin:0 3px; color:#5eaee3;}
.tableSimple td a:hover{ color:#6cc4ff;}

/*tab*/
/*.tabStatus li{ float:left; height:30px; margin:0 5px; border-radius:20px;}
.tabStatus li:hover{ background:#78c0ef;}
.tabStatus li.now,.tabStatus li:hover.now{ background:#5eaee3;}
.tabStatus li a{ display:block; line-height:30px; padding:0 20px; color:#444;}
.tabStatus li.now a,.tabStatus li:hover a{ color:#fff;}*/

/*list*/
.listBranch,.listBranchS{ overflow:auto;}
.listBranch input,.listBranch span{ display:inline-block; vertical-align:middle; padding:5px 0;}
.listBranch input{ margin:0 10px 0 5px;}
.listBranch span{ max-width:465px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}

.listBranchS ul{ overflow:hidden; padding:5px;}
.listBranchS li{ width:33.3%; float:left; padding:5px 0;}
.listBranchS li:hover{ background:#f0f0f0;}
.listBranchS li input,.listBranchS li span{ display:inline-block; vertical-align:middle;}
.listBranchS li input{ margin:0 5px 0;}
.listBranchS li span{ max-width:120px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}

.listSelect,.listSelectS{ overflow:auto; max-height:260px; background:#f3f6fb; border:1px dotted #7bafd7; border:1px dashed #7bafd7\9;}
.listSelect li{ overflow:hidden; clear:both; padding:5px 0;}
.listSelect li:hover{ background:#fff;}
.listSelect span{ float:left;}
.listSelect a.delete{ float:right; margin-right:10px;}

.listSelectS{ height:93px;}
.listSelectS ul{ overflow:hidden;}
.listSelectS li{ float:left; margin:5px;}
.listSelectS li span,.listSelectS li a{ display:inline-block; vertical-align:middle;}
.listSelectS li span{ margin-right:5px;}

/*controlList*/
.carList,.linkmanList{ border:1px dashed #5cb0ef; background:#f6fbfe; padding:5px 0;}
.carList ul,.SMSList ul{ overflow:hidden;}
.carList ul li{ float:left; margin:5px 10px;}
.carList ul li span{ float:left !important; display:block !important; font-size:12px !important; line-height:12px !important; margin:0 !important;}
.carList ul li a{ display:block; float:left !important; width:10px !important; height:10px !important; background:url(images/icon_track.png) no-repeat -215px 0 !important; text-indent:-9999px !important; margin:1px 0 0 3px !important;}
.carList ul li a:hover,.SMSList ul li a:hover{ opacity:0.8 !important;}

.linkmanList{ padding:5px 10px;}
.linkmanList ul li{ margin:5px 0; font-size:12px;}
.linkmanList ul li span,.linkmanList ul li input,.linkmanList ul li em,.linkmanList ul li a{ display:inline-block; vertical-align:middle;}
.linkmanList ul li span.name{ width:120px; margin-right:20px; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow: ellipsis;}
.linkmanList ul li label{ margin-right:30px;}
.linkmanList ul li a{ padding:5px; border-radius:3px;}
.linkmanList ul li a:hover{ background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3);}

.listDrag{ overflow:auto; padding-right:10px;}
.listDrag li.ui-state-default{ background:#f3f6fb !important; border:1px dotted #7bafd7; border:1px dashed #7bafd7\9; margin:5px 0; padding:5px;}
.listDrag li.ui-state-default span{ display:inline-block; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.listDrag li.ui-state-default a.delete{ float:right;}
.listDrag li.ui-state-highlight{ height:32px;}

.listCol h3{ padding:5px 0; font-size:12px; font-weight:700; text-align:center;}
.listCol ul{ height: 260px; width: 160px; border: 1px solid #d6d6d6; overflow:auto;}
.listCol ul li{ padding:3px 5px;}
.listCol ul li:hover{ background:#f3f3f3; cursor:pointer;}

/*operate*/
.operateCom li{ float:left; color:#666;}
.operateCom li.now{ background:#fff; box-shadow:0 -1px 2px rgba(0,0,0,0.15);}
.operateCom li input,.operateCom li span,.operateCom li i{ display:inline-block; vertical-align:middle;}
.operateCom li span { line-height:normal; }
.operateCom li input,.operateCom li i{ margin-right:5px;}
.operateCom li label,.operateCom li a{ display:block; padding:18px 10px;}
.operateCom li label { padding:16px 15px; }
.operateCom li a{color:#666;}

.operateSimple{ overflow:hidden;}
.operateSimple a{ display:block; float:left; padding:8px;}
.operateSimple a:hover{ background:#fff;}

/*search*/
.searchCom{ padding:10px;}
.searchCom>li{ float:left; margin:10px;}
.searchCom li .inputCom,.searchCom li.data .Wdate{ width:160px;}
.searchCom li .selectCom{ width:162px;}
.searchCom .inputCom{ color:#aaa;}
.searchCom li.data .selectCom,.searchCom li.data .Wdate{ display:inline-block; vertical-align:middle;}
.searchCom li.data .selectCom{ width:120px;}
.searchCom li.data i{ color:#aaa; margin:0 3px;}

.searchSimple span,.searchSimple input,.searchSimple a,.searchSimple button{ display:inline-block; vertical-align:middle;}
.searchSimple input,.searchSimple .Wdate,.searchSimple a{ margin-right:3px;}
.searchSimple a,.searchSimple button,.searchSimple .inputCom{ height:26px; line-height:26px; font-size:12px;}
.searchSimple a,.searchSimple button{ padding:0 10px;}
/*.searchSimple .comWdate,.mapTool .comWdate{ display:inline-block; width:120px; height:26px; line-height:26px; background:#e5e5e5;}
.searchSimple .Wdate,.mapTool .Wdate{ width:103px !important; height:26px !important; line-height:26px !important; font-size:12px; color:#aaa;}*/

/*tips*/
.tipsSimple i,.tipsSimple span{ display:inline-block; vertical-align:middle;}
.tipsSimple i{ margin:0 5px;}
.tipsSimple span{ font-size:12px;  color:#888;}

.itpsIcon{ margin-top:10px;}
.itpsIcon i,.itpsIcon span/*,.itpsIcon a*/{ display:inline-block; vertical-align:middle;}
.itpsIcon span{ color:#888; margin:0 5px;}
/*.itpsIcon a{ color:#0078b6 !important;}
.itpsIcon a:hover{ color:#219bd0 !important;}*/

.tColSetDiv{ font-size:12px;}
.tColSetDiv .tipsSimple{ padding:15px 20px;}

/*textColor*/
.essential{ font-size:24px; font-weight:600; color:#f00;}
.textGreen{ color:#00980b;}
.textRed{ color:#f00;}

/*map*/
.mapTool{ height:49px; background:#f5f5f5; border-bottom:1px solid #e6e6e6; padding:0 20px;}
.mapTool input,.mapTool button{ margin:12px 5px 0 0;}
.mapTool .tableEdit{ margin:10px 0 0 0;}
.mapTool .tableEdit a{ padding:5px; margin-left:10px;}
.mapTool .tableEdit a:hover{ border-radius:3px; box-shadow:0 0 3px rgba(0,0,0,0.3);}

/*地图气泡窗口*/
.maptable{height: 180px;overflow: auto;}
.maptable table td{font-size: 12px;padding: 2px;vertical-align: top;}
.maptable table td h2{font-size: 12px;font-weight: 700;color: #5a667d;width: 80px;}
.mapBubbleOperate{ position:absolute; bottom:0; left:0; width:100%; padding:5px 0; margin-top:5px; border-radius:5px; background:#f8f8f8;}
.mapBubbleOperate a{ float:left; padding:5px; margin:0 2px; border-radius:3px;}
.mapBubbleOperate a:hover{ background:#fff; box-shadow:0 0 3px #adadad;}

/*layer*/
.layerCom{ background-color:rgba(0,0,0,0.35); border-radius:5px; padding:7px;}
/*.layerCom a.close{ position:absolute; top:10px; right:10px;}*/
.layerCom .box{ background:#f8f8f8; border-radius:3px; border:1px solid #fff;}

#selectAreaType{ position:absolute; top:50%; left:50%; margin:-100px 0 0 -200px; z-index:99999;}
#selectAreaType ul{ overflow:hidden; padding:20px 25px;}
#selectAreaType ul li{ float:left; padding:10px 15px; margin:10px; cursor:pointer;}
#selectAreaType ul li:hover{ border-radius:3px; box-shadow:0 0 3px rgba(0,0,0,0.3); background:#fff;}
#selectAreaType ul li i{ margin:0 auto;}
#selectAreaType ul li span{ display:block; margin-top:5px; text-align:center;}

.boxLayer,.trackBox{ border-radius:3px; border:1px solid #cdcdcd; background:#f8f8f8; box-shadow:0 0 5px rgba(0,0,0,0.3); font-size:12px;}
.boxLayer .tipsList{ padding:3px 15px;}
.boxLayer a.closeS{ position:absolute; right:-7px; top:-7px; background:#f8f8f8; box-shadow:1px -1px 1px rgba(0,0,0,0.3);}
.boxLayer a:hover.closeS{ background:#cecece;}
.boxLayer a:hover.closeS i{ background-position:0 -51px;}

.trackBox{ background:rgba(248,248,248,0.9); background:#f8f8f8\9;}

.mapLayer{ position:absolute; background:#fff; border:1px solid #ccc; font-size:12px;}
.mapLayer .ui-widget-header{ border-radius:3px 3px 0 0 !important; background:#eee !important; border-bottom:1px solid #e0e0e0;}
.mapLayer .ui-widget-header .ui-dialog-titlebar-close{ width:15px !important; height:15px !important; padding:5px 8px 9px 6px !important; overflow:hidden !important; margin-top:-14px !important; -moz-transition:none; transition:background-position 0s;}
.mapLayer .ui-widget-header .ui-icon{ display:block !important; width:15px !important; height:15px !important; overflow:hidden !important; background:url(images/icon.png) no-repeat 0 -79px; text-indent:-9999px; -moz-transition:none; transition:background-position 0s;}
.mapLayer .ui-widget-header .ui-state-hover{ width:15px !important; height:15px !important; padding:5px 8px 9px 6px !important; background:url(images/icon.png) no-repeat 0 -96px !important; border:0 !important;}
.mapLayer .ui-widget-header .ui-state-hover .ui-icon{ background-position:-15px -79px;}
.mapLayer .editTable{ padding:10px;}
.mapLayer .editTable table{ width:100%;}
.mapLayer .editTable td{ font-size:12px !important;}

.layerTips { padding:5px 20px 5px 10px; border-radius:3px; background:rgba(0,0,0,0.6); font-size:12px; color:#fff; }

/*comSelectLayer*/
.ui-menu{ background:#fdfdfd; border-radius:3px; border:1px solid #b1b1b1; box-shadow:0 1px 2px #ccc; font-size:12px;}

/*icons*/
.arrow{ display:inline-block; width:7px; height:4px; line-height:13px; overflow:hidden; font-size:12px; vertical-align:middle; margin-left:5px;}
.arrow em{ display:inline-block; font-family:SimSun; margin:-7px 0 0 -2px;}

/*a.close{ width:15px; height:15px; padding:7px;}
a.close i{ display:block; width:15px; height:15px; background:url(images/icon.png) no-repeat 0 -79px; text-indent:-9999px;}
a:hover.close{ background:url(images/icon.png) no-repeat 0 -96px;}
a:hover.close i{ background-position:-15px -79px;}*/
a.closeS{ width:11px; height:11px; padding:7px; border-radius:25px;}
a.closeS i,.deleteNot i{ display:block; width:11px; height:11px; background:url(images/icon.png) no-repeat -121px -51px; text-indent:-9999px;}

a.delete{ width:15px; height:15px; padding:3px; border-radius:3px; -moz-transition:none; transition:background-position 0s;}
a:hover.delete{ background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3);}
a.delete i{ display:block; width:15px; height:15px; background:url(images/icon.png) no-repeat -30px -79px; text-indent:-9999px; -moz-transition:none; transition:background-position 0s;}
a.deleteS{ width:11px; height:11px; padding:7px; border-radius:18px; background:#f15656;}
a.deleteS i{ display:block; width:11px; height:11px; background:url(images/icon.png) no-repeat 0 -51px; text-indent:-9999px;}
a:hover.deleteS{ background:#ff2828;}

a.switch{ position:relative; width:45px; height:20px; border-radius:20px;}
a.switch i{ position:absolute; top:-1px; display:block; width:20px; height:20px; border-radius:20px; border:1px solid #d0d0d0; background:#f0f0f0;}
a.sOff{ background:#e0e0e0;}
a.sOff i{ left:0;}
a.sOpen{ background:#96cd68;}
a.sOpen i{ right:0;}

i.arrowBX{ display:block; width:25px; height:48px; background:url(images/icon.png) no-repeat 0 -241px;}
i.arrowBS{ display:inline-block; width:7px; height:6px; background:url(images/icon.png) no-repeat 0 -65px;}

i.cWaybillX,em.notice,em.alarm{ display:inline-block; width:30px; height:30px; background:url(images/icon.png) no-repeat;}
i.cWaybillX{ background-position:0 -404px;}
em.notice{ background-position:-30px -404px; vertical-align:middle;}
em.alarm{ background-position:-60px -404px; vertical-align:middle;}

i.hPlayM,i.hPauseM,i.hStopM,i.hExportM,i.hClearTrackM,i.wSearch,i.wAdd,i.wImport,i.wExport,i.wSave,i.bDeleteM,i.bAddM,i.bEditM,i.bRefreshM{ display:inline-block; width:21px; height:21px; background:url(images/icon.png) no-repeat;}
i.hAlarm{display:inline-block; width:21px; height:21px; background:url(images/icon_yl.png) no-repeat;}
i.wAdd{background:url(images/icon_yl.png) no-repeat; width:16px; height:16px;}
i.hAlarm{ background-position:-42px 0;}
i.hPlayM{ background-position:-21px 0;}
i.hPauseM{ background-position:-42px 0;}
i.hStopM{ background-position:-63px 0;}
i.hExportM{ background-position:-84px 0;}
i.hClearTrackM{ background-position:-105px 0;}
i.wSearch{ background-position:-147px 0;}
i.wAdd{ background-position:-23px -3px;}
i.wImport{ background-position:-189px 0;}
i.wExport{ background-position:-315px 0;}
i.wSave{ background-position:-210px 0;}
i.bDeleteM{ background-position:-231px 0;}
i.bAddM{ background-position:-252px 0;}
i.bEditM{ background-position:-273px 0;}
i.bRefreshM{ background-position:-294px 0;}
i.save {display:inline-block; width:21px; height:21px; background:url(images/icon_save.png) no-repeat;background-position:2px 2px}

i.tCLine,i.tTable{ display:block; width:15px; height:15px; background:url(images/icon.png) no-repeat; text-indent:-9999px;}
i.tCLine{ background-position:-195px -21px;}
i.tTable{ background-position:-210px -21px;}

i.hCarS,i.hCompanyS,i.hPeopleS,i.hTimeS,i.riseS,i.dropS,i.bTrackS,i.arrowBack,i.sRefresh,i.sSearch,i.sDownload,i.wSearchS,i.bEditS,i.bDeleteS,i.bEndS,i.bCountermandS,i.btipsS,i.bTemperatureS,i.bAbnormalS,i.bInspectS,i.tDetail,i.tLocus{ display:inline-block; width:15px; height:15px; background:url(images/icon.png) no-repeat;}
i.bEditS,i.arrowBack{background:url(images/icon_yl.png) no-repeat;}
i.arrowBack{width:10px;height:10px;position:relative;top:2px;}
i.arrowB{display:inline-block; width:15px; height:15px; background:url(images/icon_yl.png) no-repeat;}
i.arrowB{ background-position:0 -21px;}
i.hCarS{ background-position:-30px -21px;}
i.hCompanyS{ background-position:-45px -21px;}
i.hPeopleS{ background-position:-60px -21px;}
i.hTimeS{ background-position:-75px -21px;}
i.riseS{ background-position:-105px -21px;}
i.dropS{ background-position:-90px -21px;}
i.bTrackS{ background-position:-135px -21px;}
i.arrowBack{ background-position:-389px -36px;}
i.sRefresh{ background-position:-165px -21px;}
i.sSearch{ background-position:-180px -21px;}
i.sDownload{ background-position:-225px -21px;}
i.wSearchS{ background-position:-180px -36px;}
i.bEditS{ background-position:-374px -36px;}
i.bDeleteS{ background-position:-255px -21px;}
i.bEndS{ background-position:-270px -21px;}
i.bCountermandS{ background-position:-300px -21px;}
i.btipsS{ background-position:-315px -21px;}
i.bTemperatureS{background-position:-405px -36px;}
i.bAbnormalS{background-position:-420px -36px;}
i.bInspectS{background-position:-435px -36px;}

i.bExportS,i.bMnifyS,i.bMaxS,i.bMinS,i.bRBOffS,i.bLTOpenS,i.bRTOffS,i.bLBOpenS{display:inline-block; width:15px; height:15px; background:url(images/icon_yl.png) no-repeat;}
i.bExportS{background-position:-240px -36px;}
i.bMnifyS{background-position:-210px -36px;}
i.bMaxS{background-position:-195px -36px;}
i.bMinS{background-position:-225px -36px;}
i.bRBOffS{background-position:-255px -36px;}
i.bLTOpenS{background-position:-270px -36px;}
i.bRTOffS{background-position:-285px -36px;}
i.bLBOpenS{background-position:-299px -36px;}

i.gArrowRMS,i.gArrowLMS,i.bDeleteMS{ display:inline-block; width:11px; height:11px; background:url(images/icon.png) no-repeat;}
i.gArrowRMS{ background-position:-99px -51px;}
i.gArrowLMS{ background-position:-110px -51px;}
i.bDeleteMS{ background-position:-198px -51px;}

i.wsPullBoxS{ display:inline-block; width:14px; height:14px; background:url(images/icon.png) no-repeat;}
i.wsPullBoxS{ background-position:-63px 0;}

i.bsOpen,i.bsClose{ display:inline-block; width:12px; height:12px; background:url(images/icon.png) no-repeat;}
i.bsOpen{ background-position:-39px 0;}
i.bsClose{ background-position:-51px 0;}

/*i.sAdd{ display:inline-block; width:16px; height:16px; background:url(images/icon.png) no-repeat;}
i.sAdd{ background-position:0 -177px;}*/

i.cSuccess,i.cFail,i.cHelp,i.cUndo,i.close{ display:inline-block; width:16px; height:16px; background:url(images/icon.png) no-repeat;}
i.cSuccess{ background-position:0 -206px;}
i.cFail{ background-position:-16px -206px;}
i.cHelp{ background-position:-32px -206px;}
i.cUndo{ background-position:-48px -206px;}
i.close{ background-position:-120px -51px;}

i.gPoint,i.gRectangle,i.gPolygon{ display:block; width:45px; height:45px; background:url(images/icon.png) no-repeat;}
i.gPoint{ background-position:-455px -90px; }
i.gRectangle{ background-position:-455px 0!important;}
i.gPolygon{background-position:-455px -45px!important;}

i.mStartPoint,i.mWayPoint,i.mEndPoint{ display:inline-block; width:25px; height:32px; background:url(images/icon.png) no-repeat;}
i.mStartPoint{ background-position:0 -135px;}
i.mWayPoint{ background-position:-25px -135px;}
i.mEndPoint{ background-position:-50px -135px;}

i.mdSingleMap,i.mdDualMap,i.mdChart{ display:block; width:36px; height:36px; background:url(images/icon.png) no-repeat; text-indent:-9999px;}
i.mdSingleMap{ background-position:0 -332px;}
i.mdDualMap{ background-position:-36px -332px;}
i.mdChart{ background-position:-72px -332px;}

i.tDetail{ background-position:-285px -21px;}
i.tLocus{ background-position:-135px -21px;}

/*other*/
.pq-pageholder input,.pq-pager select{ border:1px solid #bbb; background:#fff;}

#loadSpan{ padding:30px 20px; text-align:center;}
#loadSpan img,#loadSpan span{ display:inline-block; vertical-align:middle;}
#loadSpan img{ margin-right:5px;}
#loadSpan span{ color:#888;}

/*jquery-ui css覆盖*/
/*.ui-state-hover,.ui-corner-all{ border-radius:3px !important;}*/
#loSetting{ border-radius:0 !important;}

/*城市选择框*/
.cityListLayer{ padding:5px 10px; font-size:12px;}
.cityListLayer .hotCity,.cityListLayer .line,.cityListLayer .searchCity{ padding:8px 5px;}
.cityListLayer .cityList a,.cityListLayer .hotCity a,.cityListLayer .line a{ padding:2px 3px; color:#0078b6; margin-right:5px; display:inline-block;}
.cityListLayer .cityList a:hover,.cityListLayer .hotCity a:hover,.cityListLayer .line a:hover{ color:#219bd0;}
.cityListLayer .cityList a.selected,.cityListLayer .hotCity a.selected{ background:#fcedb1;}
.cityListLayer .line{ border-bottom:1px solid #dcdcdc; box-shadow:0 1px 0 #fff;}
.cityListLayer .searchCity{ background:#f5f5f5;}
.cityListLayer .searchCity a{ display:block; float:left; height:22px; border-radius:3px; border:1px solid #aaa; background-image:-moz-linear-gradient(top,#fafafa,#e6e6e6); background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fafafa), to(#e6e6e6)); background:url(images/bg_repeat.png) repeat-x 0 -230px\9; background:linear-gradient(to bottom,#fafafa,#e6e6e6); padding:0 5px; color:#444; margin:3px 0 0 0;}
.cityListLayer .searchCity a.bl{ border-radius:3px 0 0 3px; border-right:none;}
.cityListLayer .searchCity a.br{ border-radius:0 3px 3px 0;}
.cityListLayer .searchCity a.now{ background:#e6e6e6; font-weight:700;}
.cityListLayer span{ margin-right:10px;}
.cityListLayer h2,.cityListLayer h3,.cityList td,.cityListLayer .comSearch input{ font-size:12px;}
.cityListLayer h2,.cityListLayer h3{ font-weight:700; word-break:keep-all; white-space:nowrap;}
.cityListLayer table td{ padding:6px 8px 6px 0;}
.cityListLayer .cityList{ height:200px; overflow:auto;}
.cityListLayer .cityList b a,.cityListLayer .cityList b a:hover{ font-size:24px; color:#ccc;}
.cityListLayer .cityList h3 a,.cityListLayer .cityList h3 a:hover{ cursor:default; color:#888;}
.cityListLayer .comSearch{ width:160px; margin:1px 0 3px 0;}
.cityListLayer .comSearch input.inp{ background:url(images/bg_repeat.png) repeat-x 0 -205px; border-radius:3px 0 0 3px;}

/*智能搜索弹出框*/
/*a.closeTrack{ display:block; width:20px; height:20px; text-indent:-9999px; background:url(images/icon_track.png) no-repeat 0 -32px;}
a:hover.closeTrack{ background-position:-20px -32px;}*/

/*智能搜索弹出框刷新*/
/*i.more,i.edit,i.recharge,i.business,i.refresh,i.unfold,i.collapse,i.cBack{ display:inline-block; width:13px; height:13px; background:url(images/icon_track.png) no-repeat;}
i.more{ background-position:-487px 0;}
i.edit{ background-position:-474px 0;}
i.recharge{ background-position:-461px 0;}
i.business{ background-position:-448px 0;}
i.refresh{ background-position:-435px 0;}
i.unfold{ background-position:-422px 0;}
i.collapse{ background-position:-409px 0;}
i.cBack{ background-position:-357px 0;}*/

/*导航栏报警处理弹出层*/
#alarmDealDiv{ background:#fff !important;}
#alarmDealDiv p{ margin:5px 0;}
#alarmDealDiv .info{ padding:5px 10px; background:#f5f5f5;}
#alarmDealDiv .info p{ font-size:12px; color:#888;}
#alarmDealDiv .info a{ margin-left:10px;}
#alarmDealDiv .operate{ padding:5px 10px; font-size:14px;}

/*报警处理意见*/
#index_HandleRemark_Input,#txtHandleRemark_Input{ width:440px !important;}

i.tNotLicense{ display:block; width:12px; height:12px; text-indent:-9999px; background:url(images/icon_track.png) no-repeat; overflow:hidden;}
i.tNotLicense{ background-position:-356px -16px;}

i.prompt,i.help,i.success,i.oMore{ display:inline-block; width:17px; height:17px; background:url(images/icon_track.png) no-repeat;}
i.prompt{ background-position:-483px -162px;}
i.success{ background-position:-449px -162px;}
i.oMore{ background-position:-432px -162px;}
/*FDCOTA的解释说明部分*/
.FDCOTAli{margin: -5px 0 -13px 0px !important;}
.fics{margin-left:40px !important;}
.FDCOTAli li{display:block; float:none; margin-top:5px;}
/*弹出层按钮*/
.DbuttonBule{ display:inline-block; border-radius:3px; padding:0 10px; cursor:pointer; color:#fff !important;}
.DbuttonBule{ height:30px; line-height:30px;}
.DbuttonBule{ background:#5eaee3;}
.DbuttonBule:hover{ background:#78c0ef;}
/* FDCOTA延迟处理弹出层*/
.otaHandInfo{height:250px;}
.otaHandInfo p{font-size:14px;margin:5px 0 5px 6px;}
.otaHandInfo #HandleRemark{margin:5px 0 0 10px;}
.otaHandInfo #imporveInfo{width:270px;height:80px;margin:5px 0 0 10px;}

.redSpotAlarm{width:8px;height:8px;border-radius:50%;background-color:#ff3f3f;display:block;position:absolute;top:13px;right:17px;}