html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, dl, dt, dd, ol, ul, li, form, label{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: top; }
body {color: #333; font-family: Arial, Helvetica, sans-serif, "宋体"; font-size: 16px; line-height: 1; background: white; }
body a { outline: none; text-decoration: none; }
img{ vertical-align: middle; outline: none; }
li { list-style: none; }
.Amain { min-width: 320px; max-width: 750px; margin: 0 auto; position: relative; }
.w{width: 100%;max-width: 750px;}
.w80{width: 85%;margin: 0 auto;display: block;}
.w6{width: 45px;height: 45px;margin: 0 auto;display: block;margin-top: 10px;}
.fl { float: left; }
.fr { float: right; }
.clearfix { *zoom: 1;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.bg{background: url(../images/bg.jpg) no-repeat top;height: 100%;position: fixed;min-width: 320px;max-width: 750px;background-size: cover;width: 100%;}
.center-block{text-align: center;}
.top_navbar { height: 50px; width: 100%; background: #2eafc8;position: relative; z-index: 500; }
.top_navbar>ul { width: 100%; height: 50px; overflow-x: hidden; }
.top_navbar>ul>li { height: 50px; line-height: 50px; }
.top_navbar>ul>li.fl { width: 40px; }
.top_navbar>ul>li.fl:first-child { position: relative; z-index: 200; }
.top_navbar>ul>li:nth-child(2) { text-align: center; width: 100%; color: #fff; font-size: 100%; float: left; margin-top: -50px; }
.top_navbar>ul>li.fr { width: 40px; margin-top: -50px; }
.top_navbar a.pull-left,.top_navbar a.pull-right{min-width: 35px; height: 30px; line-height: 30px;margin: 10px 0; display: block;}
.top_navbar a.pull-left {  background: url(../images/backbg.png) right center no-repeat; background-size: 22px; }
.top_navbar a.pull-right { background: url(../images/messagebg.png) -7px center no-repeat; background-size: 35px; }
.login-form{margin-top: 30px;}
.login-form li{height: 50px;width: 100%;border-radius: 50px;margin-bottom: 15px;}
.login-form .login-input{background: rgba(255,255,255,0.2);display: flex;}
.login-form .login-input label{width: 50px;height: 50px;border-radius: 50%;}
.login-form .login-input label.user-icon{background: url(../images/usericon.png) no-repeat center;background-size: 50%;}
.login-form .login-input label.pwd-icon{background: url(../images/pwdicon.png) no-repeat center;background-size: 50%;}
.login-form .login-input input{height: 50px;line-height: 50px;border-radius: 0 50px 50px 0;background: transparent;border: 0;color: #fff;font-size: 95%;padding: 0;outline: none;}
.login-form .login-btn button{background: #2eafc8;border-radius: 20px;width: 100%;border: 0;height: 50px;line-height: 50px;font-size: 100%;color: #fff;}
.login-form .login-input input::-webkit-input-placeholder {color: #fff;} 
.login-form .login-input input:-moz-placeholder {color: #fff;} 
.login-form .login-input input::-moz-placeholder {color: #fff;} 
.login-form .login-input input:-ms-input-placeholder {color: #fff;} 
.task-ul,.task-info ul{width: 95%;margin-left: 5%;}
.task-ul li{display: flex;height: 50px;line-height: 50px;border-bottom: 1px solid #e5e5e5;text-align: center;font-size: 80%;padding-right: 4%;}
.task-ul li.task-head{height: 40px;line-height: 40px;}
.task-ul li.task-head span{color: #999;}
.task-ul li.task-head span:last-child{padding-right: 10px;}
.task-ul li .task-hd{width: 60px;}
.task-ul li .task-bd,.task-info ul li p,.login-form .login-input input{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.task-ul li span{color: #000;}
.task-ul li a{color: #2eafc8;background: url(../images/turnright.jpg) right center no-repeat;padding-right: 10px;background-size: 7px;font-size: 80%}
/*.list-bottom{background: #2eafc8;height: 50px;width: 100%;border-top: 1px solid #E5E5E5;max-width: 750px;min-width: 320px;margin: 0 auto;position: fixed;bottom: 0;line-height: 50px;}*/
.list-bottom{background: #2eafc8;height: 50px;width: 100%;max-width: 750px;min-width: 320px;margin: 0 auto;position: fixed;bottom: 0;line-height: 50px;}
.list-bottom span{color: #fff;font-size: 95%;}
.list-bottom a{background: #fff;width: 80px;height: 30px;line-height: 30px;float: right;border-radius: 50px;font-size: 90%;box-shadow: 0px 0px 1px 1px #ddd;color: #2eafc8;margin: 10px 10px 0 0;text-align: center;}
.h50{height: 60px;}
.searchFiltrate { position: fixed; left: 0; top: 0; z-index: 9990; min-height: 100%; background: rgba(0,0,0,0.7); width: 100%; height: 100%; display: none; }
.cemain { width: 80%; background-color: #fff; position: absolute; right: 0; bottom: 0; height: 100%; }
.cemain .menubar3 { overflow-y: scroll; width: 100%; height: 90%; }
.cemain .menubar3 li { border-bottom: 1px solid #e7e7e7; overflow: hidden; }
.cemain .menubar3 li a { border: none; line-height: 44px; height: 44px; font-size: 14px; position: relative }
.cemain .menubar3 li .submenu2 { width: 90%; float: left; padding-left: 10%;margin-bottom: 15px;color: #1f2e36; font-size: 90%; }
.sel-btn { border-top: 1px solid #cbcbcb; position: absolute; left: 0; width: 100%; bottom: 0; }
.sel-btn a.c-btn { height: 40px; line-height: 40px; font-size: 14px; color: #666; text-align: center; float: left; width: 50%; font-family: "microsoft yahei"; }
.sel-btn a.c-btn:first-child { color: #1f2e36; }
.sel-btn a.c-btn:last-child { color: #fff; background: #2eafc8; }
.cemain .menubar3 li a span { -webkit-box-flex: 1; color: #1f2e36; display: block; font-size: 15px; height: 44px; margin-left: 15px; line-height: 44px; float: left; font-family: "microsoft yahei"; }
.cemain .menubar3 li .submenu2 input{vertical-align: middle; margin-top: -3px;}
.cemain .menubar3 li:last-child{border-bottom: 0;}
.taskbg{position: fixed;top: 0;width: 100%;z-index: 1000;background: rgba(0,0,0,0.6);height: 100%;z-index: 10;max-width: 750px;min-width: 320px;display: none;}
.task-info{height: 300px;width: 100%;overflow-y: scroll;background: #fff;z-index: 10;position: relative;position: fixed;bottom: 0;max-width: 750px;min-width: 320px;display: none;}
.task-info ul li{display: flex;height: 40px;line-height: 40px;border-bottom: 1px solid #e5e5e5;}
.task-info ul li span{color: #000;font-size: 90%;display: block;width: 100px;}
.task-info ul li p{color: #898989;font-size: 85%;}
.task-button{position: fixed;width: 100%;height: 40px;line-height: 40px;background: #2eafc8;color: #fff;font-size: 95%;bottom: 0;text-align: center;}

html,
body {
    margin: 0;
    padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;}
ol, ul { list-style: none; }

input::-webkit-input-placeholder { /* WebKit browsers */ 
color: #fff; 
} 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #fff; 
} 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #fff; 
} 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #fff; 
}
a, a:link, a:hover{
	text-decoration: none;
}
select, input, img, textarea { vertical-align: middle; outline: none;border: none; }
.main{
	width: 7.5rem;
	height: auto;
	margin: 0 auto; 
	position: relative; 
	font-family: "微软雅黑";
}
/*登录*/
#bg_img{
	position:fixed; 
	z-index:-1;
	height: 100%;
	top: 0;
	width: 7.5rem;
	/*left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);*/
}
.loginContainer{
	padding-top: 4.28rem;;
	padding-bottom: 1.2rem;
	/*background: url(../images/bg.jpg)no-repeat left top;
    background-position: 50% 50%;*/
}
.login_img{
	position: absolute;
	top:2rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	text-align: center;
}
.login_img img{
	width: 3.53rem;
	height: 1.43rem;
}
.login-text{
	position: absolute;
	top:3.8rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	font-size: 0.38rem;
	width: 100%;
	text-align: center;
	color: #fff;
}
/*.login_form{
	margin-top: 1.5rem;
	width: 6.53rem;
	margin-left: 0.48rem;
	
}
.login_form .input_container{
	display: flex;
	padding: 0.28rem 0.35rem;
	border-radius:0.8rem;
	margin-bottom: 0.47rem;
	background-color: rgba(255,255,255,0.2);
}
.login_form .input_container input{
	font-size: 0.28rem;
	background: none;
	color: #fff;
}
.login_form .input_container:nth-of-type(1) img{
	width: 0.48rem;
	height: 0.48rem;
	margin-right: 0.28rem;
}
.login_form .input_container:nth-of-type(2) img{
	width: 0.38rem;
	height: 0.48rem;
	margin-right: 0.36rem;
}
.login_form .input_container:nth-of-type(3){
	background-color: rgb(51,153,204)
}
.login_form .input_container:nth-of-type(3) div{
	width: 100%;
	text-align: center;
	font-size: 0.32rem;
	color: #fff;
}*/
.quick_login{
	width: 100%;
	text-align: center;
	margin-top: 0.88rem;
}
.quick_login img{
	width: 6.26rem;
	height: 0.3rem;
}
.login_way{
	width: 100%;
	text-align: center;
	margin-top: 0.42rem;
}
.login_way img{
	width: 0.92rem;
	height: 0.92rem;
}
/*弹框*/
.mask{
	display: none;
}
.mask_bg{
	    position: fixed;
	    left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    z-index: 1000;
	    outline: 0;
	    background: rgba(0, 0, 0, 0.5);
     }
     .slide-fade{
     	position:fixed;
     	left:50%;
     	top:50%;
     	width:5.52rem;
     	height:2.95rem;
     	text-align:center;
     	z-index:1001;
     	background:#fff;
     	transform:translate(-50%,-50%);
     	-webkit-transform:translate(-50%, -50%);
     	border-radius: 0.25rem;
     }
     .btn_cancel{
     	font-size:0.28rem;
     	margin-right:1rem;
		color: #999;
     }
     .btn_submit{
     	font-size:0.28rem;
     	color:#3399cc;
     }
     .model_footer{
     	width: 100%;
     	height:0.9rem;
     	line-height:0.85rem;
     	background:#fff;
     	position:absolute;
     	bottom:0;
     	right:0;
     	text-align:center;
     	border-radius: 0.25rem;
     }
    .model-header{
    	width:100%;
    	height:2rem;
    	line-height:2rem;
    	position:absolute;
    	top:0;
    	left:0;
    	text-align:center;
    	font-size:0.32rem;
    	border-bottom: 0.01rem solid #eee;
    	font-size: 0.28rem;
    }
    .line_border{
    	position: absolute;
    	left: 50%;
    	width: 0.01rem;
    	height: 100%;
    	background-color: #eee;
    }
/*主页*/
.mainContainer{
	/*background: url(../images/mask.png)no-repeat left top;
    background-position: 50% 50%;*/
    padding-top: 2.05rem;
    padding-bottom: 2.85rem;
}
.car_send{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 3.37rem;
}
.car_send img{
	width: 2.53rem;
	height: 2.53rem;
}
.car_send span{
	font-size: 0.38rem;
	color: #fff;
	margin-top: 0.37rem;
}
.mainContainer .car_send:nth-of-type(1){
	margin-bottom: 0.89rem;
}
.log_out{
	position: fixed;
	bottom: 0;
	height: 0.9rem;
	width: 7.5rem;
	background-color: #3399cc;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	z-index: 100;
}
.log_out img{
	width: 0.64rem;
	height: 0.53rem;
	margin-right: 0.1rem;
}
.log_out span{
	font-size: 0.28rem;
	color: #fff;
}
.company_name{
	padding: 0.2rem;
}
.log_out_a{
	width: 1.71rem;
	height: 0.56rem;
	line-height: 0.56rem;
	background-color: #fff;
	border-radius: 0.8rem;
	margin:0.19rem;
	text-align: center;
	box-shadow:0 0 5px #333;
}
.log_out_a a{
		color:#3399cc;
}
/*确认客户*/
.customerContainer{
	padding-top: 1.3rem;
	padding-bottom: 0.36rem;
}
#head_top{
	position: fixed;
	top: 0;
	width: 7.5rem;
	height: 0.88rem;
	background-color:#3399cc;
	z-index: 100;
	display: none;
}
.back{
	position: absolute;
	top: 50%;
	left: 0.33rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.sure_customer{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	text-align: center;	
}
.sure_customer span{
	font-size: 0.33rem;
	color: #fff;
	text-align: center;
}
.more{
	position: absolute;
	top: 50%;
	right: 0.13rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.back img{
	width: 0.24rem;
	height: 0.38rem;
}
.more img{
	width: 0.5rem;
	height: 0.14rem;
}
.search_input{
	height: 0.95rem;
	width: 7.5rem;
	background-color: #fff;
	position: fixed;
	top: 0.15rem;
}
.search_input input{
	width: 7.04rem;
	height: 0.63rem;
	margin: 0.18rem 0.24rem;
	border-radius: 0.8rem;
	text-align: center;
	font-size: 0.3rem;
	background:url(../images/4.png)no-repeat 95% center #eee;
	background-size: 0.27rem 0.27rem;
}
.search_input input::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; 
} 
.search_input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; 
} 
.search_input input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999; 
} 
.search_input input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; 
}
.city_container{
	width: 100%;
}
.item_city .city_header{
	height: 0.33rem;
	background-color: #eee;
	color: #999;
	font-size: 0.28rem;
	line-height: 0.33rem;
	padding: 0 0.24rem;
}
.city_content .city_name{
	margin: 0 0.24rem;
	height: 1.12rem;
	border-bottom: 0.02rem solid #eee;
	line-height: 1.12rem;
	font-size: 0.28rem;
}
.city_content .city_name:last-child{
	border:none
}
.city_container .item_city:last-child .city_content .city_name:last-child{
	border-bottom: 0.02rem solid #eee!important;
}
/*.right_top{
	position: fixed;
	right: 0.24rem;
	top: 2.93rem;
	width: 0.3rem;
	font-size: 0.2rem;
	text-align: center;
	line-height:0.32rem;
}
.right_top .active{
	background: #3399cc;
	border-radius: 50%;
}
.right_top a{
	color: #333;
}
.right_top .active a{
		color:#fff;
}*/
#letter{
    width: 1rem;
    height: 1rem;
    border-radius: 0.1rem;
    font-size: 0.75rem;
    color: #555;
    text-align: center;
    line-height: 1rem;
    background: rgba(145,145,145,0.6);
    position: fixed;
    left: 50%;
    top: 50%;
    margin:-0.5rem 0px 0px -0.5rem;
    z-index: 99;
    display: none;
}
.sort_box{
    width: 100%;
    overflow: hidden;
}
.sort_list{
    margin: 0.12rem 0.24rem 0.24rem;
    height: 0.8rem;
    border-bottom: 0.02rem solid #eee;
    line-height: 0.8rem;
    font-size: 0.28rem;
}

.sort_list .num_name{
    color: #000;
}

.sort_letter{
   height: 0.5rem;
    background-color: #eee;
    color: #999;
    font-size: 0.28rem;
    line-height: 0.5rem;
    padding: 0 0.24rem;
}
.initials{
    position: fixed;
    right: 0.24rem;
    top: 2.93rem;
    width: 0.3rem;
    font-size: 0.2rem;
    text-align: center;
    line-height: 0.32rem;
}
.initials li {
	line-height: 0.3rem!important;
	height: 0.3rem!important;
	font-size: 0.2rem;
	color: #333;
}
.active{
	background: #3399cc;
    border-radius: 50%;
	color: #fff!important;
}

/*确认客户搜索*/
.customer_search_input{
	height: 0.95rem;
	width: 7.5rem;
	background-color: #fff;
	position: fixed;
	top: 0.18rem;
}
.customer_search_input input{
	width: 6.26rem;
	height: 0.63rem;
	margin: 0.18rem 0 0.18rem 0.24rem;
	border-radius: 0.8rem;
	text-align: left;
	padding-left: 0.65rem;
	font-size: 0.3rem;
	background:url(../images/4.png)no-repeat 0.23rem center #eee;
	background-size: 0.27rem 0.27rem;
}
.customer_search_input input::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; 
} 
.customer_search_input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; 
} 
.customer_search_input input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999; 
} 
.customer_search_input input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; 
}
.customer_search_input span{
	color: #999;
	font-size: 0.3rem;
	margin-left: 0.13rem;
}
.bg_hui{
	width: 100%;
	height: 0.1rem;
	background-color: #eee;
}
.customer_name{
	width: 100%;
	background-color: #fff;
	height: auto;
}
.customer_name header{
	height: 0.73rem;
	line-height: 0.73rem;
	color: #999;
	font-size: 0.28rem;
	padding:0.24rem 0 0.2rem 0;
	margin-left: 0.24rem;
}
.customer_name_item{
	padding-left: 0.24rem;
}
.customer_name_item li{
	height: 1.1rem;
	line-height: 1.1rem;
	border-top: 0.02rem solid #eee;;
	font-size: 0.28rem;
	color: #333;
}
/*确认树脂罐*/
.confirm_resin_tank{
	/*padding-top: 0.88rem;*/
	
}
.warehouse_spec{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 0.34rem;
	padding-right: 0.23rem;
	height: 0.94rem;
	line-height: 0.94rem;
}
.warehouse_spec p span{
	font-size: 0.28rem;
	color: #000;
}
.warehouse_spec p img{
	width: 0.35rem;
	height: 0.35rem;
	margin-right: 0.08rem;
}
.warehouse_spec p:nth-of-type(2) span{
	color: #3399cc;	
}
.warehouse_tb tr td{
	text-align: center;
}
.warehouse_tb .table thead tr td{
	height: 0.67rem;
	line-height: 0.67rem;
	font-size: 0.28rem;
	color: #999;
}
.warehouse_tb .table tbody tr td{
	height: 0.95rem;
	line-height: 0.95rem;
	font-size: 0.24rem;
	color: #000;
}
.warehouse_tb .table .delete{
	color: #3399cc;
}
.sub_entry{
	position: fixed;
	bottom: 0;
	height: 1.6rem;
	width: 7.5rem;	
}
.sub_entry .entry_num{
	height: 0.67rem;
	line-height: 0.67rem;
	width: 100%;
	background-color: #fff;
	border-top: 0.01rem solid #eee;
	font-size: 0.28rem;
	color: #999;
	padding-left: 0.34rem;
}
.sub_entry .entry_num .num{
	color: #3399cc;
	margin-left: 0.1rem;
	margin-right: 0.1rem;
}
.sub_entry .sub_btn{
	width: 100%;
	height: 0.93rem;
	line-height: 0.93rem;
	text-align: center;
	background-color:#3399cc;
}
.sub_entry .sub_btn a{
		color: #fff;
		font-size: 0.28rem;
}
.confirm_resin_tank .model-header.delete_list{
	line-height: 0.5rem;
	color: #999;
	padding-top: 0.5rem;
}
.person_img{
	width: 0.24rem!important;
	height: 0.33rem!important;
}
.mask_sub{
	display: none;
}
.btn_cancel_entry{
     	font-size:0.28rem;
     	margin-right:1rem;
		color: #999;
}
.btn_submit_entry{
     	font-size:0.28rem;
     	color:#3399cc;
}
.confirm_resin_tank .model-header.sub_list{
	line-height: 0.4rem;
	width: 100%;
	color: #999;
	padding: 0.25rem;
}
.confirm_resin_tank .model-header.sub_list header{
	color: #000;
	font-size: 0.3rem;
}
.confirm_resin_tank .model-header.sub_list header span{
	color:#ff3300;
}


/*二维码扫描*/
.code-bg{
	width: 100%;
    position: fixed;
    top:  50%; 
    left: 50%; 
    z-index: 1;   
    z-index: 999;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.code-bg img{ 
    height: 4.7rem; 
    width: 4.7rem; 
    /*background-color: rgba(255,255,255,0.2);*/
}
.mask_code{
	position: fixed;
    top: 0;
    bottom: 0;
    width: 7.5rem;
    z-index: 10;
    outline: 0;
    /*background-color: rgba(0, 0, 0, 0.5);*/
}

.code_container{
	font-size: 0.28rem;
	color: #fff;
	margin-top: 0.4rem;
}
/*.line{ 
    position: absolute; 
    top: 3.35rem; 
    left: 1.4rem; 
    z-index: 100; 
    height: 3px; 
    width: 360px; 
    background: url(../images/sm.png) no-repeat; 
    animation: myScan 1s infinite alternate; 
    -webkit-animation: myScan 1s infinite alternate; 
}
@keyframes  myScan{
    from { top:0; }
    to { top: 4.7rem; }
}
-webkit-@keyframes  myScan{
    from { top:0; }
    to { top: 4.7rem; }
}*/
.delete_code{ color: red;}