.aone{
    width:100%;height:750px;
    background: #F9FAFC;
}
.aone .swipe{
    width: 1250px;
    margin: 0 auto;
    padding: 30px 0;
    overflow: hidden;
}
.aone .swipe .tit{
    width: 600px;
    margin: 60px auto;
    text-align: center;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 50px;
    height: 25px;
    color: #1A2020;
}
.aone .swipe .bar{
    width: 95px;
    margin:10px auto;
    background: #4F87E4;
    height: 8px;
    display: block;
    border-radius: 2px;
}
.aone .swipe .info{
    width: 800px;
    margin: 40px auto;
    text-align: center;
    font-size: 30px;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    color: #515968;
}
.aone .quan{
    width: 1400px;
    margin: 0 auto;
    padding: 30px 0;
    overflow: hidden;
    display: flex;
    justify-content: space-evenly;
}
.aone .quan .li{
    width: 320px;
    height:170px;
    background: linear-gradient(#E6EEF9, #EAF1FB);
    border-radius: 10px;
}
.aone .quan .li:hover {
    box-shadow:0px 0px 20px #3697FE;
}
.aone .quan .li .thumb{
    width: 30px;
    text-align: center;
    margin:35px auto;
    height: 13px;
}
.aone .quan .li .title{
    width: 100%;
    height:14px;
    margin:20px auto;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    font-family: "Microsoft YaHei", Arial, sans-serif;
}
.aone .quan .li .info{
    width: 100%;
    height:14px;
    margin:20px auto;
    text-align: center;
    font-size: 16px;
    color: #9298A4;
    font-family: "Microsoft YaHei", Arial, sans-serif;
}
.btnbox{
    width: 1300px;
    margin: 0 auto;
    padding: 30px 0;
    overflow: hidden;
}
.btnbox .freebtn{
    width: 450px;
    height:70px;
    background: #3697FE;
    color:#fff;
    text-align: center;
    border-radius: 25px;
    margin:20px auto;
    font-size:30px;
    line-height: 70px;
}
.btnbox .freebtn:hover {
    box-shadow:0px 0px 20px #3697FE;
}

.atwo{
    width:100%;height:500px;
    background: #fff;
}
.atwo .hotgame{
    width: 1300px;
    margin:50px auto;
    background: url(/addons/game/static/jcbg.png) no-repeat left center;
    background-size:20%;
    height:80px;
}
.atwo .hotbox{
    width: 1220px;
    background: #F6F7FC;
    border-radius: 30px;
    margin: 10px auto;
    height: 80px;
    display: flex;
    padding:30px 40px;
}
.atwo .hotbox .xbox{
    width: 300px;
    height:80px;
    line-height: 80px;
    display: flex;
}

.atwo .hotbox .xbox .number{
    font-size: 30px;
    color: #3697FE;
    width: 80px;
    text-align: center;
}
.atwo .hotbox .xbox .bluebox{
    font-size: 30px;
    color: #fff;
    width: 160px;
    background: #3697FE;
    line-height: 80px;
    text-align: center;
    border-radius: 10px;
}
.atwo .hotbox .xbox .bluebox:hover {
    box-shadow:0px 0px 20px #3697FE;
}
.atwo .hotbox .xboxline{
    width: 40px;
    height:2px;
    color: #D8DBE4;
    background: #D8DBE4;
    display: block;
    margin-top: 40px;
    margin-right: 10px;
}

.athree{
    width:100%;height:700px;
    background: #fff;
}
.athree .swipe .tit{
    width: 600px;
    margin: 60px auto;
    text-align: center;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 50px;
    height: 25px;
    color: #1A2020;
}
.athree .swipe .bar{
    width: 95px;
    margin:10px auto;
    background: #4F87E4;
    height: 8px;
    display: block;
    border-radius: 2px;
}
.athree .intro{
    width: 1200px;
    margin: 50px auto;
    display: flex;
    height: 485px;
}
.athree .intro .left{
    width: 50%;
}
.athree .intro .right{
    width: 45%;
    margin-left: 5%;
        margin-top: 20px;
}
.athree .intro .right .li{
    width: 100%;
    height:160px;
    display: flex;
}
@font-face{
    font-family: "BodoniBT-Bold";
    src: url("/addons/game/static/BodoniBT-Bold.otf")  format("truetype");;
}
.athree .intro .right .li .num{
    width: 65px;
    height:85px;
    line-height: 85px;
    color:#FF643B;
    text-align: center;
    font-family: "BodoniBT-Bold";
    font-size: 60px;
}
.athree .intro .right .li .xbox{
    width: 425px;
    height:85px;
    margin-left: 20px;
}
.athree .intro .right .li .xbox .tit{
    width: 100%;
    height:45px;
    line-height: 55px;
    text-align: left;
    font-size: 30px;
}
.athree .intro .right .li .xbox .info{
    width: 100%;
    height: 30px;
    line-height:30px;
    font-size: 20px;
    color:#AFADB0;
}



.afour{
    width:100%;height:600px;
    background: #fff;
}
.afour .hotgame{
    width: 1300px;
    margin:50px auto;
    background: url(/addons/game/static/hotbg.png) no-repeat left center;
    background-size:20%;
    height:80px;
}
.afour .abox{
    width: 1300px;
    height: 200px;
    display: flex;
    margin:50px auto;
}
.afour .abox .li{
    width: 25%;
    height: 140px;
    text-align: center;
}
.afour .abox .li img{
    width: 200px;
}
.afour .abox .li img:hover{
    width: 210px;
}

.afive{
    width:100%;height:800px;
    background: #F9FAFC;
}
.afive .topbox{
    width: 1300px;
    height: 300px;
    margin: 50px auto;
    padding-top:80px;
}
.afive .topbox .t1{
    width: 100%;
    height: 70px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    color: #656460;
}

.afive .topbox .t2{
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 45px;
    color: #31221F;
}
.afive .topbox .bigbox{
    width: 100%;
    text-align: center;
    margin:30px auto;
}
.asix{
    width:100%;
    background: #fff;
}
.asix .swipe .tit{
    width: 600px;
    margin: 60px auto;
    text-align: center;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 50px;
    height: 25px;
    color: #1A2020;
}
.asix .swipe .bar{
    width: 95px;
    margin:10px auto;
    background: #4F87E4;
    height: 8px;
    display: block;
    border-radius: 2px;
}
.asix .box{
    width: 1150px;
    height: 155px;
    margin: 20px auto;
    border-bottom: 2px #ACACAC dashed;
    display: flex;
}
.asix .box .left{
    width: 150px;
    text-align: center;
    height: 155px;
    line-height: 155px;
    background: url(/addons/game/static/wtbg.png) no-repeat center;
    color: #fff;
    font-size: 24px;
}
.asix .box .right{
    height: 155px;
    width: 990px;
}
.asix .box .right .tit{
    width: 100%;
    height:50px;
    line-height: 40px;
    font-size: 30px;
    text-align: left;
    color:#504F4D;
    font-weight: bold;
}
.asix .box .right .info{
    width: 100%;
    line-height: 35px;
    font-size: 24px;
    text-align: left;
    color:#4E4D4B;
}
.asix .box1{
    width: 1150px;
    height: 105px;
    margin: 20px auto;
    border-bottom: 2px #ACACAC dashed;
    display: flex;
}
.asix .box1 .left{
    width: 150px;
    text-align: center;
    height: 105px;
    line-height: 105px;
    background: url(/addons/game/static/wtbg.png) no-repeat center;
    color: #fff;
    font-size: 24px;
}
.asix .box1 .right{
    height: 105px;
    width: 990px;
}
.asix .box1 .right .tit{
    width: 100%;
    height:40px;
    line-height: 40px;
    font-size: 30px;
    text-align: left;
    color:#504F4D;
    font-weight: bold;
}
.asix .box1 .right .info{
    width: 100%;
    line-height: 50px;
    font-size: 26px;
    text-align: left;
    color:#4E4D4B;
}