@charset "utf-8";
body{ padding-bottom: 1.2rem; padding-top: 1rem; background: #000; font-size:.25rem;}
div { box-sizing: border-box;}
.dn { display: none;}
.clearfix:after { content: '\20'; clear: both; height: 0; display: block;}
a {-webkit-tap-highlight-color:transparent;}
*{ outline:none!important;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;}
input,textarea { outline: none; border: none; box-sizing: border-box; background: none;}
/* --------------index-start-------------- */
.header { z-index: 11; border-radius: 0 0 .22rem .22rem; position: fixed; left: 50%; transform: translateX(-50%); max-width: 750px; top: 0; width: 100%;}
.banner .swiper-pagination span{ margin: 0 .04rem; transition: all .4s; width: .32rem; height: .1rem; border-radius: .1rem; background: #ffffff;}
.banner { width: 100%; overflow: hidden; position: relative;}
.banner .swiper-pagination { bottom: 0;}
.second { position: relative;}
.downAni { position: absolute; bottom: .9rem; width: 4.57rem; left: 50%; display: block; margin-left: -2.285rem; animation: scaleAni 1.2s infinite linear;}
@keyframes scaleAni{
	0% {
		transform: scale(1);
	}
	50%{
		transform: scale(1.2);
	}
	100%{
		transform: scale(1);
	}
}
.kf { position: fixed; z-index: 2; width:.86rem; right: 4px; top: 68vh;}
.gameSwiper { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: .12rem;}
.gameSwiper ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: nowrap; width: max-content;}
.gameSwiper li { flex-shrink: 0; width: 1.38rem; height: 1.38rem; margin-right: .12rem;}
.gameSwiper li img { width: 100%; height: 100%; display: block; border-radius: .1rem;}
.gameSwiper .scroll-right.ani { animation: scrollRight 30s linear infinite; will-change: transform;}
.gameSwiper .scroll-left.ani { animation: scrollLeft 30s linear infinite; will-change: transform;}
@keyframes scrollRight { from { transform: translateX(-50%);} to { transform: translateX(0);}}
@keyframes scrollLeft { from { transform: translateX(0);} to { transform: translateX(-50%);}}
.gameShow .swiper { border-radius: .2rem; overflow: hidden; width: 6.8rem; margin: 0 auto;}
.gameShow { position: relative; padding-bottom: .42rem;}
.gameShow .swiper-pagination { bottom: 0; width: 100%;}
.gameShow .swiper-pagination span{ margin: 0 .04rem; transition: all .4s; width: .32rem; height: .1rem; border-radius: .1rem; background: #ffffff;}
.fixBottom { left: 50%; transform: translateX(-50%); max-width: 750px; z-index: 13; position: fixed; height: 1.2rem; background: #654a35; align-items: center; bottom: 0; width: 100%; display: flex; justify-content: space-between; box-sizing: border-box; padding: 0 .24rem;}
.fixBottom a { flex: 1; max-width: calc(50% - .15rem); color: #ffffff; text-align: center; line-height: .7rem; border-radius: .18rem;}
.fixBottom a:nth-child(1) { background: #0163b2;}
.fixBottom a:nth-child(2) { background: #e5ab32;}
.enterList { display: none; position: fixed; width: 7rem; z-index: 15; left: 50%; top:50%; transform: translate(-50%,-50%); background: #211410; border: 1px solid #fff6be; border-radius: .26rem;}
.enterList .enterTit { width: 3.87rem; margin: 0 auto .17rem;}
.enterList li { margin-bottom: .1rem; display: flex; justify-content: space-between;}
.enterList ul { padding: 0 .45rem;}
.enterList li a { width:1.66rem}
.sepeedLeft {overflow: hidden; width: calc(100% - 1.81rem); border-radius: .58rem; height: .58rem; align-items: center; background: #fff9f2; border: 1px solid #c3a28a; display: flex; justify-content: space-between;}
.sepeedLeft span { text-align: center; width: 1.1rem; line-height: .58rem; background: #ff3c1a; text-align: center; color: #ffffff; font-size: .3rem;}
.sepeedLeft p { text-align: center; flex: 1; color: #7d5330; font-size: .28rem;}
.notice { display: block; margin: .35rem auto 0; width: 4.1rem;}
#screen { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 13; display: none;}