@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;}
}



/* 悬浮客服按钮 */
.float-service {
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 99;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    padding: 0.04rem;
    padding-right: 0;
    background: linear-gradient(180deg, #f7e08a, #c8922a, #e8c75e, #c8922a, #f7e08a);
    border-radius: 0.14rem 0 0 0.14rem;
    box-shadow: -0.04rem 0.02rem 0.16rem rgba(0, 0, 0, 0.35);
    transition: box-shadow 0.25s ease;
}
.float-service-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(180deg, #3a6fd8, #1a47a0);
    border-radius: 0.1rem 0 0 0.1rem;
    padding: 0.12rem 0.08rem;
}
.float-service:active {
    transform: scale(0.95);
}
.float-service-icon {
    width: 0.36rem;
    height: 0.36rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.float-service-icon svg {
    width: 0.36rem;
    height: 0.36rem;
}
.float-service-label {
    margin-top: 0.06rem;
    font-size: 0.18rem;
    color: #f7e08a;
    writing-mode: vertical-rl;
    letter-spacing: 0.04rem;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 640px) {
    .float-service { border-radius: 12px 0 0 12px; padding: 3px; padding-right: 0; }
    .float-service-inner { border-radius: 9px 0 0 9px; padding: 10px 6px; }
    .float-service-icon { width: 28px; height: 28px; }
    .float-service-icon svg { width: 28px; height: 28px; }
    .float-service-label { font-size: 12px; margin-top: 5px; letter-spacing: 3px; }
    .float-service:hover {
        box-shadow: -4px 4px 20px rgba(0, 0, 0, 0.45);
    }
}

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