﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button{ margin: 0px; padding: 0px;font-family:"Microsoft YaHei","微软雅黑";-webkit-font-smoothing:antialiased; }
table{ border-collapse:collapse; border-spacing:0; }
button,input,textarea,fieldset{ padding:0;*overflow:visible;} 
input,textarea{outline: none;resize:none;}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul,li{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; }
q:before,q:after{ content:''; }
abbr,acronym{ border:0; }
label{ cursor:pointer; }
legend{ margin-left:0; }*+html legend{ margin-left:-7px;  margin-top:-7px; padding-bottom:10px; }
*html legend{ margin-left:-7px;  margin-top:-7px;  padding-bottom:10px; }
a{ text-decoration:none; outline: none; }
form{display: block;width: 100%;}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: 0;}
a, a:visited {text-decoration: none;color: #333;}
body{margin: 0 auto;overflow-x:hidden;max-width: 640px;background: #fff;font-size: 14px;color: #666;-webkit-text-size-adjust: 100% !important;-webkit-user-select: none;user-select: none;}
img {border: 0 none;vertical-align: top;}
html{background: #efefef;overflow-x: hidden;}
html,body{min-height: 100%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/**基本常用样式**/
/* text */

.fHei{ font-family:'黑体';}
.fTahoma{ font-family:Tahoma,Verdana; }
.fyahei{font-family:"Microsoft YaHei","微软雅黑";}
.fb{ font-weight:bold; }
.fn{ font-weight:normal; font-style:normal; }
.tid2{ text-indent:2em; }
.tid1{ text-indent:1em; }

.fl{float: left;}
.fr{float: right;}
.whitebg{background-color: #fff;}
.graybg{background-color: #eee}
.f9bg{background-color: #f9f9f9}
.ptb20{padding-top:20px;padding-bottom: 20px;}
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix{*zoom:1;}

.container{padding:0 20px;}
.container:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/**wap物流帮顶部**/
.wapwlbhead{}
.wapwlbhead .contant{border-bottom: 1px solid #e2e2e2;padding: 10px 0;}
.wapwlbhead .toptit{font-size: 16px;color: #ff7800;display: block;font-weight: normal;width: 100%;text-align: center;line-height: 30px;}
.wapwlbhead .pageback{float: left;width: 30px;height:30px;background: url(../images/wapwlbicon.png) 0 6px no-repeat;background-size:60px auto;}
.wapwlbhead .searchicon{float: right;width: 30px;height:30px;background: url(../images/wapwlbicon.png) 0 -18px no-repeat;background-size:60px auto;}
/****/
.topsearchbox{width: 100%;float: left;background-color: #fff;padding: 10px 0;display: none;}
.topsearchbox .searchtext{float: left;width: 85%;line-height: 30px;border: 0;font-size: 14px;color: #c2c2c2;padding: 0 10px;border-radius: 0;background-color: #eeeeee}
.topsearchbox .searchbtn{float: right;width: 15%;height: 30px;background: #ff7800;color:#fff;border: 0px;}

.xuqiulist{float: left;width: 100%;}
.xuqiulist .xuqiutit{float: left;width: 100%;position: relative;padding:20px 0 20px 10px;font-size: 16px;color: #5c5c5c;line-height: 25px;}
.xuqiulist .xuqiutit:before{content: "";width: 3px;height:25px;background-color: #ff7800;position: absolute;left: -2px;top:20px;}
.xuqiuselectbtn{float: left;width: 100%;font-size: 16px;color: #2e2e2e;line-height: 50px;padding-left: 15px;background-color: #fff;}
.xuqiuselectbtn span{float: right;width: 20px;height:20px;background: url(../images/wapwlbicon.png) 0 -95px no-repeat;margin: 15px 10px;}
.wlbcontant{padding-bottom: 90px;}
.wlbcontant input[type="text"],.wlbcontant select,.wlbcontant textarea{border: 0;background-color: #fff;width: 100%;color: #939393;padding: 10px 8px;line-height: 30px;font-size: 16px;}
.xuqiudetail{float: left;width: 100%;}
.xuqiudetail textarea{height: 10em;font-size: 16px;line-height: 30px;color: #a7a7a7;}
.yanzhengmabox{float: left;width: 100%;background-color: #fff;box-shadow:0 2px 5px #efefef;}
.yanzhengmabox input[type="text"]{float: left;line-height: 30px;font-size: 16px;}
.getyanzhengmacnt{float: left;width: 100%;border-top: 1px solid #d7d7d7;padding-right: 125px;position: relative;}
.getyanzhengmacnt .getyanzhengmabtn{-webkit-appearance: none;position: absolute;right:15px;top:10px;border:0;font-size: 16px;background-color: #d4d4d4;border-radius: 5px;float: right;color: #fff;line-height: 30px;padding: 0 10px}


.wapwlbbottom{position:fixed;bottom:0;left:0;right:0;z-index:100;width:100%;height:70px;padding:0;background:#cccccc;}
.jiagetext{float: left;width: 65%;padding : 10px 20px;position: relative;}
.jiagetext input[type="text"]{display: block;padding:10px 0 10px 30px;border: 0;border-radius: 5px;width: 100%;line-height: 30px;font-size: 14px;}
.jiagetext:before{content: "¥";color: #ff7800;font-size: 16px;position: absolute;left: 30px;top: 10px;line-height: 50px;}
.tijiaocnt{float: right;width: 35%;background-color: #ff7800;height: 100%;}
.tijiaocnt .tijiaobtn{line-height: 70px;text-align: center;font-size: 16px;color: #fff;display: inline-block;width: 100%;}

/**弹出层选择类目**/
.select-layer_wrap {background-color: rgba(0, 0, 0, 0.7);position: fixed;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;display: none;-webkit-transition: opacity 0.25s, z-index 0.25s;-moz-transition: opacity 0.25s, z-index 0.25s;transition: opacity 0.25s, z-index 0.25s;}
.select-layer_wrap.show{-webkit-transition: opacity 0.25s;-moz-transition: opacity 0.25s;transition: opacity 0.25s;opacity: 1;display: block;z-index: 910;}
.select-layer{-webkit-transition: transform 0.25s;-moz-transition: transform 0.25s;transition: transform 0.25s;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);position: fixed;width: 85%;top: 0;bottom: 0;left: 100%;height: 100%;background-color: #F2F2F2;}
.select-layer_wrap.show .select-layer{-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.select-layer .select-layer_title{height: 51px;line-height: 46px;background-color: white;border-bottom: 1px solid #DDD;position: absolute;top: 0;left: 0;right: 0;z-index: 10;padding: 0 10px;}
.select-layer .select-layer_con{top: 50px;position: absolute;left: 0;z-index: 1;right: 0;bottom: 0;overflow-y: auto;}
.sf_btn_gray{-webkit-appearance: none;margin-top: 10px;border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;border: solid 1px #ddd;background-color: white;height: 28px;line-height: 28px;padding: 0 10px;color: #666;}
.select-layer .select-layer_title .tit{position: absolute;left: 70px;right: 70px;top: 0;height: 100%;text-align: center;font-size: 16px;font-weight: normal;color: #333;}
.sf_btn_primary{-webkit-appearance: none;border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;border: solid 1px #ef4d22;background-color: #ef4d22;height: 28px;line-height: 28px;padding: 0 10px;color: white;vertical-align: middle;}
.select-list{}
.select-list li{display: inline-block;font-size: 14px;line-height: 30px;padding: 5px 20px;}

/**我的需求**/
.xuqiuorderlist{float: left;width: 100%;margin-top: 20px;}
.xuqiuorderlist li{float: left;width: 100%;box-shadow:0 2px 5px #efefef;border-radius: 3px;background-color: #fff;margin-bottom: 15px;}
.xuqiuorderlist .xqotit{float: left;width: 100%;margin: 15px 0;padding-left: 15px;border-left: 3px solid #ff7800;font-size: 16px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xuqiuorderlist .modelicon{float: left;font-size: 12px;color: #fff;background-color: #ff7800;border-radius: 3px;line-height: 25px;margin-left: 10px;padding: 0 5px;}
.xuqiuorderlist .itembottom{border-top: 1px solid #eeeeee;float: left;width: 100%;margin-top: 10px;padding: 10px;}
.xuqiuorderlist .amountcnt{float: left;font-size: 14px;line-height: 30px;}
.xuqiuorderlist .amountman{float: right;color: #fff;background-color: #ff7800;border-radius: 3px;line-height: 30px;font-size: 14px;padding: 0 10px;margin-left: 2px;}
.xuqiuusername{margin-top: 15px;}
.xuqiuriqi{overflow: hidden;-webkit-appearance: none;margin-top: 15px;height: 50px;display: block;padding:0 8px;border: 0;border-radius: 5px;width: 100%;line-height: 50px;font-size: 16px;color: #939393;}
/**.xuqiuriqi:before{color:#939393;content:attr(placeholder);}
.xuqiuriqi:focus:before{content:""!important;}
需求大厅**/
/****/
.filtermenulist{position: relative;width: 100%;height:60px;z-index: 9999;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: table;background-color:#f9f9f9;padding: 0 20px;}
.filtermenulist .selectitem{position: relative;display:inline-block;text-align: center;color: #bcbcbc;vertical-align: middle;font-size: 16px;padding: 0 5px;width: 33.333333%}
.filtermenulist .selectitem span{color: #5b5c5c;display: inline-block;width: 100%;}
.filtermenulist .selectitem.on span{color: #ff7800}
/**.filtermenulist .selectitem .arrow{float: none;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;margin-top: 0;display: inline-block;vertical-align: middle;color: #8e8e8e}**/
.filtermenulist .selectitem select{appearance:none;-moz-appearance:none;-webkit-appearance: none;border: 0;text-align: right;color: #5b5c5c;line-height: 60px;font-size: 16px;display: inline-block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: url(../images/wlbarrow.png) no-repeat scroll right center transparent;padding-right: 10px;}
select::-ms-expand { display: none; }
.filtermenulist .selectitem select option{color: #5b5c5c;font-size: 16px;text-align: right;}
.datingxuqiulist{float: left;width: 100%;}
.datingxuqiulist li{float: left;width: 100%;box-shadow:0 2px 5px #efefef;border-radius: 3px;background-color: #fff;margin-bottom: 15px;position: relative;}
.datingxuqiulist .xqotit{float: left;width: 100%;margin: 15px 0;padding-left: 15px;border-left: 3px solid #ff7800;font-size: 16px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.datingxuqiulist .modelicon{position: absolute;right: 0;top:0;width: 55px;height:60px;background: url(../images/wapwlbicon.png) 0 -152px no-repeat;color: #fff; }
.datingxuqiulist .modelicon em{position: absolute;width: 70px;text-align: center;top:0;font-size: 12px;line-height: 40px;transform:rotate(45deg);
-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); }
.datingxuqiulist .xqdetail{font-family:"PingFangSC-Regular";max-height: 54px;overflow: hidden;float: left;width: 100%;color: #939393;font-size: 12px;line-height: 1.5;padding: 0 15px;}
.datingxuqiulist .amountcnt{float: left;line-height: 30px;color: #ff7800;font-weight: bold;font-size: 12px;vertical-align: bottom;padding-left: 15px}
.datingxuqiulist .amountcnt em{display: inline-block;font-weight: bold;font-size: 20px;}

/****/
.xuqiuprovider{float: left;width: 100%;background-color: #fff;margin-top: 20px;box-shadow:0 2px 5px #efefef;padding-bottom: 10px;}
.xuqiuprovider .xuqiuprovidertit{float: left;width: 100%;margin-top: 15px;padding-left: 15px;border-left: 3px solid #ff7800;font-size: 16px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xuqiuprovider .xuqiuprovideramount{float: left;width: 100%;line-height: 30px;color: #ff7800;font-weight: bold;font-size: 12px;vertical-align: bottom;padding-left: 15px}
.xuqiuprovider .xuqiuprovideramount em{display: inline-block;font-weight: bold;font-size: 20px;}
.xuqiuproviderdetail{float: left;width: 100%;overflow: hidden;padding:0 60px 0 20px;height:80px;min-height: 60px;position: relative;}
.xuqiuproviderdetail p{color: #5c5c5c;font-size: 14px;line-height: 25px;display: inline-block;width: 100%;margin-bottom:5px;border-bottom: 1px dashed #efefef;}
.xuqiuproviderdetail p:last-child{border-bottom: 0;margin-bottom: 0;}
.xuqiuproviderdetail .opendetailbtn{position: absolute;right: 0;top:0;width: 60px;cursor: pointer;text-align: center;line-height: 60px;font-size: 16px;color: #939393}
.xuqiuproviderdetail .opendetailbtn em{font-size: 16px;display: inline-block;transform:rotate(90deg);
-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.xuqiuproviderbox{float: left;width: 100%;}
.xuqiuproviderbox .boxtit{color: #ff7800;font-weight: normal;line-height: 60px;text-align: center;font-size: 20px;position: relative;}
.xuqiuproviderbox .boxtit em{display: inline-block;position: relative;}
.xuqiuproviderbox .boxtit em:before,.xuqiuproviderbox .boxtit em:after{content: "";border-top: 1px dashed #c5c3c3;width: 40px;position: absolute;top:50%;}
.xuqiuproviderbox .boxtit em:before{left: -50px}
.xuqiuproviderbox .boxtit em:after{right: -50px;}
.xuqiuprovideritem{float: left;width: 100%;background-color: #fff;box-shadow:0 2px 5px #efefef;margin-bottom: 15px;position: relative;}
.xuqiuprovideritem .xuqiuproviderdetail:before{content: "";width: 4px;height:25px;background-color: #ff7800;position: absolute;top:0;left: 0px;}
.xuqiuprovideritem .selectbesticn{position: absolute;right: 10px;top:10px;border: 0;color: #fff;font-size: 14px;line-height: 30px;background-color: #ff7800;border-radius: 3px;padding: 0 10px;}
.onselectbest{position: absolute;right: 0;top:0;width: 85px;height:90px;background: url(../images/wapwlbicon.png) 0 -216px no-repeat;color: #fff; }
.onselectbest em{position: absolute;width: 115px;text-align: center;top:0;font-size: 14px;line-height: 65px;transform:rotate(49deg);
-ms-transform:rotate(49deg);-moz-transform:rotate(49deg);-webkit-transform:rotate(49deg);-o-transform:rotate(49deg); }
.contactmsg{float: left;width: 100%;padding: 10px 100px 10px 20px;}
.contactmsg li{float: left;width: 100%;font-size: 18px;}
.contactmsg label{float: left;color: #5c5c5c;font-size: 18px;line-height: 30px;}
.contactmsg span{display: block;padding-left: 70px;color: #2e2e2e;font-size: 18px;line-height: 30px;}

.datingxuqiudetail{float: left;width: 100%;box-shadow:0 2px 5px #efefef;border-radius: 3px;background-color: #fff;margin: 15px 0;}
.datingxuqiudetail .xqotit{float: left;width: 100%;margin: 15px 0;padding-left: 15px;border-left: 3px solid #ff7800;font-size: 16px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.datingxuqiudetail .amountcnt{float: left;line-height: 30px;color: #ff7800;font-weight: bold;font-size: 12px;vertical-align: bottom;padding-left: 15px}
.datingxuqiudetail .amountcnt em{display: inline-block;font-weight: bold;font-size: 20px;}
.supplybox{float: left;width: 100%;margin-top: 60px;}
.supplybox .supplybtn{font-size: 20px;display: block;margin: 0 auto;width: 50%;line-height: 50px;border-radius: 5px;text-align: center;background-color: #ff7800;color: #fff}

/***填写服务描述**/
.fillxuqiudetail{float: left;width: 100%;padding-bottom: 70px;margin-bottom: 15px;box-shadow:0 2px 5px #efefef;background-color: #fff;}
.fillxuqiudetail .fillxuqiudetailtit{color: #5c5c5c;font-size: 16px;line-height: 40px;padding-left: 10px;}
.fillxuqiudetail .xuqiudetail{border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee}

.fillxuqiumoney{float: left;width: 100%;margin-bottom: 15px;box-shadow:0 2px 5px #efefef;position: relative;}
.fillxuqiumoney input[type="text"]{line-height: 30px;font-size: 16px;padding-left: 60px;padding-right: 40px;text-align: right;}
.fillxuqiumoney .moneytit{position: absolute;top:0;left: 0;color: #2e2e2e;line-height: 30px;font-size: 16px;padding: 10px 8px}
.fillxuqiumoney .moneyunit{position: absolute;top:0;right: 0;color: #939393;line-height: 30px;font-size: 16px;padding: 10px 8px}
.fillsubmit{display: inline-block;width: 100%;border-radius: 5px;background-color: #ff7800;color: #fff !important;text-align: center;font-size: 20px;line-height: 60px;margin-top: 60px}
.fillsubmit.notallow{opacity: 0.3;}