.animate-charcter{text-transform:uppercase;background-image:linear-gradient(45deg, #009688, yellowgreen, pink, #03a9f4, #9c27b0, #8bc34a);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 2s linear infinite;display:inline-block;}
@keyframes textclip{to{background-position:200% center}
}
.animate-tiktok {
    color: #fff;
    animation: animatetiktok 1.5s linear infinite;
    font-size: 4em;
}

@keyframes animatetiktok {
    0%, 100% {
        text-shadow: -2px -2px 0 #2943d1, 2px 2px 0 #f00;
    }

    25% {
        text-shadow: 2px 2px 0 #2943d1, -2px -2px 0 #f00;
    }

    50% {
        text-shadow: 2px -2px 0 #2943d1, -2px 2px 0 #f00;
    }

    75% {
        text-shadow: -2px 2px 0 #2943d1, 2px -2px 0 #f00;
    }

    100% {
        text-shadow: 2px 2px 0 #2943d1, -2px -2px 0 #f00;
    }
}
b, strong {font-weight: 700;}
body {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;background-color: #fff;}
.rate-info{padding-top:1rem;margin:0 1.45rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #eee}
.rate-info .rate p strong{font-size:1rem;font-weight:700;color:#888}
.rate-info .rate>img{width:5rem;margin-left:5px}
.rate-info .rate>p{color:#999;font-size:.75rem}
.rate-info .classification strong{color:#8e8f92;font-size:1rem}
.rate-info .classification>p{color:#999;font-size:.75rem}
.rate-info .rate p{padding-bottom:0.25rem}
.rate-info .rate,.rate-info .classification{text-align:center}
.rate-info .classification p{padding-bottom:0.25rem}
.rate-info .rate-line-between{width:1px;background-color:#e7e7e7;height:3rem;margin:0.5rem 0.5rem 0 0.5rem}
.comment-info{border-top:1px solid #eee;padding:1rem 0;margin:0 1.45rem}
.comment-info .comment-info-title{margin-bottom:.85rem;font-size:1.25rem;font-weight:bolder}
.comment-info .comment-info-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.comment-info .comment-info-content .comment-info-l>strong{font-size:3.75rem;line-height:3.5rem;color:#4a4a4e;font-weight:700}
.comment-info .comment-info-content .comment-info-l>p{width:5.6875rem;text-align:center;color:#7b7b7b;margin-top:.625rem}
.comment-info .comment-info-content .comment-info-r{margin-left:2rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.comment-info .comment-info-content .comment-info-r .comment-star-list>li{margin-top:.3rem;line-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.comment-info .comment-info-content .comment-info-r .comment-star-list .comment-star{position:relative;width:2.875rem;height:.4375rem}
.comment-info .comment-info-content .comment-info-r .comment-star-list .comment-star>img{display:block;width:100%;height:100%}
.comment-info .comment-info-content .comment-info-r .comment-star-list .comment-star>div{position:absolute;left:0;top:0;height:100%;background:#fff}
.comment-info .comment-info-content .comment-info-r .comment-star-list .comment-progress{position:relative;margin-left:.5rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:.125rem;background:#e9e9ec;border-radius:.125rem}
.comment-info .comment-info-content .comment-info-r .comment-star-list .comment-progress>div{position:absolute;left:0;width:0;height:.125rem;background:#4a4a4e;border-radius:.125rem;width:90%}
.comment-message{background-color:#F9F9F9;border:none;border-radius:0.5rem;margin-bottom:1rem;min-height:11.5rem}
.comment-message>div{padding:0 10px}
.comment-message .comment-user{margin-bottom:5px}
.comment-message .comment-user span:first-child{display:inline-block;width:69%;text-align:left;font-weight:bold;font-size:0.85rem;margin:0}
.comment-message .comment-user span:last-child{display:inline-block;width:29%;text-align:right;font-size:0.75rem}
.comment-message .comment-star .glyphicon-user{font-size:0.75rem;border:1px solid #dedeea;border-radius:50%;color:#fff;background-color:#E9E9EC}
.comment-message .comment-star{font-size:0.75rem}
.comment-message .comment-star span:first-child{color:#FFBB15;display:inline-block;width:49%;text-align:left}
.comment-message .comment-star span:last-child{display:inline-block;width:49%;text-align:right;font-size:0.75rem}
.comment-message .comment-content{padding:5px 10px}
.spinner{text-align:center;float:left}
.spinner > div{width:6px;height:6px;background-color:#fff;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}
.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}
.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}
@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}
    40%{-webkit-transform:scale(1.0)}
}
@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}
    40%{-webkit-transform:scale(1.0);transform:scale(1.0)}
}
.mask-box{z-index:200;position:relative}
.mask-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.2)}
.mask-colsed{z-index:2;position:absolute;right:15px;top:15px;width:20px}
.mask-pop .swiper-container .swiper-pagination{position:static}
#gomchelp{max-height:500px;overflow-y:scroll}

.install-tip-title{margin-top:20px;width:114px;height:29px;text-align:center;color:#fff;font-size:18px;background-position:50%;background-repeat:no-repeat;background-size:cover}
.main-content-bg{width:100%;position:fixed;top:0;background-size:1500px;}
.install-tip-root{padding:0;border:none;position:fixed;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}
.install-tip-content{display:block;background-color:rgba(32,60,126,.8666666666666667);width:82%;padding:6px;color:#efefef;font-size:14px}

.pc-box{display:none;text-align:center;z-index:2;position:relative}
.pc-logo{width:160px;height:160px;border-radius:20px;overflow:hidden;margin:0 auto}
.pc-logo img{display:block;width:100%;height:100%}
.pc-box>p{font-size:20px;font-weight:400;line-height:1.5em}
.pc-box .code{margin:30px auto 10px;width:200px;height:200px}
.pc-box .info{font-size:18px;font-weight:bold;margin:50px auto}
.pc-box .pc-colsed{z-index:2;position:absolute;right:20px;width:30px}
.pc-box .pc-colsed img{display:block;width:100%}
.pc-box{position:fixed;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:cover;background-image:url(../../static/image/bg1.jpg)}
.pc-box .tipss{font-size:14px;text-align:center;margin-top:30px;width:100%}

.farstgosteptipsbut{background-color:#48c78e;color:#fff;cursor:pointer;text-align:center;font-size:16px;line-height:44px;}

.arouse2{float:right;height:30px;line-height:30px;border-radius:15px;text-align:center;font-size:12px;color:rgba(6,122,254,1)}
.arouse2 b{display:inline-block;vertical-align:middle;width:20px;height:20px;line-height:20px;margin:-2px 5px 0 0;text-align:center;background:rgba(6,122,254,1);color:#fff;border-radius:100%}

.mask-popnew{position:fixed;top:50%;left:50%;width:90%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.25)}
.mask-pop .swiper-container{width:100%}
.mask-pop .swiper-slide img{display:block;width:100%}
.mask-pop .swiper-slide p{margin:10px 0;text-align:center;font-size:14px;color:#0491F7}
.mask-pop .swiper-container .swiper-pagination{position:static}
.mask-pop .swiper-pagination-bullet{background:#DBF0FD;opacity:1}
.mask-pop .swiper-pagination-bullet-active{background:#0491F7}
.mask-popnew .swiper-container{width:100%}
.mask-popnew .swiper-slide img{display:block;width:100%}
.mask-popnew .swiper-slide p{margin:10px 0;text-align:center;font-size:14px;color:#0491F7}
.mask-popnew .swiper-container .swiper-pagination{position:static}
.mask-popnew .swiper-pagination-bullet{background:#DBF0FD;opacity:1}
.mask-popnew .swiper-pagination-bullet-active{background:#0491F7}

.progress{border-radius: 15px; border: 2px solid #0477f9; color: #ffffff;font-size: 14px; width: 90px; height: 26px; overflow: hidden; position: relative; background-color: #cacbce; margin-top: 1.8em}
.progress div{height: 100%;background-color: #0477f9;}
.progress span{height: 100%; width: 100%;text-align: center; position: absolute; left: 0px; top: 0px; line-height: 26px;}