.category-viewport{width:100%;margin:0 auto;min-height:100%;-webkit-overflow-scrolling:touch}.swiper-container1{height:9.5rem}.swiper-container2{height:9.5rem}.oh-category-tab{width:25.5%;overflow-x:hidden;height:auto;background:#f8f8f8;min-height:100%;height:100vh;position:fixed;left:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.category-search{position:fixed;top:0;left:0;right:0;width:100%;z-index:10;background:#fff}.search-right-box{width:12%;height:100%;position:absolute;left:0;top:0;transition:.1s all ease}.search-right{position:absolute;content:"";left:.4rem;top:50%;width:.28rem;height:.28rem;border:1px solid #999;border-color:transparent transparent #999 #999;-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.category-searchCon{position:fixed;left:0;top:1.05rem;width:100%;height:100%;background-color:#fff;z-index:33;display:none}.category-searchCon>ul{height:100%;overflow-y:scroll}.category-searchCon li{text-indent:.24rem;height:.88rem;line-height:.9rem;position:relative;padding:0 .24rem;font-size:.28rem}.category-search:after{content:'';height:1px;width:200%;position:absolute;left:0;top:auto;right:auto;bottom:0;background-color:#f0f2f5;border:0 solid transparent;border-radius:0;-webkit-border-radius:0;transform:scale(.5);-webkit-transform:scale(.5);transform-origin:top left;-webkit-transform-origin:top left}.category-searchCon li:after{content:'';height:1px;width:200%;position:absolute;left:0;top:auto;right:auto;bottom:0;background-color:#f0f2f5;border:0 solid transparent;border-radius:0;-webkit-border-radius:0;transform:scale(.5);-webkit-transform:scale(.5);transform-origin:top left;-webkit-transform-origin:top left}.category-search-box{width:82%;background:#fff;height:.65rem;border-radius:.1rem;background-color:#f8f8f8;margin:.2rem 0;margin-left:1rem}.category-search-active .search-right-box{display:none}.category-search-active .category-search-box{width:90%;margin:.2rem auto}.input-text{width:100%;text-indent:.2rem;border-radius:.1rem;float:left;background-color:#f8f8f8;font-size:.26rem;padding-top:.08rem}.sear-img{width:.26rem;height:.26rem;padding-left:.2rem}.oh-tab-li{width:1.92rem;height:.88rem;line-height:.88rem;text-align:center;font-size:.3rem;color:#333}.oh-tab-active{background-color:#fff;color:#f8c700}.oh-category-list{width:74.8%;height:100%;background:#fff;height:100vh;position:fixed;right:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.oh-list-ul{margin-top:.25rem;display:none;padding-bottom:35%;transition:.1s opacity ease}.oh-list-li{height:1.4rem;width:33.3%;padding:.1rem 0;text-align:center;color:#333;font-size:.28rem;border-radius:.08rem;margin-bottom:.32rem;float:left;padding-top:.1rem}.oh-list-li p{margin-top:.1rem}.oh-list-title{text-align:center;font-size:.28rem;position:relative;height:.4rem;margin-bottom:.25rem}.oh-list-title span{position:absolute;width:30%;left:35%;right:0;top:0;bottom:0;background-color:#fff;text-align:center;z-index:2;color:#333}.oh-list-title::after{content:'';height:1px;width:180%;position:absolute;left:4%;top:50%;right:auto;bottom:0;background-color:#f0f2f5;border:0 solid transparent;border-radius:0;-webkit-border-radius:0;transform:scale(.5);-webkit-transform:scale(.5);transform-origin:top left;-webkit-transform-origin:top left}.oh-list-li p{font-size:.24rem}.oh-list-img{width:1rem;height:1rem}.oh-list-ulactive{display:block}.oh-layer-model{position:absolute;bottom:0;height:0;width:100%;background-color:#fff;border-radius:.16rem .16rem 0 0;text-indent:.24rem;transition:.2s all ease;z-index:200}.oh-layer-title{font-size:.36rem;color:#333;font-weight:700;margin-top:.32rem}.oh-layer-close{display:block;width:.32rem;height:.31rem;float:right;margin-right:.24rem}.oh-layer-xuanze{font-size:.3rem;color:#666;margin-top:.32rem}.oh-xuanze-div{margin-top:.22rem}.oh-layer-button{display:inline-block;width:1.6rem;height:.7rem;line-height:.7rem;color:#333;margin-right:.24rem;border:1px #e2e2e2 solid;text-align:center;background-color:#fff;border-radius:.08rem}.oh-xuanze-btn{margin-top:.55rem}.oh-xuanze-btn a{width:7.02rem;height:.88rem;line-height:.88rem;text-align:center;color:#fff;background-color:#3585e8;font-size:.36rem;border-radius:.08rem}.oh-button-active{border:1px #3585e8 solid;background-color:#3585e8;color:#fff}