@charset "utf-8";

body{ position:relative;}
body:after{ content: ''; width:100%; height:20rem; position: absolute; top: 0; left: 0; background: url(../images/body-bg.jpg) repeat-x center top; z-index: -1;background-color:#fff;}

.content{ width: 7.5rem; margin: 0 auto;}

.logo{ height: .6rem; padding: .3rem 0 .4rem; text-align: center;}
.logo img{ width: 1.9rem;}

.banner{ width: 7.1rem;}
.banner .swiper-slide{ width: 7.1rem; height: 2.4rem; border-radius: .3rem; overflow: hidden;}
.banner img{ border-radius: .3rem; cursor: pointer;}

.notice{ height: .5rem; line-height: .5rem; padding: .1rem .24rem; font-size: .28rem; display: flex; justify-content: flex-start;}
.notice h3{ min-width: 1rem; padding-left: .5rem; font-size: .28rem; font-weight: bolder; color: #137ada; background: url(../images/icon-notice.png) no-repeat left center; background-size: .4rem .3rem;}
.notice a{ color: #3d3d3d;}
.notice .swiper{ height: .5rem; margin: 0; overflow: hidden;}
.notice .swiper-slide{ height: .5rem; overflow: hidden;}

.quick-btn{ padding: 0.24rem; text-align: center; display: flex; justify-content: space-between; flex-wrap: nowrap;}
.quick-btn a{ display: block; width: 3.4rem;}
.quick-btn img{ width: 3.4rem; cursor: pointer;}

.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: #ab2ce9; font-size: .24rem; font-weight: bold;}
.new-people p{ padding: .1rem 0 0 .1rem; color: #535353; font-size: 12px;} */
.new-people img{ width: 5rem; height: 0.8rem;}
.new-people ul{ padding: 0.24rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.new-people li{ width: 2.3rem; margin: .1rem 0; position: relative; background: #fff; border-radius: .2rem;}

.hot-game h3{ font-size: 0; height: .5rem; margin: .4rem 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.24rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.hot-game li{ width: 33.333333%; height: 1.6rem}

.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;}

.kefu {display: inline-block;}
.kefu img {cursor: pointer;}