body{background-color:#f2f8f8}section{background-color:#fff;margin-bottom:.2rem;padding:0 .3rem}section h2,section h3{line-height:.72rem;font-size:.32rem;text-indent:.2rem;position:relative}section h2:after,section h3:after{content:"";position:absolute;width:.08rem;height:.36rem;background-color:#ffa233;left:0;top:.18rem}section.banner .rec-banner{overflow:hidden}section.banner .rec-banner .swiper-container{width:80%;margin:.2rem auto;padding:.5rem 0}section.banner .rec-banner .swiper-slide{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:scale(.85);-moz-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85);-webkit-filter:blur(1px);filter:blur(1px)}#banner-pagination{bottom:-3px}section.banner .rec-banner .swiper-slide.swiper-slide-next{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);-webkit-filter:blur(0);filter:blur(0);z-index:2}section.banner .rec-banner .swiper-slide .img img{width:100%;height:100%;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.2);box-shadow:0 0 15px 0 rgba(0,0,0,.2)}section.banner .rec-banner .swiper-pagination-bullet-active{background-color:#67e1cb;width:.3rem;-moz-border-radius:.4rem;border-radius:.4rem}section.banner ul.banner-menu{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;padding:.25rem 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}section.banner ul.banner-menu li{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;text-align:center;height:1.2rem;-moz-border-radius:.3rem;border-radius:.3rem;margin:0 .15rem}section.banner ul.banner-menu li a{display:block;width:100%;height:100%;padding-top:.2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}section.banner ul.banner-menu li:nth-child(1) i{color:#8bd7ff}section.banner ul.banner-menu li:nth-child(2) i{color:#ffa3d3}section.banner ul.banner-menu li:nth-child(3) i{color:#fdde63}section.banner ul.banner-menu li:nth-child(4) i{color:#a6e38e}section.banner ul.banner-menu li:nth-child(5) i{color:#c5b6fa}section.banner ul.banner-menu li:nth-child(6) i{color:#ff8787}section.banner ul.banner-menu li i{font-size:.6rem}section.hot h2 i,section.rec h2 i{color:#f55660}section.hot ul,section.rec ul{padding-bottom:.1rem}section.rec ul{margin-top:.2rem}section.hot ul li:nth-child(n+3){border-bottom:.02rem solid #ddd;line-height:.5rem;padding:.2rem 0}section.hot ul li:nth-child(n+3) .desc{color:#999;font-size:.24rem}section.hot ul li:last-child{border:none}section.topic h3 i{color:#66e2cc}section.topic ul{padding:.2rem .1rem}section.topic ul li{position:relative;margin-top:.2rem}section.topic ul li p{font-size:.24rem;color:#999}section.topic ul li p.title{font-size:.28rem;color:#333}section.topic ul li .imgs{width:100%;height:2rem;position:relative;text-align:center;border-bottom:.16rem solid #e2cd98}section.topic ul li .imgs img{width:21%;height:2rem;margin:0 4%;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2)}section.topic ul li .title{line-height:.8rem}section.topic ul li .title span{color:#999;font-size:.28rem}section.new ul li,section.rec ul li{float:left;width:33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 2%;text-align:center;margin-bottom:.2rem}section.new ul li .img,section.rec ul li .img{width:100%;text-align:center;height:2rem;overflow:hidden}section.new ul li .img img,section.rec ul li .img img{height:100%}section.new ul li:nth-child(n+4){width:100%;text-align:left;border-top:.02rem solid #ddd;height:.9rem;margin:0}section.new ul li:nth-child(n+4) p{line-height:.9rem;height:.9rem;margin:0;font-size:.28rem}section.new ul{padding:.2rem 0 0}section.new ul li p,section.rec ul li p{margin-top:.2rem;height:3.2em;overflow:hidden}section.article h3 i{color:#66e2cc}section.article ul li{height:.88rem;line-height:.88rem;padding-right:1.6rem;position:relative;border-bottom:1px solid #eee}section.article ul li a{display:inline-block;width:100%;height:100%}section.article ul li span{position:absolute;right:0;top:0;width:1.6rem;height:100%;text-align:center;color:#999;font-size:.24rem}section.article ul li:last-child{border:none}section.rank h2 i{color:#f7b45c}section.rank{padding-bottom:.4rem}section.rank nav{border-bottom:1px solid #ddd;line-height:.8rem;padding:0 .2rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}section.rank nav span{display:inline-block;padding:0 .2rem;-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;text-align:center;margin:0 .3rem}section.rank nav span.active{color:#ffa233;border-bottom:2px solid #ffa233}section.rank ul{padding:.2rem 0 0;display:none}section.rank ul.active{display:block}section.rank ul li{line-height:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}section.rank ul li i{display:inline-block;margin-right:.05rem;-moz-border-radius:50%;border-radius:50%;height:.4rem;width:.4rem;text-align:center;line-height:.4rem;background-color:#eee;color:666;font-style:normal}section.rank ul li:first-child i{background-color:#f43030;color:#fff}section.rank ul li:nth-child(2) i{background-color:#f87e2d;color:#fff}section.rank ul li:nth-child(3) i{background-color:#f4cc30;color:#fff}