div,span,tr,td,a{font-size: 12px;font-family: Microsoft YaHei;}
a:hover, a:focus, a:active{color : #333;}
.td-operation {padding-right: 0px !important;}
#mask {position: absolute; top: 15px; filter: alpha(opacity=60); background-color: #777; z-index: 1002; left: 15px;opacity:0.5; -moz-opacity:0.5;}
#paramForm .red-star:before {content: '* ';color: #F00;}
.rightCount{float: right;}
.rightMap{float: right;margin-right: 30px;}
.userAndDriverData{position: absolute;width: 760px;height: 40px;top: 16px;right: 120px;text-align: right;padding-top: 10px;}
.span-data{border-right: dotted 2px #c3c2c2;padding-right: 6px;margin-left: 9px;}
.span-data-title{color: #858585;}
.span-data-content{color: #333;font-size: 12px;}
.icon {color: #FFF;font-size: 20px;margin: 0px 5.5px;}
.indexIcon{color: #002060;font-size: 24px;margin-left: 10px;}
.indexOl{list-style: none;right: 20px;position: absolute;top: 28px;}
.littleIcon{color: #002060;font-size: 16px;}
.radiusDiv{height:295px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.sidebar-toggle:hover{background: #05A15A !important;} 
nav span.glyphicon:hover{background: rgba(0, 0, 0, 0.1);color: #f6f6f6;}
.menu-title{font-size: 14px;	}
.menu-icon{font-size: 14px;color: #002060;}
.panel_ext{border-color:#F7F7F7 !important;}
.panel_tip{max-width: 321px !important;}
.panel_head_ext{background:#C7CEDC !important;color:#000 !important;border-color: #F7F7F7 !important;}
.table_head{background: #ECF0F5 !important;height: 46px;font-size: 14px;}
.table_head th{white-space: nowrap;}
.navIconA{padding: 12.5px 15px !important;box-sizing: border-box !important;}
.navIcon{color:#FFF;font-size:20px;margin: 0px 5.5px;}
.navIconFa{color:#FFF;font-size:23px;margin: 0px 5.5px;}
.nav-li-children{font-size: 10px;margin-left: 5px;}
.tr_bg{border: 1px solid #F1F1F1;color: #333;height: 46px !important;}
.tr_bg td{vertical-align: middle !important;}
.btn_input{background: #f26f6f;color: #fff;font-size: 12px;font-family: Microsoft YaHei;width: 70px;height: 30px;border-radius: 3px;margin-left: 7px;border: solid 1px #f26f6f;transition:all 0.8s;-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;}
.btn_input:hover{background: #fff;color:#f26f6f;font-weight:bold} 
.btn_delete{background: #F4F4F4;color: #333;font-size: 12px;font-family: Microsoft YaHei;width: 70px;height: 30px;border-radius: 3px;margin-left: 15px;border: solid 1px #D1D1D1;}
.btn_delete:hover{background: #eae9e9;}
.btn_clear{background: #F4F4F4;color: #333;font-size: 12px;font-family: Microsoft YaHei;width: 70px;height: 30px;border-radius: 3px;margin-left: 15px;border: solid 1px #D1D1D1;}
.btn_clear:hover{background: #eae9e9;}
.span_ext{background: #EEE !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;}
.select_ext{padding: 6px 10px 6px 15px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border: solid 1px #D2D6DE;appearance: none;-webkit-appearance: none;}
.selectBut{background: #FFF;border-bottom-left-radius: 0px;border-top-left-radius: 0px;}
.setFontColor{color: #000 !important;}
.setLineColor{background-color: #EEE !important;}
.noPendingLi{list-style: none;padding: 50px;color: #c7c7c7;}
.login-page,.register-page {background: url(../img/bgimg.jpg);background-size: cover;}
.box.box-form {border-top-color: #D3D6DE;}
.box.box-info {border-top-color: #D3D6DE;}
.showColumn{list-style:none;display:none;background:#FFFFFF;border:1px solid #e2dada;width: 160px;margin-left: 120px;padding: 10px 15px;}
.showColumn li{padding: 2.5px;}
.showColumn li:hover{background-color: #eee;}
.showcol{display: inline-block; background: #F4F4F4;color: #333;font-size: 12px; font-family: Microsoft YaHei;width: 70px;height: 30px;border-radius: 3px;margin-left: 120px;border: solid 1px #D1D1D1; padding: 6px 9px;}
.showcol:visited, .showcol:link, .showcol:active{color: #333 !important;}
.showcol:hover{color: #333;background: #EAE9E9;}
.zipImg{position:absolute; left: 50%; padding-top:10px;margin-left: -7%;}
.zipImg:hover{cursor: pointer;}
.hideDiv{display: none;	}
.badge-other{position: absolute;top: 5px;left: 38px;}
.dashboard-con{display: flex;}
.dashboard-tip{width: 260px;background: #eee;z-index:999}
.dashboard-map{flex:1;}
.removePadding{position: relative;padding: 0;}
.panelMoveDown{margin-bottom: -15px;min-width:766px;}
@media screen and (max-width:1366px){.dashboard-tip{width: 230px; background: #eee;}}
.prompt-div-success{width: 320px;height: 60px;background: rgba(114, 181, 112, 0.9);position: absolute;top: 40%;left: 50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 9999;border-radius: 5px;opacity: 0;}
.showPromptDiv{-webkit-animation: showPromptDiv 1s forwards;-moz-animation: showPromptDiv 1s forwards;-ms-animation: showPromptDiv 1s forwards;-o-animation: showPromptDiv 1s forwards;animation: showPromptDiv 1s forwards;}
.hidePromptDiv{-webkit-animation: hidePromptDiv 1s forwards;-moz-animation: hidePromptDiv 1s forwards; -ms-animation: hidePromptDiv 1s forwards;-o-animation: hidePromptDiv 1s forwards;animation: hidePromptDiv 1s forwards;}
.prompt-div-fail{width: 320px;height: 60px;background: rgba(201, 90, 86, 0.9);position: absolute;top: 40%;left: 50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 9999;border-radius: 5px;}
@keyframes showPromptDiv{from{opacity: 0}to{opacity:1};}
@-webkit-keyframes showPromptDiv{from{opacity: 0;}to{opacity:1;}}
@-moz-keyframes showPromptDiv{from{opacity: 0;}to{opacity:1;}}
@-ms-keyframes showPromptDiv{from{opacity: 0;}to{opacity:1;}}
@-o-keyframes showPromptDiv{from{opacity: 0;}to{opacity:1;}}
@keyframes hidePromptDiv{from{opacity: 1;}to{opacity:0; z-index: -99;}}
@-webkit-keyframes hidePromptDiv{from{opacity: 1;}to{opacity:0; z-index: -99;}}
@-moz-keyframes hidePromptDiv{from{opacity: 1;}to{opacity:0; z-index: -99;}}
@-ms-keyframes hidePromptDiv{from{opacity: 1;}to{opacity:0; z-index: -99;}}
@-o-keyframes hidePromptDiv{from{opacity: 1;}to{opacity:0; z-index: -99;}}
.prompt-close{font-size: 25px;color: #FFF; position: absolute;right: 15px;top: 15px;cursor: pointer;}
.prompt-tip{font-size: 26px;color: #FFF;margin-right: 5px;}
.prompt-p{text-align: center;margin-top: 15px;}
.prompt-span{font-size: 14px;color: #fff;font-weight: 600;}
.order-btn-detail{background: #F4F4F4;color: #333;font-size: 12px;font-family: Microsoft YaHei;width:60px;height: 30px;border-radius: 2px;border: solid 1px #D1D1D1;	}
.order-btn-detail:hover{background: #EAE9E9;}
.tab-pane ul{list-style: none;margin: 0px;padding: 0px;}
.tab-pane ul li {margin-top : 8px;}
.divider-border{border: solid 0.5px #eee;}
.mapTab{position: fixed;min-width: 280px;z-index: 99;background: #FFF;font-weight: bold;}
.s-tip{color: #989898;margin-left: 3px;margin-right: 10px;	}
.s-map-count{border-top:solid 1px #dedcdc;border-bottom: solid 1px #dedcdc;height: 30px;line-height: 30px;background: #fbfafa;}
.driver-autor{width: 100px;height: 100px;border-radius: 50%;position: absolute; margin-left: 176px;margin-top: 10px;border: solid 1px #eee; padding: 3px;}
.s-order-info{background: #e8e8e8;height: 30px;border-radius: 3px;text-align: center;line-height: 30px;font-weight: bold;cursor: pointer; margin-top: 12px;}
.s-order-info:hover{background: #d8d8d8;}
.s-map-head{width: 100%; height: 37px;background: #c7CeDc;z-index: 999;position: absolute;box-shadow: 1px 2px 1px #ccc;}
.s-map-head > p{margin-top: 10px;margin-left: 15px;position: absolute;}
.s-map-btnCon{text-align: right;padding-right: 20px;padding-top: 5px;}
.dropdown-btn-special{padding: 4px 9px;margin-top: -3px;}
.s-map-btn{border: #ddd solid 1px;background-color: #f4f4f4; padding: 4px 5px;border-radius: 3px;font-size: 14px;}
.s-map-btn:hover{background-color: #e7e7e7;}
.s-map-finance{background:#C7CEDC; position:absolute; bottom:0; width:100%; height:100px; z-index:999; padding:3px;}
.s-map-finance > div{display:inline-block;width:270px;border-right: solid 1px #FFF;height: 100%;position: relative;}
.s-map-finance > div:last-child{
	border-right: none;
	width:230px;
}

.s-circle{
	border: solid 3px #96999e;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-top: 10px;
    margin-left: 2px;
    position: absolute;
    text-align: center;
}
.s-circle-content{
	font-size: 18px;
    font-weight: bold;
    line-height: 3.2;
}

.s-finance-content{
	color: #666;
    width: 210px;
    height: 100%;
    margin-left: 66px;
    position: absolute;
    padding: 10px 5px;
}
.s-finance-title{
	color: #757575;
    margin-right: 5px;
}
.s-finance-text{
	color: #333;
    font-size: 13px;
}

/*login start*/
.login-panel{
	width: 426px;
    min-height: 312px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    overflow: hidden;
}
.login-title{
	margin-top: 28px;
	font-size: 28px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}
.login-form{
	margin-top: 30px;
}
.login-panel-box{
	width: 426px;
	position: absolute; left:70%; top:44%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.login-input{
	padding: 3px 38px;
    font-size: 18px;
    height: 40px;
    width: 252px;
    border-radius: 3px;
    margin-left: 49px;
    border: solid 1px #EEE;
}

.login-input:focus{
	border: solid 1px #ffcc00;
} 

.input-icon{
    position: absolute;
    left: 55px;
    font-size: 24px !important;
    padding: 10px 0;
}

.input-footer{
	margin: 18px 59px 25px 49px;
}

.login-btn{
	width: 330px;
    height: 40px;
    background: #ffcc00;
    border-radius: 2px;
    color: #444;
    font-size: 15px;
    border: solid 1px #E6b600;
}
.login-btn:hover{
	background: #f2c200;
}

.login-btn:focus{
	border: solid 1px #e5b800;
}
.alert-danger{
	position: relative;
    height: 49px;
    background: #DD4B39;
    margin: 12px 0;
    border-radius: 3px;
}
.alert-success{
	position: relative;
    height: 49px;
    background: #15985c;
    margin: 12px 0;
    border-radius: 3px;
}
.alert-msg{
	display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 49px;
    color: #FFF;
}
.alert-btn{
	position: absolute;
    right: 13px;
    top: 10px;
    background: rgba(0,0,0,0);
    border: none;
    font-size: 25px;
    color: #eee;
    margin-right: 8px;
}
.alert-btn:hover{
	cursor: pointer;	
}

.login-remenber-text{
	color: #ccc;
	font-size: 14px;
}

.login-copyright{
	font-size: 14px;
    color: #ccc;
    margin-top: 48px;
    text-align: center;
}

.login-panel-top{
	width: 100%;
    position: absolute;
    border-bottom: solid 2px #a8a4a4;
    top:0;
    height: 70px;
}
.login-ul{
    list-style: none;
    float: right;
    margin-right: 22%;
    margin-top: 36px;
}
.login-ul a{
	color: #FFF;
	font-size: 16px;
    font-weight: bold;
}
.login-ul li{
	float: left;
	margin-left: 40px;
}
.login-extension{
	width: 400px;
	color: #FFF;
    position: absolute;
    top: 25%;
    left: 5%;
}
.p-footer-reg{
	text-align: center;
    font-size: 14px;
    color: #FFF;
    margin-top: 20px;
}
.p-footer-a,.p-footer-a:active,.p-footer-a:focus,.p-footer-a:visited{
	color: #3c8dbc;
    font-size: 14px;
}
.p-footer-a:hover{
	color: #FFF;
}
/*login end **/
.back-pointer{
	cursor: pointer;
    color: #EABC03;
    margin-left: 5px;
    margin-right: 10px;
}
.span-white{
	color:#fff
}
.index-li-padding{
	padding-top: 15px;
}
.dashboard-search-driver-ul{
	list-style: none;
    padding: 0;
    margin-top: -26px;
}
.dashboard-search-driver-ul li{
	line-height: 2.5;
    padding-left: 25px;
    border-bottom: solid 1px #e0dfdf;
    color: #666;
}
.dashboard-search-driver-ul li:hover{
	background: #ccc;
}

/**鏂拌鍗曟彁绀� start*/
 @-moz-keyframes myMove {
	  0% {margin-top:-5px;}
	  100% {margin-top:0px;}
	}
	@-webkit-keyframes myMove {
	  0% {margin-top:-5px;}
	  100% {margin-top:0px;}
	}
	@-o-keyframes myMove {
	  0% {margin-top:-5px;}
	  100% {margin-top:0px;}
	}
	@keyframes myMove {
	  0% {margin-top:-5px;}
	  100% {margin-top:0px;}
	}
	#down {
	   width: 30px;
	   position:absolute;
	  -moz-animation: myMove 1s linear infinite alternate; 
	  -webkit-animation: myMove 1s linear infinite alternate;
	  -o-animation: myMove 1s linear infinite alternate;
	  animation: myMove 1s linear infinite alternate;
	}
	#newOrderTipTr{
		height:30px;
		background: #9b9692;
		cursor: pointer;
	}
	.newOrderTdTip{
		text-align: center !important;
		color: #333;
		font-weight: bold;
		font-size: 14px;
	}
/*鏂拌鍗曟彁绀篹nd*/