@charset "utf-8";

.main { background: #4797ff; }

.hidden { display: none; }
.hide { display: none !important; }

.masker { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; }
.text-center { text-align: center; }
.mt-15 { margin-top: 0.15rem; }
/* reset end */
.header { position: relative; display: flex; justify-content: center; width: 100%; height: 0.9rem; line-height: 0.9rem; background-color: #f7f7f7; }
.header h2 { width: 70%; font-size: 0.34rem; font-weight: 700; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header .backBtn { width: 0.78rem; height: 0.9rem; background-image: url(../images/logistics/angle_left_03.png); background-repeat: no-repeat; background-size: 0.18rem 0.3rem; background-position: 50%; position: absolute; left: 0rem; top: 0; }
.item-wrap { height: 0.78rem; line-height: 0.78rem; border: 1px solid #ccc; display: flex; align-items: center; position: relative; border-radius: 0.1rem; }
.logistics-wrap { margin: 0.2rem; background: #fff; padding: 0.2rem; border-radius: 0.2rem; background: url(../images/logistics/pic1.png) no-repeat center top #fff; background-size: 100% 2.22rem; padding-top: 2.22rem; }
.store-info-form { padding-top: 0.2rem; }
.store-info-form .form-item { box-sizing: border-box; width: 100%; padding: 0 0 0.28rem 0; }
.store-info-form label.input-group { display: block; margin-bottom: 0.2rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.32rem; color: #333; }
.store-info-form .required-tip { display: inline-block; vertical-align: top; line-height: 0.32rem; font-size: 0.28rem; color: #4f76e6; }
.store-info-form span.tip-active { color: #de3939; }
.store-info-form .tip-tel { margin-top: 0.18rem; line-height: 0.28rem; font-size: 0.28rem; color: #ccc; }
.store-info-form .controls-store { height: 0.78rem; }
.store-info-form .controls { box-sizing: border-box; width: 100%; }
.store-info-form .controls input, .store-info-form .controls textarea { box-sizing: border-box; width: 100%; font-size: 0.3rem; }
.store-info-form .controls input { height: 100%; padding: 0 0.28rem; border: 1px solid #ccc; border-radius: 0.1rem; }
.store-info-form .controls textarea { line-height: 0.4rem; padding: 0.19rem 0.28rem; border-radius: 0.1rem; }
.store-info-form .controls-storename { height: 1.16rem; }
.store-info-form .controls-storeadress { height: 1.6rem; }
.store-info-form .controls-city { display: flex; justify-content: space-between; border: none; width: 100%; }
.store-info-form .controls-city .city-wrapper, .store-info-form .controls-city .area-wrapper { position: relative; height: 100%; width: 49%; }
.store-info-form .controls-city input { width: 100%; }
.item-wrap .icon-down { position: absolute; top: 50%; right: 0.26rem; -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 0.21rem; height: 0.21rem; background: url('../images/logistics/icon_down.png') no-repeat center; background-size: 100%; }
.store-info-form .hot-city-title { box-sizing: border-box; padding: 0.35rem 0.5rem 0.29rem; height: 0.94rem; background: #fff; }
.store-info-form .hot-city-title h4 { display: inline-block; vertical-align: top; line-height: 0.3rem; font-size: 0.3rem; font-weight: 700; color: #666; border-left: 0.08rem solid #4f98ff; padding-left: 0.2rem; }
.store-info-form .city-box { position: fixed; right: 0; left: 0; bottom: 0; width: 7rem; margin: 0 auto; border-radius: 0.1rem 0.1rem 0 0; overflow: hidden; z-index: 11; }
.store-info-form .city-box .express-city-box { background: #fff; border-radius: 0.1rem 0.1rem 0 0; }
.store-info-form .city-box .hot-city .hot { padding: 0 0.9rem 0 0.5rem; box-sizing: border-box; display: flex; justify-content: space-between; flex-flow: wrap; align-content: space-around; width: 100%; height: 1.8rem; }
.store-info-form .city-box .hot-city .hot a { display: block; box-sizing: border-box; width: 2.6rem; line-height: 0.76rem; font-size: 0.3rem; font-weight: 700; color: #999; text-align: center; border: 1px solid #ebebeb; border-radius: 0.06rem; letter-spacing: 1px; }
.store-info-form .city-box .hot-city .hot a.active { color: #4f76e6; border-color: #4f76e6; }
.store-info-form .city-box .letter-title { padding: 0 0.7rem 0 0.5rem; padding-top: 0.24rem; height: 0.44rem; line-height: 0.44rem; font-size: 0.32rem; font-weight: 700; color: #4f76e6; }
.store-info-form .city-box .item-list { padding: 0 0.9rem 0 0.5rem; }
.store-info-form .city-box .item-list li { line-height: 0.9rem; font-size: 0.3rem; font-weight: 700; color: #666; border-bottom: 0.5px solid #edeef5; }
.store-info-form .city-box #cityBox { height: 6.62rem; background: #fff; overflow: hidden; }
.store-info-form .city-box .city-sidaber { position: absolute; height: 100%; right: 0; top: 0.04rem; z-index: 20; }
.store-info-form .city-box .city-sidaber p { box-sizing: border-box; padding-right: 0.1rem; width: 0.89rem; line-height: 0.34rem; font-size: 0.24rem; font-weight: 700; text-align: center; color: #666; }
.store-info-form .area-box { position: fixed; right: 0; left: 0; bottom: 0; width: 7rem; margin: 0 auto; border-radius: 0.1rem 0.1rem 0 0; z-index: 10; overflow: hidden; }
.store-info-form .area-box .citylist { height: 7.6rem; padding: 0 0.5rem; background: #fff; overflow-y: auto; }
.store-info-form .area-box .citylist li { line-height: 0.9rem; font-size: 0.3rem; font-weight: 700; color: #666; border-bottom: 0.5px solid #edeef5; }
.store-info-form .area-box .citylist li:last-child { border-bottom: none; }
.btn { width: 5.9rem; height: 0.98rem; font-size: 0.32rem; color: #fff; font-weight: 700; text-align: center; background: #4f76e6; border-radius: 0.1rem; }
.li-title { position: relative; width: 100%; }
.li-title h3 { display: flex; align-items: center; font-size: 0.32rem; font-weight: 700; color: #333; margin-bottom: 0.1rem; }

.item-wrap .select-item { flex: 1; }

.form-item.col2 { display: flex; border: 0; }
.form-item.col2 .li-title { width: 1.4rem; border: 0; margin-bottom: 0; margin-right: 0.1rem; }
.form-item.col2 .item-wrap { flex: 1; }
.form-item.col2 .li-title h3 { padding-left: 0; height: 100%; margin-bottom: 0; }

footer .bui-nav { border-top: 0; }
footer .bui-nav .btn-logistics { background: -webkit-linear-gradient(left, #ff6034, #ee0a24); background: linear-gradient(to right, #ff6034, #ee0a24); color: #fff; line-height: 0.8rem; font-size: 0.32rem; }

.result-wrap { margin: 0.2rem; }
.result-wrap .res-item { border-radius: 0.2rem; background: #fcfdff; margin-bottom: 0.2rem; }
.result-wrap .res-date { border-bottom: 1px solid #ececec; padding: 0.2rem 0.3rem; display: flex; justify-content: space-between; align-items: center; font-size: 0.28rem; }
.result-wrap .res-content { padding: 0.3rem; font-size: 0.28rem; }
.result-wrap .res-content ul li { margin-bottom: 0.2rem; }
.result-wrap .res-content ul li:last-child { margin-bottom: 0; }
.result-wrap .res-content strong { color: #333; }
.result-wrap .res-content strong.price { color: #f60; margin-right: 0.05rem; }

/*结果弹框*/
.resultDialogDown .bui-dialog-main { text-align: initial; padding-bottom: 0; } 
.resultDialogDown .res-date { display: flex; justify-content: space-between; align-items: center; }
.resultDialogDown .res-date span:nth-child(2) { font-size: 0.26rem; }
.resultDialogDown .result-wrap { margin: 0; }
.resultDialogDown .result-wrap .res-item { background: #fff; }
.resultDialogDown .result-wrap .res-content { font-size: 0.3rem; padding-bottom: 0; }

/*ct-contact*/
.result-wrap .ct-contact { border-top: 1px dashed #cbdef9; padding-top: 0.3rem; text-align: center; }
.result-wrap .ct-contact strong { background: #518fec; padding: 0.2rem 0.2rem; color: #fff; border-radius: 100px; display: block; width: 60%; text-align: center; margin: 0.2rem auto 0 auto; color: #fff; display: flex; justify-content: center; align-items: center; font-weight: normal; }
.result-wrap .ct-contact strong i { margin-right: 0.1rem; }