.banner .banner-content{ left: .4rem; right: .4rem; bottom: .85rem; text-align: left; color: #fff;}
.banner .banner-img{ width: 7.5rem;}
.banner .banner-content .banner-title{ font-family: 'fangzheng'; font-size: .9rem;}
.banner .banner-content .banner-text{ font-size: .28rem; word-wrap:break-word; word-break:normal; }
.banner .swiper-pagination-bullet{ width: .17rem; height: .17rem; background: #fff;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 .1rem; }

.banner .swiper-container-list{ margin: .5rem auto 1rem;}
.banner .swiper-container-list .swiper-slide{ width: 3.45rem; height: 4.7rem; flex-flow: column; justify-content: flex-start; box-sizing:border-box; ;}
.banner .swiper-container-list .swiper-slide-active{ background: #eef2f6; border-bottom: .09rem #dc1e14 solid}
.banner .swiper-container-list .game-ico{ margin: .4rem auto .15rem; width: 2.36rem; border-radius: .5rem;}
.banner .swiper-container-list .game-name{ font-size: .3rem; color: #363035; text-align: center; letter-spacing: .02rem;}
.banner .swiper-container-list .btn-enter{ margin-top: .3rem; width: 2.3rem; height: .62rem; background: #dc1e14; font-size: .3rem; color: #fff; text-align: center; line-height: .62rem;
 border-radius: .4rem;}
 
.news{ margin-top: .8rem; overflow: hidden;}
.news .swiper-container-news{ margin: .45rem auto;}
.news .swiper-container-news .swiper-slide{ margin: 0 .15rem; width: 6.4rem; color: #fff; text-align: left;}
.news .news-img img{ width: 6.4rem; height: 3.5rem;}
.news .news-img::after{ content: ''; position: absolute; top: 0; left: 0; width: 6.4rem; height: 3.5rem; background: url(//png.pookcdn.net/new_net/new_vi/mobile/news_img_mask.png) no-repeat; 
background-size: 100% 100%;}
.news .news-title{ left: 0; bottom: .8rem; padding: 0 .25rem; font-size: .25rem; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; word-wrap:break-word; word-break:normal;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news .news-date{ left: 0; bottom: .3rem; padding: 0 .3rem; width: 100%; font-size: .16rem; box-sizing: border-box; }
.news .news-date .ico-arrow{ float: right; width: .54rem; height: .14rem; background: url(//png.pookcdn.net/new_net/new_vi/mobile/news_arrow.png) no-repeat; background-size: 100% 100%;}
.news .years{ margin-right: .55rem; padding-bottom: .6rem; font-family: 'knockout'; font-size: .16rem; color: #000; text-align: right;}
.news .swiper-pagination-fraction{ display: flex; left: .55rem; bottom: .4rem; padding-top: .1rem; border-top: .02rem #e3e3e3 solid; font-family: 'knockout'; font-size: .25rem; 
color: #2e292d; text-align: left; justify-content: flex-start;}
.news .swiper-pagination-fraction::after{ content: ''; position: absolute; top: -.02rem; left: 0; width: 2rem; height: .03rem; background: #dc1e14;}
.news .swiper-pagination-current{ margin-right: .1rem; font-size: .42rem; color: #dc1e14; line-height: 1;}
.news .news-list{ padding:0 .4rem;}
.news .news-list li{ height: .73rem; line-height: .73rem; font-size: .25rem; color: #363035; border-bottom: .01rem #c9c9c9 dashed;}
.news .news-list li:first-child{ background: #dc1e14; color: #fff; border-bottom: none;}
.news .news-list li .text-title{ display: inline-block; width: 5.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.news .news-list li .text-date{ float: right; font-size: .2rem; color: #363035;}
.news .news-list li .ico-arrow{ float: right; margin: .25rem .2rem 0 0; width: .18rem; height: .21rem; background: url(//png.pookcdn.net/new_net/new_vi/mobile/news_list_arrow.png) no-repeat; background-size: 100% 100%;}
.news .btn-more{ display: block; margin: .5rem auto 1rem; width: 2.3rem; height: .62rem; background: #dc1e14; font-size: .3rem; text-align: center; color: #fff; line-height: .62rem; 
letter-spacing: .02rem; border-radius: .3rem;}

.about .about-list{ display: flex; margin-top: .4rem; margin-bottom: 1rem; flex-flow: wrap; justify-content: center;}
.about .about-list .img2x2 img{ width: 6.7rem; height: 2.5rem;}
.about .about-list .img2x1 img{ width: 4.4rem; height: 2.5rem;}
.about .about-list .img1x2{ margin-top: .15rem; margin-right: .15rem;}
.about .about-list .img1x2 img{ width: 2.15rem; height: 5.15rem;}
.about .about-list .img1x1 img{ width: 2.13rem; height: 2.5rem;}
.about .about-list .btn-more{ float: right; display: flex; width: 2.13rem; height: 2.5rem; background: #dc1e14; font-family: 'fangzheng';
color: #fff; font-size: .38rem; align-items: center; justify-content: center; flex-flow: column;}
.about .about-list .btn-more .ico-arrow{ display: block; margin-top: .25rem; width: .72rem; height: .2rem; background: url(//png.pookcdn.net/new_net/new_vi/mobile/more_arrow.png) no-repeat; background-size: 100% 100%;}
.about .list-02,
.about .list-03{ margin-top: .15rem;}

.news .news-list li a{
 color: #363035;
 display: block;
 height: 100%;
 line-height: .73rem;
}
.news .news-list li:first-child a, .swiper-slide a{
 color: #ffffff;
}
.navList ul li a {
 display: block;
}