body{ background: #f6f7fb; max-width:640px; min-height:100%; height:auto;}
*{outline:none;box-sizing: border-box;}

/*banner*/
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;}
.swiper-pagination-bullet-active {background:#fff;width:16px;height:8px;border-radius:4px;}
.banner-slide {padding:0px;}
.banner-slide a {display:block;overflow:hidden;background:#ccc;position:relative; height: 1.8rem;}
.banner__text{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);  color: #fff; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.banner__text h1{font-size: 0.34rem;}
.banner__text h2{font-size: 0.24rem;font-weight: normal;}
/*轮播图*/
.swiper-container {margin:0;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1; border-radius: 0;}
.swiper-container-no-flexbox .swiper-slide {float:left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-invisible-blank-slide {visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height:auto}
.swiper-slide img { width: 100%; height: 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom {bottom:10px;left:0;width:100%}
.swiper-pagination-bullet {width:8px;height:5px;display:inline-block;border-radius:3px;background:#000;opacity:.2}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px}
.swiper-pagination-bullet-active {background:#aaa;width:16px;height:5px;border-radius:4px;opacity:1}



/*menu*/
.category {padding:0.25rem 0.15rem 0 0rem; background-color: #fff;}
.category__row {display:flex;flex-wrap:wrap;}
.category__row .category__item{flex: 1; text-align: center; margin-left: 0.15rem;padding:0.2rem 0; text-align: center; box-shadow: 0 0 0.2rem #ddd;border-radius: 0.1rem; background-color: #1eca8d;overflow: hidden;}
.category__item__icon .iconfont {font-size: 0.5rem;color: #fff;}
.category__row .category__item:nth-child(2){ background-color: #20aaf4;}
.category__row .category__item:nth-child(3){ background-color: #977dff;}
.category__item__txt {font-size:0.24rem;text-align:center;color:#fff;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; width: 100%; margin-top: 0.1rem;}
.category__item__txt p{font-size: 0.18rem; margin-top: 0.1rem; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;width: 100%;}


/* 栏目标题 */
.c_title{ margin:0.2rem 0.24rem 0; clear:both; position: relative;}
.c_title h1{ font-size:0.26rem; font-weight:600; color:#000; display:inline-block; position:relative;letter-spacing:1px}
.c_title span{ margin-left:0.2rem; color:#999; font-size: 0.2rem; }
.c_title .c_more{position: absolute;right: 0; top: 0.08rem; line-height:0.3rem; color:#777;font-size:0.22rem;}
.c_title .c_more:after{content:''; margin-left:0.1rem;border-bottom:0.06rem solid transparent;border-top:0.06rem solid transparent; border-left: 0.06rem solid #777;width: 0px; height:0px; display: inline-block;}
.c_title .catefr{display: flex;}
.c_title .cate{flex:1;padding: 0.14rem 0rem;font-size: 0.22rem;background-color: #fff; color: #555;border: 1px solid #fff; border-radius: 0.06rem; display:flex;
    margin-right: 0.16rem; align-items: center;justify-content: center;
}
.c_title .cate:nth-child(4n){margin-right: 0;}
.c_title .cate.all::before{content: '';display: block; width: 0.3rem; height: 0.3rem; background: url(../images/001.png) no-repeat left center/0.3rem; margin-right: 0.1rem; }
.c_title .cate.all.on::before{ background: url(../images/004.png) no-repeat left center/0.3rem;}
.c_title .cate.gg::before{content: '';display: block; width: 0.3rem; height: 0.3rem; background: url(../images/002.png) no-repeat left center/0.3rem; margin-right: 0.1rem; }
.c_title .cate.gg.on::before{ background: url(../images/006.png) no-repeat left center/0.3rem;}

.c_title .cate.hy::before{content: '';display: block; width: 0.3rem; height: 0.3rem; background: url(../images/003.png) no-repeat left center/0.3rem; margin-right: 0.1rem; }
.c_title .cate.hy.on::before{ background: url(../images/005.png) no-repeat left center/0.3rem;}

.c_title .cate.gn::before{content: '';display: block; width: 0.3rem; height: 0.3rem; background: url(../images/008.png) no-repeat left center/0.3rem; margin-right: 0.1rem; }
.c_title .cate.gn.on::before{ background: url(../images/007.png) no-repeat left center/0.3rem;}

.c_title .cate.on{color: #4170eb;border-color: #4170eb;}


.hotList{padding: 0 0.2rem;}
.hotList ul{ overflow: hidden;clear: both;width: 100%;padding-top: 0.2rem;}
.hotList li{  background-color: #fff; padding: 0.2rem 0.3rem 0.15rem; margin-bottom: 0.2rem;border-radius: 0.15rem;position: relative;}

.hotList li a{display: block; width: 100%; height: 100%; }
.hotList li .title{display: flex; }
.hotList li .title .atts span{color: #888; display: inline-block;  padding: 0.02rem 0.1rem; border: 1px solid #eee;  font-size: 0.2rem;  height: 0.4rem;
    vertical-align: top; margin-left: 0.1rem;border-radius: 0.03rem;}
.hotList li h2{font-weight: normal; font-size: 0.28rem;padding-left: 0.1rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #222;font-weight: bold; max-width: 3.2rem;margin-right: 0.1rem;}
.hotList li .size{color: #aaa; font-size: 0.2rem;}
.hotList li .tags{margin-top: 0.1rem;}
.hotList li .tags span{ color: #999;  padding: 0.02rem 0 0.02rem 0.1rem; font-size: 0.2rem; height: 0.4rem;}
.hotList li .tags span:last-child{border-right: 0;}
.hotList li .righticon{position: absolute; top: 50%;right: 0.3rem; color: #999; transform: translateY(-50%); width: 0.3rem; height: 0.3rem; background: url(../images/r.png) no-repeat; background-size: 100% 100%;}
.hotList li .colorBg{margin-top: 0.14rem;margin-left: 0.1rem;}
.hotList li .colorBg span{display: inline-block; width: 0.28rem; height: 0.28rem;border-radius:50%;border: 1px solid #eee;}