﻿.index_container{display:flex;flex-direction:column;align-items:center;padding-top:16.53vw;background-image:url(../images/index/bg.png);background-repeat:no-repeat;background-size:100vw;background-color:#2a1431}.index_container header{display:flex;flex-direction:column;align-items:center}.index_container header .logo{width:14.8vw;height:14.8vw}.index_container header .logo_text{margin-top:1.07vw;width:53.87vw}.index_container .content{width:83.2vw;color:#fff}.index_container .content .web_url{line-height:8.27vw;text-align:center;font-size:4vw}.index_container .content .desc{line-height:5.6vw;margin-top:3.73vw;font-size:3.5vw}.index_container .list{width:67.73vw;margin-top:5.87vw}.index_container .list .li{display:flex;justify-content:center;align-items:center;position:relative;width:67.73vw;height:10.67vw;border-radius:11vw;background-color:#e99dfb}.index_container .list .li img{left:1.73vw;width:9.07vw;height:9.07vw}.index_container .list .li span{font-size:3.73vw}.index_container .list .li:nth-of-type(n + 2){margin-top:3.73vw}.home_container{padding:4vw 0;background-image:url(../images/home/bg.png);background-repeat:no-repeat;background-size:100vw;background-color:#000}.home_container .header{display:flex;justify-content:center;align-items:center;height:14.4vw;background-color:#000}.home_container .header .logo{width:53.87vw}.home_container .swiper_container{position:relative;width:100vw;margin-top:5.33vw;overflow:hidden}.home_container .swiper_container .swiper-slide img{display:block;width:96vw;margin:0 auto}.home_container .title{display:flex;align-items:center;padding:2.67vw 0 0 4vw}.home_container .title .icon{width:5.33vw}.home_container .title span{margin-left:3.2vw;font-size:3.73vw;color:#fff}.home_container .content{margin:1.33vw 4vw 0;padding:5.33vw 0 5vw;background:radial-gradient(farthest-corner at 40px 40px, #FDEC03 0%, #FAAE07 100%),#e7b314;border-radius:4vw}.home_container .content .list .li{display:flex;justify-content:space-between;align-items:center;height:13.33vw;padding-right:5.33vw}.home_container .content .list .li .left{display:flex;align-items:center;height:13.33vw}.home_container .content .list .li .left .level_box{display:flex;justify-content:center;align-items:center;width:8vw;height:13.33vw}.home_container .content .list .li .left .level_box img{width:11.2vw}.home_container .content .list .li .left .level_box .num{display:flex;justify-content:center;align-items:center;width:5.33vw;height:5.33vw;border-radius:50%;background-color:#000;color:#fff;font-size:3.2vw}.home_container .content .list .li .left .game_info{display:flex}.home_container .content .list .li .left .game_info .logo{width:13.33vw;height:13.33vw}.home_container .content .list .li .left .game_info .info{display:flex;flex-direction:column;justify-content:space-between;padding-left:1.6vw}.home_container .content .list .li .left .game_info .info span{font-size:4vw}.home_container .content .list .li .left .game_info .info em{color:#7d7d7d;font-size:3.2vw}.home_container .content .list .li .left .game_info .info .icon{width:4vw}.home_container .content .list .li .to_detail{width:18.4vw;height:6.93vw;background:#000;border-radius:2.67vw;color:#fff;font-size:3.7vw}.home_container .content .list .li:nth-of-type(n + 2){margin-top:3.2vw}.home_container .content .see_more{margin-top:18.13vw;padding:12vw 0 7vw;font-size:4vw;color:#000}.detail_container{padding:4vw 0;background-image:url(../images/home/bg.png);background-repeat:no-repeat;background-size:100vw;background-color:#000;color:#fff}.detail_container .header{display:flex;justify-content:center;align-items:center;height:14.4vw;background-color:#000}.detail_container .header .logo{width:53.87vw}.detail_container h1{padding:1.33vw 0 1.87vw 4vw;color:#fff;font-size:3.73vw}.detail_container .header_image{display:block;width:100vw;height:56vw}.detail_container .info_box{display:flex;justify-content:space-between;align-items:center;height:21.33vw;padding:0 5.33vw 0 10.13vw}.detail_container .info_box .left{display:flex}.detail_container .info_box .left .logo{width:13.33vw;height:13.33vw}.detail_container .info_box .left .info{display:flex;flex-direction:column;justify-content:space-between;padding-left:2.67vw}.detail_container .info_box .left .info .app_name{font-size:4.8vw;color:#fff}.detail_container .info_box .left .info .num{display:flex;justify-content:center;align-items:center;width:22.13vw;height:5.07vw;border-radius:1.33vw;border:1px solid #fde903}.detail_container .info_box .left .info .num img{width:2.67vw}.detail_container .info_box .left .info .num span{margin-left:1.33vw;font-size:3vw;color:#fde903}.detail_container .info_box .btns{display:flex}.detail_container .info_box .btns .btn{padding:2.67vw}.detail_container .info_box .btns .btn img{width:6.93vw}.detail_container .swiper_container{overflow:hidden}.detail_container .swiper_container .swiper-slide{width:auto}.detail_container .swiper_container .swiper-slide img{height:29.33vw}.detail_container .tags{display:flex;flex-wrap:wrap;padding:2.53vw 2.8vw}.detail_container .tags .tag{height:17.5px;margin-right:1.6vw;padding:0 3.47vw;border-radius:20vw;background:#7d7d7d;color:#fde903;font-size:3.5vw}.detail_container .矩形_8{border-radius:40px;background-color:#1f1902;position:absolute;left:1723px;top:1073px;height:396px;z-index:124}.detail_container .desc_box{width:92.8vw;margin:0 auto;padding:3.2vw 4vw 0 4vw;border-radius:5.33vw;background-color:#1f1902}.detail_container .desc_box .title{display:flex;justify-content:space-between;align-items:center}.detail_container .desc_box .title span{font-size:4.8vw;color:#fff}.detail_container .desc_box .title em{color:#7d7d7d;font-size:3.73vw}.detail_container .desc_box .text{margin-top:5.33vw;color:#fff;font-size:4.27vw}.detail_container .desc_box .toggle_btn{padding:5.33vw 0;color:#fde903;font-size:4vw}.detail_container footer{display:flex;padding:3.2vw 3.2vw 5.33vw}.detail_container footer .btn{height:13.07vw;background:radial-gradient(0% 0% at 0% 0%, #FDEC03 0%, #FAAE07 100%),#e7b314;border-radius:4vw}.detail_container footer .btn img{width:6.4vw;margin-right:2vw}.detail_container footer .btn span{color:#1f1902;font-size:5vw}.detail_container footer .btn.collect_btn{width:29.33vw}.detail_container footer .btn.download_btn{flex:1;margin-left:2.67vw}
