@charset "utf-8";
/* CSS Document By CC */

*,*:before,*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
*{margin:0; padding:0; list-style:none;}
em{font-style: normal;}
html {height: 100%;  -webkit-text-size-adjust: none;}
body {background:#f5f5f5; -webkit-font-smoothing: antialiased;    min-height: 100%; width:100%;}
.container{width:820px; margin: 0 auto;}
.clear::before,.clear::after{content: "";display: table;}
.clear::after{clear: both;}
.clear{zoom: 1;}
.left{float: left;}
.right {float: right;}
/*弹性布局*/
.cent{display: flex;align-items: center;justify-content: center;}
.rows {display: flex;flex-direction: row;align-items: center;}
.column {display: flex;flex-direction: column;align-items: center;}
.between {display: flex;flex-direction: row;align-items: center;justify-content: space-between;}

:root{
    --bg-color:#ffc53d;
    --p20:20px;
    --p10:10px;
}

/*框架*/
header,section,footer{width:750px; margin: 0 auto;}
header{padding: var(--p20); overflow: hidden;}
img{display: block; border: none; width: 100%; margin: 0 auto;}
.pad20{padding: var(--p20) 10px;}
.pad10{padding: var(--p10) 10px;}
.ptb10{padding: var(--p10) 0;}
.wid50{width:calc(50% - 10px);}
.wid-60{width: 60%; min-height: 70px;background: var(--bg-color);}
.tit{text-align: center;}
.tit img{width:57%;}
.download{text-align: center; position: relative; }
.down-ico{position: absolute; bottom:18px;left: 0; width: 100%; text-align: center; padding-left:180px;}
.down-ico img{display: inline-block; width:160px; border-radius: 10px; overflow: hidden; margin: 0 3px;}
img:hover{opacity: .9;}
.img_yuanjiao img{border-radius: 20px;overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.12);}
.game_list{overflow: hidden;}
.game_list .game{float: left; width:175px;height: 255px; margin: 15px 0 15px 10px; border-radius: 20px; overflow: hidden; background: #fff; position: relative;}
.game_list .game img{border-radius: 20px;width: 86%;margin-top: 13px;}
.game_list .game .but{background:linear-gradient(to bottom,#ff3755,#f71242); font-size:18px; line-height:40px; text-align: center; margin: 10px 20px; text-decoration:none; border-radius: 20px; color: #fff; display: block; }
.game_list .game .but:hover{background:linear-gradient(to bottom,#ff6284,#ff3755); }
.game_list .game span{position: absolute; bottom: 0; width: 120px; height: 26px; left: 50%; margin-left: -60px; background: rgba(0,0,0,.12); border-radius: 10px 10px 0 0; text-align: center; color: #88421a;line-height: 26px; font-size:14px;}
.t-cent{text-align: center;}
.f16{font-size: 16px; line-height: 30px;}
.f18{font-size: 18px; line-height: 30px;}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}