@charset "utf-8";

html{
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
}
body{/*background:url(../img/bg.jpg) top left repeat;*/background-color: #f0f0f0;}
*{margin:0;padding:0;border:0;list-style:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
#mapContainer {width: 100%;height: 100%;overflow: hidden;margin:0;}
.hide{display:none!important;}
a{
	text-decoration:none;
	list-style: none outside none;
	overflow: visible;
    text-overflow: clip;
    white-space: normal;
}
header{
	width:100%;
	height:40px;
	/*background-color:-moz-linear-gradient(#54b1dd, #2787ba);
	background:-webkit-gradient(linear, center top, center bottom, from(#54b1dd), to(#2787ba));
	background:-webkit-linear-gradient(#54b1dd, #2787ba);
	background:-o-linear-gradient(#54b1dd, #2787ba);
	background:-ms-linear-gradient(#54b1dd, #2787ba);
	background:linear-gradient(#54b1dd, #2787ba);
	border-bottom:1px solid #054779;*/
    background-color: #f8f8f8;
	position:absolute;
	top:0px;
    left: 0px;
    right: 0px;
	box-shadow: 0px 2px 1px #ccc;
	z-index:800;
}

footer{
	width:100%;
	height:50px;
	/*background-color:-moz-linear-gradient(#686868, #3c3c3c);
	background:-webkit-gradient(linear, center top, center bottom, from(#686868), to(#3c3c3c));
	background:-webkit-linear-gradient(#686868, #3c3c3c);
	background:-o-linear-gradient(#686868, #3c3c3c);
	background:-ms-linear-gradient(#686868, #3c3c3c);
	background:linear-gradient(#686868, #3c3c3c);*/
    background-color: #f8f8f8;
    border-top:1px solid #c0c0c0;
	position:absolute;
    /*position:fixed;*/
    left: 0px;
    right: 0px;
	bottom:0px;
	/*box-shadow: 0px -3px 2px #ccc;*/
	z-index:900;
}
section{
    position:absolute;
	top:40px;
	left:0px;
	right:0px;
	bottom:50px;
	/*padding-bottom:10px;*/
	z-index:10;
	overflow-y:auto;
    -webkit-overflow-scrolling: touch;
	
}
header ul.header_nav{
	display:block;
	width:70%;
	height:24px;
	margin:7px auto;
	border-radius:4px;
	border:1px solid #5b6573;
}
header ul.header_nav li{
	display:inline-block;
	width:50%;
	height:20px;
	padding:2px 0 2px 0;

}
header ul.header_nav li.action{
    background-color:#5b6573;
}
header ul.header_nav li.action span{
    color:#FFF;
}
header ul.header_nav span{
	display:block;
	width:55px;
	height:20px;
	font-size: 14px;
    color: #5b6573;
	line-height:22px;
	text-indent:25px;
	margin:0px auto;
    background-position:center left;
    background-repeat:no-repeat;
    background-size:22px;
}
header ul.header_nav span.top_map{
	background-image:url(../img/icon_map.png);
}
header ul.header_nav li.action span.top_map{
    background-image:url(../img/icon_map_1.png);
}
header ul.header_nav span.top_list{
    background-image:url(../img/icon_list.png);
}
header ul.header_nav li.action span.top_list{
    background-image:url(../img/icon_list_1.png);
}
header div{
	display:block;
	height:30px;
	width:100%;
	padding:5px 0 5px 0;
}
header div.header_logo{
	background: url("../img/icon_logo_2.png") center center no-repeat;
	background-size:70px;
}
header div span.span_right{
	display:block;
	float:right;
	width:60px;
	height:30px;
	margin-right:10px;
	/*border-left: 1px solid #59bbe8;*/
	font-size: 14px;
	line-height:30px;
	color:#2f97d6;
	text-align:center;
}
header div.header_title h3{
	display:block;
	width:100px;
	height:30px;
	font-size: 20px;
	line-height:30px;
	color:#2f97d6;
	text-align:center;
	margin:0px auto;
	/*text-shadow:1px 1px 0px #666;*/
}
header div span.span_left{
	display:block;
	float:left;
	width:50px;
	height:30px;
	/*border-right: 1px solid #59bbe8;*/
	background: url("../img/icon_arrows_left.png") center center no-repeat;
	background-size:contain;
}
footer ul.footer_menu{
	/*display:inline-block;*/
	height:50px;
	width:100%;

}
footer ul.footer_menu li{
	float:left;
	display:inline-block;
	width:25%;
	height:100%;
	/*background:url(../img/menu_line.png) top left no-repeat;
	background-size:contain;*/
}
footer ul.footer_menu li div{
	display:block;
	height:20px;
	width:100%;
	margin-top:5px;
	padding-top:25px;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:26px;
}

footer ul.footer_menu li:nth-child(1){
	background-image:none;
	
}
footer ul.footer_menu li:nth-child(1) div{
	background-image:url('../img/icon_nearby_1.png');
}
footer ul.footer_menu li.action:nth-child(1) div{
    background-image:url('../img/icon_nearby_2.png');
}
footer ul.footer_menu li:nth-child(2) div{
	background-image:url('../img/icon_order_1.png');
}
footer ul.footer_menu li.action:nth-child(2) div{
    background-image:url('../img/icon_order_2.png');
}
footer ul.footer_menu li:nth-child(3) div{
	background-image:url('../img/icon_friend_1.png');
}
footer ul.footer_menu li.action:nth-child(3) div{
    background-image:url('../img/icon_friend_2.png');
}
footer ul.footer_menu li:nth-child(4) div{
	background-image:url('../img/icon_more_1.png');
}
footer ul.footer_menu li.action:nth-child(4) div{
    background-image:url('../img/icon_more_2.png');
}
footer ul.footer_menu li div span{
	display:block;
	height:20px;
	width:100%;
	font-size: 12px;
	color:#666666;
	text-align:center;
	/*text-shadow:1px 1px 0px #0a406c;*/
}
footer ul.footer_menu li.action div span{
    color:#03a0ff;
}
/*---------------------------------------------------------*/
div.driver_list{
	width:100%;
	height:80px;
	background:#FFF;
	margin:10px auto;
	border-bottom:1px solid #cccccc;
	background:url(../img/icon_arrows.png) center right no-repeat;
	background-size:20px;
}
div.driver_bg:active{
	background-color:#EBEBEB;
	-webkit-box-shadow:5px 5px 5px #CCC inset;
	box-shadow:5px 5px 5px #CCC inset;
}
div.photo_box{
	display:block;
	float:left;
	margin:0 10px 0 10px;
	width:65px;
	height:65px;
	border-radius:500px;
	/*border:1px solid #d7dadb;*/
	background:#FFF top center no-repeat;
	background-size:cover;
}
div.driver_list div.text_box{
	margin-left:90px;
	height:65px;
}
div.text_box p{
	display:block;
	width:auto;
	height:21px;
	line-height:20px;
	margin-top:3px;
}
div.text_box p>samp{
	display:block;
	float:left;
	font-size: 16px;
	line-height:25px;
	color:#333;
	/*font-weight:bold;*/
	width:65px;
	height:20px;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:clip;
	margin-right:3px;
}
span.idle,span.busy{
	display:inline-block;
	float: left;
	margin:2px 0px 0px 0px;
    padding:3px 5px 3px 5px;
	/*width:50px;
	height:20px;*/
	font-size: 12px;
	line-height:12px;
	text-align:center;
	color:#FFF;
	border-radius:5px;
	background-color:#2e97d6;
}
span.busy{
	background:#fd7239;
}
div.text_box p i{
	display:block;
	float:left;
	margin-right:4px;
	font-size: 12px;
	line-height:20px;
	font-style:normal;
	color:#333;
}
div.text_box p i strong{
	font-weight:normal;
	color:#000;
}
div.text_box p i:last-child{
	margin-right:0px;
}
div.text_box p i.space{
	display:inline-block;
	float:right;
	font-size: 14px;
	line-height:20px;
	margin-right:10px;
}
.driver_grade,.driver_grade>span{
	display:block;
	float:left;
	width:80px;
	height:12px;
	background: url(../img/grade_1.png) bottom left no-repeat; background-size:80px;
}
.driver_grade>span{
	background: url(../img/grade_2.png) bottom left no-repeat;background-size:80px;
}
.driver_info{

    width:280px;
    height:65px;
    margin:15px auto;
}
.driver_info .text_box p span{

    font-size: 14px;
    line-height:25px;
}
.driver_info .text_box p span span{
    color: #ff6600;
}

/*-------------------------------------*/
.comment{
	width:100%;
	border-collapse:collapse;
	background-color:#FFF;
}
.comment>p{
    text-align:left;
    font-size: 14px;
    color:#666666;
    line-height: 25px;
    text-indent:15px;
    font-weight:normal;
    background-color:#E8E8E8;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
}

.comment li{
    display:block;
    float: left;
    width:100%;
    background-color:#FFF;
    border-bottom:1px solid #E3E3E3;

}
.comment li p{
    font-size: 14px;
    text-align:left;
    /*line-height: 30px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    text-indent: 8px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.comment li p span.driver_grade{
    margin-left: 7px;
}
.comment li p b{
    display:inline-block;
    float:left;
    width:50px;
    height:30px;
    font-size: 16px;
    text-align:center;
    line-height: 30px;
    color:#FF6600;
}
.comment li p i{
    display:inline-block;
    float:right;
    width:120px;
    font-size: 12px;
    text-align:center;
    font-style:normal;
    color:#8a8a8a;
}
/*
.comment thead th{
	text-align:left;
	font-size: 16px;
	color:#666666;
	line-height: 30px;
	text-indent:15px;
	font-weight:normal;
	background-color:#E8E8E8;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.comment td{
	font-size: 14px;
	text-align:center;
	height:40px;
	line-height: 40px;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis;
	border-bottom:1px solid #E3E3E3;
}
.comment_text{
	display:inline-block;
	width:100px;
	height:40px;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis;
}
.comment td div{
	display:inline-block;
	width:60px;
	height:30px;
	padding-top:12px;
}
.comment td div b{
	display:inline-block;
	float:left;
	width:60px;
	height:20px;
	font-size: 16px;
	text-align:center;
	line-height: 20px;
	color:#FF6600;
}
*/



span.comment_grade,span.comment_grade>span{
	display:block;
    float: left;
	width:100px;
	height:20px;
}
span.comment_grade{
    margin-top: 5px;
	background: url(../img/e_grade1_a.png) top left no-repeat; background-size:100px;
}
span.comment_grade>span{
	background: url(../img/e_grade1_b.png) top left no-repeat; background-size:100px;
}

/*----------------------------------登录---------------------------------------*/
div.login_verify{
	display:block;
	width:94%;
	height:30px;
	margin:10px auto;
	/*background: url(../img/line_bg.png) center left repeat-x;*/
}
div.login_verify span{
	display:block;
	width:70px;
	height:30px;
	margin:0px auto;
	font-size: 12px;
	line-height:30px;
	text-align:center;
	color:#666;
	/*background:url(../img/bg.jpg) top left repeat;*/
}
div.login_verify ul{
	display:block;
	width:280px;
	height:40px;
	margin:10px auto;
}
div.login_verify li{
	display:block;
	float:left;
	width:40px;
	height:40px;
	margin:0 15px 0 15px;
	border-radius:500px;
	background-color:#999;
	font-size: 24px;
	line-height:40px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
}
div.login_verify li.action{
	background-color:#2f97d6;
}
.login_form{
	display:block;
	width:90%;
	height:121px;
	margin:8px auto;
    margin-bottom: 30px;

}
.login_form fieldset{
	display:block;
	width:100%;
	height:30px;
    padding: 10px 0 10px 0;
	background-color:#FFF;
    border:1px solid #CCC;
}
.login_form fieldset:first-child{
	/*border-bottom:1px solid #E7E7E7;*/
    margin-bottom: 18px;
}
.login_form fieldset label{
	display:none;
	width:75px;
	height:50px;
	font-size:14px;
	color:#999;
	line-height:50px;
	text-align:right;
	/*margin-left:15px;*/
	margin-right:8px;
}

.login_form fieldset input{
	width:90%;
	height:30px;

	font-size:16px;
	color:#666;
	background-color:#FFF;
    margin-left: 15px;
    line-height:30px;
    outline:0;
}
.btn_auth,.btn_counter{
	display:block;
	width:70px;
	float:right;
	margin-right:10px;
	padding:5px;
	height:20px;
	font-size:12px;
	text-align:center;
	line-height:20px;
	border-radius:3px;
	color:#FFF;
	background-color: #ff6c00;
}
.btn_counter{
	color:#FFF;
    background-color: #ccc;
}
.login_btn{
	display:block;
	width:90%;
	height:50px;
	margin:10px auto;
	font-size:16px;
	text-align:center;
	line-height:50px;
	color:#FFF;

    background-color: #2f97d6;
	/*box-shadow: 0px 0px 1px #FFF inset;*/
	/*background-color:-moz-linear-gradient(#54b1dd, #2787ba);
	background:-webkit-gradient(linear, center top, center bottom, from(#54b1dd), to(#2787ba));
	background:-webkit-linear-gradient(#54b1dd, #2787ba);
	background:-o-linear-gradient(#54b1dd, #2787ba);
	background:-ms-linear-gradient(#54b1dd, #2787ba);
	background:linear-gradient(#54b1dd, #2787ba);*/
}
.btn_no{
    display:block;
    width:94%;
    height:40px;
    margin:10px auto;
    font-size:14px;
    text-align:center;
    line-height:40px;
    color:#FFF;
    background-color:#FD7239;
    -webkit-box-shadow:2px 2px 2px #C30 inset;
    box-shadow:2px 2px 2px #C30 inset;
    border:1px solid #C30;
}
/*----------------------------------一键下单---------------------------------------*/
div.order_title{
	display:block;
	width:94%;
	height:30px;
	margin:10px auto;
	background: url("../img/icon_logo_2.png") center center no-repeat;
	background-size:80px;
}
form.order_form{
	display:block;
	width:90%;

	margin:8px auto;
}
form.order_form fieldset{
	display:block;
	width:100%;
	height:50px;
	border:1px solid #CCC;
	margin-bottom:20px;
	background-color:#FFFFFF;
	/*border-radius:8px;*/
}
form.order_form fieldset label{
	display:inline-block;
	width:100px;
	height:50px;
	font-size:14px;
	color:#666666;
	line-height:50px;
	text-align:right;
	margin-left:10px;
	margin-right:0px;
}
form.order_form fieldset input{
	font-size:14px;
}
form.order_form fieldset.order_user{
	background:#FFFFFF url(../img/icon_arrows.png) center right no-repeat;
	background-size:18px;
}

form.order_form fieldset.order_user label{
	background:#FFFFFF url(../img/icon_subscribe_1.png) center left no-repeat;
	background-size:25px;
}
form.order_form fieldset.order_phone label{
	background:#FFFFFF url(../img/icon_subscribe_7.png) center left no-repeat;
	background-size:25px;
}
form.order_form fieldset.order_site label{
	background:#FFFFFF url(../img/icon_subscribe_8.png) center left no-repeat;
	background-size:25px;
}
form.order_form fieldset.discount_user label{
	width:90px;
	background:#FFFFFF url(../img/icon_subscribe_5.png) center left no-repeat;
	background-size:25px;
}
form.order_form fieldset.discount_phone label{
	width:90px;
	background:#FFFFFF url(../img/icon_subscribe_2.png) center left no-repeat;
	background-size:25px;
}
form.order_form fieldset.order_site{
    background:#FFFFFF url(../img/icon_arrows.png) center right no-repeat;
    background-size:20px;
}
div.discount_box{
	display:block;
	width:90%;
	margin:10px auto;
}
div.discount_box p{
	font-size:14px;
	line-height:25px;
	color:#333;
}
/*----------------------------------预约地址---------------------------------------*/
.appoint_box{
    display:block;
    width: 94%;
    height: 25px;
    margin: 10px auto;
    padding: 5px;
    border: 1px solid #d3d3d3;
    background-color: #FFF;

}
.appoint_box span{
    display:block;
    float: left;
    height: 25px;
    padding-left:20px;
    padding-right: 5px;
    font-size:12px;
    line-height:25px;
    color:#8c8c8c;
    text-shadow: 1px 1px 0px #FFFFFF;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    background:#e9e9e9 url(../img/icon_nearby_1.png) 1px 3px no-repeat;
    background-size:20px;

}
.appoint_box input{
    display:block;
    float: left;
    width: 65%;
    height: 25px;
    font-size:14px;
    line-height:25px;
    color:#333;
    margin-left: 5px;
    /*background-color: #FFF;*/
}
.appoint_title{
    display:block;
    width: 100%;
    height: 25px;
    font-size:14px;
    line-height:25px;
    color:#FFF;
    text-indent: 10px;
    background-color: #2f97d6;
}
.appoint_list{
    display:block;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    overflow-y:auto;
}
.appoint_list li{
    display:block;
    float: left;
    width: 100%;
    height: 40px;
    font-size:14px;
    line-height:40px;
    color:#333;
    text-indent: 10px;
    border-bottom:1px solid #eee;
    background:url(../img/icon_arrows.png) center right no-repeat;
    background-size:15px;
}
/*--------------------------告诉好友--------------------------------*/
ul.friend_list{
	display:block;
	height:80px;
	width:100%;
	border-bottom:1px solid #CCC;
}
ul.friend_list li{
	float:left;
	display:inline-block;
	width:25%;
	height:100%;
	background:#F2F2F2 url(../img/friend_line.png) top left no-repeat;
	background-size:contain;
}
ul.friend_list li.action{
	background-color:#FFFFFF;
}
ul.friend_list li div{
	display:block;
	height:20px;
	width:100%;
	margin-top:10px;
	padding-top:50px;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:40px;
}
ul.friend_list li:nth-child(1) div{
	background-image:url('../img/icon_friend_circle.png');
}
ul.friend_list li:nth-child(2) div{
	background-image:url('../img/icon_friend_note.png');
}
ul.friend_list li:nth-child(3) div{
	background-image:url('../img/icon_friend_wechat.png');
}
ul.friend_list li:nth-child(4) div{
	background-image:url('../img/icon_friend_load.png');
}
ul.friend_list li div span{
	display:block;
	height:20px;
	width:100%;
	font-size: 12px;
	color:#666;
	text-align:center;
}
/*-------------------当前订单---------------------*/
div.nowOrder_space{
	display:block;
	height:70px;
	width:100%;
	margin:10px auto;
}
div.nowOrder_space div{
    padding-top: 10px;
    width: 50%;
    float: left;
    font-size: 16px;
    color:#666;
}
div.nowOrder_space>span{
    width: 50%;
    float: right;
    font-size: 30px;
    text-align:right;
    color:#333;
}
/*div.nowOrder_space p{
	font-size: 16px;
	color:#666;
}
div.nowOrder_space p span{
	color:#39F;
}
div.nowOrder_space p:first-child{
	font-size: 30px;
	text-align:right;
	margin-right:20px;
}
div.nowOrder_space p:first-child span{
	font-size:36px;
	color:#666;
}*/
div.nowOrder_box{
	display:block;
	height:300px;
	width:88%;
	margin:0 auto;
	padding:8px;
	/*box-shadow: 0px 0px 8px #999;*/
	background-color:#FFF;
	border:1px solid #CCC;
}
div.nowOrder_box div.driver_info{
	height: 80px!important;
}

div.nowOrder_box div.text_box{
	margin-left: 75px!important;
	height: 80px!important;
}
.bottom_line{
	border-bottom:1px dashed #CCC!important;
}
div.nowOrder_site{
	display:block;
	height:60px;
	width:100%;
	padding:5px 0 5px 0;
}
div.nowOrder_site p{
	display:block;
	height:30px;
	font-size: 14px;
	line-height:30px;
	color:#666;
	text-indent:20px;

    background: url("../img/icon_subscribe_8.png") center left no-repeat;
    background-size:20px;
}
div.nowOrder_site p span{
	float:right;
	color:#333;
}

div.nowOrder_cost{
	display:block;
	height:60px;
	width:100%;
	padding-top:10px;
}
div.nowOrder_cost p{
	display:block;
	height:30px;
	font-size: 14px;
	line-height:30px;
    text-indent: 10px;
	color:#666;
}
div.nowOrder_cost p span{
	float:right;
	color:#333;
}
div.nowOrder_cost p span i{
	color:#F60;
	font-style:normal;
}
ul.nowOrder_grade{
	display:block;
	height:42px;
	width:300px;
	margin:5px auto;
}
ul.nowOrder_grade li{
	display:block;
	height:42px;
	width:50px;
	float:left;
	margin-right:10px;
	background: url(../img/big_grade_3.png) center center no-repeat; background-size:42px;
}
ul.nowOrder_grade li.action{background-image:url(../img/big_grade_4.png);}

div.uate_box{
	display:block;
	margin: 0 auto;
    width: 94%;
}
div.uate_child{
	display:block;
	width:100%;
	height:60px;
	float:left;
	margin-bottom:20px;	
}
div.uate_child div{
	display:block;
	width:48%;
	height:60px;
	background-color:#ccc;
	/*border:1px solid #6f7477;
	box-shadow: 1px 1px 1px #FFF inset;*/
	background-position:center 8px;
	background-repeat:no-repeat;
	background-size:31px;
}
div.uate_child div.action{
	background-color:#2f97d6;
}
div.uate_child div:first-child {
	float:left;
}
div.uate_child div:last-child {
	float:right;
}
div.uate_child div span{
	display:block;
	width:100%;
	height:25px;
	margin-top:35px;
	font-size: 12px;
	color:#FFF;
	line-height: 25px;
	text-align: center;
}
div.uate_child_1{background-image:url(../img/order_1.png);}
div.uate_child_2{background-image:url(../img/order_2.png);}
div.uate_child_3{background-image:url(../img/order_3.png);}
div.uate_child_4{background-image:url(../img/order_4.png);}
textarea{
	width:100%;
	height:60px;
	border:1px solid #CCC;
}

/*--------------------------历史订单-----------------------------*/
div.history_list {
    width:100%;
    height:50px;
    padding:15px 0;
    background:#FFF;
    margin:0px auto;
    border-bottom:1px dashed #cacaca;
    background:url(../img/icon_arrows.png) center right no-repeat;
    background-size:20px;
}
div.history_list div.hiscon_box{
    border-left: 1px solid #d7dadb;
    margin-left:65px;
}
div.history_list div.num_box{
    display: block;
    float: left;
    margin-left:10px;
    width:45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-weight: 800;
    font-size: 24px;
    border-radius: 15px;
    color:#fff;
    border: 1px solid #d7dadb;
    background:#878787;
}
div.history_list div.action{
    background: #fb8637;
}
div.history_list .hiscon_box p{
    height: 20px;
    margin-bottom: 10px;
}
div.history_list .hiscon_box p>samp{
    width:auto;
    font-size: 16px;
    color: #2890ff;
    margin: 0 0 0 5px;

}
div.history_list .split span{
    display:inline-block;

    height: 20px;
    line-height: 20px;
    padding-left: 8px;
    border-left:1px solid #cacaca;
    color: rgba(103, 100, 112, 0.83);
}
div.history_list .addr span{
    display: inline-block;
    float: left;
    line-height: 20px;
    height: 20px;
    margin-left: 5px;
    text-indent: 15px;
    color: rgba(103, 100, 112, 0.83);
}
.pos-source{
    background: url(../img/pos_source.gif) center left no-repeat;
    background-size: 10px;
}
.pos-target{
    background: url(../img/pos_target.gif) center left no-repeat;
    background-size: 10px;
}
.pos-to{
    display: block;
    width:15px;
    height: 20px;
    margin-left:15px ;
    background: url(../img/pos-to.gif) center left no-repeat;
    background-size: 10px;
}
/*--------------------我的账号--------------------*/
.account_box{
    display:block;
    width:100%;
    height:100%;
    margin-bottom: 15px;
}
.account_piece{
    display:block;
    width:90%;
    height:100px;
    margin:10px auto;
    border: 1px solid #d7dadb;
}
.account_piece p{
    display:block;
    width:100%;
    height:49px;
    font-size: 14px;
    line-height:50px;
    color:#666;
    text-indent: 28px;
    background-color: #fff;
    background-position:5px center;
    background-repeat:no-repeat;
    background-size:20px;
}
.account_piece p:first-child{
    border-bottom:1px solid #d7dadb;;
}
.account_piece p span{
    display:block;
    float: right;
    width: 160px;
    margin-right: 10px;
    color: #333333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.account_piece p input{
    display:block;
    float: right;
    height: 25px;
    width: 120px;
    font-size: 14px;
    color: #39F;
    /*background-color: #f7fcff;*/
    margin-top: 12px;
    margin-right: 10px;
    margin-left: 10px;
}
.account_piece p.account_1{
    background-image:url('../img/icon_account_1.png');
}
.account_piece p.account_2{
    background-image:url('../img/icon_account_2.png');
}
.account_piece p.account_3{
    background-image:url('../img/icon_subscribe_2.png');
}
.account_piece p.account_4{
    background-image:url('../img/icon_account_3.png');
}
.account_piece p.account_5{
    background-image:url('../img/icon_subscribe_3.png');
    border-bottom:none;
}
.account_piece p.account_6{
    background-image:url('../img/icon_account_4.png');
}
.account_piece p.account_7{
    background-image:url('../img/icon_account_5.png');
}
.account_piece p.account_8{
    background-image:url('../img/icon_account_6.png');
}
.account_btn{
    border:1px solid #ff3c00;
    background-color: #FFF;
    color:#ff3c00;
    /*background-color:-moz-linear-gradient(#ff4b28, #e83606);
    background:-webkit-gradient(linear, center top, center bottom, from(#ff4b28), to(#e83606));
    background:-webkit-linear-gradient(#ff4b28, #e83606);
    background:-o-linear-gradient(#ff4b28, #e83606);
    background:-ms-linear-gradient(#ff4b28, #e83606);
    background:linear-gradient(#ff4b28, #e83606);*/
}
.about_box p span{
	display:block;
    float: right;
    height: 49px;
    width: 25px;
	font-size: 14px;
    line-height:50px;
	text-indent: 0px;
    color:#09F;
	margin-right: 0px;
	background: url(../img/icon_arrows.png) center right no-repeat;
    background-size: 20px;
}
.account_radio{
	display:block;
	float:right;
	width:120px!important;
	height: 49px;
}
.account_radio input{
    margin-left: 5px!important;
    margin-right: 5px!important;
	 width: 15px!important;
	/* height: 15px!important;*/
	 float:left!important;
	 background-color:#333!important;
}
.account_radio label{
	display:block;
	float:left!important;
	width:30px;
	height: 49px;
	font-size: 14px;
	color:#666;
    line-height:49px;
	text-indent: 0px;
}
/*---------------当前订单----------------*/
div.orderList{
	display:block;
	width:100%;
	height:100%;
}

div.o_list{
	display:block;
	width:100%;
}
div.o_select{
	display:none;
	width:40px;
	height:50px;
	float:left;
}
div.o_select span{
	display:block;
	width:20px;
	height:20px;
	border-radius:100px;
	margin:12px auto;
	border:3px solid #FFF;
	
	box-shadow: 0px 0px 3px #999;
}
div.o_select span.action{
	background: #CD2805 url(../img/icon_gou.png) center center no-repeat;
    background-size: 15px;
}
div.o_box{
	display:block;
	width:96%;
	margin:10px auto;
	border:1px solid #CCC;
	border-radius:5px;
    background-color:#FFF;
}
div.o_driver{
	display:block;
	width:100%;
	height:60px;
}
div.o_photo{
	display:block;
	float:left;
	margin:5px 5px 0 5px;
	width:45px;
	height:50px;
	border-radius:5px;
	border:1px solid #d7dadb;
	background: bottom left no-repeat; 
	background-size:contain;
}
/*-------------- 组长图标 ---------------*/
div.o_photo span{
    display:block;
    float:left;
    margin-left: 2px;
    width:12px;
    height:25px;
    background: url(../img/leader.png) top center no-repeat;
    background-size:contain;
}
div.o_text{
	display:inline-block;
	float:left;
	height:50px;
	margin-top:10px;
}
div.o_text p samp{
	display: block;
    float: left;
    font-size: 18px;
    height: 20px;
	width: 55px;
	color:#666;
    line-height: 22px;
	font-weight: normal;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap; 
}
div.o_text p i{
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color:#666;
	text-indent:20px;
	font-style: normal;
	background: url(../img/icon_arrows_1.png) center left no-repeat;
    background-size: 15px;
}
div.o_phone{
	display: block;
	float:right;
	width:60px;
	height:50px;
	margin-top:5px;
	border-left:1px solid #CCC;
	background: url(../img/icon_phone.png) center center no-repeat;
    background-size: 30px;
}

div.orderSelect div.o_select{
	display:inline-block;
}
div.orderSelect div.o_box{
	width:85%;
	margin-left:40px;
}
/*----------------------更多--------------------------*/
.more_box{
	width:100%;
	height:100%;
	position:fixed;
	z-index:999;
	/*background-color:#FC0;*/
}
.more_box section{
	width:80%;
	height:100%;
	background-color:#24292f;
	position:fixed;
	top:0px;
	left:20%;
	box-shadow: 5px 0px 8px 0px #161719 inset;
}
.more_box section div:first-child{
	width:100%;
	height:100px;
	background:#31363c url(../img/about_1.png)  20px center no-repeat;
	background-size:30px;
}
.more_box div:first-child span{
	display: inline-block;
	width:150px;
	height:40px;
	margin:30px 0 30px 60px;	
	font-size: 16px;
	line-height: 20px;
	color:#feffff;
}
.more_box menu{
	display: inline-block;
	width:100%;
	height:250px;
}
.more_box menu li{
	display: inline-block;
	float:left;
	width:100%;
	height:50px;
	background: url(../img/line_bg_2.gif) bottom left repeat-x;
}
.more_box menu li span{
	display: inline-block;
	width:100%;
	height:50px;
	font-size: 16px;
	line-height: 50px;
	color:#FFF;
	text-indent:60px;
	background-position:20px center;
    background-repeat:no-repeat;
    background-size:30px;
}
.more_box menu li:nth-child(1) span{
    background-image:url('../img/about_2.png');
}
.more_box menu li:nth-child(2) span{
    background-image:url('../img/about_3.png');
}
.more_box menu li:nth-child(3) span{
    background-image:url('../img/about_4.png');
}
.more_box menu li:nth-child(4) span{
    background-image:url('../img/about_5.png');
}
.more_box menu li:nth-child(5) span{
    background-image:url('../img/about_6.png');
}
.more_box  b{
	display: inline-block;
	width:30px;
	height:50px;
	float:right;
	background:url(../img/icon_arrows.png) center center no-repeat;
	background-size:20px;
}
.more_box section div:last-child{
	width:100%;
	height:50px;
	background-color:#1f242a;
	position:absolute;
	bottom:10px;
	/*left:20%;
	right:0px;*/
	box-shadow: 0px -3px 10px 0px #161719;
	background:url(../img/icon_logo.png) center center no-repeat;
	background-size:70px;
}
/*---------------异常----------------*/
div.error_box{
	display: inline-block;
	width:100%;
	height:150px;
	margin-top:20px;
}
div.error_1{
	background:url(../img/bg_error_1.png) center center no-repeat;
	background-size:150px;
}
div.error_2{
	background:url(../img/bg_error_2.png) center center no-repeat;
	background-size:150px;
}
div.error_3{
	background:url(../img/bg_error_3.png) center center no-repeat;
	background-size:150px;
}
div.error_4{
	background:url(../img/bg_error_4.png) center center no-repeat;
	background-size:150px;
}
div.error_5{
    background:url(../img/bg_error_5.png) center center no-repeat;
    background-size:150px;
}
div.error_text{
	display: block;
	width:70%;
	margin:10px auto;
	font-size: 14px;
	line-height: 25px;
	color:#666;
	text-align: center;
}
.login_btn b{
	display: block;
	width:140px;
	height:40px;
	margin:auto;
	/*text-indent:20px;*/
}
.error_btn_1{
    background-color:#54c150;
	/*background-color:-moz-linear-gradient(#54c150, #3ba737);
	background:-webkit-gradient(linear, center top, center bottom, from(#54c150), to(#3ba737));
	background:-webkit-linear-gradient(#54c150, #3ba737);
	background:-o-linear-gradient(#54c150, #3ba737);
	background:-ms-linear-gradient(#54c150, #3ba737);
	background:linear-gradient(#54c150, #3ba737);*/
}
/*.error_btn_1 b{
	background: url(../img/icon_phone_g.png) center left no-repeat;
    background-size: 20px;
}
.error_btn_2 b{
	width:120px;
	background: url(../img/icon_nearby_1.png) center left no-repeat;
    background-size: 25px;
}*/
/*-------------------价格表-----------------------*/
.price_title{
	font-size: 16px;

	line-height: 40px;
	text-align: center;
}
.price_list{
	border-bottom: 1px solid #B8BABA;
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 100%;
	color: #666;
}
.price_list td,.price_list th {
    font-size: 14px;
    line-height: 35px;
    text-align: center;
	border-bottom: 1px solid #EBEBEB;
}
.price_list th {
	background-color:#EEE;
	color: #333333;
	font-weight:normal;
}
.price_list tr td:last-child{
	color: #ff6600;
}
.price_info{
	overflow-y: auto;
    padding-bottom: 0 !important;
}
.price_info p {
    color: #999;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
    padding-left: 10px;
}
/*-------------------弹出层----------------------*/
div.modal{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:910;
}
div.modal div.mask_box{
	display:block;
	width:100%;
	height:100%;
	background-color:#333;
	opacity: 0.7;
	z-index:920;
}
div.modal div.modal_box{
	position: fixed;
	display:block;
	height:180px;
	/*top:60%;*/
	left:0px;
	right:0px;
	bottom:0px;
	z-index:999;
	background-color:#FFF;
	box-shadow: 0px -3px 2px #333;
}

span.modal_title{
	display:block;
	width:100%;
	height:35px;
	/*background-color:#EAEAEA;
	border-bottom: 1px solid #CDCDCD;*/
	font-size: 16px;
	line-height: 35px;
	color:#666;
	text-align: center;
}
div.modal_box h2{
	color:#ab1717;
	line-height: 36px;
	text-align: center;
}
div.modal_box p{
	display:block;
	width:90%;
	height:30px;
	margin:0 auto;
	font-size: 14px;
	line-height: 30px;
}
div.modal_box p.modal_con{
	text-align: center;
	line-height: 20px;
	color:#333;
}
div.modal_box p.first{border-bottom:1px dashed #CCC;padding-bottom: 10px;}
div.modal_box p span{
	display:inline-block;
	width:100px;
	color:#666;
	text-indent:25px;
}

span.modal_1{
	background: url(../img/icon_subscribe_6.png) center left no-repeat;
    background-size: 20px;
}
span.modal_2{
	background: url(../img/icon_subscribe_8.png) center left no-repeat;
    background-size: 20px;
}
div.modal_box p i{
	display:inline-block;
	font-style:normal;
	color:#333;
}
div.modal_footer{
	display:block;
	width:100%;
	height:60px;
	/*background-color:#EAEAEA;
	border-top:1px solid #CDCDCD;*/
	position: fixed;
	bottom:0px;
}
.modal_footer .login_btn{
    height: 40px;
    line-height: 40px;
    margin-top: 0px;
}
.modal_btn_left{
	width:45%;
	float:left;
	margin-left:10px;
}
.modal_btn_right{
	width:45%;
	float:right;
	margin-right:10px;
}
.modal_footer>b{
	display:block;
    width: 90%;
	height: 45px;
    border:1px solid #ccc;
    margin: 0 auto;
	font-size: 14px;
	color:#999;
	text-align: center;
	line-height: 45px;
}
.modal_img{
	display:block;
	width:120px;
	height:120px;
	/*margin:0 auto;*/
	position: fixed;
	bottom:150px;
	left:50%;
	margin-left:-60px;
    font-size: 14px;
    color:#0094ef;
    border-radius: 500px;
}
.modal_img span{
    display:inline-block;
    margin-left: 30px;
    width:55px;
    font-size: 48px;
    font-family:Arial, Helvetica, sans-serif;
    color:#0094ef;
    text-align: center;
    line-height: 120px;
    font-weight:bold;
}
.modal_time{
    background-color: #FFF;
}
.modal_time div{
    height: 100%;
    width: 100%;
    background:url(../img/bg_time.png) center center no-repeat;
    background-size: 120px;
    position:absolute;
    top:0px;
    animation: mymove 1s linear infinite;
    -webkit-animation:mymove 1s linear infinite;
}
@keyframes mymove{
    from{ transform: rotate(360deg)}
    to{ transform: rotate(0deg)}
}
@-webkit-keyframes mymove{
    from{ -webkit-transform: rotate(360deg)}
    to{ -webkit-transform: rotate(0deg)}
}
@-moz-keyframes mymove{
    from{ -moz-transform: rotate(360deg)}
    to{ -moz-transform: rotate(0deg)}
}
@-o-keyframes mymove{
    from{ -o-transform: rotate(360deg)}
    to{ -o-transform: rotate(0deg)}
}
.modal_ok{
	background:url(../img/bg_ok.png) center center no-repeat;
	background-size: 120px;
}
/*-----------------------下单过程-----------------------*/

.polling_left{
	display: block;
    float: left;
	margin-left:5px;
    height: 50px;
    width:40%;
	font-size: 16px;
	color:#333;
	text-align:left;
	line-height: 50px;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:clip;
}
.polling_left a{
    display: block;
    float: left;
    height: 50px;
    width: 50px;
    background:url(../img/icon_phone_w.png) center center no-repeat;
    background-size: 30px;
}
.polling_right{
	display: block;
    float:right;
	height: 50px;
    width: 50%;
    font-size: 14px;
    color:#999;
    text-align:center;
    line-height: 50px;
}