.main{padding: 0;}
.swiper-pagination{display: flex; justify-content: center;}
.swiper-pagination-bullet{width: .2rem; height: .2rem; border-radius: 50%; border: .03rem solid #000; display: block; margin: 0 .08rem; -webkit-transition: all .2s linear; transition: all .2s linear;}
.swiper-pagination-bullet-active{background: #ffd71f; border-color: #ffd71f;}
.title{font-size: .5rem;font-weight: bold;line-height: .68rem;text-align: center;}
.banner{background-image: url('../imgs/ban-join.jpg');}
.banner .en{background-image: url('../imgs/ban-en-develop.png');}
.part1{background: #fff; padding: 1rem .24rem;}
.twyx{width: 4.27rem; margin: 0 auto;}
.text{padding: .5rem .6rem; line-height: .8rem; text-indent: 2em;}
.part2{padding: .8rem .24rem .6rem;}
.game{margin-top: .54rem; position: relative;}
.game .cover{min-height: 3.38rem; margin-bottom: .3rem;}
.game .cover p{background: #fff;line-height: .6rem;text-align: center;}
.game .swiper-pagination{position: absolute; top: 5.13rem; left: 0; width: 100%;}
.game .text{text-align: justify;}
.part3{background: #fff; padding: 1rem 0;}
.part3 .text{margin: 0 .24rem;}
.game-lovin{width: 4.9rem; margin: 0 auto .6rem;}
.map{width: 7.28rem;margin: 0 auto;}
.map .title{font-size: .3rem; line-height: .6rem;}
.part4{padding: .6rem .24rem 1rem;}
.abroad{margin-top: .7rem;}
.abroad .swiper-pagination{margin-top: .22rem;}
.part5{background: #fff;padding:1rem .24rem;}
.logo-sy{width: 4.32rem; margin: 0 auto .6rem;}
.logo-zzh{width: 2.98rem; height: .87rem; margin: 1.6rem auto .6rem;}
.en .text{padding: 0.5rem;line-height: .6rem; text-align: justify;}