html{font-size:100px}*{padding:0;margin:0}@keyframes shake{0%,to{-webkit-transform:translateX(0)}10%,30%,50%,70%{-webkit-transform:translate(-3px, -1px)}20%,40%,60%{-webkit-transform:translate(3px, -2px)}}body{background-color:#2c2c2c;font-family:SimSun;padding-bottom:14vw;padding-top:5vh}.header,.footer{position:fixed;z-index:999;left:0;width:100%}.header{top:0;height:5vh;box-sizing:border-box;padding:0 .08rem;background-color:#41423c;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:.12rem}.header span:last-child{background-color:#ee2b5d;border-radius:16px;padding:.042rem .074rem;color:#fff}.banner{position:relative;width:100%}.banner img:first-child{width:100%;vertical-align:top}.banner img:last-child{position:absolute;z-index:2;left:calc(50% - 8vw);top:calc(50% - 8vw);width:16vw;height:16vw}.main-title{margin-top:10px;margin-left:10px}.main-title h2{color:#fff;font-size:26px;font-weight:normal}.main-title .des{margin-top:5px;color:rgba(255,255,255,.5);font-size:.16rem}.donwload{margin-top:.08rem;width:90vw;margin-left:5vw;color:#fff;background-color:#ff305b;height:6vh;border-radius:6vh;font-size:16px;animation:shake 1.5s linear infinite;display:flex;align-items:center;justify-content:center}.title-block{font-size:.17rem;color:#535353;padding-left:3vw;position:relative;width:90vw;margin-left:5vw;margin:6vw 0 6vw 3vw}.title-block::after{position:absolute;top:50%;left:0;transform:translateY(-50%);content:"";width:1vw;height:3vw;background:linear-gradient(0deg, #c1a872, #e9d3a1)}.comment-video{display:flex;flex-direction:row;justify-content:space-between;width:90vw;margin-left:5vw;flex-wrap:wrap}.comment-video .video-item{width:43.5vw}.comment-video .video-item .item-img{width:100%;height:1.05rem;position:relative}.comment-video .video-item .item-img img:nth-child(1){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top}.comment-video .video-item .item-img img:nth-child(2){width:9vw;height:9vw;left:calc(50% - 4.5vw);top:9.5vw;position:absolute;z-index:1}.comment-video .video-item p{color:rgba(255,255,255,.5);font-size:14px;margin-bottom:14px;margin-top:5px}.comment-box .comment-item{padding-left:5vw;display:flex;flex-direction:row;justify-content:space-between;color:#fff;font-size:.13rem;border-bottom:1px dotted #eff;padding:3vw}.comment-box .comment-item:first-child{padding-top:0}.comment-box .comment-item img{flex-shrink:0;width:.56rem;height:.556rem;border-radius:50%}.comment-box .comment-item .item-right{flex:1;padding-left:2vw}.comment-box .comment-item .item-right p:first-child{color:#999}.comment-box .comment-item .item-right p:last-child{color:#fff;margin-top:.08rem}.footer{bottom:0;height:14vw;background:#ff305b;display:flex;align-items:center;justify-content:center}.footer span{font-size:.2rem;color:#fff}.load {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 10000;
    display: none;
    background-color: rgba(0, 0, 0, 0.1);
}
.loader {
    width: 300px;
    height: 300px;
    text-align: center;
    position: absolute;
    top: calc(30% - 60px);
    left: calc(25% - 50px);
    padding-top: 15px;
}
.van-dialog {
    position: fixed;
    top: 45%;
    left: 50%;
    width: 320px;
    overflow: hidden;
    font-size: 16px;
    background-color: #fff;
    border-radius: 16px;
    transform: translate3d(-50%, -50%, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: .3s;
    transition-property: transform, opacity;
}
#index .van-dialog__header {
    font-weight: 700;
    font-size: 1rem;
}
.van-dialog__header {
    padding-top: 24px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}
.van-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 320px;
    overflow: hidden;
    font-size: 16px;
    background-color: #fff;
    border-radius: 16px;
    transform: translate3d(-50%, -50%, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: .3s;
    transition-property: transform, opacity;
}
.van-dialog__content p {
    display: block;
    -webkit-margin-before: 1em;
            margin-block-start: 1em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    text-align: center;
}
#imgbg{
display: block; width: 100%; margin: 0px; padding: 0px;
}
.loadingimg{
margin-left: 45%; margin-bottom: 5%; width: 10%;
}