@charset "utf-8";
.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-x:hidden;height:100%;width:35%;float:left;overflow-y:auto;-webkit-overflow-scrolling:touch}
.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;border-bottom:1px solid #e5e5e5;padding:.3rem}
.list-item a{display:block;overflow:hidden}
.list-item .pic{float:left;overflow:hidden;width:2.8rem;height:2.1rem;position:relative}
.list-item .pic img{width:100%;height:100%;display:block;object-fit:cover;border-radius:.15rem}
.list-item .pic .type{position:absolute;right:.2rem;top:0;color:#fff;width:1rem;text-align:center;height:.5rem;line-height:.5rem;font-size:.28125rem;background-color:#0000fe}
.list-item .pic .type:after{content:"";position:absolute;top:.5rem;left:0;border-style:solid;border-width:.15rem .5rem;border-color:#0000fe transparent transparent transparent;z-index:5}
.list-item .pic .type-2{background-color:#02c1de}
.list-item .pic .type-2:after{border-color:#02c1de transparent transparent transparent}
.list-item .pic .type-3{background-color:#aeaeae}
.list-item .pic .type-3:after{border-color:#aeaeae transparent transparent transparent}
.list-item .info{margin-left:3.2rem}
.list-item .info .name{font-size:.375rem;line-height:.5rem;height:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.list-item .info .pri{margin-top:.25rem;font-size:.28125rem;color:#666}
.list-item .info .pri .fr{font-size:.40625rem;color:#0100fe;margin-top:.1rem}
.list-item .info .pri .price:before{font-size:.375rem;margin-right:.0625rem;color:#0100fe}