/*常用*/
* { margin: 0; padding: 0; }
html { overflow-y: scroll }
html, body, input, textarea, select, button { text-align: left; font: 100% "Microsoft YaHei", Verdana, arial, sans-serif; }
input, textarea, select, button { vertical-align: middle }
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table { margin: 0; padding: 0 }
a, a:hover, a:visited, a:active { text-decoration: none; cursor: pointer; }
img { vertical-align: middle; border: 0 }
h1, h2, h3, h4, h5, h6 { font-size: 1rem }
ul, dl,li { list-style: none }
i {font-style: normal;}
.fl { float: left; }
.fr { float: right; }
.row { display:block; }
.center { text-align:center; }
.hidden { display: none }
.clear { height: 0; clear: both; }
.relative { position: relative; }
.clearfix:before, .clearfix:after { content:'.'; display:block; height:0; clear:both; overflow:hidden; }
.font-blue { color:#4091ff !important; }
.font-red { color:#ff0303 !important; }
.font-orange { color:#ff8522 !important; }
.font-gray { color:#8d8d8d !important; }
@media screen and (min-width : 768px) {
  html { font-size: 150%; }
}
@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}

a, img, button, input, textarea { -webkit-tap-highlight-color: rgba(255,255,255,0); }
input, textarea { -webkit-appearance: none; outline: none;}
body { width: 100%; overflow-x: hidden; background-color: #ececec; }
body.white { background-color: #fff; }

.container { position:relative; margin: 0 auto; max-width: 640px; }
.container h1.logo { padding: 2rem 0 1.5rem; text-align: center; }
.container h1.logo img { width: 7.5rem; }
.container.pb { padding-bottom: 4rem; }
/* header { display: -webkit-box; margin-bottom: 0.5rem; height: 2.5rem; line-height: 2.5rem; background-color:#fff; }
header a { display: block; -webkit-box-flex: 1; text-align:center; color:#585b60; border-bottom: 0.125rem solid #fff; border-right: 1px dashed #dedede; }
header a:last-child { border-right: none; }
header a.a-selected { color:#4091ff; border-bottom: 0.125rem solid #4091ff; } */
section { margin-top: 0.5rem; }
section.nomt { margin-top: 0; }
section.more-padding{ margin:0; padding: 0.5rem;}
section .item{ display: flex; }
section .item .title{padding:0 0.2rem;line-height: 1.2rem;width: 6rem;font-size: 12px; text-align: right;}
section .item .text-block {flex: 1; font-size: 12px; padding:0 0.2rem; line-height: 1.2rem;}
footer {position: fixed; bottom: 0; left: 0; width: 100%; text-align:center; z-index: 55;padding:10px;box-sizing:border-box;}
footer.transparent {background: transparent;border: none;}
footer.action { padding: 0.25rem 0 1rem; }
footer.action p { padding: 0.25rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 0.875rem; }
footer.action p input { margin-right: 0.5rem; padding: 0 0.5rem; width: 12rem; height: 2rem; vertical-align: middle; border: 1px solid #4091ff; border-radius: 0.25rem; }
footer.action p a.a-footer { vertical-align: middle; border: 1px solid #4091ff; border-radius: 0; }
footer.tips { padding: 1rem 0; }
footer.tips p, footer.tips a { font-size: 1rem; color:#ff7f02; }
footer .float-tips { position: absolute; top: -2.5rem; left:0; width: 100%; text-align: center; }
footer .float-tips-body { display: inline-block; padding: 0.375rem 1rem; height: 1rem; color:#fff; background-color: #898989; border-radius: 1rem; }
footer .float-tips-body span { display: inline-block; height: 1rem; line-height: 1rem; vertical-align:top; color:#fff; }
footer .ico-ok { line-height: 1.5625rem; }
footer .ico-info { font-size: 0.75rem; }
footer .ico-scan:before { margin-right: 0.5rem; }

.message, .loading, .confirm { margin:0 !important;position:fixed; top:0; left:0; width: 100%; height: 100%; z-index: 60; }
.message-box { position:absolute; top: 50%; left: 50%; margin-top: -2rem; margin-left: -32%; padding: 1rem 2%; width: 60%; text-align:center; font-size: 0.875rem; background: rgba(0, 0, 0, 0.6); border-radius: 0.5rem; color:#fff; }
.confirm, .loading { background: rgba(0, 0, 0, 0.6); }
/* .loading-box { position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); padding: 1rem; min-width: 6rem; min-height:6rem; max-width: 8rem;text-align:center; font-size: 0.875rem; background-color: #fff; border-radius: 0.5rem; color:#618cc4; }
.loading-box img { margin-bottom: 0.5rem; width: 3.75rem; } */
.loading-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0 !important;
  padding: 0.4rem 0.5rem;
  min-width: 6rem;
  min-height: 7rem;
  max-width: 8rem;
  text-align: center;
  font-size: 12px;
  background-color: #fff;
  border-radius: 0.5rem;
  color: #888888;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between;
}
.loading-box p:first-child {
  margin-top: 26px;
}
.loading-box img {
    margin-bottom: 0.5rem;
    width: 90%;
}
.confirm-box { position: absolute; top: 50%; left: 50%; margin-top: -10rem; margin-left: -10rem; padding: 1rem; width: 18rem; height: 10rem; font-size: 0.875rem; background-color: #fff; border-radius: 0.5rem; }
.confirm-box h4 { padding-bottom: 0.5rem; text-align:center; color: #464646; font-size: 1rem; border-bottom: 0.0625rem solid #bfbfbf; }
.confirm-box p { padding: 0.5rem; line-height: 1.5rem; color: #808080; }
.confirm-box p strong { font-weight: normal; color: #ff7200; }
.confirm-box p.p-btn { display: -webkit-box; padding: 0; }
.confirm-box p a { display: block; -webkit-box-flex: 1; }
.confirm-box p a:nth-child(1) { margin-right: 0.5rem; }
.confirm-box p a.a-white { color:#696969; border: 0.0625rem solid #696969; }
.confirm-box p a.a-blue { border: 0.0625rem solid #4c8fe8; }

.a-full { display: block; height: 3rem; line-height: 3rem; text-align: center;}
.a-white { color:#ff7f02; background-color:#fff; }
.a-blue { color:#fff; background-color:#4c8fe8; }
.a-blue:active { background-color:#2b79e1; }
.a-confirm { display: block; margin: 0.5rem; height: 2.5rem; line-height: 2.5rem; text-align:center; font-size: 1rem; border-radius: 0.25rem; }
.a-submit {border-radius:2px ;display: block; height: 3rem; line-height: 3rem; text-align:center; font-size: 1rem; background-color:#ff7800; color:#fff; }
.a-submit.hidden{display: none;}
.a-submit:hover {
	opacity: .8;
	color: #FFF;
}
.a-disabled{background: #afafaf;color: #FFF;}
.a-footer { padding: 0.375rem 1rem; font-size: 0.875rem; color:#fff; background-color:#4091ff; border-radius: 0.8125rem; }
.a-detail { position: absolute; top: 50%; right: 0.25rem; margin-top: -1.5rem; width: 3rem; height: 3rem; }
.a-detail:after {content: "";position: absolute;top: 0.71875rem;left: 0.71875rem;display: block;width: .9rem;height: .9rem;border: 1px solid #4c8fe8;border-radius: 2px;}
.a-detail:before {content: '';width: .8rem;height: 2px;background: #4c8fe8;position: absolute;top: 0.9rem;left: 1.1rem;transform: rotate(-45deg);border-radius: 2px;box-shadow: 0 0 0 2px #fff;z-index: 55;
}
.a-tel { display:inline-block; width:1.5625rem; height:1.5625rem; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -15.625rem no-repeat; background-size: 1.5625rem auto; border-radius: 1.5625rem 1.5625rem; }
.a-qu { display:inline-block; width:1.5625rem; height:1.5625rem; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -10.9375rem no-repeat; background-size: 1.5625rem auto; }
.a-select { display:inline-block; width:1.5625rem; height:1.5625rem; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -17.1875rem no-repeat; background-size: 1.5625rem auto;  }
.select-icon {
	display: block;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	border: 1px solid #5a5a5a;
	vertical-align: middle;
	margin-right: .5rem;
}
.select-icon.active {
	position: relative;
	background: #4c8fe8;
	border-color: #4c8fe8;
}
.select-icon.active:before {
	position: absolute;
	top: .2em;
	left: .2em;
	width: .5em;
	height: .25em;
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
	-webkit-transform: rotate(-45deg);
	content: '';
}
.addr-info {
	-webkit-box-flex:1;
}
.a-del { display:block; padding-left: 1rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.875rem; color:#ff0000; background-color:#fff; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.a-pay  { background-color:#ff8533; }
.a-disable { color: #fff; background-color:#bfc6d0; }
.a-star { display:inline-block; margin: 0 0.5rem; width:1.5625rem; height:1.5625rem; background: url("http://cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -31.25rem no-repeat; background-size: 1.5625rem auto; }
.a-star-null { background: url("http://cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -32.8125rem no-repeat; background-size: 1.5625rem auto; }
.a-star-half { background: url("http://cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -34.375rem no-repeat; background-size: 1.5625rem auto; }
.small { display: inline-block; height: 1rem; }
.small .a-star { margin: 0 0.1875rem; width:1rem; height:1rem; vertical-align:top; background-position: 0 -20rem; background-size: 1rem auto; }
.small .a-star-null { background-position: 0 -21rem; background-size: 1rem auto; }
.small .a-star-half { background-position: 0 -22rem; background-size: 1rem auto; }

.ico-hui span, .ico-gao span { vertical-align: top; }
.ico-hui:before, .ico-gao:before { content:""; display:inline-block; width: 1rem; height: 1rem; vertical-align:top; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") no-repeat; background-size: 1.5625rem auto; }
.ico-hui:before { background-position: -0.375rem -6.5rem; }
.ico-gao:before { background-position: -0.375rem -8.0625rem; }
.ico-add:before { content:""; display:inline-block; width:1.5625rem; height:1.5625rem; vertical-align:middle; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -18.75rem no-repeat; background-size: 1.5625rem auto;  }
.ico-ok:before { content:""; display:inline-block; width:1.5625rem; height:1.5625rem; vertical-align:middle; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -29.6875rem no-repeat; background-size: 1.5625rem auto; }
.ico-ok2:before { content:""; display:inline-block; width:1.5625rem; height:1.5625rem; vertical-align:middle; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -42.1875rem no-repeat; background-size: 1.5625rem auto; }
.ico-loc:before { content:""; display:inline-block; width:1.5625rem; height:1.5625rem; vertical-align:top; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -48.4375rem no-repeat; background-size: 1.5625rem auto;  }
.ico-loc2:before { content:""; display:inline-block; width:1.5625rem; height:1.5625rem; vertical-align:middle; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -39.0625rem no-repeat; background-size: 1.5625rem auto; }
.ico-info:before { content:""; display:inline-block; width:1.25rem; height:1rem; vertical-align:top; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") -0.350rem -28.4375rem no-repeat; background-size: 1.5625rem auto; }
.ico-scan:before { content:""; display:inline-block; width:1.5625rem; height:1.5625rem; vertical-align:middle; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -37.5rem no-repeat; background-size: 1.5625rem auto; }
.ico-tel:before { content:""; display:inline-block; width:1.5625rem; height:1.5625rem; vertical-align:middle; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -40.625rem no-repeat; background-size: 1.5625rem auto; }
.ico-tips:before { content:""; display:inline-block; width:1rem; height:1rem; vertical-align:middle; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") -0.375rem -45.5625rem no-repeat; background-size: 1.5625rem auto; }

.arrow { position:relative; padding-right: 1.5rem;}
.book { position:relative; padding-right: 2.1rem;}
.arrow:after, .after-next { content:""; position:absolute; right:0; top:50%; margin-top:-0.5rem; display:block; width: 2rem; height: 1rem; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") center -9.625rem no-repeat; background-size: 1.5625rem auto; }
.after-close {position:absolute;content: '';right:-5px;top: 50%;width:1rem;height: 1rem;background: #d5d5d5;text-align: center;line-height: 1rem;color:#fff;border-radius: 50%;-webkit-transform:rotate(-45deg) translate(0,-.5rem);}
.after-close + input {margin-right: 1.5rem ;}
.after-close:after{position: absolute;left: -10px;right: -10px;top: -10px;bottom: -10px;content: '';}
.book i {position: absolute;top:50%;right: 0;width: 1.2rem;height: 1.2rem;-webkit-transform: translate(0, -50%);background:url(https://cdn.kuaidi100.com/images/m/madd.png?version=20171102) 3px -33px no-repeat;background-size: 20px auto;}
.book i:before {border-left: 1px solid #f0f0f0;position:absolute;left: -10px;top:-8px;right: -8px;bottom: -8px;content: '';}
/*添加联系人*/
.form { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #fff; }
.form .bb { border-bottom: 1px solid #dedede;padding-bottom: 0.5rem; }
.contacts.send.bbf{padding-bottom: 0;}
.bbf:after {display: block;height: .5em;border-bottom: 1px solid #dedede;content: '';}
.contacts.bbf p input,.contacts.rec p input {height: 1.2em;line-height: 1.2rem;}
.form .bt { border-top: 1px solid #dedede; }
.contacts { position: relative; height: auto; padding: 0 0.5rem 0 1rem; font-size: 0.875rem; }
.contacts.send, .contacts.rec { padding: 0.5rem 0.5rem .5rem 3rem; }
.contacts.send:before, .contacts.rec:before, .contacts.send.to:after ,.contacts.rec.to:after, .contacts.type:before , .contacts.weight:before { width: 2rem; height: 2rem; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 0 no-repeat; background-size: 2rem auto; content: ''; }
.contacts.send:before { position: absolute; top: 50%; left: .5rem; margin-top: -0.78125rem; background-position: 0 0; }
.contacts.send.to:after { position: absolute; top: 50%; left: 1rem; margin-top: 1.375rem; background-position: 0 -3.125rem; }
.contacts.rec:before { position: absolute; top: 50%; left: .5rem; margin-top: -0.78125rem; background-position: 0 -2rem; }
.contacts.rec.to:after { position: absolute; top: 50%; left: 1rem; margin-top: -3rem; background-position: 0 -3.125rem; }
.contacts.type:before { position: absolute; top: 50%; left: 1rem; margin-top: -0.78125rem; background-position: 0 -12.5rem; }
.contacts.weight:before { position: absolute; top: 50%; left: 1rem; margin-top: -0.78125rem; background-position: 0 -14.0625rem; }
.contacts p { position:relative;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items: center; overflow: hidden; text-overflow: ellipsis; line-height: 2.5rem; white-space: nowrap; color:#585b60; }
.contacts p.hidden {display: none;}
.contacts p label { display: block;width: 5em;color: #888; text-align: right;}
.contacts p label.smaller { width: 5rem;}
.contacts p label em{color: red; font-style: normal;}
.contacts p input { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0.25rem 0; height: 2rem; line-height: 2rem; overflow:hidden; text-overflow:ellipsis; color:#333; border: none; border-radius: 0; }
.contacts p .text-block{ padding: 0.5875rem 0; line-height: 1.2rem; white-space: normal; height: initial; flex: 1; display: block;}
.contacts p input[disabled] { background-color: #fff; }
.contacts p input.orange { color: #ff7f02; }
.contacts p span { display: block; -webkit-box-flex: 1; padding:.25rem 1.5rem .25rem 0;height: 2rem; line-height: 2rem; overflow:hidden; color:#5b5b5b; }
.contacts p span strong { font-weight: normal; }
.contacts p span.textarea { color:#888;display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0.25rem 0; height: auto; line-height: 1.25rem; white-space: normal; }
.contacts p span.placeholder { color: #aaa; }
.contacts p textarea{padding:0.2rem; display: block; flex: 1; height: 6rem; margin: 0.5rem 0; resize: none; vertical-align: text-top;}

.add .tips { text-align:center; margin: 0.25rem 0; line-height: 1.5625rem; font-size: 0.75rem; color:#ff8533; }
.add .tips a { margin: 0 0.5rem; vertical-align:middle; color: #4091ff; }
.add .tips span { vertical-align: middle; }
.add .tips .ico-loc { display: inline-block; }
.add .tips .a-star { margin: 0 0.1875rem; }
.add .tips .small { padding: 0 1rem; }
.add .tips .small .a-star { vertical-align: top; }
.add .tips .head { position: relative; display: inline-block; margin-left: 2rem; margin-right: 0.5rem; width: 2.25rem; height: 2.25rem; }
.add .tips .head .head-img { position: absolute; top: 0.25rem; left: 0.25rem; index: 2; width: 1.75rem; height: 1.75rem; overflow:hidden; border-radius: 0.875rem; background-color: #fff; }
.add .tips .head .head-img img { width: 1.75rem; height: auto; }
.add .tips .head-active .head-bg { position: absolute; top: 0; left: 0; index: 1; display: block; width: 2.25rem; height: 2.25rem; -webkit-animation: rotate 1s infinite linear; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkExRDAxMzhGNUExMjExRTY4RTBGQUQ5OTgwNTc0NjRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkExRDAxMzkwNUExMjExRTY4RTBGQUQ5OTgwNTc0NjRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTFEMDEzOEQ1QTEyMTFFNjhFMEZBRDk5ODA1NzQ2NEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTFEMDEzOEU1QTEyMTFFNjhFMEZBRDk5ODA1NzQ2NEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz49JWXBAAAEe0lEQVR42uycWWxMURjHz/SUorRoGkuC2oJERMsDiURsRYitSCQ0dqklPHl14kksD5YHEsuDB8sDHkjwQBAhgoRYGyIiRW1VRLe5Hf/vnsP0dubMlGlnbs33Jf/vzrSZe7/7u98595xzzz2BUCgk2OwWYEB+BqRkV/guEAURgBohx3yvNZoI7TS/2ApdE8qJt98mn52EQsxMIowe8IOhAqgn1B2qhr5CDVAdFDSQ6HuGgXYKyjN7oc+9k3kNM9sYSj78OGisOfGnUDlUCX3A1XXi/D7DgGtqQ/H3Ly5c5QTbJyAlx8NPNVlyHTqAk/n4D3siqKugY+b7Cug1lAP1xXGoCH7DvmvbByAlR8PPMGCOI/DHrbDXi1Af73GcT+Z4neC7YtsR259tkVGZrQRmEPwcaBR0BIHeTE695uiKXMksbLOxpeJYbzLPJ3cxJTfCz4QOQecRdKNIlelMkqaSD6b2LqbkcPgSiIJaiEBqUt5oUU69ia2DuQsmfLEy/hHOfLeOobuScrb5Ao4XVENC55dQEVNyGfwGaDUCecQtaS+cMvgl7u1WOS+5q+GFUwq/HloAOG+5L+aFMxt+FzQfcJ5xZ9ULhxppd6HFSWvf+MhaUstvdrMnDeHEB6Qk3a2GQft5PCgSTj/429AEZM+rdAUUK4OoC7E7neHYuxpKFsLPgopEmpstg9YKGub83bdhQJ7sKYAvhk4KtqgZtE7oEcB6xtO8DlKSxlK2CD24zhYlgyZBV9Opr/W3gGgA7AxjsQOaDl1iLNEAKdlfb503jCV6BtEj3uuMxA6IOqXljMQOaAj0gpHEzqDnjMQOiGZNVDISO6BcoaejsFkAdfbdA0CfdlbZLICq0VjMZSSxAOl6iM0C6D3Ui5HYAdHg/EBGYgf0BBrBSOyA7kFjGIkd0C1BU3b1sCtbBCDl0NxjmvNTxFjsDcUrQo9Ls1kAnYYWMRYbIOU8EDSNVsmRjMbeFzsMrWQ02iKnvyjZGb7CbRMpp5IzqLnpIY/d0CbOH9sEKv2iG41PFwLYO86gyCz6Ab8H2s5FzGbKoWm/OcimaQzIbkeFO8NV5jGg6FlEz+lPCJ7lGseU3AH/FsD2cQZFt72CnpspuZQzyJ5F9ALdBagMmXSZMyiyPqKXWJa79ZGSJQwoOqQbQs9CQwNSrvH92SkZSF4R8x6Ynn4QIFpBQQHcNx/CoZHRRsQWSj6gcBD0gl2x2+JWzn0fgSEFDSCROkA6oMnwc4V+rnYQAVWlCAxVF1kivPZHo6kWUgwoHGCpAXUOOmv6c8kCQ0M09Cp4DY5b15qrv7Tu8jhKdoOfJ/TyFLSkxBUEWNFGYOh9/WyTNd+FXpoiZP7nU0Dh4GlNjSmC3jWjwIW4Az1MeOjk91odGgydOc0n+BFREfsekDfYAfC06Ak1NOkEy91uixCfjII4ic/NfkOru9AtuovJkCzzmQbzqoReGqc2xjHbESBv4HTlC6B8oZe4yTGVKRXNeqMGA67uT4boItTy9YLaLaD/ui/GgNii2S8BBgDpZIGG+40H7QAAAABJRU5ErkJggg==") 0 0 no-repeat; background-size: 2.25rem 2.25rem; }
.add .tips-top a { font-size: 0.875rem; color: #ff8533; }

.dropdown { position:absolute; z-index: 2; width: 100%;top: -2rem;box-shadow: 0 0 3px rgba(0,0,0,.3); }
.dropdown ul{ text-indent: 6.875rem; font-size: 0.875rem; border: 1px solid #dedede; background-color:#fff; }
.dropdown li { padding: 0.5rem; }

.list { margin-bottom: 5rem; }
.list ul { border-bottom: 1px solid #dedede; font-size: 0.875rem; }
.list li { position:relative; padding: 0.75rem 1rem; border-top: 1px solid #dedede; background-color:#fff; }
.list li:after { content:""; display:inline-block; width: 1.5625rem; height: 1.5625rem; position: absolute; top: 50%; right: 0.375rem; margin-top: -0.78125rem; background:url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -9.375rem no-repeat;  background-size: 1.5625rem auto; }
.list li:nth-child(even) { background-color:#f7f7f7; }
.list li .col { display:inline-block; margin-right: 1rem; vertical-align:middle; }
.list li .row { display:block; }
.list li .com-logo{ width: 1.875rem; height: 1.875rem; background:url("//cdn.kuaidi100.com/images/all/36/yuantong.png") 0 0 no-repeat; background-size: 1.875rem 1.875rem; border-radius: 1.875rem; }
.list li .row:nth-child(1) { color:#333; }
.list li .row:nth-child(2) { padding: 0.375rem 0; height:1rem; line-height:1rem; font-size: 0.75rem; color:#333;}
.list li .row:nth-child(3) { font-size: 0.75rem; color:#ff2a00; }

.sales { padding: 1rem 0; text-align:center; }
.sales dt { line-height: 1.5rem; font-size: 0.75rem; color:#5b5b5b; }
.sales dt:before { content:""; display:inline-block; width: 1rem; height: 1rem; vertical-align:middle; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") -0.375rem -5.0625rem no-repeat; background-size: 1.5625rem auto; }
.sales dd { font-size: 0.75rem; -webkit-transform: scale(0.8); color:#a4a4a4; }

.wx { text-align:center; }
.wx p { padding: 0.25rem; font-size: 0.75rem; color:#c6c6c6; }
.wx p span { color:#464646; }
.wx div { padding:0; height: 3rem; line-height: 3rem; text-align:center; border-top: 1px solid #dedede; background-color:#fff; }
/*头部信息*/
.info { position:relative; padding: 0.5rem 1rem; height: 3.375rem; background-color:#fff;
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-flex;     /* NEW - Chrome */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  -webkit-box-align: center;
  -moz-box-align:center;
  box-align: center;
  -webkit-box-align: center;
  -webkit-box-orient: horizontal;
}
.info .col { display:block;  }
.info .col:last-child { margin-right: 1rem; }
.info .col strong { display: inline-block; line-height: 1.5rem; }
.info .col strong span { display: block; line-height: 1rem; font-weight:normal; font-size: 0.75rem; }
.info .row { display:block; }
.info .com-logo { margin-right: 1rem;  width: 2.25rem; height: 2.25rem; background:url("//cdn.kuaidi100.com/images/all/36/kuaidi100.png") 0 0 no-repeat; background-size: 2.25rem 2.25rem; border-radius: 2.25rem; }
.info .courier-logo { margin-right: 0.5rem; width: 3rem; height: 3rem; border: 1px solid #dbdbdb; border-radius: 3rem; }
.info .row:nth-child(1) { height:1.5rem; color:#333; }
.info .row:nth-child(2) { font-size: 0.875rem; color:#999; }
.info .right { text-align:right; font-size: 0.875rem; color:#999;
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1; }
.info .a-qu { position:absolute; top: 1.5rem; right: 0.625rem; }
.info .a-btn { position:absolute; top: 50%; right: 1rem; margin-top: -0.625rem; display:block; width: 3.125rem; height: 1.25rem; line-height: 1.25rem; text-align:center; font-size:0.875rem; color:#4091ff; border: 1px solid #4091ff; border-radius: 0.125rem; }
.b-btn {border: 1px solid #4091ff; border-radius: 3px;line-height: 1.5em;padding: .2em .4em;color: #4091ff;}
.info .a-tel { position:absolute; top: 1.5rem; right: 1rem; }
.text-normal-right {color: #4091ff;padding-right: 1em;line-height: 2.6em;text-align: right;font-size: .875rem;}
.info .a-head { position:absolute; top: 1rem; right: 1rem; display:inline-block; width: 2.25rem; height: 2.25rem; border: 1px solid #e2e2e2; border-radius: 1.25rem; }
.info .a-head:after { content:""; position: absolute; bottom: -0.25rem; right: -0.25rem; display: block; width:1rem; height:1rem; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") -0.25rem -36.1875rem no-repeat; background-size: 1.5625rem auto; }
.info2 { margin-top:0; padding: 0 1rem; height: 1.875rem; line-height: 1.875rem; font-size: 0.875rem; background-color:#fff; border-top: 1px solid #dedede; color:#aeaeae; }
.info2 span { color:#5a5a5a; }

.comment { padding: 0 0.75rem; text-align:center; font-size: 0.875rem; background-color: #fff; color:#a5a5a5; }
.comment .bt { border-top: 1px solid #ededed; }
.comment div { padding: 0.375rem 0 0.5rem; }

.card { margin: 0.75rem; height: 25rem; text-align:center; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAKCAMAAABhV5WtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYwNjAzOUE3NTk2RDExRTY5RDZEODlDRDY5Mjk3OTY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYwNjAzOUE4NTk2RDExRTY5RDZEODlDRDY5Mjk3OTY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjA2MDM5QTU1OTZEMTFFNjlENkQ4OUNENjkyOTc5NjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjA2MDM5QTY1OTZEMTFFNjlENkQ4OUNENjkyOTc5NjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz50l5ttAAAAGFBMVEXx8fHv7+/w8PD4+Pjq6ur////p6en///8t0gESAAAACHRSTlP/////////AN6DvVkAAAA5SURBVHjaZMhZFgAQDMDAoLj/ja2lJV95Q91lki5KsUjy1qkc5NJBDCliaSOOFuJpIg8NJMhXE2AAvigEOju0spwAAAAASUVORK5CYII=") left bottom repeat-x #fff; background-size: auto 0.375rem; }
.card .bb { border-bottom: 1px solid #dcdcdc; }
.card .head { padding: 2rem; }
.card .head-out { display: inline-block; padding: 0.5rem; background-color:#edf4fd; border: 1px solid #a5c7f3; border-radius: 6.25rem; }
.card .head-in { display: inline-block; width: 10rem; height: 10rem; overflow: hidden; vertical-align: top; border: 1px solid #9cc1f2; border-radius: 5rem; }
.card img { width: 10rem; }
.card .name { height: 5rem; }
.card .name h4{ font-weight: normal; font-size: 1.25rem; }
.card .name p { padding:0.375rem 0; }
.card .small { padding: 1rem 0; }
.card .point { display: inline-block; margin: 0.125rem 0.5rem; width: 2.25rem; height: 0.825rem; line-height: 0.825rem; vertical-align: top; font-size: 0.75rem; color:#fff; background-color:#ffa902; border-radius: 0.25rem; }
.card .tel { height: 3.75rem; line-height: 3.75rem; font-size: 1.125rem; color:#4c8fe8; }
.card .tel a { display: block; color: #4c8fe8; }
.card .tel span { vertical-align:middle; }
.card .tel .a-tel { margin-right: 0.5rem; width: 1.25rem; height: 1.25rem; background-position: 0 -12.5rem; background-size: 1.25rem auto; }

.tag { display:-webkit-box; background-color:#fff; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.tag a { display:block; -webkit-box-flex: 1; height: 2.375rem; line-height: 2.5rem; color:#888;text-align:center; border-bottom: 0.125rem solid #fff; }
.tag a.selected { color: #4091ff; border-bottom: 0.125rem solid #4091ff; }
.tag a:first-child { border-right: 1px dashed #dedede; }

.notice { margin-top:0; padding: 0.5rem 1rem; line-height: 1.25rem; font-size: 0.875rem; color:#999; }
.notice .ico-hui:before, .notice .ico-gao:before { margin-right: 0.25rem; }
/*查询结果*/
.result { padding-left: 3.75rem; background-color:#fff; }
.result div { position:relative; padding: 0.5rem 0; border-bottom: 1px solid #dedede; }
.result div:after { content:""; position:absolute; top: 50%; left: -2.5rem; margin-top: -0.78125rem; display:block; width:1.5625rem; height:1.5625rem; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -21.875rem no-repeat; background-size: 1.5625rem auto; }
.result div:first-child:after { background-position: 0 -17.1875rem; }
.result div:last-child { border-bottom: none; }
.result div p { padding-right: 1rem; line-height: 1.5rem; font-size: 0.75rem; color:#9b9b9b; }
.result div p span { display:block; }
.result div p:first-child:before, .result div p:last-child:after { content:""; position:absolute; left: -2.5rem; display:block; width:1.5625rem; height:1.5625rem; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -3.125rem no-repeat; background-size: 1.5625rem auto; }
.result div p:first-child:before { top: 20%; margin-top: -0.78125rem; }
.result div p:last-child:after { top: 80%; margin-top: -0.78125rem; }
.result div:first-child p { font-size: 0.875rem; color:#ff7f02; }
.result div:first-child p:first-child:before, .result div:last-child p:last-child:after { display:none; }
/*历史记录*/
.history div.history-list { position: relative; margin-bottom: 0.5rem; background-color:#fff; border-top: 1px solid #dedede; }
.history div.history-list p { position: relative; padding: 0 0.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 0.875rem; border-bottom: 1px solid #dedede; }
.history div.history-list:after { content:""; position:absolute; top: -0.25rem; left: 50%; margin-left: -0.78125rem; display:block; width:1.5625rem; height:3.125rem; vertical-align:middle; background: url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -25rem no-repeat; background-size: 1.5625rem auto; -webkit-transform:rotate(-90deg); }
.history div.history-list .ico-com { display:inline-block; margin-right: 0.5rem; width: 1rem; height: 1rem; vertical-align:middle; background-size: 1rem 1rem; }
.history div.history-list .fl, .history div.history-list .fr { display:block; height: 2.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.history div.history-list .fl { width: 60%; }
.history div.history-list .fr { width: 40%; }
.history .tips { padding: 1.5rem 0; text-align:center; border-bottom: 1px solid #dedede; background-color:#fff; }

.law { padding: 0 0.5rem 1rem; font-size: 0.75rem; color:#a9a9a9; }
.law span { vertical-align: middle; }
.law .a-select { margin-right: 0.25rem; }
.law a { color:#4091ff; }

.finish { margin-top: 0; text-align:center; background-color: #fff; padding-top: 3rem;height: 100%;}
.finish img { max-width: 30%; }
.finish h2 { color: #2baf47;font-size: 1.3rem; font-weight: normal;margin: 1rem 0; }
.finish h2 i{text-align: center;display: inline-block;vertical-align: middle;width: 1.5rem;height:1.5rem;background: #2baf47;border-radius: 50%;margin-right: .5rem;-webkit-transform:rotate(-45deg);line-height: 0;}
.finish h2 i:before {content: '';display:inline-block;border-left: 2px solid #FFF;margin:.4rem 0 0 2px;border-bottom: 2px solid #FFF;width: .7rem;height: .35rem;}
.finish p { color: #888;line-height: 2em;font-size: 1rem; }
.finish p span { color:#ff0000; }
.finish p input { margin: 0 0.25rem; padding: 0.25rem 0.5rem; width: 9rem; height: 1.5rem; border: none; border-bottom: 1px solid #dedede; }
.finish p a { color:#4091ff; }
.finish p a.a-submit { margin: 1rem auto; width: 15rem; color:#fff; }
.finish-info { padding: 0rem 1rem 1rem 2rem; text-align: left; }
.finish-info p span { margin-right: 0.5rem; color: #333; }

.go-login{display: none;line-height: 3rem;}

.pop-box { z-index:12;position: fixed; top:0; left:0; width: 100%; height: 100%; overflow-y: scroll; background-color:#e9e9e9; }
/* .pop-box footer { height: 3rem; line-height: 3rem; } */
.pop-box .head-search {display: flex;height: 3rem; width: 100%; box-sizing: border-box; padding: 0.5rem; background: #fff; position: fixed; top: 0; left: 0; border-bottom: 1px solid #dedede; z-index: 2;}
.pop-box .head-search label{display:block; height: 2rem; line-height: 2rem; text-align: center; padding: 0 0.3125rem;}
.pop-box .head-search input { flex:1;height: 2rem;border: 1px solid #dedede; padding: 0.3125rem; box-sizing: border-box; border-radius: 0.25rem;}
.pop-box .head-search a { display:block; height:2rem; line-height: 2rem; text-align: center; padding: 0 0.3125rem; border-radius: 0.25rem; background: #4091ff; margin-left: 0.25rem; color: #fff;}
/*联系人列表*/
.contact-list { margin-top:0; margin-bottom: 4rem; background-color:#fff; }
.contact-list .tips { padding: 1.5rem 0; text-align:center; border-bottom: 1px solid #dedede; }
.contact-list li { display:-webkit-box;-webkit-box-align:center;position:relative; padding: 0.625rem 0; padding-left: 0.625rem; padding-right:3.125rem; border-bottom: 1px solid #dedede; }
.contact-list li:active { background-color: #eee; }
.contact-list li h4 { font-weight:normal; color:#333; }
.contact-list li p { margin-top: 0.25rem; font-size: 0.75rem; color:#5a5a5a; }
.contact-list .ico-add { display:block; padding-left: 0.5rem; height: 2.625rem; line-height: 2.625rem; font-size: 0.875rem; }
.contact-list .ico-add:before { margin-right: 0.25rem; }
.contact-list .ico-add span { vertical-align: middle; }
/*超市列表*/
.address-list { margin-top:0; background-color:#fff; }
.address-list .header { background:#f2f2f2;color:#999;text-align:center;padding: 0.5rem; height: 1.5rem; line-height: 1.5rem; border-bottom: 1px solid #dedede; }
.address-list .header a { font-size: 0.75rem; color:#ccc; }
.address-list li { position:relative; padding: 0.75rem 1rem; border-bottom: 1px dashed #dedede; }
.address-list li:after { content:""; display:inline-block; width: 1.5625rem; height: 1.5625rem; position: absolute; top: 50%; right: 0.375rem; margin-top: -0.78125rem; background:url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -9.375rem no-repeat;  background-size: 1.5625rem auto; }
.address-list li:active { background-color: #eee; }
.address-list li h4 { color:#333; }
.address-list li h4 span { margin-left: 0.5rem; font-weight:normal; font-size: 0.75rem; color:#999; }
.address-list li p { margin-top: 0.25rem; font-size: 0.75rem; color:#5a5a5a; }
/*地图*/
.map-box { width: 100%; height: 100%; }
.map-box .header { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 3rem; line-height: 3rem; text-align: center; font-size: 0.875rem; color: #3b84e8; background-color: #fff; }
.map-box .body { width: 100%; height: 100% }
.map-box .footer { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; background-color: #fff; }
.map-box .footer-body { padding: 0.25rem; }
.map-box .footer-body p { line-height: 1.5625rem; text-align: center; font-size: 0.75rem; }
.map-box .footer-body p span:before, .map-box .footer-body p a:before { vertical-align: top; }
.map-box .footer-body p:nth-child(1) { color: #ff7200; }
.map-box .footer-body p:nth-child(2) { color: #bdbcbc; }
.map-box .footer-body p:nth-child(3) a { color: #3b84e8; }

.add-box h4 { padding: 0.5rem 0; text-align:center; font-size:0.875rem; font-weight:normal; color:#ff7800; background-color:#e9e9e9; }
.add-box p { display: -webkit-box; padding: 0 0.5rem; font-size:0.875rem; background-color:#fff; }
.add-box p label { display:block; width:5rem; height: 2.625rem; line-height: 2.625rem; color:#888; text-align:right;padding-right: 1em;}
.add-box p input { display:block; -webkit-box-flex: 1; padding: 0 0.25rem; height: 2.625rem; line-height: 2.625rem; color:#333; border: 1px solid #fff;border-bottom-color: #dedede; }
.add-box p textarea { display:block; -webkit-box-flex: 1; margin: 0.5rem 0; padding: 0.25rem; height: 3rem; line-height: 1.5rem; color:#5a5a5a; border-color:#dedede; resize: none; }
.add-box p textarea.text-l { height: 7rem; }
.add-box .link{position: relative;}
.add-box .link:after{position: absolute;right: 12px;top: 17px;width: 6px;height:6px;border-top: 1px solid #dedede;border-right: 1px solid #dedede;-webkit-transform: roate(45deg);transform: rotate(45deg);content: '';}

.select-box { z-index:58;position: fixed; bottom:0; left:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.select-top { position: absolute; bottom: 14rem; left:0; width: 94%; padding: 0 3%; height: 2.5rem; line-height: 2.5rem; background-color:#eee; }
.select-top a { color: #4091ff; }
.select-body { position: absolute; bottom:0; left:0; width: 100%; height: 14rem; overflow: hidden; background-color:#fff; border-top: 1px solid #dedede; -webkit-overflow-scrolling: touch; }
.select-body:before { content: ""; display:block; width: 100%; height:0; position:absolute; top: 6rem; left:0; border-bottom: 1px solid #dedede; }
.select-body:after { content: ""; display:block; width: 100%; height:0; position:absolute; bottom: 6rem; left:0; border-bottom: 1px solid #dedede; }
.select-body .area-box { float:left; width: 33%; overflow:hidden; background-color:#fff; }
.select-body ul { padding: 0 10%; width: 100%; margin-left: -10%; height: 14rem; overflow-y: scroll; overflow-x: hidden; }
.select-body ul li { padding: 0 0.5rem; height: 2rem; line-height:2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; font-size: 1rem; color:#9e9fa2; cursor:pointer; }
.select-body ul.align-l li { text-align: left; }
.select-body ul li:first-child { margin-top: 6rem; }
.select-body ul li:last-child { margin-bottom: 6rem; }
.select-body ul li.selected { color: #333; }
.select-body ul li.hover { background-color: #eee; }
.select-body ul li span { margin-left: 0.75rem; }
.select-body ul li.ico-null, .select-body ul li.ico-hb { padding-left: 1.75rem; }
.select-body ul li.ico-hb { background:url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -43.5rem no-repeat;  background-size: 1.5625rem auto; }
.select-dialog {position: absolute;bottom: 0;left: 0;width: 100%;background: #FFF;overflow: hidden;-webkit-transition: transform .2s;transition: transform .2s;-webkit-transform: translate(0,100%);transform: translate3d(0,100%,0);}
.select-dialog h2{position:relative;border: 1px solid #d5d5d5;font-size: 1rem;text-align: center; line-height: 2.5em;font-weight: normal;}
.select-dialog h2 i{position: absolute;right: .625rem;top:.5rem;width: 1.6rem;height:1.6rem;background: #e5e5e5;border-radius: 50%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.select-dialog h2 i:before{position:absolute;width:.8rem;height: 2px;top: 50%;left: 50%;margin: -1px 0 0 -.4rem;background: #fff;content: '';}
.select-dialog h2 i:after{position:absolute;width:2px;height: .8rem;top: 50%;left: 50%;margin: -.4rem 0 0 -1px;background: #fff;content: '';}
.select-dialog .dialog-body {display: -webkit-box;width: 200%;transition: transform .2s;-webkit-transition:transform, .2s;}
.select-dialog .item-list{width: 0;-webkit-box-flex:1;font-size: 0;padding: 1rem .625rem .625rem;}
.select-dialog .item-list span {display: inline-block; padding: .2em; text-align: center;color:#888;min-width: 25%;max-width: 100%;box-sizing: border-box;border: 1px solid #d5d5d5; border-radius: 2px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .875rem;margin-bottom: .625rem;margin-right: 5%;}
.select-dialog .item-list span:active{border-color: #ff7800;color: #ff7800;}
.select-dialog input {display:block;width:100%; margin: .625rem 0;padding: .3em 1em;box-sizing: border-box;font-size: .875rem;border: 1px solid #d5d5d5;outline: none;border-radius: 3px;}
.select-dialog .dialog-foot {border-top: 1px solid #d5d5d5;font-size:0;}
.select-dialog .dialog-foot span {display:inline-block;width:5em;font-size: .875rem;text-align:center;line-height: 2.8em;color:#888;border-right: 1px solid #f2f2f2;}
.select-dialog .dialog-foot span.active{background: #f0f0f0;color:#333;}




.float { position: fixed; bottom:0; left:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.float-box { position:absolute; top: 40%; left: 50%; margin-left: -9.625rem; margin-top: -10.625rem; padding: 0.5rem 1.25rem; width: 17rem; height: 21rem; background-color:#fff; border-radius: 0.75rem; }
.choose-box{width: 80%;max-height: 80%;min-height: 40%;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);padding: .5rem 1.25rem;margin-top: -2rem;background: #FFF;border-radius: 3px;position: absolute;}
.choose-box h4 { padding: 0.625rem 0; font-weight:normal; border-bottom: 1px dashed #999; }
.choose-box div { font-size: 0.875rem; }
.choose-box div a { margin: 0 0.5rem; color:#4091ff; }
.choose-box div a.a-submit { color:#fff; }
.choose-box div a span.block { display: block; line-height: normal; }
.choose-box div a span.size-s { font-size: 0.75rem; }
.choose-box div.content { padding: 3rem 0.5rem; }
.choose-box div.content .tips { margin-top: 0.5rem; color: #999; }
.choose-box div.footer { padding: 1rem; text-align: center; }
.choose-box div.foot { padding: 1rem; text-align: center; }
.choose-box-close {position: absolute; top: -3rem;right:0;border: 2px solid #FFF;border-radius: 50%;width: 2.5rem;height:2.5rem;-webkit-transform: rotate(-45deg) scale(.7);transform: rotate(-45deg) scale(.7);}

.canvas-box div.header { padding: 0.5rem 0 0.25rem; }
.canvas-box div.sub-header { font-size: 0.875rem; }

.info-box h4 { padding: 1.75rem 0; text-align: center; }
.info-box .content { padding: 0 1.25rem; font-size: 0.875rem; }
.info-box .content p { padding: 0.25rem 0; }

.stamp-box { top: 0; left: 0; padding-top: 5rem; width: 100%; height: 100%; text-align: center; background-color:#efeff4; }
.stamp-box .stamp-show { margin: 6rem auto; padding: 1rem 0; width: 227px; height: 157px; background:url("//cdn.kuaidi100.com/images/user/history/ent/bg_post_60.png") 0 0 no-repeat;  }
.stamp-box .stamp-show p { padding: 0.5rem 0; font-size: 1rem; }
.stamp-box .tips { color:#ff7f02; }
.stamp-box .tips span { display: inline-block; padding-left: 2.25rem; height: 1.5625rem; font-size: 1.25rem; background:url("//cdn.kuaidi100.com/images/smart/order/order_icon.png") 0 -46.875rem no-repeat; background-size: 1.5625rem auto; }

.frame { z-index:13;position: fixed; bottom:0; left:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
.frame-box { position:absolute; top: 40%; left: 50%; background-color:#fff; border: 1px solid #bbb; }
.frame-close-btn { position: absolute; top: 0.5rem; right: 0.5rem; width: 1.125rem; height: 1.125rem; -webkit-transform: rotate(45deg); }
.frame-close-btn:before { content: ""; display: block; position: absolute; top: 0; left: 0.5rem; width: 0; height: 1.125rem; border-right: 0.125rem solid #999; }
.frame-close-btn:after { content: ""; display: block; position: absolute; top: 0.5rem; left: 0; width: 1.125rem; height: 0; border-top: 0.125rem solid #999; }
.login-frame { margin-left: -10rem; margin-top: -12rem; width: 20rem; height: 24rem; }
/* 2017-05-24 */
.detail-wrap {
	display: -webkit-box;
	-webkit-box-align: center;
	padding: 4.7294% 3.8647%;
	background:#FFF;
}
.detail-wrap .detail-info{
	margin-left: .5rem;
	-webkit-box-flex: 1;
	padding-right: 1em;
}
.detail-info .addr {
	font-size: 0.8em;
	opacity: .8;
}
.detail-info h4 {
	vertical-align: middle;
	-webkit-box-flex: 1;
}
.detail-info .name {
	margin-bottom: 5px;
	display: -webkit-box;
}
.detail-wrap .go-list {
	display: inline-block;
	position: relative;
	border-top: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	width: .4rem;
	height: .4rem;
	margin-left: .25rem;
	-webkit-transform: rotate(45deg);
}
.detail-wrap .go-list:after{
	position: absolute;
	top: -1rem;
	bottom: -1rem;
	left: -1rem;
	right: -1rem;
	content: '';
}
.detail-wrap .tel {
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	background: url(https://cdn.kuaidi100.com/images/all/icoPhone.png) no-repeat left top / 100% 100%;
}
@media screen and (max-width: 320px){
	.detail-info h4 {
	    display: inline-block;
	    vertical-align: middle;
	    max-width: 9.2em;
	    height: 1.2em;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.detail-wrap .tel{margin-left: .5rem;}
}
.detail-wrap .tags {
	margin-top: .3em;
}
.detail-wrap .tags span {
	display: inline-block;
	border: 1px solid #c0c0c0;
	color: #a6a6a6;
	border-radius: 3px;
	padding: 0 4px;
	font-size: .75rem;
	margin-right: 5px;
}
.detail-wrap .tags span.mark {
	border: 1px solid #ff8901;
	color: #ff8901;
}
@media screen and (max-width: 320px){
	.detail-wrap .tags span {
	    margin-right: -4px;
	    -webkit-transform: scale(.9);
	    padding: 0 2px;
	}
}
.detail-wrap .avatar {
	position: relative;
}

.detail-wrap .avatar span{
	display: block;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background-size: 100% auto;
	background-clip: padding-box;
	border: 1px solid #f2f2f2;
}
.star-wrap {
	position: absolute;
	top: 2.75rem;
	left: -1rem;
	display: inline-block;
	transform: scale(.3);
	-webkit-transform: scale(.3);
}
.avatar .star {
	height: 0;
	width: 0;
	font-size: .5rem;
	position: relative;
	border-left: 1.382em solid transparent;
	border-right: 1.382em solid transparent;
	border-top: 1em solid orange;
	top: .5rem;
    margin-right: .8rem;
}
.star-wrap b {
	font-size: 2rem;
    font-weight: normal;
}

.avatar .star::before {
	left: -1.45em;
	top: -1.04em;
	content: '';
	position: absolute;
	border-left: 1.382em solid transparent;
	border-right: 1.382em solid transparent;
	border-top: 1em solid orange;
	-webkit-transform: rotate(72deg);
	-moz-transform: rotate(72deg);
	-o-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	transform: rotate(72deg);
}

.avatar .star::after {
	left: -1.35em;
	top: -1.04em;
	content: '';
	position: absolute;
	border-left: 1.382em solid transparent;
	border-right: 1.382em solid transparent;
	border-top: 1em solid orange;

	-webkit-transform: rotate(-72deg);
	-moz-transform: rotate(-72deg);
	-o-transform: rotate(-72deg);
	-ms-transform: rotate(-72deg);
	transform: rotate(-72deg);
}
.detail-wrap + .distance {
	line-height: 2.8em;
	text-align: center;
	font-size: .875rem;
	color: #a7a7a7;
	background:#FFF;
	border-top: 1px solid #e2e2e2;
	margin-bottom: 10px;
}
.a-btn {
	color: #4091ff;
}
.main {
	padding-top: 3rem;
	background: #ececec;
}
.addr-search {
	display: -webkit-box;
    -webkit-box-align: center;
    padding: 0.5rem;
    background: #f2f2f2;
    font-size: .875rem;
}
.addr-search .search-input-wrap {
	position: relative;
  -webkit-box-flex: 1;
  width: 0;
  margin-right: 5px;
}
.addr-search input {
  padding: 0.3rem 0;
  line-height: 1.5em;
  border: none;
  outline: none;
  text-indent: 1.4em;
  text-align: center;
  width: 100%;
  background: #e5e5e5;
  border-radius: 5px;
  box-sizing: border-box;
}
.addr-search input.left {
	text-align: left;
}
.addr-search span {
	font-size: .75rem;
	display: block;
	margin: 0 5px;
	padding: 0 4px;
	border: 1px solid transparent;
}
.addr-search span.active {
	color: #4c8fe8;
	border: 1px solid #4c8fe8;
	border-radius: 2px;
}
.addr-search.fill input {text-align: left;padding: .3rem 1rem;}
.addr-search .search-btn {
	padding: 0 .5em;
}
i.search {
  position: absolute;
  top: .5em;
  left: 50%;
  width: .8em;
  height: .8em;
  border: 2px solid #c0c0c0;
  border-radius: 50%;
  margin-left: -4.8em;
}
.addr-search.fill i.search {left: 1rem;margin-left: 0;}
i.search:after {
	position: absolute;
    width: .5em;
    border-top: 2px solid #c0c0c0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    top: .8em;
    right: -.3em;
}
.pdlr10 {
	padding: 0 10px;
}

.coupon {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 50%;
  -webkit-transform: translate(0, -50%) scale(0);
  color: #fff;
  -webkit-transition: transform .6s;
}
.coupon.static {
	position: static;
	width: auto;
	margin: 0 auto;
	-webkit-transform: none;
	padding: .625rem;
}
.coupon.show {
	-webkit-transform: translate(0, -50%) scale(1);
}
.coupon-head {
	position: relative;
	padding-top: 32%;
	background: url(https://cdn.kuaidi100.com/images/coupon/coupon_head.png?version=20170725);
	background-size: 100% auto;
	z-index: 2;
}
.coupon-body {
	border-radius: 5px;
	padding: 2rem .625rem 1.25rem;
	margin-top: -1.5rem;
	background:url(https://cdn.kuaidi100.com/images/coupon/rays.png)  center center #ff4643;
}
.coupon-list-wrap {background: #ffeeb9;padding:.625rem;margin: -.25rem .3rem 0;border-radius: 3px;}
.coupon-list {max-height: 11.4rem;overflow-y: scroll;-webkit-overflow-scrolling : touch; }
.coupon li {
  position: relative;
  margin-bottom: .4rem;
  border: 1px solid transparent;
  font-size: .875rem;
}
.coupon li:last-child {
	margin-bottom: 0;
}
.coupon li:before {
  position: absolute;
  content: '';
  left: 50%;
  right: 0;
  top: 15%;
  bottom: 0;
  background: url(https://cdn.kuaidi100.com/images/coupon/zhicut.png) 50% 30% no-repeat;
  background-size: auto 13rem;
  z-index: 6;
}
.coupon  li.discount:before{background-image: url(https://cdn.kuaidi100.com/images/coupon/sale.png)}
.coupon  li.free:before{background-image: url(https://cdn.kuaidi100.com/images/coupon/miandan.png)}
.coupon  li.cut:before{background-image: url(https://cdn.kuaidi100.com/images/coupon/mancut.png)}
.coupon li:after {
  position: absolute;
  left: 6px;
  top:6px;
  right: 6px;
  bottom: 6px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 3px;
  content: '';
  z-index: 6;
}
.coupon-info {
  background: #fd6b74;
  display: -webkit-box;
  -webkit-box-align:center;
  padding: 1.4rem 1rem;
  border-radius: 4px;
}
.cut .coupon-info{background: #dab372;}
.discount .coupon-info{background: #32c582;}
.free .coupon-info{background: #9014fe;}
.blur .coupon-info{background: #b7bbc3;}
.coupon .price{
  font-size: 1.2rem;
  padding-right: .5rem;
}
.coupon .price b{
  font-size: 1.5em;
  padding: 0 .2em 0 0;
}
.coupon .intro {
  -webkit-box-flex: 1;
}
.intro small {
  opacity: .8;
}
.bar {
	background: #be291b;
	height: .5rem;
	border-radius: .5rem;
}
.coupon-tips {
	text-align: center;
	display: -webkit-box;
	-webkit-box-align:center;
	color: #7b6f4e;
	font-size: .875rem;
	padding: 1rem 0 ;
}
.coupon-tips span{padding: 0 5px;}
.coupon-tips:before,.coupon-tips:after {
	display: block;
	border-top: 1px solid #7b6f4e;
	content: '';
	opacity: .7;
	-webkit-box-flex: 1;
}
.coupon-close {
	position: absolute;
	right: -1rem;
	top: -1rem;
	z-index: 3;
	border: 2px solid #FFF;
	border-radius: 50%;
	width: 40px;
	height:40px;
	-webkit-transform: rotate(-45deg) scale(.7);
	transform: rotate(-45deg) scale(.7);
}
.coupon-close:before,.choose-box-close:before {
	content: '';
	width: 20px;
	border-top: 2px solid #FFF;
	position: absolute;
	left: 10px;
	top: 19px;
}
.coupon-close:after,.choose-box-close:after {
	content: '';
	height: 20px;
	border-left: 2px solid #FFF;
	position: absolute;
	left: 19px;
	top: 10px;
}
.get-coupon{
	width: 120px;
	height: 37px;
	background: #fcc716;
	color: #715701;
	text-align: center;
	line-height: 37px;
	border-radius: 37px;
	margin: 10px auto;
	font-weight: 900;
}
.each-item .item-con {color: #333 !important;font-weight: 900;}
.each-item.strong .item-title, .each-item.strong .item-con,.strong{color:#ff7800 !important}
.total-price {
	font-size: 1.2rem;
	padding: 1rem 0 ;
	text-align: center;
}
.total-price strong {
	font-size: 2.5rem;
	padding-right: .5rem;
}
.coupon-title {
	margin: .625rem auto;
    width: 90%;
    height: 0.5625rem;
    padding-top: 1.4375rem;
    text-align: center;
    font-size: 0.875rem;
    color: #888;
    border-bottom: 1px solid #efefef;
}
.coupon-check {
	position: absolute;
	right: 1rem;
	top: 50%;
	margin-top: -1.2rem;
	width: 2.4rem;
	height: 2.4rem;
	border: 2px solid #FFF;
	border-radius: 50%;
	z-index: 6;
	-webkit-transform: scale(.5);
	-webkit-transition: transform .3s;
}
.coupon-check:before {
	position: absolute;
	top: -.625rem;
	left: -.625rem;
	right: -.625rem;
	bottom: -.625rem;
	content: '';
}
.checked .coupon-check {
	background: #FFF;
	-webkit-transform: scale(.5) rotate(-45deg);
}
.checked .coupon-check:after {
	position: absolute;
	left: .5rem;
	top: .6rem;
	width:1.4rem;
	height: .7rem;
	border-left: 2px solid #fd6b74;
	border-bottom: 2px solid #fd6b74;
	content: '';
}
.cut.checked .coupon-check:after{border-color: #dab372;}
.discount.checked .coupon-check:after{border-color: #32c582;}
.free.checked .coupon-check:after{border-color: #9014fe;}
.blur.checked .coupon-check:after{border-color: #b7bbc3;}
.global-dialog {
  display: -webkit-box;
  -webkit-box-align:center;
  -webkit-box-pack: center;
  position: fixed;
  top:0;
  left:0;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,.4);
  z-index: 15;
}
.global-dialog .dialog-body {
  width: 70%;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #f2f2f2;
}
.global-dialog .dialog-head {
  text-align: center;
  line-height: 2em;
  font-size: 1.2rem;
  border-bottom: 1px solid #f1f1f1;
}
.global-dialog .dialog-content {
  padding: .8em 1em;
  min-height: 4em;
  font-size: .875rem;
  color: #666;
}
.global-dialog .dialog-foot {
  display: -webkit-box;
}
.global-dialog .dialog-btn {
  -webkit-box-flex: 1;
  border-right: 1px solid #f1f1f1;
  line-height: 2.5em;
  color: #3278e6;
  text-align: center;
  border-top: 1px solid #f1f1f1;
}
.comments {
	padding: 10px;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}
.comment-list li {
	background: #FFF;
	margin-top: 6px;
	padding-left: 10px;
}
.comment-list .head {
  border-bottom: 1px solid #ededed;
  padding: 6px;
  font-size: .875rem;
  display: -webkit-box;
  -webkit-box-align: center;
}
.comment-list .score {display:block;color: #888;}
.comment-list .score i {color: #f3a553;font-size: 1.2em;margin-right: 6px;}
.comment-list .score b {font-weight: normal;}
.comment-list .avatar {
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid #ededed;
	border-radius: 50%;
	display: block;
	vertical-align: middle;
	background-size: 100% 100%;
}
.comment-list .name {
	display: block;
  -webkit-box-flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
}
.comment-list .content {
	font-size: .75rem;
	padding: 10px 6px;
}
.pnotice{
	position: relative;
	margin-top: 10px;
	padding: 0.5rem .5rem .5rem 2rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
	background: #FFF;
	color: #333;
	-webkit-transition: margin .3s;
	display: none;
}
.pnotice .close {
	position: absolute;
	width: 1.8rem;
	height: 1.8rem;
	right: -.7rem;
	top: -.7em;
	background: url(https://cdn.kuaidi100.com/images/m/madd.png) 4px -23px no-repeat;
	background-size: 30px auto;
}
.pnotice .warn {
	position: absolute;
	width: 1.2rem;
	height: 1.2rem;
	left: .6rem;
	top: .6rem;
	background: url(https://cdn.kuaidi100.com/images/m/madd.png) 0 0 no-repeat;
	background-size: 30px auto;
}
.pnotice + a {
	display: block;
	text-align: center;
	border-top: 1px solid #e5e5e5;
	background: #FFF;
	padding-top: .5rem;
}
.pnotice strong {
	font-weight: normal;
	color: #ff8901;
}
.p-dot {
	display: list-item;
	margin-left: 10px;
}