.swiper-box .toptab{display:flex; height:35px; line-height:35px; background: #fff;  box-shadow: 0 1px 6px #eee;}
.swiper-box .toptab>div{font-size:15px;text-align:center; width:50%; box-sizing: border-box; border-bottom:1px solid #ddd; border-right:1px solid #ddd; transition-duration: 300ms;}
.swiper-box .toptab>div:nth-last-of-type(1){border-right:none;}
.swiper-box .toptab>div.active{border-bottom: 1px solid #ff3e30; color:#ff3e30; font-weight: bold;}

/*.pages-swiper{height: calc(100vh - 55px - 40px - 35px)}*/
/*.pages-swiper .swiper-slide{overflow:hidden; background: #fff; overflow-y: auto;}*/

/*.fixed-btn{position: fixed; z-index:9999; bottom:10px; left:10px; width:60px; height:60px; background:#fff; border-radius:60px; box-shadow: 1px 1px 6px rgba(0,0,0,.6);}*/
/*.fixed-btn>img{width:30px; height:30px; position: absolute; top:15px; left:15px; transition-duration: 300ms}*/
/*.fixed-btn img:nth-of-type(1){transform: scale(1);}*/
/*.fixed-btn img:nth-of-type(2){transform: scale(0);}*/
/*.fixed-btn.active img:nth-of-type(1){transform: scale(0);}*/
/*.fixed-btn.active img:nth-of-type(2){transform: scale(0.9);}*/

.list-table{margin:10px auto;}
.list-minimg{margin:0 10px;}

/*地域选择*/
.three-level{position: relative; margin:0 8px; box-sizing: border-box; user-select: none;}
/*.three-level .flexbox{display:flex; flex-wrap:wrap;}*/
.three-level .flexbox{display:flex; flex-wrap:nowrap; margin-bottom:10px;}
.three-level .area-select{flex:1 1 50%; height:35px; position: relative; }
.three-level .area-select:nth-of-type(1){margin-right:8px;}

.three-level .area-select:nth-of-type(3){flex:0 0 398px; margin-top:8px;}

.three-level .area-select .handle{border-radius:8px; height:35px; background:#fff; font-size:14px; display:flex; align-items: center; transition-duration: 300ms; cursor:pointer;  border:1px solid #ccc;}
.three-level .area-select .handle.active{border-radius:8px 8px 0 0; background:#E51C23; color:#fff; border:1px solid #E51C23;}
.three-level .area-select .handle.unclick{opacity:.6;}
.three-level .area-select .handle .arrow{width:9px; height:9px; border-top:2px solid #888; border-right:2px solid #888; transform: rotate(45deg); position: absolute; top:15px; right:15px; transition-duration: 300ms;}
.three-level .area-select .handle.active .arrow{border-top:2px solid #fff; border-right:2px solid #fff; transform: rotate(135deg); top:13px;}
.three-level .area-select .handle img{width:20px; height:20px; margin:0 10px;}
.three-level .area-select .handle img:nth-of-type(2){display: none;}
.three-level .area-select .handle.active img:nth-of-type(1){display: none;}
.three-level .area-select .handle.active img:nth-of-type(2){display: block;}
.three-level .area-select .handle.active .value{color:#fff;}
.three-level .area-select .handle .value{color:#333;}
.three-level .area-select .handle.checked .value{color:#999;}

.three-level .area-select .handle.active+.drop-down{visibility: visible; opacity: 1; transform: translateY(0);}
.three-level .drop-down{border-radius:0 0 8px 8px; max-height:200px; overflow-y:auto;  padding:10px 12px; border:1px solid #ccc; border-top:0; font-size:0; position: relative; z-index:999; box-sizing: border-box; visibility: hidden; transition-duration: 300ms; opacity:0; transform: translateY(-15px); background: #fff;}
.three-level .drop-down li{display: inline-block; width:100%; height:31px; line-height:31px; font-size:13px; border-bottom:1px solid #eee;}
.three-level .drop-down li.active{color:#E51C23; font-weight: bold;}
.three-level .drop-down li:nth-last-of-type(1){border:none;}

.multi-select{position: relative; margin: 8px 8px; height:35px; line-height: 35px; border:1px solid #ccc; border-radius:8px; font-size:14px; display:flex; align-items: center; transition-duration: 300ms; cursor:pointer;}
.multi-select img{flex:0 0 20px; margin:0 10px; width:20px; height:20px; opacity: 0.8;}
.multi-select:after{content:""; display:block; border-left:10px solid #888; border-top:7px solid transparent; border-bottom:7px solid transparent; position:absolute; top:11px; right:10px;  transition-duration: 300ms;}
.multi-select.active:after{transform: rotate(90deg);}


.popup-multi-select{position: fixed; z-index:9999; top:0;bottom:0;left:0;right:0; display:flex; visibility: hidden;}
.popup-multi-select .mask{position: absolute; top:0;bottom:0;left:0;right:0; z-index:0; background:rgba(0,0,0,0); transition-duration: 300ms;}
.popup-multi-select .wrap{background:#fff; padding:6px 6px 8px 6px; width:371px; min-height:300px; margin: auto; position: relative; z-index:9; transform: scale(.8); opacity:0; transition-duration: 300ms;}
.popup-multi-select .wrap .titlebox{font-size:16px; padding:0 0px 0 8px; height:30px; line-height:30px; font-weight: bold; display:flex; justify-content: space-between;}
.popup-multi-select .wrap .titlebox img{width:27px; height:27px; margin-top:2px;}
.popup-multi-select .wrap .con{max-height:331px; overflow-y: auto;}
.popup-multi-select .wrap .con label{display:block; padding:5px 5px; font-size:13px;}
.popup-multi-select .wrap .con label>input{margin-right:3px; position: relative; top:2px;}
.popup-multi-select.show{visibility: visible;}
.popup-multi-select.show .mask{background:rgba(0,0,0,.7);}
.popup-multi-select.show .wrap{transform: scale(1); opacity:1;}
.popup-multi-select .wrap .btn-box{text-align:center; margin-top:5px; border-top:1px solid #eee;}
.popup-multi-select .wrap .btn-box button{width:80px; height:30px; line-height:30px; text-align:center; font-size:14px;
    color:#fff; background:#E51C23; border-radius: 5px; border:none; outline:none; margin-top:10px;}

.search-box{position: relative; margin: 8px 8px; height:30px; line-height: 30px; display:flex; align-items: center; }
.search-box>span{ flex:0 0 50px; font-size: 15px;}
.search-box input{flex:1 1 auto; margin-right:10px; padding:5px 10px; font-size:14px;}
.search-box button{ width:80px; height:30px; line-height:30px; text-align:center; font-size:14px;
    color:#fff; background:#E51C23; border-radius: 5px; border:none; outline:none; display:flex; justify-content: center; align-items: center;}
.search-box button img{width:16px; height:16px; margin-right:2px;}
.wz-desc{color: #cccccc;font-size: 10px;}
.wz-from{background-color: #0b93d5;color: #ffffff; border: 1px solid #0b93d5; border-radius: 2px; margin-right: 5px; }