body {
    background: #0e0f13 url(../images/index/bg-pc.png) no-repeat center top / 100% auto;
    background-attachment: fixed;
}

.m-jydztd-page {
    width: 7.8rem;
    min-height: 100vh;
    margin: 0 auto;
}

.m-jydztd-page .u-section {
    position: relative;
}

.m-jydztd-page .u-section img {
    display: block;
    width: 100%;
    height: auto;
}

.m-jydztd-page .u-section .u-btn-join {
    position: absolute;
    left: 50%;
    top: 4.36rem;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 3.76rem;
}

.m-jydztd-page .u-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 7.8rem;
    margin: 0 auto;
}

.m-jydztd-page .u-bottom img {
    display: block;
    width: 100%;
    height: auto;
}

.m-jydztd-page .u-bottom .u-prompt-link {
    display: block;
    cursor: pointer;
}

.m-jydztd-page .u-bottom .u-bottom-btns {
    background: #0f1014;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.22rem 0.28rem;
}

.m-jydztd-page .u-bottom .u-bottom-btns img {
    display: block;
    width: 3.54rem;
    height: auto;
}

.m-jydztd-page .u-bottom .u-app-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.24rem 0.26rem;
    background: #0f1014;
}

.m-jydztd-page .u-bottom .u-app-bar .u-app {
    position: relative;
}

.m-jydztd-page .u-bottom .u-app-bar .u-app .u-1 {
    display: block;
    width: 4.66rem;
    height: auto;
}

.m-jydztd-page .u-bottom .u-app-bar .u-app .u-888 {
    position: absolute;
    left: 1.45rem;
    top: 0.76rem;
    width: 3.12rem;
    height: 0.64rem;
    -webkit-animation: a-888 500ms linear infinite;
    animation: a-888 500ms linear infinite;
}

.m-jydztd-page .u-bottom .u-app-bar .u-btn-download img {
    display: block;
    width: 2.24rem;
    height: auto;
}

@-webkit-keyframes a-888 {
    0% {
        background: url(../images/index/888-1.png) no-repeat 0 bottom / 100% auto;
    }
    50% {
        background: url(../images/index/888-2.png) no-repeat 0 bottom / 100% auto;
    }
    100% {
        background: url(../images/index/888-1.png) no-repeat 0 bottom / 100% auto;
    }
}

@keyframes a-888 {
    0% {
        background: url(../images/index/888-1.png) no-repeat 0 bottom / 100% auto;
    }
    50% {
        background: url(../images/index/888-2.png) no-repeat 0 bottom / 100% auto;
    }
    100% {
        background: url(../images/index/888-1.png) no-repeat 0 bottom / 100% auto;
    }
}

/* 联系客服浮动层 */

.m-float-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 7.8rem;
    margin: 0 auto;
}

.m-jydztd-page .u-float-service {
    position: absolute;
    top: 35vh;
    right: 0.18rem;
    width: 1.74rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    -webkit-animation: float 2s ease-in-out infinite;
    animation: float 2s ease-in-out infinite;
    cursor: pointer;
}