.city_choice { position: relative; }
.city_choice input { width: 252px; height: 40px; line-height: 40px; }

.city-picker-input { position: absolute; top: -9999px; left: -9999px; opacity: 0 !important; }

.city-picker-span { position: relative; display: block; color: #ccc; text-indent: 10px; font-size: 14px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 14px; }
.city-picker-span > .placeholder { color: #ccc; }
.city-picker-span > .arrow { position: absolute; top: 50%; right: 14px; margin-top: -3px; width: 9px; height: 5px; background: url(../memberCenter/img/jt_down.png) no-repeat 0 0; }
.city-picker-span > .title > span { padding: 5px; border-radius: 3px; color: #333; }
.city-picker-span > .title > span:hover { background-color: #f1f8ff; }

.city-picker-dropdown { position: absolute; top: -9999px; left: -9999px; z-index: 999999; display: none; margin-bottom: 20px; width: 315px; min-width: 330px; outline: 0; -webkit-tap-highlight-color: transparent; }

.city-select-wrap { box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); font-size: 14px; }

.city-select-tab { border-bottom: 1px solid #e2e2e2; background: #f6f6f6; }
.city-select-tab > a { display: inline-block; margin-bottom: -1px; padding: 8px 22px; outline: 0; border-bottom: 1px solid transparent; border-left: 1px solid #e2e2e2; color: #4d4d4d; text-align: center; text-decoration: none; font-size: 14px; cursor: pointer; }
.city-select-tab > a.active { border-bottom: 1px solid #fff; background: #fff; color: #ed3436; }
.city-select-tab > a:first-child { border-left: none; }
.city-select-tab > a:last-child.active { border-right: 1px solid #e2e2e2; }

.city-select-content { padding: 10px 15px; min-height: 10px; background-color: #fff; }

.city-select dl { clear: both; margin: 0; padding: 3px 0; line-height: 2; }
.city-select dt { position: absolute; width: 2.5em; text-align: right; font-weight: 500; }
.city-select dd { margin-left: 0; }
.city-select.province dd { margin-left: 3em; }
.city-select a { display: inline-block; margin-right: 2px; padding: 0 10px; color: #444; white-space: nowrap; cursor: pointer; }
.city-select a.active { border-radius: 2px; background-color: #ed3436; color: #fff; }

.city-select a:focus, .city-select a:hover { color: #ed3436; }

.city_detail { margin-left: 8px; }

.banner_box { position: relative; }

.banner_addr { position: absolute; z-index: 2; top: 90px; bottom: 90px; left: 50%; margin-left: -600px; background: #5164c6; background: rgba(255, 255, 255, 0.15); width: 318px; padding: 30px 20px; }
.banner_addr li { margin-bottom: 20px; background: #fff; border-radius: 3px; *height: auto; }
.banner_addr li .item_l { margin: 10px 0; width: 53px; line-height: 20px; border-right: 1px solid #eee; padding-left: 12px; font-size: 14px; color: #666; }
.banner_addr li .item_r { width: 252px; }
.banner_addr .change { padding: 10px 0; margin-bottom: 0; background: none; }
.banner_addr .change .btn { display: block; margin: 0 auto; width: 29px; height: 29px; background: url(../img/logistics/chg.png) center no-repeat; }
.banner_addr .change .btn:hover { background-image: url(../img/logistics/chg_on.png); }
.banner_addr .wl { height: 40px; }
.banner_addr .wl_choice { position: relative; padding-right: 14px; }
.banner_addr .wl_choice .span { display: block; padding-left: 10px; line-height: 40px; height: 40px; background: url(../memberCenter/img/jt_down.png) no-repeat right center; color: #333; font-size: 14px; cursor: pointer; }
.banner_addr .wl_choice .span.on { color: #333; }
.banner_addr .wl_choice dl { display: none; position: absolute; left: 0; top: 38px; right: 0; background: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; max-height: 160px; overflow-y: auto; padding: 10px 0; }
.banner_addr .wl_choice dl dd { line-height: 32px; padding-left: 10px; color: #333; font-size: 14px; cursor: pointer; }
.banner_addr .wl_choice dl dd:hover { background: #edf4ff; color: #2e72db; }
.banner_addr .sure { display: block; line-height: 40px; color: #fff; font-size: 16px; background: #3886ff; border-radius: 3px; text-align: center; }

.banner { position: relative; overflow: hidden; height: 400px; text-align: center; }
.banner .swiper-slide { overflow: hidden; height: 400px; }
.banner .swiper-slide img { height: 400px; width: 100%; }
.banner .pagination { position: absolute; z-index: 20; bottom: 20px; width: 100%; text-align: center; *left: 0; }
.banner .swiper-pagination-switch { display: inline-block; width: 30px; height: 3px; background-color: #fff; margin: 0 5px; opacity: .3; filter: alpha(opacity=30); cursor: pointer; *display: inline; *zoom: 1; }
.banner .swiper-active-switch { opacity: 1; filter: alpha(opacity=100); }

.logis_tt { position: relative; margin: 0 auto; padding: 45px 0; width: 384px; color: #2e72db; text-align: center; font-weight: 400; font-size: 26px; line-height: 30px; }
.logis_tt:before { left: 0; }
.logis_tt:after { right: 0; }
.logis_tt span { position: relative; display: inline-block; vertical-align: top; }
.logis_tt span:before { left: -35px; }
.logis_tt span:after { right: -35px; }

.logis_tt:after, .logis_tt:before { position: absolute; top: 58px; width: 105px; height: 1px; background-color: #b1d0ff; content: ""; }

.logis_tt span:after, .logis_tt span:before { position: absolute; top: 12px; width: 15px; height: 3px; background-color: #65a2ff; content: ""; }

.l_list { background: #f9fbfd; padding: 30px 0; }
.l_list .table { width: 1120px; margin: 0 auto 30px; padding: 30px 40px 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 8px 20px rgba(46, 114, 219, 0.2); }
.l_list .table table { text-align: left; table-layout: fixed; font-size: 14px; margin-bottom: 10px; }
.l_list .table th { padding-left: 40px; height: 44px; background-color: #eff1f6; color: #666; }
.l_list .table td { color: #333; padding: 13px 0 13px 40px; line-height: 26px; }
.l_list .table tr:nth-child(odd) { background-color: #f6f8fb; }

.logis_cmp { padding-bottom: 75px; background: #fff url(../img/logistics/cmp_bg.png) no-repeat center; }
.logis_cmp ul { width: 1205px; }
.logis_cmp li { float: left; margin: 0 5px 5px 0; width: 236px; height: 130px; box-shadow: 0 0 15px rgba(59, 144, 255, 0.1); }

.logis_addr { background: #fff; height: 42px; padding: 15px 0; margin-bottom: 20px; }
.logis_addr ul { padding-left: 30px; }
.logis_addr li { float: left; border: 1px solid #eee; background: #fff; border-radius: 3px; margin-right: 20px; }
.logis_addr li .item_l { margin: 10px 0; width: 53px; line-height: 20px; border-right: 1px solid #eee; padding-left: 12px; font-size: 14px; color: #666; }
.logis_addr li .item_r { width: 252px; }
.logis_addr .send { margin-bottom: 0; }
.logis_addr .change { padding: 10px 0; margin-bottom: 0; background: none; }
.logis_addr .change .btn { display: block; margin: 0 auto; width: 29px; height: 29px; background: url(../img/logistics/chg.png) center no-repeat; }
.logis_addr .change .btn:hover { background-image: url(../img/logistics/chg_on.png); }
.logis_addr .wl { height: 40px; }
.logis_addr .wl_choice { position: relative; padding-right: 14px; }
.logis_addr .wl_choice .span { display: block; padding-left: 10px; line-height: 40px; background: url(../memberCenter/img/jt_down.png) no-repeat right center; color: #333; font-size: 14px; }
.logis_addr .wl_choice .span.on { color: #333; }
.logis_addr .wl_choice dl { display: none; position: absolute; left: 0; top: 38px; right: 0; background: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; max-height: 120px; overflow-y: scroll; padding: 10px 0; }
.logis_addr .wl_choice dl dd { line-height: 32px; padding-left: 10px; color: #333; font-size: 14px; }
.logis_addr .wl_choice dl dd:hover { background: #edf4ff; color: #2e72db; }
.logis_addr .logis_btn { width: 110px; line-height: 42px; margin-right: 40px; background: #2e72db; color: #fff; font-size: 14px; text-align: center; border-radius: 3px; }
.logis_addr .logis_btn:hover { background: #367dec; }

.logis_list .wl { width: 280px; }
.logis_list .send { width: 328px; }
.logis_list .take { width: 248px; }
.logis_list .msg { width: 284px; }
.logis_list .tt { padding: 0 30px; background: #fff; height: 54px; margin-bottom: 10px; }
.logis_list .tt span { float: left; line-height: 56px; color: #666; font-size: 14px; }
.logis_list li { background: #fff; margin-bottom: 20px; padding: 0 30px; height: 100px; }
.logis_list li div { float: left; padding: 18px 0; }
.logis_list li div h3 { line-height: 34px; font-size: 16px; color: #333; }
.logis_list li div h3 b { color: #2e72db; }
.logis_list li div p { line-height: 30px; color: #666; font-size: 12px; }
.logis_list li div p.t { line-height: 34px; color: #333; font-size: 14px; }
.logis_list li .send { position: relative; }
.logis_list li .send .w130 { width: 130px; padding: 0; }
.logis_list li .send .go { width: 150px; text-align: center; line-height: 64px; height: 64px; color: #888; font-size: 14px; background: url(../img/logistics/arrow_r2.png) center no-repeat; }

.footer { margin-top: 0; }

.page { padding: 20px 0 40px; }

/*# sourceMappingURL=logistics.css.map */