@charset "utf-8";
#footer,.topinner{display:none}
.content{padding-bottom:1.3889rem}
.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 .5s ease;transition:all .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(../../lvyou/images/ico_2.png)}
.tab-select li.sel-2 span i{background-image:url(../../lvyou/images/ico_11.png)}
.tab-select li.sel-3 span i{background-image:url(../../lvyou/images/ico_3.png)}
.tab-select li.sel-4 span i{background-image:url(../../lvyou/images/ico_4.png)}
.tab-select li.sel-2.sel-color span i{background-image:url(../../lvyou/images/ico_12.png)}
.tab-select li.sel-3.sel-color span i{background-image:url(../../lvyou/images/ico_7.png)}
.tab-select li.sel-4.sel-color span i{background-image:url(../../lvyou/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;text-indent:.27778rem;overflow:hidden;box-sizing:border-box}
.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{overflow:hidden;margin-top:.27778rem;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.list-item > a{display:block;padding:.3rem .3125rem .1rem;background-color:#fff}
.list-item dt{float:left;height:1.725rem;margin-right:0.3125rem;width:2.5rem;}
.list-item dt img{border-radius:.1rem;display:block;height:100%;object-fit:cover;width:100%}
.list-item dd.txt h4{height:1rem;line-height:.5rem;overflow:hidden;font-size:.375rem}
.list-item dd.txt p{line-height:.58rem;font-size:.3125rem;margin-top:.1rem;color:#999}
.list-item .pri{margin-top:.3rem;border-top:1px solid #e4e4e4;font-size:.3125rem;color:#999;line-height:.8rem;overflow:hidden;height:.8rem;padding-top:.1rem}
.list-item .pri .price:before{font-size:.3125rem}
.list-item .pri .price{font-size:.5625rem}