@charset "utf-8";
.notice{ line-height: .5rem; padding: .2rem .2rem; font-size: .32rem; display: flex; justify-content: flex-start;}
.notice h3{ min-width: 1rem; padding-left: .5rem; font-size: .28rem; font-weight: bolder; color: #FF0000; background: url(../images/icon-notice.png) no-repeat left center; background-size: .4rem .3rem;}
.notice a{ color: #3d3d3d;}
.notice .swiper{ height: .5rem; margin: 0.2; overflow: hidden;}
.notice .swiper-slide{ height: .5rem; overflow: hidden;color: #3361FF;}
.banner{ width: 7.1rem;}
.banner .swiper-slide{ width: 7.1rem; height: 3.4rem; border-radius: .3rem; overflow: hidden;}
.banner img{ border-radius: .3rem;}
body:after{ content: ''; width:100%; height:14rem; position: absolute; top: 0; left: 0; background: url(../images/body-bg.jpg) repeat-x center top; z-index: -1;}
.foot{ padding: .6rem .24rem 0; display: flex; justify-content: center;}
.foot a:last-child{ margin-left: -.36rem; margin-top: -.8rem;}
.foot a:first-child img{ height: 1.5rem;}
.foot a:last-child{ width: 4.1rem;}
.new-people h3{ font-size: 0; height: .5rem; margin: .4rem 0 .1rem; background: url(../images/tit-new-people.png) no-repeat center top; background-size: 7.5rem auto;}
.new-people span{ display: inline-block; width: .9rem; height: .24rem; text-align: center; line-height: .24rem; position: absolute; top: .08rem; left: -.24rem; color: #fff; font-size: .14rem; background: url(../images/img-new-people-tit.png) no-repeat center top; background-size: .9rem auto; transform: rotate(-45deg);}
.new-people h4{ padding: .6rem 0 0 .1rem; color: #f30606; font-size: .24rem; font-weight: bold;}
.new-people p{ padding: .1rem 0 0 .1rem; color: #535353; font-size: 12px;}
.new-people img{ width: 2.3rem;}
.new-people ul{ padding: 0 .24rem; display: flex; justify-content: center; flex-wrap: wrap;}
.new-people li{ width: 2.3rem; height: 1.3rem; margin: .1rem 0; position: relative; background: #fff; border-radius: .2rem;}
.hot-game h3{ font-size: 0; height: .5rem; margin: -0.5rem 0 .1rem; background: url(../images/tit-hot-game.png) no-repeat center top; background-size: 7.5rem auto;}
.hot-game img{ width: 100%;}
.hot-game ul{ padding: 0 .2rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.hot-game li{ width: 33.333333%; height: 1.6rem}