@charset "utf-8";
.content{padding-bottom:1.3889rem}
#footer,.topinner{display:none}
.tab-box{height:1.2rem}
.tab-box > nav{height:1.2rem;position:relative;z-index:100;background-color:#fff;line-height:1.2rem;border-bottom:1px solid #dcdcdc;box-sizing:border-box;overflow:hidden}
.tab-box > nav li{color:#666;float:left;margin-left:7.8125%;width:23.4375%;text-align:center;position:relative;cursor:pointer;overflow:hidden;white-space:nowrap;font-size:.375rem}
.tab-box > nav li.c-um:after{content:"";position:absolute;width:100%;left:0;bottom:1px;height:.06rem;display:block}
.tab-nav.nav-fix{position:fixed;top:0;width:10rem}
.tab-screen{background-color:#353a41;z-index:1005;width:100%;position:fixed;left:0;bottom:0;height:1.3889rem;line-height:1.3889rem;color:#bbb;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.tab-screen.cur{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.tab-screen .tab-select{overflow:hidden;width:100%}
.tab-select li{float:left;width:25%;text-align:center;font-family:'HiraginoSansGB W3';position:relative;cursor:pointer}
.tab-select li span{position:relative;top:.361112rem;display:block}
.tab-select li span i{position:absolute;display:block;background-size:cover;width:.5rem;height:.5rem;top:-.1rem;left:50%;margin-left:-.25rem;background-repeat:no-repeat;background-position:0 0}
.tab-select li.sel-1 span i{background-image:url(../images/ico_1.png)}
.tab-select li.sel-2 span i{background-image:url(../images/ico_2.png)}
.tab-select li.sel-3 span i{background-image:url(../images/ico_3.png)}
.tab-select li.sel-4 span i{background-image:url(../images/ico_4.png)}
.tab-select li.sel-3.sel-color span i{background-image:url(../images/ico_7.png)}
.tab-select li.sel-4.sel-color span i{background-image:url(../images/ico_6.png)}
#dialog-bg{background-color:rgba(0,0,0,.5);position:fixed;z-index:1200;left:0;bottom:0;width:100%;height:100%;display:none;}
.dialog-box{position:fixed;width:100%;background-color:#fff;left:0;bottom:0;z-index:1300;-webkit-transform:translate3d(0,8.16667rem,0);-webkit-transition:all 0.35s ease;-ms-transform:translate3d(0,8.16667rem,0);-ms-transition:all 0.35s ease;transform:translate3d(0,8.16667rem,0);transition:all 0.35s ease;max-height:8.16667rem;min-height:3.75rem;overflow-y:auto;-webkit-overflow-scrolling:touch}
.dialog-box.show{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.city-wrap li,.sort-wrap li{border-bottom:1px solid #e6e6e6;height:1.1112rem;line-height:1.1112rem;padding:0 .416667rem;color:#666;font-size:.375rem;position:relative}
.city-wrap li.c-ba:before,.sort-wrap li.c-ba:before{content:"";position:absolute;height:.27778rem;width:.13334rem;top:.38889rem;right:.55556rem;border-bottom-width:.06rem;border-right-style:solid;border-bottom-style:solid;border-right-width:.06rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.panels-box{height:8.16667rem;overflow:hidden;background-color:#e9ecf0;position:relative}
.panels-left,.flag-left{overflow:hidden;height:100%;width:35%;float:left}
.panels-left li,.flag-left li{text-indent:.55556rem;height:1.2rem;line-height:1.2rem;overflow:hidden;display:block;font-size:.375rem;cursor:pointer;color:#000}
.panels-left li.cur,.flag-left li.cur{background-color:#fff}
.panels-rg,.flag-rg{margin-left:35%;background-color:#fff;box-sizing:border-box;padding:0 .2778rem;height:100%;overflow:hidden;width:65%;overflow-y:auto;-webkit-overflow-scrolling:touch;color:#666}
.panels-item li{height:1.2rem;line-height:1.2rem;font-size:.375rem;color:#666;border-bottom:1px solid #e4e4e4;position:relative;text-indent:.27778rem;overflow:hidden;box-sizing:border-box}
.panels-item li.c-ba:before{content:"";position:absolute;height:.27778rem;width:.13334rem;top:.38889rem;right:.55556rem;border-bottom-width:.06rem;border-right-style:solid;border-bottom-style:solid;border-right-width:.06rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.ctrl-box{height:8.16667rem;overflow:hidden;position:relative}
.ctrl-panel{background-color:#2e343b;text-align:center;height:1rem;line-height:1rem;padding:.13334rem .41667rem}
.ctrl-panel span{color:#fff;font-size:.425rem;width:1.8rem}
.ctrl-panel span.confirm{float:right}
.ctrl-panel span.cancel{float:left}
.ctrl-panel span.reset{background-color:#3e4750;border-radius:5px;color:#c0c4cc;display:inline-block;font-size:.375rem;width:2.22223rem}
.flag-box{position:absolute;top:1.26668rem;left:0;bottom:0;width:100%;overflow:hidden;z-index:10}
.flag-left{background-color:#e9ecf0}
.flag-left li.lab:after{border-radius:50%;content:"";display:inline-block;height:.16667rem;margin-left:.27778rem;position:relative;vertical-align:middle;width:.16667rem}
.flag-rg{padding:0;padding-left:.5556rem}
.flag-rg li{height:1.2rem;line-height:1.2rem;font-size:.375rem;color:#666;border-bottom:1px solid #e4e4e4;position:relative;box-sizing:border-box}
.flag-rg li:before{content:"";position:absolute;border:1px solid #ccc;border-radius:50%;width:.55556rem;height:.55556rem;top:.27778rem;right:.41667rem}
.flag-rg li.c-ba:after{content:"";position:absolute;height:.27778rem;width:.13334rem;top:.38889rem;right:.61112rem;border-bottom-width:.06rem;border-right-style:solid;border-bottom-style:solid;border-right-width:.06rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.list-item{background-color:#fff;margin-top:.27778rem;border-bottom:1px solid #e4e4e4;width:100%}
.list-item a{display:block}
.list-item .pic{position:relative;overflow:hidden;height:5.6rem}
.list-item .pic img{width:100%;height:5.6rem;display:block;object-fit:cover}
.list-item .pic .type{position:absolute;padding-left:.1334rem;left:0;top:0;line-height:.44445rem;background-color:#c59c53;color:#fff;height:.44445rem;padding-right:.06rem;font-size:.28125rem}
.list-item .pic .type:after{content:"";position:absolute;top:0;right:-.23668rem;border-style:solid;border-width:.22223rem .13334rem;border-color:#c59c53 transparent transparent #c59c53;z-index:5}
.list-item .pic .type-2,.list-item .pic .type-6{background-color:#449e66}
.list-item .pic .type-2:after,.list-item .pic .type-6:after{border-color:#449e66 transparent transparent #449e66}
.list-item .pic .type-3,.list-item .pic .type-7{background-color:#53b4c5}
.list-item .pic .type-3:after,.list-item .pic .type-7:after{border-color:#53b4c5 transparent transparent #53b4c5}
.list-item .pic .type-4,.list-item .pic .type-8{background-color:#ff9f20}
.list-item .pic .type-4:after,.list-item .pic .type-8:after{border-color:#ff9f20 transparent transparent #ff9f20}
.list-item .pic .pri{background-color:#ff5346;color:#fff;bottom:.2778rem;right:0;padding:.1334rem .2778rem;position:absolute;border-radius:.1334rem 0 0 .1334rem}
.list-item .pic .pri span{margin-right:.05rem}
.list-item .pic .pri .price,.list-item .pic .pri .price:before{color:#fff}
.list-item .info{padding:.2rem .4rem}
.list-item .info .name{margin-bottom:.1334rem;font-size:.4375rem}
.list-item .info .txt{color:#999}
.list-item .info .txt i{color:#fff;background-color:#ff5346;padding:0 .08rem;margin-right:.08rem;border-radius:.05rem}