html,body {background-color:#000;}
.main {margin:auto; max-width:640px; height:100%; padding-bottom:.5rem; font-size:.14rem; background:url("head_bg-1.jpg")  #1d1e22 no-repeat center 0 / 6.4rem;}
.main1 {margin:auto; max-width:640px; height:100%; padding-bottom:.5rem; font-size:.14rem; background:url("head_bg1.html") #1d1e22 no-repeat center 0 / 6.4rem;}
.main2 {margin:auto; max-width:640px; height:100%; padding-bottom:.5rem; font-size:.14rem; background:url("head_bg2-1.jpg") #1d1e22 no-repeat center 0 / 6.4rem;}
.main3 {margin:auto; max-width:640px; height:100%; padding-bottom:.5rem; font-size:.14rem; background:url("head_bg3-1.jpg") #1d1e22 no-repeat center 0 / 6.4rem;}
.main4 {margin:auto; max-width:640px; height:100%; padding-bottom:.5rem; font-size:.14rem; background:url("head_bg4-1.jpg") #1d1e22 no-repeat center 0 / 6.4rem;}
.main5 {margin:auto; max-width:640px; height:100%; padding-bottom:.5rem; font-size:.14rem; background:url("head_bg5-1.jpg") #1d1e22 no-repeat center 0 / 6.4rem;}
.head {position: relative; height: 8.7rem; font-size:.14rem;}
.head_effects {position: absolute; width: 6.4rem; height: 5.5rem; background:url("head_effects_1-1.gif")  no-repeat center center / 6.4rem; mix-blend-mode: screen; top: 0; left: 0; z-index:998;}
.slider {position: absolute; width: 6rem; height: 2.57rem; margin:0 .2rem; overflow: hidden; border-radius: .25rem; top: 1.2rem; left: 0; z-index:999;}
.main3 .slider,.main4 .slider {top: 1.68rem; }
.slider_wrap {width: 6rem; height: 2.57rem;}
/*
@keyframes slider {
    0%,25% {
        margin-left: 0;
    }
    35%, 60% {
        margin-left: -6rem;
    }
    70%, 100% {
        margin-left: -12rem;
    }
}
*/
.slider_wrap > a {width: 6rem; height: 2.57rem; display: block;}
.slider_wrap > a > img {width: 6rem; height: 2.57rem; display: block;}
.rec_list {position: absolute; width: 6.1rem; height: 4.17rem; padding: 1.1rem .15rem 0 .15rem; margin-top: 3.7rem; z-index:999;}
.rec_list > a {display:block; width:2rem; padding-top: .3rem; text-align:center; float:left;}
a.rec_list_2 {width: 2.1rem; padding-top: 0;}
a.rec_list_3 {padding-top: .5rem;}
.rec_list > a > img {display: inline-block; width: 1.42rem; height: 1.42rem; border:1px solid #000; box-shadow: 0 0 10px #000; border-radius:.18rem;}
.rec_list_name {font-size:.28rem; padding-top: .2rem; color:#f5d59f; overflow:hidden;}
.rec_list_scoring {font-size:.2rem; line-height: .2rem; color:#6e7385;}
.rec_list > a > .rec_list_btn {height: .8rem; position: relative;}
a.rec_list_2 > .rec_list_btn {margin-top: .3rem;}

.top_list {min-height:5rem; padding:0 .14rem;}
.game_list li {position:relative; height: 1.32rem; background:url("list_bg-1.jpg") no-repeat center center / 6.06rem; margin-bottom: .2rem;}
.game_list a {display:block; width:100%; height:1.06; padding:.13rem 0; overflow:hidden;}
.game_list a:active {background-color:rgba(72,38,0,.1);}
.game_list span {position: absolute; width: .26rem; text-align: center; display:block; font-size:.2rem; color:#e0e1e3; font-weight:bold; left:.05rem; top: .08rem; z-index: 999;}
.game_list i {display:block; width:1.06rem; height:1.06rem; margin-left: .5rem; float:left;}
.game_list dl {width:3.1rem; height:1.04rem; padding-left:.15rem; float:left; overflow:hidden;}
.game_list dt {height:.35rem; font-size:.3rem; margin-top: .06rem; overflow:hidden; vertical-align:middle;}
.game_list dt em {display:flex; align-items:center; justify-content:center; float:left; line-height:.24rem; padding:0 .08rem; vertical-align:middle; margin:.03rem .05rem .05rem .05rem; font-size:.13rem; border-radius:.5rem; color:#a9adbd; background-color: #1c1d1f;}
.game_list dt em.game_list_title {line-height:.35rem !important; font-size:.3rem; padding:0; margin:0; border:none; color:#f5d59f; background: none;}
.game_list dt em.blue {color:#fff;background-image: linear-gradient(to right, #00c0ff, #106ce2); border:none;}
.game_list dt em.green {color:#fff; background-image: linear-gradient(to right, #88c407, #339b00); border:none;}
.game_list dt em.orange {color:#fff; background-image: linear-gradient(to right, #ffc71c, #ff9c1c); border:none;}
.game_list dd {height:.34rem; line-height:.34rem; font-size:.15rem; color:#bdb7a9; overflow:hidden;}
.game_list dd.count {color: #ce3e3e;}
.game_list dd b {padding:.03rem .05rem; margin-right:.05rem; font-weight:normal; font-size:.14rem; border-radius:.03rem; color:#fff;}
.game_list dd tag {margin-left:.08rem}
.label_blue {background-image: linear-gradient(to right, #00b4ff, #106ce2);}
.label_red {background-image: linear-gradient(to right, #f775ff, #e13848);}
.label_green {background-image: linear-gradient(to right, #aac92d, #00800c);}
.label_orange {background-image: linear-gradient(to right, #ffc000, #ef7600);}
.game_list .down_btn {position:absolute; width:1.3rem; height:.44rem; top:0; bottom:0; right:0; margin:auto; z-index:998;}

a.list_more {position:relative; display:block; margin:.2rem auto; max-width:6rem; font-size:.25rem; height:.55rem; line-height:.55rem; border-radius:.15rem; text-align:center; background-image: linear-gradient(#232226, #333338); color:#e0e1e3;}
a.list_more:active {color:#e0e1e3; background-color:#1a1b1d;}
.foot {font-size:.16rem; text-align:center; color:#bdb7a9; margin-bottom: .8rem;}


	/*µ×²¿µ¼º½*/
	#bottomNav{width:6.4rem;position:fixed;max-width:7.50rem;bottom:0;background:#fff;box-shadow:0 0 0.14rem rgba(0,0,0,0.2);z-index:3300;}
	#bottomNav ul{text-align:center;display:flex;}
	#bottomNav ul li{position:relative;flex:auto;}
	#bottomNav ul li:hover ._RQcodePic{display:block;}
	#bottomNav ul li ._RQcodePic{width:2.38rem;position:absolute;bottom:100%;left:50%;padding-top:0.32rem;padding-bottom:0.13rem;background:#fff;box-shadow:0 -0.04rem 0.12rem rgba(0, 0, 0, 0.08);display:none;transform:translatex(-50%);}
	#bottomNav ul li ._RQcodePic span{line-height:3.00;font-size:0.18rem;color:#333;}
	#bottomNav ul li ._RQcodePic img{width:1.77rem;margin:0 auto;display:block;}
	#bottomNav ul li [class^='icon']{margin:0 auto;display:block;}
	#bottomNav ul li a{line-height:1.71;font-size:0.24rem;padding-top:0.19rem;padding-bottom:0.18rem;display:block;}
	.icon_nav{width:0.61rem;height:0.61rem;vertical-align:middle;background:url("download-1.png") no-repeat left top;background-size:400%;display:inline-block;}
	.icon_nav.icon_nav1x1{background-position:0 0;}
	.icon_nav.icon_nav2x1{background-position:33.33% 0;}
	.icon_nav.icon_nav3x1{background-position:66.66% 0;}
	.icon_nav.icon_nav4x1{background-position:99.99% 0;}
	._bottomNavEmpty{height:1.36rem;}
		#backtop{width:0.57rem;height:0.58rem;position:fixed;right:0.07rem;bottom:2.01rem;background:url("backtop-1.jpg")  no-repeat left top;cursor:pointer;display:none;z-index:3500;_position:absolute;}
		#backtop ._backtop{width:0.60rem;height:0.60rem;text-align:center;margin-bottom:0.05rem;padding-top:0.08rem;padding-bottom:0.08rem;background:#fff;box-shadow:0 0.04rem 0.12rem rgba(0, 0, 0, 0.08);box-sizing:border-box;border-radius:0.03rem;display:block;}
		#backtop .icon_arrowtop{width:0.41rem;height:0.23rem;text-align:center;margin:0 auto;background:url("icon_backtop-1.png")  no-repeat left top/cover;display:block;}
		#backtop ._backhomepage{width:0.60rem;height:0.60rem;line-height:1.2;text-align:center;font-size:0.18rem;padding-top:0.08rem;padding-right:0.08rem;padding-bottom:0.08rem;padding-left:0.08rem;background:#fff;box-shadow:0 0.04rem 0.12rem rgba(0, 0, 0, 0.08);box-sizing:border-box;border-radius:0.03rem;display:block;}
		#backtop:hover{background-position:right top;}