@charset "utf-8";
/* 筛选栏 */
.fixedStyle{position:fixed;left:0;top:0;right:0;z-index:9;}
.lbTab {height:45px; position: relative;}
.lbTab > ul{width:100%;height:45px;background:#fff;}
.lbTab li{position:relative;padding: 11px 0;width:25%;}
.lbTab li a{ display: block; height:22px; line-height: 22px; font-size: 14px; text-align: center; color: #222!important;padding:0 6px;}
.lbTab li.active a{ color: #F45549!important;}
.lbTab li span{position:relative;display:inline-block;line-height:21px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:13px;}
.lbTab li span:after{content:'';position:absolute; width: 0; height: 0; border-style: solid; border-width:5px 4px 5px 4px; border-color: #E1E1E1 transparent transparent transparent;right:0; top: 50%;margin-top: -3px;}
.lbTab li.active span:after{border-color:transparent transparent #F45549 transparent;margin-top:-8px;}
.lbTab li.px i{display:block;width:14px;height:14px;margin:3px 0;background:url(../images/sx_pxicon.png) no-repeat;background-size:100%;}
.lbTab li.px{width:13%;}
.lbTab li.px a{padding:0 15px 0 5px;}
.lbTab li.px.px-txt{width:25%;}
.lbTab li.px.px-txt a{display:flex;justify-content:center;}
.lbTab li.px.px-txt span{padding-right:3px;}
.lbTab li.px.px-txt span:after{display:none;}
.lbTab li.px.px-txt i{width:12px;height:12px;margin:4px 0;}
.lbTab li .hot{position:absolute;top:3px;left:46%;width:22px;height:11px;background:url(../images/esf_new.png) no-repeat;background-size:22px;}
.lbTab .cont{position: absolute;width: 100%;top: 44px;left: 0;bottom: 0;background-color: #fff;z-index: 6;}
.lbTab section{height:100%;border-right: 1px solid #f4f4f4; overflow: hidden;}
.lbTab .cont > .flexbox{height:100%;overflow:hidden;}
.lbTab .flexbox section:first-child{width:25%;}
.lbTab .flexbox section:nth-child(2){width:35%;}
.lbTab .flexbox section:nth-child(3){width:40%;border-right: none;}
.lbTab .flexbox section:nth-child(4){width:35%;}
.lbTab .flexbox section:last-child{width:40%;border-right: none;}
.lbTab .flexbox section.column2{width:35%;border-right:1px solid #f4f4f4;}
.lbTab .flexbox section.column3{width:40%;border-right: none;}
.lbTab .flexbox section.price-list{width:70px;max-width:70px;min-width:70px;}
.lbTab .flexbox .cont dl{ height: 100%;}
.lbTab .cont dd{ padding: 0 16px; border-bottom: 1px solid #f4f4f4; height: 44px; line-height: 43px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: #fff;color:#3c3f46;}
.lbTab .cont dd .zfbt{width:48px;height:15px;background:url(../images/home_nav_zfbt.png) no-repeat;background-size:100%; display: inline-block;margin-left:20px; vertical-align:middle;margin-top:-3px;}/*0228*/

.lbTab .cont dd.active{position:relative;background-color: #f2f5f8;}
.lbTab .cont dd.active:before{content:'';position:absolute;width:2px;height:16px;background:#ff6666;left:0;top:50%;margin-top:-8px;}
.lbTab .cont dd a{display:block;padding:0 16px;margin:0 -16px;color:#3c3f46!important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.lbTab .cont .btn{height:40px;position:absolute;left:0;width:100%;bottom:0;}
.lbTab .cont .btn a{display:block;width:100%;height:40px;line-height:40px; font-size: 16px; color: #fff; background-color: #df3031; text-align: center;}
.lbTab .cont .btn a.no1{width:40%;border:1px solid #eceff3;background-color:#fff;color:#565c67;border-radius:6px;}
.lbTab .cont .btn a.no2{width:50%;border:1px solid #df3031;border-radius:4px;margin-left:10%}
.lbTab .cont .btn1{height:50px;position:absolute;left:0;width:100%;bottom:0;padding:0 10px; background:#fff;padding-top:7px;}
.lbTab .cont .btn1 a{display:block;width:60%;height:36px;line-height:36px;font-size:15px;color:#fff;background-color:#d64242;border:1px solid #d64242;border-radius:2px;text-align:center;}
.lbTab .cont .btn1 a:first-child{width:40%;border:1px solid #e3e7ed;background-color:#fff;color:#565c67;margin-right:10px}
.lbTab .cont .btnIn{padding:20px 0 30px;text-align:center;}
.lbTab .cont .btnIn a{display:block;line-height:52px;border-top:1px solid #f4f4f4;font-size:14px;color:#565c67;text-align:center;margin:0 10px;}
.lbTab .cont .btnIn2{padding-bottom:30px;text-align:center;}
.lbTab .cont .btnIn2 a{display:inline-block;width:100%;width:130px;height:36px;line-height:36px; font-size: 16px; color: #ffffff; background-color: #ff6666; text-align: center;border-radius:2px;}
.lbTab .flexbox section.column4{width:40%;border-right: none;}
.lbTab .flexbox section.column4 dd{white-space:normal;line-height:24px;height:auto;padding:4px 16px;}
.lbTab .flexbox section.column4 dd a{display:block;white-space:normal;padding:6px 16px;max-height:58px;min-height:38px;overflow:hidden;}
.lbTab .flexbox section.col-split{width:50%;border-right:1px solid #f4f4f4;}


.lbTab .checkBox{padding:20px 30px;}
.moreChoo{overflow:hidden;}
.moreChoo .moretitle{display:block;line-height:1;padding:25px 0 15px 0;margin:0 14px;color:#83868f;font-size:13px;}
.moreChoo .moretitle > a{display:block;}
.chose-item{padding:0 14px; width:100%;}
.chose-item a{position:relative;display:block;width:25%;line-height:15px;color:#0c0d0e;padding:7px 1px 6px;border-radius:2px;border:1px solid #eceff3;margin-right:6px;text-align:center;font-size:11px;}
.chose-item a:last-child{margin-right:0;}
.chose-item a.active{color:#ff5350;border:1px solid #ff6666;}
.chose-item a i{ display:inline-block;margin-left:2px; vertical-align:top;margin-top:-2px;}
.chose-item a .hot{position:absolute;top:-3px;right:-4px;width:22px;height:11px;background:url(../images/esf_new.png) no-repeat;background-size:22px;}
.chose-item .flexbox span{width:25%;}
.chose-item > div{margin-top:8px;width:100%;}
.chose-item > div:first-child{margin-top:0;}
.chose-item a.line2{line-height:32px;}
.chose-item .hb{background:#eb4d35 url(../images/hb_icon.png) center -1px no-repeat;background-size:100% auto;color:#fff;border:none;padding-top:11px;padding-bottom:0;}
.chose-item .flex2{ display: flex;flex-direction:row; flex-wrap:wrap;}
.chose-item .flex2 a{margin-bottom:8px;width:23.5%;margin-right:2%;align-items:center;}
.chose-item .flex2 a:nth-child(4n){margin-right:0;}
/*新更多*/
.moreChoose .moretitle {font-size:16px;line-height:22px;color:#222222;font-weight:bold;padding:20px 22px;}
.moreChoose .more-nav{display:flex;padding:15px 0;}
.moreChoose .more-nav a{width:50%;font-size:16px;color:#969696;line-height:30px;text-align:center;}
.moreChoose .more-nav a.active{color:#F84440;font-weight:bold;}
.moreChoose .items{display:flex;flex-wrap:wrap;margin:0 22px;padding-bottom:15px;}
.moreChoose .items a{width:22.6%;line-height:18px;padding:8px 4px;font-size:12px;color:#222222;text-align:center;background: #f8f8f7;margin-right:3%;margin-bottom:3%;}
.moreChoose .items a:nth-child(4n+4){margin-right:0;}
.moreChoose .items .active{background: #fff1f1;color:#F84440;}
.moreChoose .items.column3 a{width:31.3%;}
.moreChoose .items.column3 a:nth-child(3n+3){margin-right:0;}
.moreChoose .items.column3 a:nth-child(4n+4){margin-right:3%;}
.moreChoose .more-ipt{display:flex;padding:0 22px 25px;align-items:center;margin-top:-15px;}
.moreChoose .more-ipt > div{position:relative;flex-grow:1;padding:15px 0;}
.moreChoose .more-ipt > div:before{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#eee;-webkit-transform:scaleY(.5);transform:scaleY(.5);}
.moreChoose .more-ipt > span{flex-shrink:0;padding:0 18px;font-weight:bold;}
.moreChoose .more-ipt input{width:100%;border:none;height:22px;text-align:center;font-size:16px;color:#222;outline:none;}
.moreChoose .more-ipt input::-webkit-input-placeholder {color:#C5C5C5;}

.moreChoose-btn{height:78px;}
.moreChoose-btn > div{display:flex;position:absolute;left:0;right:0;bottom:0;height:78px;padding:15px 22px;background:#fff;}
.moreChoose-btn > div:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:#eee;-webkit-transform:scaleY(.5);transform:scaleY(.5);}
.moreChoose-btn a{display:block;width:50%;height: 48px;line-height:48px;font-size:16px;color:#222222;text-align:center;background: #f8f8f7;border-radius: 4px;margin-right:19px;}
.moreChoose-btn a:last-child{background:#F84440;color:#fff;margin-right:0;}
.more-choose-box{display:flex;flex-direction:column;max-height:80vh;}
.more-choose-box .moreChoose{flex-grow:1;overflow:hidden;}
.more-choose-box .moreChoose-btn{flex-shrink:0;}

.tabSX{ position: fixed; top: 0; width: 100%; height:86%; z-index: 200;max-width:640px;}
.tabSX .lbTab{height:100%;}
.tabSX .lbTab .cont{border-top:1px solid #f8f8f8;}
.float{ position: fixed; top: 0; bottom: 0;left:0;right:0; width: 100%;  height: 100%; background: rgba(0,0,0,.6); z-index: 50;margin:0 auto;max-width:640px;}

.tabFixed{position: fixed;top: 0;left: 0;z-index: 200;width: 100%;background: #ffffff;}
.tabFixed2{position: fixed;top: 44px;left: 0;z-index: 200;width: 100%;background: #ffffff;}
#allcont dl,#all_contFlexbox dl,#all_div dl{position:absolute;width:100%;left:0;top:0;bottom:40px;overflow:hidden;}
.lbTab .cont > .flexbox.area{position:absolute;width:100%;height:auto;left:0;top:0;bottom:50px;overflow:hidden;}

 /* 区间筛选 */
.qjBox{margin:25px 0 8px;}
.qjBox .in-qj{position:relative;width:100%;height:8px;border:1px solid #eeeeee;background:#ffffff;border-radius:4px;}
.qjBox .in-qj span{position:absolute;height:6px;background:#ff6666;border-radius:3px;}
.qjBox .in-qj > div{position:absolute;width:26px;height:26px;background:#ffffff;border:1px solid #e9e9e9;border-radius:50%;box-shadow:2px 1px 3px rgba(160,160,160,0.2);top:50%;margin-top:-13px;margin-left:-1px;margin-right:-1px;}
.qjBox .in-qj > div i{position:absolute;height:14px;line-height:14px;font-style:normal;font-size:12px;text-align:center;color:#cccccc;min-width:26px;top:-18px;white-space:nowrap;}
.qjBox .in-qj > div.active{border:2px solid #ff6666;}
.qjBox .in-qj > div.active i{color:#ff6666;top:-19px;margin-left:-1px;}
.qjBox .in-qj > div.active.hover em{display:block;position:absolute;width:37px;height:42px;font-style:normal;font-size:12px;color:#ffffff;background:url(../images/sx-icon-bg.png) no-repeat;background-size:100%;text-align:center;padding-top:12px;left:50%;margin-left:-18px;top:-48px;}
.qjBox .in-qj > div.active.hover i{display:none;}
.qjBox .in-qj > div em{display:none;}
.qjBox .in-qj > div.active:first-of-type i{margin-left:-6px;}
.qjBox .in-qj > div.active:last-of-type i{margin-left:3px;}