/*主体内容*/
.content { padding: 0.1rem 0; }
.center { margin: 0 auto; margin-top: 0.1rem; }
/*搜索框*/
.content .searchInput { display: block; width: 3.55rem; height: 0.36rem; font-size: 0.12rem; text-align: center; color: #a7a7a7; border: 0.01rem solid #e2e1e1; border-radius: 0.1rem; letter-spacing: 0.05rem; outline: none; }
/*广告图*/
.content .banner { position: relative; margin-top: 0.12rem; height: 1.6rem; }
.swiper-wrapper { transition-timing-function: ease-in-out; }
.swiper-slide { height: 1.6rem; }
.swiper-slide img { width: 100%; height: 100%; border-radius: 0.08rem; }
.bannerGray { margin: 0 auto; width: 3.4rem; height: 100%; border-radius: 0.08rem; }
.bannerGrayLeft { position: absolute; left: -3.3rem; top: 0; width: 3.4rem; height: 100%; border-radius: 0.08rem; }
.bannerGrayRight { position: absolute; right: -3.3rem; top: 0; width: 3.4rem; height: 100%; border-radius: 0.08rem; }

/*分类列表*/
.typeListBox { margin-top: 0.1rem; width: 100%; }
.typeListBox .list { float: left; margin-top: 0.1rem; margin-left: 0.1rem; width: 1.73rem; height: 0.7rem; background-size: 100% 100%; background-repeat: no-repeat; }
.typeListBox .list1 { background-image: url('../img/typeBg1.png'); }
.typeListBox .list2 { background-image: url('../img/typeBg2.png'); }
.typeListBox .list3 { background-image: url('../img/typeBg3.png'); }
.typeListBox .list4 { background-image: url('../img/typeBg4.png'); }
/*页面*/
.page { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: white; transform: translateX(100%); transition: transform .3s; z-index: 200; }
.page .searchBox { position: absolute; top: 0; left: 0; width: 100%; height: 0.56rem; line-height: 0.56rem; padding: 0.1rem; background: white; }
.searchBox .inputBox { position: relative; margin-right: 0.65rem; line-height: 0.36rem; padding: 0.01rem; background: #03b0ff; border-radius: 0.2rem; background: -webkit-gradient(linear,left top,right top,color-stop(0,#5dcf0c),color-stop(30%,#2dbe8f),color-stop(100%,#03b0ff)); background-clip: padding-box; background-image: linear-gradient( 90deg,#5dcf0c 0,#2dbe8f 30%,#03b0ff); }
.searchBox .inputBox .inputInner { position: relative; padding: 0 0.1rem; background-color: #fff; height: 0.36rem; border-radius: 0.2rem; }
.inputInner .inputSearch { width: 100%; height: 0.36rem; padding-left: 0.1rem; background-color: transparent; font-size: 0.14rem; border: none; outline: none; }
.search_clear { z-index: 10; position: absolute; top: 0.02rem; right: 0.03rem; width: 0.3rem; height: 0.3rem; }
.search_clear .icon_clear { position: absolute; top: 0.06rem; right: 0.04rem; width: 0.19rem; height: 0.19rem; border-radius: 100%; background-color: #cdcdcd; }
.search_clear .icon_clear:after, .search_clear .icon_clear:before { -webkit-transform: rotate(45deg); position: absolute; top: 0.05rem; left: 0.09rem; width: 0.01rem; height: 0.09rem; transform: rotate(45deg); background-color: #fff; content: ""; }
.search_clear .icon_clear:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.searchBox .returnIndex { position: absolute; top: 50%; transform: translateY(-50%); right: 0.16rem; font-size: 0.14rem; font-weight: Normal; text-align: center; color: #222; letter-spacing: 0.03rem; }
.searchList { width: 100%; height: 100%; padding-top: 0.56rem; padding-left: 0.1rem; padding-right: 0.04rem; overflow-y: scroll; }
.searchList .list { display: block; margin-top: 0.05rem; padding-bottom: 0.05rem; width: 100%; height: 0.42rem; padding-left: 0.1rem; padding-right: 0.2rem; line-height: 0.37rem; font-size: 0.14rem; color: #4c4c4c; border-bottom: 0.01rem solid #ebebeb; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.searchList .list i { font-style: normal; color: #ff6022; }
.hotSearchBox .hotTitle { margin: 0.1rem 0; padding-left: 0.1rem; font-size: 0.16rem; }
.hotSearchBox .list .num { display: inline-block; width: 0.16rem; height: 0.16rem; margin-right: 0.05rem; border-radius: 0.02rem; background: #e6e6e6; color: #878787; font-size: 0.12rem; line-height: 0.16rem; text-align: center; vertical-align: middle; }
.hotSearchBox .list:first-child .num { background: #e42818; color: #fff; }
.hotSearchBox .list:nth-child(2) .num { background: #ff7100; color: #fff; }
.hotSearchBox .list:nth-child(3) .num { background: #ffb900; color: #fff; }
.pageIn { transform: translateX(0); }
.notScroll { height: 100%; overflow: hidden; }