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

* { margin: 0; padding: 0; list-style: none; word-break: break-all; -webkit-appearance: none;}
html { font-size: 15.625vw; background: #fff;}
body { min-height: 100vh; box-sizing: border-box; color: #333; font-size: 0.24rem; font-weight: normal; min-height: 100vh; background: #fff; font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, STHeitiSC-Light, simsun, \\5B8B\4F53, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";}
a { color: inherit; display: inline-block; text-decoration: none;}
table { border-collapse: collapse; table-layout: fixed;}
img { border: 0; vertical-align: top;}


.wrapper { padding: 8.09rem 0 1.55rem 0; background: url(../images/bg.png) top center no-repeat #6580e5; background-size: 100% auto; position: relative;}

.img100 img { width: 100%;}

.banner {}
.banner img { width: 100%; height: auto;}

.down { width: 100%; height: 3.96rem; background: url(../images/2.png) top center no-repeat; background-size: 100% auto; position: relative;}
.down .song { position: absolute; top: 1.66rem; left: 2.7rem;}
.down .song img { width: 2.97rem; height: 0.64rem;}
.down ul { width: 100%; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0 0.6rem; position: absolute; top: 2.8rem;}
.down ul li {}
.down ul li img { width: 2.5rem; height: 0.67rem; animation-name: fdsx; animation-iteration-count: infinite; animation-duration: 1s;}

.txts { padding: 0.15rem 0 0.25rem 0;}

.box { padding: 0.3rem 0 0.8rem 0; border-radius: 0.25rem 0.25rem 0 0; background: #fff; box-shadow: 0 0 1rem rgba(101,128,229,.4)}
.box.shadow { margin-top: -0.3rem;}

.tit { padding-bottom: 0.35rem;}
.tit img { width: 100%;}

.linebox { padding: 0 0.3rem;}
.linebox ul {}
.linebox ul li { padding-bottom: 0.15rem;}
.linebox ul li a { display: flex; cursor: default; align-items: center; padding: 0.12rem 0.15rem 0.12rem 0.3rem; border: solid 1px #a7b6f2; border-radius: 0.15rem; box-shadow: 0 0.05rem 0.1rem rgba(101,128,229,.15);}
.linebox ul li a .lineimg { margin-right: 0.08rem;}
.linebox ul li a .lineimg img { width: 0.3rem; vertical-align: middle;}
.linebox ul li a .linename { width: 1.1rem; font-weight: bold;}
.linebox ul li a .linetxt { flex: 1;}
.linebox ul li a .linetime { width: 0.75rem; font-size: 0.22rem; color: #6580e5;}
.linebox ul li a .linetime em { color: #333; font-style: normal;}
.linebox ul li a .linetime b { color: #333; font-weight: normal;}
.linebox ul li a .linebtn { cursor: pointer; width: 1.3rem; height: 0.4rem; line-height: 0.4rem; text-align: center; font-size: 0.22rem; color: #fff; border-radius: 0.5rem; background: #6580e5;}

.wxts { display: flex; justify-content: center; align-items: center; padding-top: 0.1rem; text-align: center; font-size: 0.22rem; color: #e60012;}
.wxts img { display: flex; align-items: center; height: 0.22rem; width: auto; margin-right: 0.1rem;}

.game { padding: 0 0.3rem;}
.game img { width: 100%;}

.banner { padding: 0 0.3rem;}

.footDown { width: 100%; max-width: 6.4rem; height: 1.55rem; background: url(../images/footDown.png) bottom center no-repeat; background-size: 100% 100%; position: fixed; left: 0; right: 0; bottom: 0; margin: auto; z-index: 9;}
.footDown img { width: 1.81rem; height:0.73rem; position: absolute; top: 0.24rerm; right: 0.26rem; animation-name: fdsx; animation-iteration-count: infinite; animation-duration: 1s;}

@keyframes fdsx {
	0%{transform: scale(1);}
	50%{transform: scale(0.9);}
	100%{transform: scale(1);}
}

@media screen and (min-width:640px) {
html { font-size: 100px;}
body { width: 640px; margin: 0 auto;}
}



/*----------------------------------------------------------------------------------------*/