#select{height:calc(100% - 70px);overflow-y:hidden}
html, body {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.select-content{ height: auto;}
*{ overflow-x: hidden;}
#select .swiper-slide{overflow-y:hidden;width:100%;height:100%;}
.logoTop,.logoTop>img{width:100%}
i{color:#fff}
.logoTop form{padding:5px 10px;background:#e8e8e8;flex-grow:3}
.logoTop form .fa {display: contents;}
/*.logoTop form>div{width:25%;text-align:center}*/
.logoTop form>div{width:10%;text-align:center}
.logoTop form>div i{font-size:1.8rem}
.logoTop form>div span{color:#878787}
.logoTop form>div:first-child{width:90%; float:left;}
.logoTop form>div:first-child>input{width:100%;border:0;border-radius:3px; padding-left: 10px;}
.classify-div{width:100%;height:100%;display:flex;display:-webkit-flex;flex-wrap:nowrap;flex-grow:2}
.classify ul{padding-left: 0px;}
.classify-left{height:100%;width:35%;background:#e8e8e8;}
.classify-left ul li{ width: 100%; height: 40px; line-height: 39px; padding-left: 10px; padding-right: 10px; flex-shrink:1;}
.classify-left ul .classify-left-active{border-bottom: 1px solid #ababab;background: white;color: red; }
.classify-left ul .classify-left-active i{color: red;
    transform:rotate(0deg) !important;
    -ms-transform:rotate(0deg) !important; /* Internet Explorer */
    -moz-transform:rotate(0deg) !important; /* Firefox */
    -webkit-transform:rotate(0deg) !important; /* Safari 和 Chrome */
    -o-transform:rotate(0deg) !important; /* Opera */
}
.classify-left ul li i { float: right; line-height: 39px;color: #333333;
    transform:rotate(270deg) !important;
    -ms-transform:rotate(270deg) !important; /* Internet Explorer */
    -moz-transform:rotate(270deg) !important; /* Firefox */
    -webkit-transform:rotate(270deg) !important; /* Safari 和 Chrome */
    -o-transform:rotate(270deg) !important; /* Opera */
}


.classify-right{height:100%;background:#ffffff;width:65%;position: relative;}
#classify-right{ height:calc(100% - 5px); overflow: hidden;}
#classify-right .swiper-slide{overflow-y:hidden;width:100%;height:auto}
.classify-right .classify-top{ width: 100%; padding: 5px 10px;}
.classify-right .classify-top img{width: 100%; height: auto;}
.classify-right .classify-right-ul{width: 100%; padding: 0px; overflow: hidden; }
.classify-right .classify-right-ul li{ width: 100%;height: 50px; line-height: 49px; padding-left: 5px; padding-right: 5px; flex-shrink: 1;  overflow: hidden;}
.classify-right .classify-right-ul li .classify-right-title{width: 100%;}
.classify-right .classify-right-ul .classify-right-active{height: auto;}
.classify-right .classify-right-ul .classify-right-active i {
    transform:rotate(90deg) !important;
    -ms-transform:rotate(90deg) !important; /* Internet Explorer */
    -moz-transform:rotate(90deg) !important; /* Firefox */
    -webkit-transform:rotate(90deg) !important; /* Safari 和 Chrome */
    -o-transform:rotate(90deg) !important; /* Opera */
}
.classify-right .classify-right-ul li i{ float: right; line-height: 49px;color: #333333; padding-right: 5px;}

.classify-right .classify-right-ul li .classify-right-content{ width: 100%; overflow: hidden;}
.classify-right .classify-right-ul li .classify-right-content li{ border-bottom: 1px solid #ececec; overflow: hidden; display: flex;flex-grow:2}
.classify-right .classify-right-ul li .classify-right-content li>div:first-child{ width: 50px; height: auto;}
.classify-right .classify-right-ul li .classify-right-content li img{ width: 30px; }
.classify-right .classify-right-ul li .classify-right-content li span{ line-height: 49px; font-size: 12px;}


.classify-right .classify-right-ul li .classify-right-title:after{ position: absolute;width: 100%; height: 1px; display: block;border-top: 1px solid #f1f1f1;content: '';}
.classify-right .classify-right-ul .classify-right-active .classify-right-title:after{ border-top: 1px solid #ababab;}