.hktoast--mask
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: rgba(94,54,54,.4);
    position: fixed;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10000;
}
.hktoast--mask.bottom
{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 400px;
}
.hktoast--mask .hktoast
{
    display: inline-block;
    padding: 10px 16px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    pointer-events: all;
}
.hktoast--mask .hktoast-icon
{
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 1px;
    margin-right: 8px;
    font-size: 16px;
}
.hktoast--mask .hktoast-icon.hksuccess-icon
{
    color: #52c41a;
}
.hktoast--mask .hktoast-icon.hkfail-icon
{
    color: #f5222d;
}
.hktoast--mask .hktoast-icon.hkwarning-icon
{
    color: #faad14;
}
@-webkit-keyframes rodal-fade-enter
{
    0%
    {
        opacity: 0;
    }
}
@keyframes rodal-fade-enter
{
    0%
    {
        opacity: 0;
    }
}
.hk-rodal--fade-enter
{
    -webkit-animation: rodal-fade-enter .4s ease-in both;
    animation: rodal-fade-enter .4s ease-in both;
}
@-webkit-keyframes rodal-fade-leave
{
    to
    {
        opacity: 0;
    }
}
@keyframes rodal-fade-leave
{
    to
    {
        opacity: 0;
    }
}
.hk-rodal--fade-leave
{
    -webkit-animation: rodal-fade-leave .4s ease-out both;
    animation: rodal-fade-leave .4s ease-out both;
}
@-webkit-keyframes rodal-zoom-enter
{
    0%
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}
@keyframes rodal-zoom-enter
{
    0%
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}
.hk-rodal--zoom-enter
{
    -webkit-animation: rodal-zoom-enter .4s cubic-bezier(.4,0,0,1.5) both;
    animation: rodal-zoom-enter .4s cubic-bezier(.4,0,0,1.5) both;
}
@-webkit-keyframes rodal-zoom-leave
{
    to
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}
@keyframes rodal-zoom-leave
{
    to
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}
.hk-rodal--zoom-leave
{
    -webkit-animation: rodal-zoom-leave .4s both;
    animation: rodal-zoom-leave .4s both;
}
@-webkit-keyframes rodal-slideDown-enter
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-.805rem,0);
        transform: translate3d(0,-.805rem,0);
    }
}
@keyframes rodal-slideDown-enter
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-.805rem,0);
        transform: translate3d(0,-.805rem,0);
    }
}
.hk-rodal--slideDown-enter
{
    -webkit-animation: rodal-slideDown-enter .4s cubic-bezier(.4,0,0,1.5) both;
    animation: rodal-slideDown-enter .4s cubic-bezier(.4,0,0,1.5) both;
}
@-webkit-keyframes rodal-slideDown-leave
{
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-.805rem,0);
        transform: translate3d(0,-.805rem,0);
    }
}
@keyframes rodal-slideDown-leave
{
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-.805rem,0);
        transform: translate3d(0,-.805rem,0);
    }
}
.hk-rodal--slideDown-leave
{
    -webkit-animation: rodal-slideDown-leave .4s both;
    animation: rodal-slideDown-leave .4s both;
}
@-webkit-keyframes rodal-slideLeft-enter
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(-1.208rem,0,0);
        transform: translate3d(-1.208rem,0,0);
    }
}
@keyframes rodal-slideLeft-enter
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(-1.208rem,0,0);
        transform: translate3d(-1.208rem,0,0);
    }
}
.hk-rodal--slideLeft-enter
{
    -webkit-animation: rodal-slideLeft-enter .4s cubic-bezier(.4,0,0,1.5) both;
    animation: rodal-slideLeft-enter .4s cubic-bezier(.4,0,0,1.5) both;
}
@-webkit-keyframes rodal-slideLeft-leave
{
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(-1.208rem,0,0);
        transform: translate3d(-1.208rem,0,0);
    }
}
@keyframes rodal-slideLeft-leave
{
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(-1.208rem,0,0);
        transform: translate3d(-1.208rem,0,0);
    }
}
.hk-rodal--slideLeft-leave
{
    -webkit-animation: rodal-slideLeft-leave .4s both;
    animation: rodal-slideLeft-leave .4s both;
}
@-webkit-keyframes rodal-slideRight-enter
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(1.208rem,0,0);
        transform: translate3d(1.208rem,0,0);
    }
}
@keyframes rodal-slideRight-enter
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(1.208rem,0,0);
        transform: translate3d(1.208rem,0,0);
    }
}
.hk-rodal--slideRight-enter
{
    -webkit-animation: rodal-slideRight-enter .4s cubic-bezier(.4,0,0,1.5) both;
    animation: rodal-slideRight-enter .4s cubic-bezier(.4,0,0,1.5) both;
}
@-webkit-keyframes rodal-slideRight-leave
{
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(1.208rem,0,0);
        transform: translate3d(1.208rem,0,0);
    }
}
@keyframes rodal-slideRight-leave
{
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(1.208rem,0,0);
        transform: translate3d(1.208rem,0,0);
    }
}
.hk-rodal--slideRight-leave
{
    -webkit-animation: rodal-slideRight-leave .4s both;
    animation: rodal-slideRight-leave .4s both;
}
@-webkit-keyframes rodal-slideUp-enter
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,.805rem,0);
        transform: translate3d(0,.805rem,0);
    }
}
@keyframes rodal-slideUp-enter
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,.805rem,0);
        transform: translate3d(0,.805rem,0);
    }
}
.hk-rodal--slideUp-enter
{
    -webkit-animation: rodal-slideUp-enter .4s cubic-bezier(.4,0,0,1.5) both;
    animation: rodal-slideUp-enter .4s cubic-bezier(.4,0,0,1.5) both;
}
@-webkit-keyframes rodal-slideUp-leave
{
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,.805rem,0);
        transform: translate3d(0,.805rem,0);
    }
}
@keyframes rodal-slideUp-leave
{
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,.805rem,0);
        transform: translate3d(0,.805rem,0);
    }
}
.hk-rodal--slideUp-leave
{
    -webkit-animation: rodal-slideUp-leave .4s both;
    animation: rodal-slideUp-leave .4s both;
}
@-webkit-keyframes rodal-flip-enter
{
    0%
    {
        -webkit-transform: perspective(3.221rem) rotateX(60deg);
        transform: perspective(3.221rem) rotateX(60deg);
    }
    70%
    {
        -webkit-transform: perspective(3.221rem) rotateX(-15deg);
        transform: perspective(3.221rem) rotateX(-15deg);
    }
    to
    {
        -webkit-transform: perspective(3.221rem);
        transform: perspective(3.221rem);
    }
}
@keyframes rodal-flip-enter
{
    0%
    {
        -webkit-transform: perspective(3.221rem) rotateX(60deg);
        transform: perspective(3.221rem) rotateX(60deg);
    }
    70%
    {
        -webkit-transform: perspective(3.221rem) rotateX(-15deg);
        transform: perspective(3.221rem) rotateX(-15deg);
    }
    to
    {
        -webkit-transform: perspective(3.221rem);
        transform: perspective(3.221rem);
    }
}
.hk-rodal--flip-enter
{
    -webkit-animation: rodal-flip-enter .4s ease-in both;
    animation: rodal-flip-enter .4s ease-in both;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
@-webkit-keyframes rodal-flip-leave
{
    0%
    {
        -webkit-transform: perspective(3.221rem);
        transform: perspective(3.221rem);
    }
    30%
    {
        -webkit-transform: perspective(3.221rem) rotateX(-15deg);
        transform: perspective(3.221rem) rotateX(-15deg);
    }
    to
    {
        -webkit-transform: perspective(3.221rem) rotateX(45deg);
        transform: perspective(3.221rem) rotateX(45deg);
    }
}
@keyframes rodal-flip-leave
{
    0%
    {
        -webkit-transform: perspective(3.221rem);
        transform: perspective(3.221rem);
    }
    30%
    {
        -webkit-transform: perspective(3.221rem) rotateX(-15deg);
        transform: perspective(3.221rem) rotateX(-15deg);
    }
    to
    {
        -webkit-transform: perspective(3.221rem) rotateX(45deg);
        transform: perspective(3.221rem) rotateX(45deg);
    }
}
.hk-rodal--flip-leave
{
    -webkit-animation: rodal-flip-leave .4s both;
    animation: rodal-flip-leave .4s both;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
@-webkit-keyframes rodal-rotate-enter
{
    0%
    {
        -webkit-transform: rotate(-180deg) scale3d(.3,.3,.3);
        transform: rotate(-180deg) scale3d(.3,.3,.3);
    }
}
@keyframes rodal-rotate-enter
{
    0%
    {
        -webkit-transform: rotate(-180deg) scale3d(.3,.3,.3);
        transform: rotate(-180deg) scale3d(.3,.3,.3);
    }
}
.hk-rodal--rotate-enter
{
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: rodal-rotate-enter .4s both;
    animation: rodal-rotate-enter .4s both;
}
@-webkit-keyframes rodal-rotate-leave
{
    to
    {
        -webkit-transform: rotate(180deg) scale3d(.3,.3,.3);
        transform: rotate(180deg) scale3d(.3,.3,.3);
    }
}
@keyframes rodal-rotate-leave
{
    to
    {
        -webkit-transform: rotate(180deg) scale3d(.3,.3,.3);
        transform: rotate(180deg) scale3d(.3,.3,.3);
    }
}
.hk-rodal--rotate-leave
{
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: rodal-rotate-leave .4s both;
    animation: rodal-rotate-leave .4s both;
}
@-webkit-keyframes rodal-door-enter
{
    0%
    {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}
@keyframes rodal-door-enter
{
    0%
    {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}
.hk-rodal--door-enter
{
    -webkit-animation: rodal-door-enter .4s cubic-bezier(.4,0,0,1.5) both;
    animation: rodal-door-enter .4s cubic-bezier(.4,0,0,1.5) both;
}
@-webkit-keyframes rodal-door-leave
{
    60%
    {
        -webkit-transform: scaleX(.01);
        transform: scaleX(.01);
    }
    to
    {
        -webkit-transform: scale3d(0,1,.1);
        transform: scale3d(0,1,.1);
    }
}
@keyframes rodal-door-leave
{
    60%
    {
        -webkit-transform: scaleX(.01);
        transform: scaleX(.01);
    }
    to
    {
        -webkit-transform: scale3d(0,1,.1);
        transform: scale3d(0,1,.1);
    }
}
.hk-rodal--door-leave
{
    -webkit-animation: rodal-door-leave .4s both;
    animation: rodal-door-leave .4s both;
}
.image-adv-link
{
    position: relative;
    margin-bottom: 32px;
    display: block;
}
.image-adv-img
{
    width: 100%;
}
.image-adv-mark
{
    top: 8px;
    right: 8px;
    font-size: 12px;
    padding: 0 9px;
    color: hsla(0,0%,100%,.8);
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    background: hsla(0,0%,100%,.3);
}
.image-adv-detail, .image-adv-mark
{
    position: absolute;
    border-radius: 3px;
}
.image-adv-detail
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 12px;
    bottom: 12px;
    width: 93px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background: rgba(17,17,17,.6);
    font-size: 14px;
    color: #fff;
}
.image-adv-detail-text
{
    display: inline-block;
    font-family: PingFangSC-Regular;
}
.image-adv-detail-icon
{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////wV68vgAAAAXdFJOUwBvXR/4S+0RBtI6m7d8L1MmwuTcpIyhZUdPoAAAAIJJREFUKM+NkUsShDAIBWO+aDTGGTX3v6kPt3mpkiVdQAPGvBGCoRFaW9MAtN/CyAbiJ1oTgU4hxM0gcyVEMkjcWTvrgS7WrvxBDuadVh0kI2/LQILcNJIufX7RNUnBDl9v+eDYn1JuVXW9ztHoU6ouneWzTlUddliLzxZ6iJyd+RgPvxoIBsDd1pEAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    margin-left: 4px;
}
.endimagead
{
    text-align: center;
    margin-top: 25px;
}
.endimagead-button-group
{
    text-align: center;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.endimagead-button
{
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    height: 34px;
    background: hsla(0,0%,100%,.3);
    border-radius: 8px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 34px;
    text-align: center;
    margin-right: 16px;
    cursor: pointer;
    outline: none;
    border: none;
}
.endimagead-button-text
{
    color: #fff;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0;
    padding-left: 19px;
    display: inline-block;
    height: 100%;
}
.endimagead-button-text:hover
{
    color: #fff;
}
.endimagead-button:last-child
{
    margin: 0;
}
.endimagead-replay .endimagead-button-text
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNzM4IDBDMTIuMyAwIDE2IDMuNTgxIDE2IDhjMCA0LjQxOS0zLjcgOC04LjI2MiA4LTMuNDA0IDAtNi40MjMtMi4wMTMtNy42Ny01LjAyMmEuOTA2LjkwNiAwIDAxLjUyMi0xLjE5Ljk1Ljk1IDAgMDExLjIyNC41MDdjLjk2MyAyLjMyMiAzLjI5NCAzLjg3NiA1LjkyNCAzLjg3NiAzLjUyNCAwIDYuMzgtMi43NjMgNi4zOC02LjE3MSAwLTMuNDA4LTIuODU2LTYuMTcxLTYuMzgtNi4xNzEtMi41NDggMC00LjgyIDEuNDU4LTUuODM0IDMuNjcyYS45MTMuOTEzIDAgMDEtLjIzOC4zMTQuODU5Ljg1OSAwIDAxLS42NjguMzI2Yy0uNTA1IDAtLjkxNC0uNDQ4LS45MTQtMS4wNjd2LTMuMmMwLS42MTkuNDEtMS4wNjcuOTE0LTEuMDY3LjUwNSAwIC45MTQuNDQ4LjkxNCAxLjA2N3YuNDUzQTguMzkyIDguMzkyIDAgMDE3LjczOCAweiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.endimagead-next .endimagead-button-text
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMTIgMTkuMDE1bDkuMzI3LTUuNTIzYTEuNzQ5IDEuNzQ5IDAgMDAtLjAwNi0zLjAxNEw2LjA3NCA0Ljk4MUExLjc0OSAxLjc0OSAwIDAwMy40NCA2LjQ5NmwuMDQgMTEuMDJhMS43NDkgMS43NDkgMCAwMDIuNjQgMS40OTl6bTEzLjE2Ni0xNC43M2MuNzEgMCAxLjI4NS41NzYgMS4yODUgMS4yODZWMTguNDNhMS4yODYgMS4yODYgMCAwMS0yLjU3MSAwVjUuNTdjMC0uNzEuNTc2LTEuMjg1IDEuMjg2LTEuMjg1eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
}
.endimagead-download
{
    background: #ff4141;
}
.endimagead-download .endimagead-button-text
{
    background-image: url(../image/a846014f65f2.png);
}
.player-end
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 150;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.player-end-sm
{
    margin: 0 0 1.8%;
    color: #fff;
    font-size: .8vw;
    text-align: center;
}
.player-end-bg
{
    color: #fff;
    text-align: center;
    font-size: 1.04vw;
    font-weight: 500;
    margin: 0 auto 2.25%;
    width: 43.8%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.player-end-adv
{
    width: 40%;
    position: relative;
}
.player-end-adv-link
{
    position: relative;
    margin-bottom: 32px;
    display: block;
}
.player-end-adv-img
{
    width: 100%;
}
.player-end-adv-countdown
{
    background: rgba(0,0,0,.4);
    border-radius: 30px;
    font-size: 18px;
    color: #fff;
    width: 323px;
    margin: 0 auto;
    padding: 17px 0;
    text-align: center;
    cursor: pointer;
}
.player-nextvideo
{
    cursor: pointer;
    position: relative;
    margin: 0 auto;
    width: 31.9%;
    padding-bottom: 17.875%;
    border-radius: 4px;
    background-size: contain;
    background-color: rgba(0,0,0,.6);
    background-repeat: no-repeat;
}
.player-nextvideo:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
    background-image: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.5));
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.5));
}
.player-nextvideo-svg
{
    position: relative;
}
.player-nextvideo-btn
{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 1vw;
}
.player-replay
{
    text-align: center;
    margin-top: 26px;
}
.player-replay-button-group
{
    text-align: center;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.player-replay-button
{
    display: inline-block;
    width: 115px;
    height: 34px;
    background: hsla(0,0%,100%,.3);
    border-radius: 8px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 34px;
    text-align: center;
    margin-right: 16px;
    cursor: pointer;
    outline: none;
    border: none;
}
.player-replay-button-text
{
    color: #fff;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0;
    padding-left: 19px;
    display: inline-block;
}
.player-replay-button-text:hover
{
    color: #fff;
}
.player-replay-button:last-child
{
    margin: 0;
}
.player-replay-replay .player-replay-button-text
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNzM4IDBDMTIuMyAwIDE2IDMuNTgxIDE2IDhjMCA0LjQxOS0zLjcgOC04LjI2MiA4LTMuNDA0IDAtNi40MjMtMi4wMTMtNy42Ny01LjAyMmEuOTA2LjkwNiAwIDAxLjUyMi0xLjE5Ljk1Ljk1IDAgMDExLjIyNC41MDdjLjk2MyAyLjMyMiAzLjI5NCAzLjg3NiA1LjkyNCAzLjg3NiAzLjUyNCAwIDYuMzgtMi43NjMgNi4zOC02LjE3MSAwLTMuNDA4LTIuODU2LTYuMTcxLTYuMzgtNi4xNzEtMi41NDggMC00LjgyIDEuNDU4LTUuODM0IDMuNjcyYS45MTMuOTEzIDAgMDEtLjIzOC4zMTQuODU5Ljg1OSAwIDAxLS42NjguMzI2Yy0uNTA1IDAtLjkxNC0uNDQ4LS45MTQtMS4wNjd2LTMuMmMwLS42MTkuNDEtMS4wNjcuOTE0LTEuMDY3LjUwNSAwIC45MTQuNDQ4LjkxNCAxLjA2N3YuNDUzQTguMzkyIDguMzkyIDAgMDE3LjczOCAweiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.player-replay-download
{
    background: #ff4141;
}
.player-replay-download .player-replay-button-text
{
    background-image: url(../image/a846014f65f2.png);
}
.nextbtn
{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.nextbtn-cancel
{
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 1.7;
}
.nextbtn-cancel:hover
{
    color: #ff4141;
}
.circleProcess
{
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 5vw;
    height: 5vw;
    stroke-dasharray: 251.2%;
    stroke-dashoffset: 0%;
    stroke: #fff;
    fill: none;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation: dash 5s linear;
    animation: dash 5s linear;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.circleProcess.startRotate
{
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
@-webkit-keyframes dash
{
    0%
    {
        stroke-dashoffset: 251.2%;
    }
    to
    {
        stroke-dashoffset: 0;
    }
}
@keyframes dash
{
    0%
    {
        stroke-dashoffset: 251.2%;
    }
    to
    {
        stroke-dashoffset: 0;
    }
}
.hkplayer-skin-default
{
    background: #000;
}
.hkplayer-skin-default .player-mask
{
    padding-top: 56.25%;
}
.art-player-wrapper
{
    position: relative;
}
.art-player-wrapper.art-fullscreen, .art-player-wrapper.art-fullscreen-web
{
    position: fixed;
}
.art-player-wrapper.art-fullscreen-web .art-video-player, .art-player-wrapper.art-fullscreen .art-video-player
{
    max-width: 100%;
    padding-top: 0;
}
.art-player-wrapper .player-left-tip
{
    position: absolute;
    left: 10px;
    bottom: 76px;
    z-index: 20;
}
.art-player-wrapper .player-left-tip-second
{
    bottom: 126px;
}
.art-player-wrapper .player-pause-code
{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 20;
}
.art-player-wrapper .art-video-player
{
    max-width: 100%;
    padding-top: 56.25%;
}
.art-player-wrapper-maxheight .art-video-player
{
    padding-top: 50%;
}
.art-player-wrapper .player-mask
{
    background: rgba(0,0,0,.54);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 49;
    top: 0;
}
.art-player-wrapper .art-fullscreen
{
    padding: 0;
    height: 100%;
    width: 100%;
}
.art-player-wrapper .player-replay-wrapper
{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    position: absolute;
}
.art-player-wrapper .player-replay-wrapper .player-replay
{
    text-align: center;
}
.art-player-wrapper .player-replay-wrapper svg
{
    cursor: pointer;
}
.art-player-wrapper .player-replay-wrapper .player-replay-txt
{
    cursor: pointer;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff;
    line-height: 34px;
}
.mediago-pause
{
    display: none;
    width: 60%;
    position: absolute;
    max-height: 80%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 200;
}
.mediago-pause-close
{
    width: 26px;
    height: 26px;
    position: absolute;
    right: -26px;
    top: -26px;
    cursor: pointer;
    z-index: 300;
    background-color: #3a3633;
    border-radius: 50%;
}
.mediago-pause-close:after, .mediago-pause-close:before
{
    content: " ";
    display: block;
    width: 16px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -1px 0 0 -8px;
}
.mediago-pause-close:before
{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mediago-pause-inner
{
    overflow: hidden;
    width: 100%;
    position: relative;
}
.mediago-pause-content
{
    width: 100%;
}
.mediago-pause-image, .mediago-pause-video
{
    display: block;
}
.player-pause-admask
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 66px;
    background-color: rgba(0,0,0,.3);
    z-index: 49;
}
.lianmeng-pause
{
    width: 60%;
    position: absolute;
    max-height: 80%;
    height: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 200;
}
.lianmeng-pause-ad
{
    overflow: hidden;
    height: 100%;
}
.lianmeng-pause-show
{
    height: auto;
}
.art-player-wrapper.hkplayer-pip-active .pauseadv, .hkplayer.hkplayer-pip-active .pauseadv
{
    display: none;
}
.art-player-wrapper.hkplayer-cssfullscreen-active .pauseadv-text-p, .art-player-wrapper.hkplayer-is-fullscreen .pauseadv-text-p, .hkplayer.hkplayer-cssfullscreen-active .pauseadv-text-p, .hkplayer.hkplayer-is-fullscreen .pauseadv-text-p
{
    font-size: 18px;
    height: 56px;
    line-height: 28px;
}
.art-player-wrapper .pauseadv, .hkplayer .pauseadv
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 34%;
    z-index: 116;
}
.art-player-wrapper .pauseadv-mute, .hkplayer .pauseadv-mute
{
    background: rgba(17,17,17,.6);
    width: 28px;
    height: 28px;
    position: absolute;
    left: 8px;
    bottom: 8px;
    border-radius: 50%;
    text-align: center;
}
.art-player-wrapper .pauseadv-mute img, .hkplayer .pauseadv-mute img
{
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
.art-player-wrapper .pauseadv-mask, .hkplayer .pauseadv-mask
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
}
.art-player-wrapper .pauseadv-img, .hkplayer .pauseadv-img
{
    width: 100%;
    height: 100%;
    display: block;
}
.art-player-wrapper .pauseadv-link, .hkplayer .pauseadv-link
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.art-player-wrapper .pauseadv-link .pausetag, .hkplayer .pauseadv-link .pausetag
{
    left: 4px;
    bottom: 4px;
    padding: 4px 5px;
    line-height: 1;
}
.art-player-wrapper .pauseadv-mark, .hkplayer .pauseadv-mark
{
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 12px;
    padding: 0 9px;
    color: hsla(0,0%,100%,.8);
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    background: hsla(0,0%,100%,.3);
    border-radius: 3px;
    font-weight: 700;
}
.art-player-wrapper .pauseadv-text, .hkplayer .pauseadv-text
{
    position: absolute;
    left: 0;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAABgCAMAAACQTr/kAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALx2UD0AAAATdFJOUyYDd38wOVduFB2HDF+VT0FmSI7aGxTnAAADbklEQVR42u1U2XarMAwUJGEzYfv/j72ANwkTIre3D9gagZFGGtEzpYWigLp7C75gqWF1qpjFCR7mAkBc4AJgEhO4mKBblvdi/i7fPr/8+92Glus8Mf3WWjrYHHLA+RXejDxBPZwK3lfCd1hkoodFwAYsnS+6PfYE1d2irw7xtvRcDvr1H3znsBySY434RR94KH09WK0h0IqlQztR4oe7kEpaD52ADTErxqxHJ8ENeAjYWM3qHrtv+InvI3c1k6beVfJlxX1ZArZZ5UOCG1Cu53c8Lup89GDyLdxlC1Q5e91uXGaih1LAhpgVY1ZdSnAD6ros92uN2vOO23nUJyOH2bT1dQ37aVDai6Kk/ZDMQ1+uZgnYELPErD8ya6oluAGTgI3ty/KoT+7p8PzUy0AvX1bUl3WF/pfbE9NDv1F9gMmE7U1m7hOfhR5oT3enQOdSn0y0kYMeegEbYlaUWZUEN2C9LXp7ea63jJsIZjLSg2F6NNTTqZ5O4JU9emagh0rAhpgVY9ZQSXADhvW0qIadtEfA0xnUzUQPuqj8Nq+vBsqjDdWAVyavNy0YBGyIWVFmzRLcgFnAxmbWYC+PYfbE1zwbvXxZcV/W6Ipxy0e21oznowc9v2NG+Vl9xs856cHxeIYQswl70MGc9DAK2BCzYsx6jeNLx3bY/Iyz+RmXhx5eL53pjsZoixHRdspyuJ+JHnQ62imUOS1NsRytz0EPLwEbYlaUWU8JbuxmbZeu9UUDF8+zgWz0YGaNwiv9bU83E4zkooengA0xS8z6K7Mk2AHmRswTfEYfhwxcDpnovW4vHAukSxpoP77S1wPJAuKkuELueoHgh2gjInL8bMGd9at6f7T6GbQpv8FkVHelB7rg1nptgVGHN6nsa9x06xd81Lsl+HU31QvYELP+v1nNCdH85r231MOq4cQZwZR+XHg7PaxHs98Gp2lAtiZpj3LHH9gk9OA6rVHqRe2B9f7aMb+tJW36uvD3c1/9bpaACTErxizV+FihmpOn66um8aNuIF09bir9ZRkK26YMoYK30d6BSlLvA9SP0Kjf4Sb6wxhkb0iEHpSAjQuzig9k4Z7F5eok9AU1q7BRKBoBb3Jlu4oKUtbrDAoLvSyE41U4o87m0tIrzW6HguOYInsVYtyQoj9B6no/AYWADTErAv8AIqbTO1iKVzIAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 96px;
    padding: 12px 30px 0 12px;
    color: #fff;
}
.art-player-wrapper .pauseadv-text-p, .hkplayer .pauseadv-text-p
{
    overflow: hidden;
    height: 40px;
    line-height: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.art-player-wrapper .pauseadv-content, .hkplayer .pauseadv-content
{
    width: 60%;
    z-index: 1;
}
.art-player-wrapper .pauseadv-content-inner, .hkplayer .pauseadv-content-inner
{
    padding-top: 56.25%;
    position: relative;
}
.art-player-wrapper .pauseadv-close, .hkplayer .pauseadv-close
{
    width: 26px;
    height: 26px;
    position: absolute;
    right: -26px;
    top: -26px;
    cursor: pointer;
}
.art-player-wrapper .pauseadv-detail, .hkplayer .pauseadv-detail
{
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 12px;
    bottom: 12px;
    width: 93px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background: rgba(17,17,17,.6);
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
}
.art-player-wrapper .pauseadv-detail-text, .hkplayer .pauseadv-detail-text
{
    display: inline-block;
    font-family: PingFangSC-Regular;
}
.art-player-wrapper .pauseadv-detail-icon, .hkplayer .pauseadv-detail-icon
{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////wV68vgAAAAXdFJOUwBvXR/4S+0RBtI6m7d8L1MmwuTcpIyhZUdPoAAAAIJJREFUKM+NkUsShDAIBWO+aDTGGTX3v6kPt3mpkiVdQAPGvBGCoRFaW9MAtN/CyAbiJ1oTgU4hxM0gcyVEMkjcWTvrgS7WrvxBDuadVh0kI2/LQILcNJIufX7RNUnBDl9v+eDYn1JuVXW9ztHoU6ouneWzTlUddliLzxZ6iJyd+RgPvxoIBsDd1pEAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    margin-left: 4px;
}
.art-player-wrapper.hkplayer-cssfullscreen-active .videoadv-text-p, .art-player-wrapper.hkplayer-is-fullscreen .videoadv-text-p, .hkplayer.hkplayer-cssfullscreen-active .videoadv-text-p, .hkplayer.hkplayer-is-fullscreen .videoadv-text-p
{
    font-size: 22px;
    height: 60px;
    line-height: 30px;
}
.art-player-wrapper .videoadv, .hkplayer .videoadv
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.art-player-wrapper .videoadv-video, .hkplayer .videoadv-video
{
    width: 100%;
    height: 100%;
}
.art-player-wrapper .videoadv-link, .hkplayer .videoadv-link
{
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 58;
    width: 100%;
    height: 100%;
}
.art-player-wrapper .videoadv-link-img, .hkplayer .videoadv-link-img
{
    width: 100%;
    height: 100%;
}
.art-player-wrapper .videoadv-text, .hkplayer .videoadv-text
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-image: -webkit-gradient(linear,right top,left top,from(transparent),to(rgba(0,0,0,.6)));
    background-image: -webkit-linear-gradient(right,transparent,rgba(0,0,0,.6));
    background-image: linear-gradient(270deg,transparent,rgba(0,0,0,.6));
    padding: 26px 186px 0 20px;
}
.art-player-wrapper .videoadv-text-p, .hkplayer .videoadv-text-p
{
    color: #fff;
    height: 50px;
    line-height: 25px;
    font-size: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.art-player-wrapper .videoadv-detail, .hkplayer .videoadv-detail
{
    position: absolute;
    right: 23px;
    bottom: 20px;
    width: 120px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(17,17,17,.6);
    border-radius: 8px;
    font-size: 18px;
    color: #fff;
    -webkit-transition: bottom .2s ease-in-out;
    transition: bottom .2s ease-in-out;
}
.art-player-wrapper .videoadv-detail-icon, .hkplayer .videoadv-detail-icon
{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////wV68vgAAAAXdFJOUwBvXR/4S+0RBtI6m7d8L1MmwuTcpIyhZUdPoAAAAIJJREFUKM+NkUsShDAIBWO+aDTGGTX3v6kPt3mpkiVdQAPGvBGCoRFaW9MAtN/CyAbiJ1oTgU4hxM0gcyVEMkjcWTvrgS7WrvxBDuadVh0kI2/LQILcNJIufX7RNUnBDl9v+eDYn1JuVXW9ztHoU6ouneWzTlUddliLzxZ6iJyd+RgPvxoIBsDd1pEAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    margin-left: 4px;
}
.art-player-wrapper .videoadv-close, .hkplayer .videoadv-close
{
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 60;
    background: rgba(11,11,11,.6);
    border-radius: 3px;
    line-height: 1;
    padding: 4px 10px;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.art-player-wrapper .videoadv-close-text, .hkplayer .videoadv-close-text
{
    color: #fff;
}
.art-player-wrapper .videoadv-close-line, .hkplayer .videoadv-close-line
{
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #999;
    margin: 0 6px;
}
.art-player-wrapper .videoadv-close-btn, .hkplayer .videoadv-close-btn
{
    color: #fff;
    cursor: pointer;
}
.art-player-wrapper .videoadv-close-icon, .hkplayer .videoadv-close-icon
{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURUdwTNPT09PT09PT0////9TU1NPT09LS0lmqAmIAAAAHdFJOUwCbhY4CXtGALbTEAAAAtUlEQVQ4y93TsQ6CMBAG4KJld9CwuhhWNleML+DGysYMHe717WlL/5PfB1ASyN3l/9omgHN/ctVH017Waph7mO/kkctWkLRyKBkgpoGQ5TFFARK7XyFgLbnCbpjcf4Ic3YCUJeAdJkDTgQIlEwNKJPDXMsnYs/n9m2jiHh2ZV3qqQEH3uglIDwIcISm7JTnayJkBLRac+xK05FZyhniMYQ3AeWzMusgHPEkk69dem7P704/+5k//sTRtrbE09QAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain;
    cursor: pointer;
}
.hkplayer.hkplayer-ended.videoadv-play:hover .hkplayer-controls
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 61;
}
.hkplayer.hkplayer-ended.videoadv-play:hover .hkplayer-definition, .hkplayer.hkplayer-ended.videoadv-play:hover .hkplayer-play, .hkplayer.hkplayer-ended.videoadv-play:hover .hkplayer-playback, .hkplayer.hkplayer-ended.videoadv-play:hover .hkplayer-progress, .hkplayer.hkplayer-ended.videoadv-play:hover .hkplayer-time, .hkplayer.hkplayer-ended.videoadv-play:hover .hkplayer-videopip
{
    display: none;
}
.hkplayer.hkplayer-ended.videoadv-play:hover .videoadv-detail
{
    bottom: 60px;
}
.hkplayer.hkplayer-ended .hkplayer-pip-lay .pip-label, .hkplayer.hkplayer-ended.videoadv-img .hkplayer-replay, .hkplayer.hkplayer-ended.videoadv-play .hkplayer-replay
{
    display: none;
}
.hkplayer.hkplayer-pip-active .videoadv-close
{
    -webkit-transform: scale(.7);
    transform: scale(.7);
    top: 4px;
    right: 16px;
}
.hkplayer.hkplayer-pip-active .videoadv-close-icon, .hkplayer.hkplayer-pip-active .videoadv .videoadv-detail, .hkplayer.hkplayer-pip-active .videoadv .videoadv-text
{
    display: none;
}
.player-lefttip
{
    -webkit-transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,-webkit-transform .2s;
    transition: transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s,-webkit-transform .2s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
}
.player-lefttip .player-lefttip-inner
{
    min-height: 38px;
    background-color: rgba(0,0,0,.7);
    border-radius: 8px;
    line-height: 38px;
    padding: 0 12px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}
.player-lefttip .player-lefttip-content
{
    font-size: 14px;
    color: #fff;
    padding-right: 20px;
    display: inline-block;
}
.player-lefttip .player-lefttip-content-event
{
    cursor: pointer;
}
.player-lefttip-text
{
    opacity: .8;
}
.player-lefttip .player-lefttip-hilight
{
    opacity: 1;
    font-weight: 600;
    padding-left: 5px;
}
.player-lefttip .player-lefttip-close
{
    background-image: url(../image/1a3e35171fc1.png);
    width: 13px;
    height: 13px;
    background-size: 8px 8px;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -6px;
}
.player-lefttip-active
{
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
}
.player-pause-code .player-pause-code-inner
{
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
    width: 140px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}
.player-pause-code .player-pause-code-code
{
    background-image: url(../image/58eba29559c7.png);
    background-size: 100% 100%;
    width: 130px;
    height: 130px;
}
.player-pause-code .player-pause-code-text
{
    padding: 5px 0 1px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #999;
    letter-spacing: .7px;
    line-height: 12px;
}
.player-pause-code .player-pause-code-bottom-text
{
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
    font-weight: 500;
    margin-top: 16px;
}
.player-pause-code .player-pause-code-close
{
    background-image: url(../image/b8356e34a477.png);
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 18px auto 0;
    cursor: pointer;
}
.videoend
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 150;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.videoend-next
{
    height: 60px;
    background: rgba(0,0,0,.4);
    border-radius: 30px;
    margin-top: 32px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #fff;
    line-height: 60px;
    padding: 0 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.videoend-next:after
{
    content: " ";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMTIgMTkuMDE1bDkuMzI3LTUuNTIzYTEuNzQ5IDEuNzQ5IDAgMDAtLjAwNi0zLjAxNEw2LjA3NCA0Ljk4MUExLjc0OSAxLjc0OSAwIDAwMy40NCA2LjQ5NmwuMDQgMTEuMDJhMS43NDkgMS43NDkgMCAwMDIuNjQgMS40OTl6bTEzLjE2Ni0xNC43M2MuNzEgMCAxLjI4NS41NzYgMS4yODUgMS4yODZWMTguNDNhMS4yODYgMS4yODYgMCAwMS0yLjU3MSAwVjUuNTdjMC0uNzEuNTc2LTEuMjg1IDEuMjg2LTEuMjg1eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 12px;
    margin-bottom: -6px;
}
.videoend-replay
{
    text-align: center;
    margin-top: 25px;
}
.videoend-replay-button-group
{
    text-align: center;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.videoend-replay-button
{
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    height: 34px;
    background: hsla(0,0%,100%,.3);
    border-radius: 8px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 34px;
    text-align: center;
    margin-right: 16px;
    cursor: pointer;
    outline: none;
    border: none;
}
.videoend-replay-button-text
{
    color: #fff;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0;
    padding-left: 19px;
    display: inline-block;
    height: 100%;
}
.videoend-replay-button-text:hover
{
    color: #fff;
}
.videoend-replay-button:last-child
{
    margin: 0;
}
.videoend-replay-replay .videoend-replay-button-text
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNzM4IDBDMTIuMyAwIDE2IDMuNTgxIDE2IDhjMCA0LjQxOS0zLjcgOC04LjI2MiA4LTMuNDA0IDAtNi40MjMtMi4wMTMtNy42Ny01LjAyMmEuOTA2LjkwNiAwIDAxLjUyMi0xLjE5Ljk1Ljk1IDAgMDExLjIyNC41MDdjLjk2MyAyLjMyMiAzLjI5NCAzLjg3NiA1LjkyNCAzLjg3NiAzLjUyNCAwIDYuMzgtMi43NjMgNi4zOC02LjE3MSAwLTMuNDA4LTIuODU2LTYuMTcxLTYuMzgtNi4xNzEtMi41NDggMC00LjgyIDEuNDU4LTUuODM0IDMuNjcyYS45MTMuOTEzIDAgMDEtLjIzOC4zMTQuODU5Ljg1OSAwIDAxLS42NjguMzI2Yy0uNTA1IDAtLjkxNC0uNDQ4LS45MTQtMS4wNjd2LTMuMmMwLS42MTkuNDEtMS4wNjcuOTE0LTEuMDY3LjUwNSAwIC45MTQuNDQ4LjkxNCAxLjA2N3YuNDUzQTguMzkyIDguMzkyIDAgMDE3LjczOCAweiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.videoend-replay-next .videoend-replay-button-text
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMTIgMTkuMDE1bDkuMzI3LTUuNTIzYTEuNzQ5IDEuNzQ5IDAgMDAtLjAwNi0zLjAxNEw2LjA3NCA0Ljk4MUExLjc0OSAxLjc0OSAwIDAwMy40NCA2LjQ5NmwuMDQgMTEuMDJhMS43NDkgMS43NDkgMCAwMDIuNjQgMS40OTl6bTEzLjE2Ni0xNC43M2MuNzEgMCAxLjI4NS41NzYgMS4yODUgMS4yODZWMTguNDNhMS4yODYgMS4yODYgMCAwMS0yLjU3MSAwVjUuNTdjMC0uNzEuNTc2LTEuMjg1IDEuMjg2LTEuMjg1eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
}
.videoend-replay-download
{
    background: #ff4141;
}
.videoend-replay-download .videoend-replay-button-text
{
    background-image: url(../image/a846014f65f2.png);
}
.videoend-adimage
{
    width: 60%;
    overflow: hidden;
}
.mediago-videoend
{
    overflow: hidden;
    z-index: 150;
}
.mediago-videoend, .player-replay-wrapper
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.player-replay-wrapper
{
    z-index: 50;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
}
.player-replay-wrapper .player-replay
{
    text-align: center;
}
.player-replay-wrapper svg
{
    cursor: pointer;
}
.player-replay-wrapper .player-replay-txt
{
    cursor: pointer;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff;
    line-height: 34px;
}
.videoend-aditem
{
    display: none;
    position: relative;
}
.videoend-adlist
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.videoend-lianmeng
{
    position: absolute;
    width: 60%;
    overflow: hidden;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 50;
}
.nookad
{
    position: absolute;
    right: 12px;
    bottom: 74px;
    z-index: 100;
}
.nookad-close
{
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    right: -4px;
    top: -4px;
    background-image: url(../image/c2a287cb7014.png);
    background-size: 100% 100%;
    cursor: pointer;
}
.nookad-ad
{
    overflow: hidden;
}
.nookad-hide
{
    display: none;
}
.third-link
{
    z-index: 996;
}
.third-link, .third-link-text
{
    position: absolute;
    width: 152px;
}
.third-link-text
{
    font-size: 20px;
    font-weight: 600;
    word-wrap: break-word;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    left: 0;
    z-index: 998;
    padding: 0 20px;
    height: 120px;
    line-height: 120px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.third-link-text, .third-link-text span
{
    vertical-align: middle;
    display: inline-block;
}
.third-link-text span
{
    line-height: normal;
}
.third-link-circle
{
    z-index: 997;
}
.third-link-like
{
    margin-top: 10px;
}
.third-link-like:hover
{
    cursor: pointer;
}
.vote
{
    position: absolute;
    width: 170px;
    z-index: 996;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.vote-text
{
    font-size: 20px;
    font-weight: 600;
    word-wrap: break-word;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    position: absolute;
    z-index: 998;
    padding: 0 20px;
    width: 152px;
    height: 120px;
    line-height: 120px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.vote-text, .vote-text span
{
    vertical-align: middle;
    display: inline-block;
}
.vote-text span
{
    line-height: normal;
}
.vote-circle
{
    width: 152px;
    z-index: 997;
}
.vote-opitions
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-top: 7px;
}
.vote-opitions-checked .vote-opition-text
{
    left: 18px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.vote-opitions-checked .vote-opition-percent
{
    display: block;
}
.vote-opitions-checked .vote-opition:hover
{
    cursor: default;
}
.vote-opition
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
    height: 43px;
    border-radius: 20px;
    background-color: hsla(0,0%,100%,.97);
    overflow: hidden;
    z-index: 990;
}
.vote-opition:hover
{
    cursor: pointer;
}
.vote-opition-color
{
    position: absolute;
    height: 100%;
    background-color: #ebebeb;
    -webkit-transition: width .5s;
    transition: width .5s;
    z-index: 991;
    width: 0;
}
.vote-opition-checked .vote-opition-color
{
    background-color: #76e5ff;
}
.vote-opition-text
{
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 15px;
    font-weight: 700;
    font-family: PingFang SC;
    z-index: 999;
}
.vote-opition-percent
{
    display: none;
    position: absolute;
    right: 14px;
    color: #717170;
    font-size: 17px;
    font-family: PingFang SC;
    z-index: 999;
}
.vote-opition-percent span
{
    font-size: 15px;
}
.land-recommend-item
{
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.land-recommend-item:hover .land-item-top
{
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
.land-recommend-item:hover .land-item-top .video-img
{
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}
.land-recommend-item:hover .land-bottom-title
{
    color: #ff4141;
}
.land-recommend-item-link
{
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.land-recommend-item-top
{
    width: 168px;
    height: 94px;
    position: relative;
    margin-right: 8px;
    border-radius: 3px;
    overflow: hidden;
    float: left;
}
.land-recommend-item-top .video-img
{
    width: 100%;
    height: 100%;
    border-radius: 3px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
.land-recommend-bottom
{
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}
.land-recommend-bottom-title
{
    font-size: 16px;
    color: #111622;
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 6px;
}
.land-recommend-bottom-author, .land-recommend-bottom-info
{
    font-size: 14px;
    color: #505666;
    letter-spacing: 0;
    line-height: 22px;
}
.land-recommend-videotime
{
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(37%,rgba(0,0,0,.15)),to(rgba(0,0,0,.5)));
    background-image: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.15) 37%,rgba(0,0,0,.5));
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.15) 37%,rgba(0,0,0,.5));
    width: 100%;
    height: 40px;
    line-height: 12px;
    color: #fff;
    font-size: 12px;
    text-align: right;
    padding: 20px 6px 6px 0;
}
.loading-large
{
    height: 60px;
    line-height: 60px;
}
.loading-common
{
    text-align: center;
}
.loading-common span
{
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin: 3px;
    background: #cf00ff;
    border-radius: 50%;
    -webkit-animation: loading 1s infinite alternate;
    animation: loading 1s infinite alternate;
}
.loading-common span:nth-of-type(2)
{
    background: #ff4141;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.loading-common span:nth-of-type(3)
{
    background: #f80;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
@-webkit-keyframes loading
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes loading
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
body, html
{
    width: 100%;
}
input::-ms-clear, input::-ms-reveal
{
    display: none;
}
*, :after, :before
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html
{
    font-family: sans-serif;
    line-height: 1.15;
    -ms-overflow-style: scrollbar;
}
@-ms-viewport{width:device-width}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section
{
    display: block;
}
body
{
    margin: 0;
    color: rgba(0,0,0,.65);
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-variant: tabular-nums;
    background-color: #fff;
    -webkit-font-feature-settings: "tnum","tnum";
    font-feature-settings: "tnum","tnum";
}
[tabindex="-1"]:focus
{
    outline: none!important;
}
hr
{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
h1, h2, h3, h4, h5, h6
{
    margin-top: 0;
    margin-bottom: .5em;
    color: rgba(0,0,0,.85);
    font-weight: 500;
}
p
{
    margin-top: 0;
    margin-bottom: 1em;
}
abbr[data-original-title], abbr[title]
{
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    border-bottom: 0;
    cursor: help;
}
address
{
    margin-bottom: 1em;
    font-style: normal;
    line-height: inherit;
}
input[type=number], input[type=password], input[type=text], textarea
{
    -webkit-appearance: none;
}
dl, ol, ul
{
    margin-top: 0;
    margin-bottom: 1em;
}
ol ol, ol ul, ul ol, ul ul
{
    margin-bottom: 0;
}
dt
{
    font-weight: 500;
}
dd
{
    margin-bottom: .5em;
    margin-left: 0;
}
blockquote
{
    margin: 0 0 1em;
}
dfn
{
    font-style: italic;
}
b, strong
{
    font-weight: bolder;
}
small
{
    font-size: 80%;
}
sub, sup
{
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub
{
    bottom: -.25em;
}
sup
{
    top: -.5em;
}
a
{
    color: #1890ff;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-text-decoration-skip: objects;
}
a:hover
{
    color: #40a9ff;
}
a:active
{
    color: #096dd9;
}
a:active, a:hover
{
    text-decoration: none;
    outline: 0;
}
a[disabled]
{
    color: rgba(0,0,0,.25);
    cursor: not-allowed;
    pointer-events: none;
}
code, kbd, pre, samp
{
    font-size: 1em;
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
}
pre
{
    margin-top: 0;
    margin-bottom: 1em;
    overflow: auto;
}
figure
{
    margin: 0 0 1em;
}
img
{
    border-style: none;
}
svg:not(:root)
{
    overflow: hidden;
}
[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea
{
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
table
{
    border-collapse: collapse;
}
caption
{
    padding-top: .75em;
    padding-bottom: .3em;
    color: rgba(0,0,0,.45);
    text-align: left;
    caption-side: bottom;
}
th
{
    text-align: inherit;
}
button, input, optgroup, select, textarea
{
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}
button, input
{
    overflow: visible;
}
button, select
{
    text-transform: none;
}
[type=reset], [type=submit], button, html [type=button]
{
    -webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner
{
    padding: 0;
    border-style: none;
}
input[type=checkbox], input[type=radio]
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type=date], input[type=datetime-local], input[type=month], input[type=time]
{
    -webkit-appearance: listbox;
}
textarea
{
    overflow: auto;
    resize: vertical;
}
fieldset
{
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
legend
{
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: .5em;
    padding: 0;
    color: inherit;
    font-size: 1.5em;
    line-height: inherit;
    white-space: normal;
}
progress
{
    vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button
{
    height: auto;
}
[type=search]
{
    outline-offset: -2px;
    -webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration
{
    -webkit-appearance: none;
}
::-webkit-file-upload-button
{
    font: inherit;
    -webkit-appearance: button;
}
output
{
    display: inline-block;
}
summary
{
    display: list-item;
}
template
{
    display: none;
}
[hidden]
{
    display: none!important;
}
mark
{
    padding: .2em;
    background-color: #feffe6;
}
::-moz-selection
{
    color: #fff;
    background: #1890ff;
}
::selection
{
    color: #fff;
    background: #1890ff;
}
.clearfix
{
    zoom: 1;
}
.clearfix:after, .clearfix:before
{
    display: table;
    content: "";
}
.clearfix:after
{
    clear: both;
}
.anticon
{
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.anticon>*
{
    line-height: 1;
}
.anticon svg
{
    display: inline-block;
}
.anticon:before
{
    display: none;
}
.anticon .anticon-icon
{
    display: block;
}
.anticon[tabindex]
{
    cursor: pointer;
}
.anticon-spin, .anticon-spin:before
{
    display: inline-block;
    -webkit-animation: loadingCircle 1s linear infinite;
    animation: loadingCircle 1s linear infinite;
}
.fade-appear, .fade-enter, .fade-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.fade-appear.fade-appear-active, .fade-enter.fade-enter-active
{
    -webkit-animation-name: antFadeIn;
    animation-name: antFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.fade-leave.fade-leave-active
{
    -webkit-animation-name: antFadeOut;
    animation-name: antFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.fade-appear, .fade-enter
{
    opacity: 0;
}
.fade-appear, .fade-enter, .fade-leave
{
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes antFadeIn
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@-webkit-keyframes antFadeOut
{
    0%
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
@keyframes antFadeOut
{
    0%
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
.move-up-appear, .move-up-enter, .move-up-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.move-up-appear.move-up-appear-active, .move-up-enter.move-up-enter-active
{
    -webkit-animation-name: antMoveUpIn;
    animation-name: antMoveUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.move-up-leave.move-up-leave-active
{
    -webkit-animation-name: antMoveUpOut;
    animation-name: antMoveUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.move-up-appear, .move-up-enter
{
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
}
.move-up-leave
{
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34);
}
.move-down-appear, .move-down-enter, .move-down-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.move-down-appear.move-down-appear-active, .move-down-enter.move-down-enter-active
{
    -webkit-animation-name: antMoveDownIn;
    animation-name: antMoveDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.move-down-leave.move-down-leave-active
{
    -webkit-animation-name: antMoveDownOut;
    animation-name: antMoveDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.move-down-appear, .move-down-enter
{
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
}
.move-down-leave
{
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34);
}
.move-left-appear, .move-left-enter, .move-left-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.move-left-appear.move-left-appear-active, .move-left-enter.move-left-enter-active
{
    -webkit-animation-name: antMoveLeftIn;
    animation-name: antMoveLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.move-left-leave.move-left-leave-active
{
    -webkit-animation-name: antMoveLeftOut;
    animation-name: antMoveLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.move-left-appear, .move-left-enter
{
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
}
.move-left-leave
{
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34);
}
.move-right-appear, .move-right-enter, .move-right-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.move-right-appear.move-right-appear-active, .move-right-enter.move-right-enter-active
{
    -webkit-animation-name: antMoveRightIn;
    animation-name: antMoveRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.move-right-leave.move-right-leave-active
{
    -webkit-animation-name: antMoveRightOut;
    animation-name: antMoveRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.move-right-appear, .move-right-enter
{
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
}
.move-right-leave
{
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34);
}
@-webkit-keyframes antMoveDownIn
{
    0%
    {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}
@keyframes antMoveDownIn
{
    0%
    {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}
@-webkit-keyframes antMoveDownOut
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}
@keyframes antMoveDownOut
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}
@-webkit-keyframes antMoveLeftIn
{
    0%
    {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}
@keyframes antMoveLeftIn
{
    0%
    {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}
@-webkit-keyframes antMoveLeftOut
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}
@keyframes antMoveLeftOut
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}
@-webkit-keyframes antMoveRightIn
{
    0%
    {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}
@keyframes antMoveRightIn
{
    0%
    {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}
@-webkit-keyframes antMoveRightOut
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}
@keyframes antMoveRightOut
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}
@-webkit-keyframes antMoveUpIn
{
    0%
    {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}
@keyframes antMoveUpIn
{
    0%
    {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}
@-webkit-keyframes antMoveUpOut
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}
@keyframes antMoveUpOut
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}
@-webkit-keyframes loadingCircle
{
    to
    {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes loadingCircle
{
    to
    {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
[ant-click-animating-without-extra-node=true], [ant-click-animating=true]
{
    position: relative;
}
html
{
    --antd-wave-shadow-color: #1890ff;
}
.ant-click-animating-node, [ant-click-animating-without-extra-node=true]:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: inherit;
    -webkit-box-shadow: 0 0 0 0 #1890ff;
    box-shadow: 0 0 0 0 #1890ff;
    -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
    box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
    opacity: .2;
    -webkit-animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1);
    animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none;
}
@-webkit-keyframes waveEffect
{
    to
    {
        -webkit-box-shadow: 0 0 0 #1890ff;
        box-shadow: 0 0 0 #1890ff;
        -webkit-box-shadow: 0 0 0 6px #1890ff;
        box-shadow: 0 0 0 6px #1890ff;
        -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
    }
}
@keyframes waveEffect
{
    to
    {
        -webkit-box-shadow: 0 0 0 #1890ff;
        box-shadow: 0 0 0 #1890ff;
        -webkit-box-shadow: 0 0 0 6px #1890ff;
        box-shadow: 0 0 0 6px #1890ff;
        -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
    }
}
@-webkit-keyframes fadeEffect
{
    to
    {
        opacity: 0;
    }
}
@keyframes fadeEffect
{
    to
    {
        opacity: 0;
    }
}
.slide-up-appear, .slide-up-enter, .slide-up-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.slide-up-appear.slide-up-appear-active, .slide-up-enter.slide-up-enter-active
{
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active
{
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.slide-up-appear, .slide-up-enter
{
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1);
}
.slide-up-leave
{
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
}
.slide-down-appear, .slide-down-enter, .slide-down-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.slide-down-appear.slide-down-appear-active, .slide-down-enter.slide-down-enter-active
{
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active
{
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.slide-down-appear, .slide-down-enter
{
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1);
}
.slide-down-leave
{
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
}
.slide-left-appear, .slide-left-enter, .slide-left-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.slide-left-appear.slide-left-appear-active, .slide-left-enter.slide-left-enter-active
{
    -webkit-animation-name: antSlideLeftIn;
    animation-name: antSlideLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active
{
    -webkit-animation-name: antSlideLeftOut;
    animation-name: antSlideLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.slide-left-appear, .slide-left-enter
{
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1);
}
.slide-left-leave
{
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
}
.slide-right-appear, .slide-right-enter, .slide-right-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.slide-right-appear.slide-right-appear-active, .slide-right-enter.slide-right-enter-active
{
    -webkit-animation-name: antSlideRightIn;
    animation-name: antSlideRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active
{
    -webkit-animation-name: antSlideRightOut;
    animation-name: antSlideRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.slide-right-appear, .slide-right-enter
{
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1);
}
.slide-right-leave
{
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
}
@-webkit-keyframes antSlideUpIn
{
    0%
    {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}
@keyframes antSlideUpIn
{
    0%
    {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}
@-webkit-keyframes antSlideUpOut
{
    0%
    {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}
@keyframes antSlideUpOut
{
    0%
    {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}
@-webkit-keyframes antSlideDownIn
{
    0%
    {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1;
    }
}
@keyframes antSlideDownIn
{
    0%
    {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1;
    }
}
@-webkit-keyframes antSlideDownOut
{
    0%
    {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1;
    }
    to
    {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0;
    }
}
@keyframes antSlideDownOut
{
    0%
    {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1;
    }
    to
    {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0;
    }
}
@-webkit-keyframes antSlideLeftIn
{
    0%
    {
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}
@keyframes antSlideLeftIn
{
    0%
    {
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}
@-webkit-keyframes antSlideLeftOut
{
    0%
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}
@keyframes antSlideLeftOut
{
    0%
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}
@-webkit-keyframes antSlideRightIn
{
    0%
    {
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1;
    }
}
@keyframes antSlideRightIn
{
    0%
    {
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1;
    }
}
@-webkit-keyframes antSlideRightOut
{
    0%
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0;
    }
}
@keyframes antSlideRightOut
{
    0%
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1;
    }
    to
    {
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0;
    }
}
.swing-appear, .swing-enter
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.swing-appear.swing-appear-active, .swing-enter.swing-enter-active
{
    -webkit-animation-name: antSwingIn;
    animation-name: antSwingIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
@-webkit-keyframes antSwingIn
{
    0%, to
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20%
    {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    40%
    {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    60%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    80%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
}
@keyframes antSwingIn
{
    0%, to
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20%
    {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    40%
    {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    60%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    80%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
}
.zoom-appear, .zoom-enter, .zoom-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.zoom-appear.zoom-appear-active, .zoom-enter.zoom-enter-active
{
    -webkit-animation-name: antZoomIn;
    animation-name: antZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.zoom-leave.zoom-leave-active
{
    -webkit-animation-name: antZoomOut;
    animation-name: antZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.zoom-appear, .zoom-enter
{
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
}
.zoom-leave
{
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86);
}
.zoom-big-appear, .zoom-big-enter, .zoom-big-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.zoom-big-appear.zoom-big-appear-active, .zoom-big-enter.zoom-big-enter-active
{
    -webkit-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active
{
    -webkit-animation-name: antZoomBigOut;
    animation-name: antZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.zoom-big-appear, .zoom-big-enter
{
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
}
.zoom-big-leave
{
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86);
}
.zoom-big-fast-appear, .zoom-big-fast-enter, .zoom-big-fast-leave
{
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.zoom-big-fast-appear.zoom-big-fast-appear-active, .zoom-big-fast-enter.zoom-big-fast-enter-active
{
    -webkit-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active
{
    -webkit-animation-name: antZoomBigOut;
    animation-name: antZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.zoom-big-fast-appear, .zoom-big-fast-enter
{
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
}
.zoom-big-fast-leave
{
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86);
}
.zoom-up-appear, .zoom-up-enter, .zoom-up-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.zoom-up-appear.zoom-up-appear-active, .zoom-up-enter.zoom-up-enter-active
{
    -webkit-animation-name: antZoomUpIn;
    animation-name: antZoomUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active
{
    -webkit-animation-name: antZoomUpOut;
    animation-name: antZoomUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.zoom-up-appear, .zoom-up-enter
{
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
}
.zoom-up-leave
{
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86);
}
.zoom-down-appear, .zoom-down-enter, .zoom-down-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.zoom-down-appear.zoom-down-appear-active, .zoom-down-enter.zoom-down-enter-active
{
    -webkit-animation-name: antZoomDownIn;
    animation-name: antZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active
{
    -webkit-animation-name: antZoomDownOut;
    animation-name: antZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.zoom-down-appear, .zoom-down-enter
{
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
}
.zoom-down-leave
{
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86);
}
.zoom-left-appear, .zoom-left-enter, .zoom-left-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.zoom-left-appear.zoom-left-appear-active, .zoom-left-enter.zoom-left-enter-active
{
    -webkit-animation-name: antZoomLeftIn;
    animation-name: antZoomLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active
{
    -webkit-animation-name: antZoomLeftOut;
    animation-name: antZoomLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.zoom-left-appear, .zoom-left-enter
{
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
}
.zoom-left-leave
{
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86);
}
.zoom-right-appear, .zoom-right-enter, .zoom-right-leave
{
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.zoom-right-appear.zoom-right-appear-active, .zoom-right-enter.zoom-right-enter-active
{
    -webkit-animation-name: antZoomRightIn;
    animation-name: antZoomRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active
{
    -webkit-animation-name: antZoomRightOut;
    animation-name: antZoomRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
}
.zoom-right-appear, .zoom-right-enter
{
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
}
.zoom-right-leave
{
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86);
}
@-webkit-keyframes antZoomIn
{
    0%
    {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0;
    }
    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes antZoomIn
{
    0%
    {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0;
    }
    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes antZoomOut
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to
    {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0;
    }
}
@keyframes antZoomOut
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to
    {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0;
    }
}
@-webkit-keyframes antZoomBigIn
{
    0%
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
    }
    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes antZoomBigIn
{
    0%
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
    }
    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes antZoomBigOut
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
    }
}
@keyframes antZoomBigOut
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
    }
}
@-webkit-keyframes antZoomUpIn
{
    0%
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
}
@keyframes antZoomUpIn
{
    0%
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
}
@-webkit-keyframes antZoomUpOut
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    to
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0;
    }
}
@keyframes antZoomUpOut
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    to
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0;
    }
}
@-webkit-keyframes antZoomLeftIn
{
    0%
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }
}
@keyframes antZoomLeftIn
{
    0%
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }
}
@-webkit-keyframes antZoomLeftOut
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }
    to
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0;
    }
}
@keyframes antZoomLeftOut
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }
    to
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0;
    }
}
@-webkit-keyframes antZoomRightIn
{
    0%
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }
}
@keyframes antZoomRightIn
{
    0%
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }
}
@-webkit-keyframes antZoomRightOut
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }
    to
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0;
    }
}
@keyframes antZoomRightOut
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }
    to
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0;
    }
}
@-webkit-keyframes antZoomDownIn
{
    0%
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}
@keyframes antZoomDownIn
{
    0%
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}
@-webkit-keyframes antZoomDownOut
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
    to
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
}
@keyframes antZoomDownOut
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
    to
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
}
.ant-motion-collapse-legacy
{
    overflow: hidden;
}
.ant-motion-collapse, .ant-motion-collapse-legacy-active
{
    -webkit-transition: height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)!important;
    transition: height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)!important;
}
.ant-motion-collapse
{
    overflow: hidden;
}
.ant-switch
{
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum","tnum";
    font-feature-settings: "tnum","tnum";
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 44px;
    height: 22px;
    line-height: 20px;
    vertical-align: middle;
    background-color: rgba(0,0,0,.25);
    border: 1px solid transparent;
    border-radius: 100px;
    cursor: pointer;
    -webkit-transition: all .36s;
    transition: all .36s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ant-switch-inner
{
    display: block;
    margin-right: 6px;
    margin-left: 24px;
    color: #fff;
    font-size: 12px;
}
.ant-switch-loading-icon, .ant-switch:after
{
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 18px;
    cursor: pointer;
    -webkit-transition: all .36s cubic-bezier(.78,.14,.15,.86);
    transition: all .36s cubic-bezier(.78,.14,.15,.86);
    content: " ";
}
.ant-switch:after
{
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,35,11,.2);
    box-shadow: 0 2px 4px 0 rgba(0,35,11,.2);
}
.ant-switch:not(.ant-switch-disabled):active:after, .ant-switch:not(.ant-switch-disabled):active:before
{
    width: 24px;
}
.ant-switch-loading-icon
{
    z-index: 1;
    display: none;
    font-size: 12px;
    background: transparent;
}
.ant-switch-loading-icon svg
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.ant-switch-loading .ant-switch-loading-icon
{
    display: inline-block;
    color: rgba(0,0,0,.65);
}
.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon
{
    color: #1890ff;
}
.ant-switch:focus
{
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2);
    box-shadow: 0 0 0 2px rgba(24,144,255,.2);
}
.ant-switch:focus:hover
{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ant-switch-small
{
    min-width: 28px;
    height: 16px;
    line-height: 14px;
}
.ant-switch-small .ant-switch-inner
{
    margin-right: 3px;
    margin-left: 18px;
    font-size: 12px;
}
.ant-switch-small:after
{
    width: 12px;
    height: 12px;
}
.ant-switch-small:active:after, .ant-switch-small:active:before
{
    width: 16px;
}
.ant-switch-small .ant-switch-loading-icon
{
    width: 12px;
    height: 12px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner
{
    margin-right: 18px;
    margin-left: 3px;
}
.ant-switch-small.ant-switch-checked .ant-switch-loading-icon
{
    left: 100%;
    margin-left: -13px;
}
.ant-switch-small.ant-switch-loading .ant-switch-loading-icon
{
    font-weight: 700;
    -webkit-transform: scale(.66667);
    transform: scale(.66667);
}
.ant-switch-checked
{
    background-color: #1890ff;
}
.ant-switch-checked .ant-switch-inner
{
    margin-right: 24px;
    margin-left: 6px;
}
.ant-switch-checked:after
{
    left: 100%;
    margin-left: -1px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.ant-switch-checked .ant-switch-loading-icon
{
    left: 100%;
    margin-left: -19px;
}
.ant-switch-disabled, .ant-switch-loading
{
    cursor: not-allowed;
    opacity: .4;
}
.ant-switch-disabled *, .ant-switch-disabled:after, .ant-switch-disabled:before, .ant-switch-loading *, .ant-switch-loading:after, .ant-switch-loading:before
{
    cursor: not-allowed;
}
@-webkit-keyframes AntSwitchSmallLoadingCircle
{
    0%
    {
        -webkit-transform: rotate(0deg) scale(.66667);
        transform: rotate(0deg) scale(.66667);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    to
    {
        -webkit-transform: rotate(1turn) scale(.66667);
        transform: rotate(1turn) scale(.66667);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
}
@keyframes AntSwitchSmallLoadingCircle
{
    0%
    {
        -webkit-transform: rotate(0deg) scale(.66667);
        transform: rotate(0deg) scale(.66667);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    to
    {
        -webkit-transform: rotate(1turn) scale(.66667);
        transform: rotate(1turn) scale(.66667);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
}
.land-recommend
{
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: auto;
    scrollbar-color: hsla(0,0%,100%,0) hsla(0,0%,100%,0);
    scrollbar-width: thin;
}
.land-recommend::-webkit-scrollbar
{
    width: 8px;
}
.land-recommend::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    background-color: hsla(0,0%,100%,0);
}
.land-recommend::-webkit-scrollbar-track
{
    margin-top: 0;
    margin-bottom: 8px;
}
.land-recommend:hover
{
    scrollbar-color: #e1e1e1 hsla(0,0%,100%,0);
}
.land-recommend:hover::-webkit-scrollbar-thumb
{
    background-color: #e1e1e1;
}
.land-recommend-title
{
    margin-bottom: 12px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.land-recommend-title-play
{
    color: #111622;
    font-size: 20px;
    display: inline-block;
    width: 159px;
}
.land-recommend-title-switch
{
    font-size: 14px;
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 8px;
    color: #999;
    font-weight: 400;
}
.land-recommend-loading
{
    height: 83px;
    border-radius: 5px;
    margin-bottom: 16px;
}
.land-recommend-list
{
    width: 100%;
}
.land-recommend-switch.ant-switch-checked
{
    background-image: -webkit-gradient(linear,left top,right top,color-stop(2%,#ff3d37),to(#ff6128));
    background-image: -webkit-linear-gradient(left,#ff3d37 2%,#ff6128);
    background-image: linear-gradient(90deg,#ff3d37 2%,#ff6128);
    background-color: #ff6128;
}
.land-recommend-switch.ant-switch
{
    min-width: 33px;
    height: 20px;
}
.land-recommend-ad
{
    margin-bottom: 16px;
}
html
{
    --antd-wave-shadow-color: #ff4141;
}
.author-link
{
    width: 54px;
    height: 54px;
    background-color: #eee;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTPj4+P////j4+Pb29vX19fj4+Pf39/T09PHx8fb29uTk5Ofn5+Hh4dvb2+zs7Mnbh48AAAAJdFJOUwCRDizpw0TM8FxCOtoAAAQeSURBVEjHhVe7btxWEKXzKlRtETeqUtgw4Mq1KsedVTkuXblO6dKf4M5AmnttgFKkxLrTuDZIYmuCG/gDKO4f7PbXUqDM6z74kDIrkCvu4cyZJ4dFMZbv7x8DyvlvT4q75LufEWQBHJ5+/eV23L13DLEO6HOxug33kFBgLR35hpfLuEf0szXGlMYbQwzgzaJdYucYx2KRASxY/4kMEoo+viQ0XXk9Ax5aNqtIEefgdIp7AIRjdiTeMxhJP5vEmRxVfQrCM1sfR/7IQaZP8OwRuLOpJ8zMox7PR77Pezf253dymGClnCSYJauEv0cMHV8vNYo++GRKl7N8HCJjyhAdLwo5RX9G4LEFYe8DXr7yycJ5ljxlr856oat3gl2NXIkcKX+RI/4ld7AAo7uo6Waz2dwoSTKOjifLapXsdxXJV5O4OC2ix5w8r64KLiHxKoD4/ZaCKByNuaqCtCZctfYTN1RUiAquI66qvSaqRHeo0X4Uip5d7RIQjZdSHgh8gcAD1ihF8zHDVXUwhLZPqLSd40IhnVc5sGq9xAwD9B6B7yAGsexGwLXwoXxfkC8QOs+PLKMESuwNJ5qz7yeWq0rCQwHCkP8ALjTADNiGnFt4Whw4JxWBtdBNgGv9BYEnxRG4UCxlNQVqg3trz4pDiBU1A9ahgg0OglcQp80CMPwEfxXHITrIcQ7UmjLYDtgu2h7m44JGr6ZdIQ0otb0AVB0WCkqMOn0LUFJTwB1er+MoIqCNt5kFoKbGsUavo3OWmbYMMygzTeB5rnOONhKZxcebVBUUxxCsqTfJadKoARcZk/wSokHzR1K4XJDexAmHKXylD5e57TqRp6I4tKlbxyqTz+jLKRVuZrucpkX5wxn2v8nlOk0UE3NrrDvB5srdNv/sFHhp0vMTo/OU2zXD7fe7HmHNdn9pco4rHAA2cfl3zzLwcZ1M8zgLI4VKfNjtk+zaMiq8oCEV3S6bIUPuhj5atvQ0PoiB/DAMwzbidrvhS9R4ooNUpEGNw6C4LX69jE6/KMI4I4XVwMgtat0iru/7Ng0zHfZcOg2GBVkOUTQ71n2Sx4cDcaVqmop1Crjvm0pKRx8fGnIu76ZK6mJhxK1G1okrykiFh74Z+gGP9M+afbbhoUntINWNthmMpz7UZHpo3uOnZlaJvaC0hrJ96hhtzyZUaAdw59mqALcB2+hzWI+uloFrXKaejPajD8JpgutagLPxguS6JYW1nSx8RwCfSYFqDYq7b2OFwnLBnXbMUNZCC9iBXdeRWqHRfcXbn80WTbx4XbP5jm+oa8TZ04XVFXmXNeNQbVXX7fLqionE5fvzJmjcfAPnYLW8XtPybW42XY0LEqlbXq9xYYdc8K6Xd7wCWF6/Hb0GnK/+56WCGdz9UsGvKc9p9/9j9pryH6zyzm/yXA6bAAAAAElFTkSuQmCC);
    border-radius: 50%;
    position: relative;
    margin-right: 12px;
}
.author-link, .vip
{
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.vip
{
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 20px;
    height: 20px;
}
.vip-1
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB1UExURUdwTP////////////////////////////////////////////////////////////////////////////////9BQf/v7/9RUf9dXf/6+v/V1f9JSf/Gxv/g4P9ubv+Ojv+dnf+np/+9vf+srP97e/+Hh/+2tt0VAeIAAAAUdFJOUwAWj+17OZ/4yU4KIeCsZgPUurfmUs2ZrgAAAuFJREFUSMeVV9mWgjAMRXaQEWUoO7Lq/3/i0E3akmInDx4ONiS5N1stC5Q4cv0wcYLASULf9WLLWC5uGOSSBI/bxUg1euSQBD/ed9Uw10p2rn792Y8WzXuZpmVuiv2dfeJ8xEMt3q8SfaR6zTX741dr3GUnmrVFirSvnoV+g9lhLvcrAmVg7tspwA9FqhiQTtqROp8dWI+pblOiE6mo8R9Vmfo8t+hUyoYccyGsRvRV3uRgJHFkqovQTDAXGLsSfmcTXdQSz5NYDrhpjZRRSVCzJaeLEhnKEzMWXJkyYWlAxrLg875guDfXZY5T0xl+XP+hjMZP1BeClpRIL/VT7SpWGWqxaSfl+SGennAUEnzP7XA9qKYjBlch0LTmqistTelKiJpBFuMEeaspJKG/5IcExJmSMKxfR+Xdmao+Ko8UbxKyGOGL9ZOJv+jYi6eIAg3ax1YkaFnDqSvh3CadBD+tzFAlSj2tfItJQRBLFLxUPwc1ih2xh+Vsv4vSbRhC/U6TRCY3EFrB8aucG0yX8HhQvoPKuznRiUNDuUNuC4FCNAluJ2AD4hBDNH0AywCqRLpAmnaqjkki0QXRxCvDpel5/DJHCqKJl15keWphKHTB7Q3XfH6hJQm07PYz06H21hOmLAuvIDXQszldR5q2oHgTu2n85nR1SOM1HjmXQOPaU0cT7b3JPmygno8dr1dd16dz1tPQsdkehwqa8WTesMUoM56vQpfjk87TxQYLSRDns5H5/xmTNPf2jSr+zcHyAKccYTAU9imPrAZvE2WyGDhXcSm5GS1DfB0KlCXSNljDtnhp1h1WyIxW3/MUZ1qntm71rBet8WrWL5986S1GMPJyqU/W3jTl63YxHqxXEytvR7dwp17Ca7gZnx/75Tr1/H141a/6sR2I94Ru7jrxlhDc0vNbhq+9nwTbDeNcObWutgOpJq7ZzSqN/ETWvNveF6Oy+9t98BHe72Hmu9HFglX/AH+W6PqlRcn5AAAAAElFTkSuQmCC);
}
.vip-2
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABvUExURUdwTP///////////////////////////////////////////////////////////////////////////ziX8P///0Sd8fD3/obA9qbQ+FGk8nG09Pr8/r/e+prK9+by/bbZ+dXp/Fyq883l+9vs/LNAkiQAAAAUdFJOUwDfeaFODOz4yxwwrGaGPZG6t5mVHsexQgAAAspJREFUSMeVV9naqyAMdF+62fYggvvS93/GUxYVIVj+XPkBI5NJCMHzQIujIMz8JE0TPwuDR+w5Wx5kaXmw9Hlzw0fPErL0evkNzUqrPc/h+XVfWi0j7Skdp2ofe5+Qj1ZXq5FgtFlNulZOJA8bNpArpgbphskgXb/B0ZGUBxPKjUj6d8hdoVRFkM1wL8i/DMdjgZ1qdGKz4H7VwYJzh9Gp4QViLrTq0U8b+cLoECNXrESnSrrkPL4dcrKJrfXjo8MTdgPXw8FtTrqqkaPNrUqcR4kgZ6NsfahsPLhjEea5lnPwi302fwCjniEKLjVX6yAJ0X+FG6JKgplmyZYfjebScJBv/vJsib51JOWqlImm1KkIH8tZ4SYli1mCjEYCqurT0khAluO+1JqY4GrLmbo1wb3Qm7usJheR9YSuA50cmHXfIi/UXEboI9a2taqBlvqYjQRcr+UA1lZr/5JWccV8TS+FZwN6sZ+tp5eYE6tCnz1Min673JmXAlVAxoYFQfk02AkwBTOfbaeSAMAAbcXRg/smbUAwRWIoTJtgLx6qyZhrDtdja1YZ5tgbSJJDuKAw7UnC09P886oUFKY9PR+WAkZ3sG02F0eysxUqMExS0O+R9FgL0gI1ew0XVN7mtYjdbIX3YwuTZM2aBM4bqryNLUzCJX+/bKCtGfG2sW0sLpyLJRxf13oCXUI8jKko+qLq9+41f9xq/rp1O7tiuRZJvl6Tb35bOV6xM0+AvaOK2bnUKpn1luPXc6a0FQ/eGowu4OVI2lszxQEt2qFUayLvDm3Y1ogZLeRL9I6nmjfisBS21rOlVtFreYsVUOd6l0e/B+GYtmdt79ZuD73h+kyrXw33xV/P8NI3eO8p6Gcdz3J7qx/flWdNNS1dt6ivBBvlbfPQ+j5Ji/z3q6pIIKh/z91eZVHoa8h/D+8Pln/fg8/sa68wiGx7/gcRoOQQy2aNFwAAAABJRU5ErkJggg==);
}
.vip-3
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURUdwTP////////////////////////////////////////////////////////////////////////////+4IP/DQ//89v/fmv+7Kv/46v/vzv++NP/Uef/lr//qu//z2v/ajP/LW//PaJujqPsAAAATdFJOUwAN36CQGuz4y3s2uEVSrGYEJLw+g4WmAAACuklEQVRIx5VXV5aDMAykGwJJyGI6hHL/Qy64xE0mznztC55VGVmSPQ+EX2RhGiQIJUEaZkXpOSPOUlQpQH9P34la5BUE9Lh9p6aVFfk1PX6Io/0wtwfmoRe/RRfO33mo/byP+IN6mhv2IbEaz9iJYe+whm5aWOhPWB3m8rJjEBNzP4LCpZnqJ2xDt1LncyNwn3KHEV+gpsYfOpn6PHf4EuNAjmVQrlb8FTM5eFc0cuUyNpIUi4m+swsXd8TzwFcDHjonMh57RbCCaDRiR9SnYujFyESlCTujPc+HkuHFnYtHUizUNLm/+w9kvH6ijkm2lKCmTU/xPskp6c6cJSWvj10LaRmNspx003eWrl6Saa90Vzpa0rUUNUuZj7T6oAUoG2orowDPSglYrneTLJypG5O80nyTkOUId9ZPWv7Dm/0guY03GnR4WlFSyxpOU0vnDryV9NObmepC6ae1/8XQk4wF5n3ifhK1Jz0KkbHcS8wPPEOLkEkRkxtIPWSSuTanXNKfjmRhTnYCIANuS4Eq4ZvkAGxAizri3sYBmjBTKlkuUCYhlVkkilyQTPxmZLQ8a7hRVbBMojwLSwNrBdn2NfZKBLfs7jPTofa20Cvp/Z0ZAXo2l8uU6QiKN7GnrfEuNpmY14XHWgnk2maTifbeQAwbyPTpeLPZDNM5e7PIcYS2TrV13sSe6Pqre8+f5Ul3s8UGgzS5JOZjMvplTNLaExuVn1Tg9QCnHFEwlfbgm/tqMKhOe7xSvi5DfB1C2hIZOaxhR7y06owVkm7Z/WXO98ayQLLVs2mtxms2xaLSvvQ2Kxj52DZXa2/J1+1+NazXjHqxcN8CfoeHdfvYH7f200zT2L7qlxGS3wnvA/IrAT2v30iv0Po+QVH89X3zihKIGmSx08uqvIeBxowK7we87lmYpwfyMLvbbP4Dba7dEBRCzakAAAAASUVORK5CYII=);
}
.follow-container
{
    padding: 0;
    text-align: center;
}
.follow-container .follow-btn
{
    padding: 4px 15px;
    background-color: #ff4141;
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid transparent;
}
.follow-container .follow-btn .icon-add
{
    margin-right: 5px;
    position: relative;
    width: 8px;
    height: 8px;
    display: inline-block;
    text-align: center;
}
.follow-container .follow-btn .icon-add:before
{
    content: " ";
    left: 0;
    height: 2px;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 100%;
    background-color: #fff;
}
.follow-container .follow-btn .icon-add:after
{
    content: " ";
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    margin-left: -1px;
    width: 2px;
    background-color: #fff;
}
.follow-container .followed
{
    background-color: #fff;
    border: 1px solid #d9d9d9;
    color: #b3b3b3;
}
.livebtn
{
    display: inline-block;
    height: 20px;
    border-radius: 10px;
    background-color: #f33;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    line-height: 20px;
    padding: 0 12px 0 22px;
    background-image: url(../image/9557bd3b37a1.gif);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 6px;
}
.livebtn, .livebtn:hover
{
    color: #fff!important;
}
.videoinfo
{
    margin-top: 21px;
}
.videoinfo-title
{
    font-size: 24px;
    max-height: 60px;
    line-height: 30px;
    color: #111622;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.videoinfo-author
{
    padding: 29px 0 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.videoinfo-author-main
{
    position: relative;
    padding-bottom: 6px;
}
.videoinfo-author-main-code
{
    position: absolute;
    background-color: #fff;
    padding: 10px 0;
    text-align: center;
    width: 110px;
    top: 60px;
    left: 50%;
    margin-left: -55px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
    border-radius: 5px;
    z-index: 10;
    font-size: 10px;
    display: none;
}
.videoinfo-author-main-img
{
    width: 80px;
    height: 80px;
    margin: 5px auto;
}
.videoinfo-author-main-codetitle
{
    color: #ff4141;
}
.videoinfo-author-detail
{
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}
.videoinfo-author-detail .tag-1
{
    font-size: 18px;
    font-weight: 600;
    color: #111622;
}
.videoinfo-author-detail .tag-2
{
    color: #505666;
    font-size: 14px;
    line-height: 20px;
    margin-top: 3px;
    padding-right: 15px;
}
.videoinfo-author-detail-num
{
    padding-right: 24px;
}
.videoinfo-author-follow-btn
{
    padding-right: 16px;
}
.videoinfo-author-follow-btn .follow-btn
{
    border-radius: 0;
    padding: 0;
    font-size: 16px;
    height: 32px;
    width: 108px;
    border-radius: 3px;
}
.videoinfo-author-live
{
    margin-top: -2px;
    vertical-align: middle;
    margin-left: 8px;
}
.hotsearch
{
    width: 100%;
    overflow: hidden;
}
.hotsearch-title
{
    font-size: 30px;
    padding: 12px 0;
}
.hotsearch-item
{
    margin-top: 16px;
}
.hotsearch-item-num
{
    height: 48px;
    width: 48px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.hotsearch-item:first-child .hotsearch-item-num
{
    background-image: url(../image/ba4dd20747b7.png);
}
.hotsearch-item:first-child .hotsearch-link-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNjQzIDEyLjI3MmMtLjM5NS41OTYtLjYyMSAxLjYwMy0uNDkyIDIuNjA1LjI5NCAyLjI5IDIuMzc0IDQuMzA5IDQuOTQ0IDQuNTYuMjE1LjAyMi40MjcuMDMyLjYzNi4wMzIgMy4xMDMgMCA1LjYyLTIuNDE1IDUuNjItNS4xODIgMC0uNDI0LS4wNi0uODM2LS4xNzItMS4yM2ExLjEzIDEuMTMgMCAwMC0uMDkxLS4zMTVjLS4wMi0uMDQ2LS4wNDItLjA5LS4wNjMtLjEzNmE0LjkxIDQuOTEgMCAwMC0xLjAzNy0xLjU4OGMtMS4xNjQtMS4zNC0yLjUtMi4wMDYtMi41LTMuMyAwLS42NDYuMzQ2LTEuMDA5Ljc4My0xLjIxLjQ5NC0uMjI2LjM2MS0uODktLjE4NC0uOTg0LS4yMjMtLjAzOS0uMzY1LS4wNS0uMzY1LS4wNWE2LjA0MSA2LjA0MSAwIDAwLS4yNjQtLjAwNWMtMy4wMjMgMC00LjQ5MiAzLjAxLTQuNjE0IDMuNDQtLjAyMS4wNTItLjg2NyAyLjExNi0uMTQ0IDQuNDExLjA1NC4xODItLjA1Ny4yNDMtLjE3OC4yNDNhLjM5NS4zOTUgMCAwMS0uMTkzLS4wNWMtLjUxMy0uMzEtLjQyMi0uNzY2LS43MTUtMS4yM2EuNjU2LjY1NiAwIDAwLS4wMTMtLjAxOGMtLjE2Mi0uMjM2LS41MTUtLjMtLjc3NS0uMTUgMCAwLS4wODkuMDUzLS4xODMuMTU3eiIgZmlsbD0iI0ZGNDE0MSIvPjwvc3ZnPg==);
}
.hotsearch-item:first-child .hotsearch-link-count
{
    color: #ff4141;
}
.hotsearch-item:nth-child(2) .hotsearch-item-num
{
    background-image: url(../image/2946a0eed1f0.png);
}
.hotsearch-item:nth-child(2) .hotsearch-link-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNjQzIDEyLjI3MmMtLjM5NS41OTYtLjYyMSAxLjYwMy0uNDkyIDIuNjA1LjI5NCAyLjI5IDIuMzc0IDQuMzA5IDQuOTQ0IDQuNTYuMjE1LjAyMi40MjcuMDMyLjYzNi4wMzIgMy4xMDMgMCA1LjYyLTIuNDE1IDUuNjItNS4xODIgMC0uNDI0LS4wNi0uODM2LS4xNzItMS4yM2ExLjEzIDEuMTMgMCAwMC0uMDkxLS4zMTVjLS4wMi0uMDQ2LS4wNDItLjA5LS4wNjMtLjEzNmE0LjkxIDQuOTEgMCAwMC0xLjAzNy0xLjU4OGMtMS4xNjQtMS4zNC0yLjUtMi4wMDYtMi41LTMuMyAwLS42NDYuMzQ2LTEuMDA5Ljc4My0xLjIxLjQ5NC0uMjI2LjM2MS0uODktLjE4NC0uOTg0LS4yMjMtLjAzOS0uMzY1LS4wNS0uMzY1LS4wNWE2LjA0MSA2LjA0MSAwIDAwLS4yNjQtLjAwNWMtMy4wMjMgMC00LjQ5MiAzLjAxLTQuNjE0IDMuNDQtLjAyMS4wNTItLjg2NyAyLjExNi0uMTQ0IDQuNDExLjA1NC4xODItLjA1Ny4yNDMtLjE3OC4yNDNhLjM5NS4zOTUgMCAwMS0uMTkzLS4wNWMtLjUxMy0uMzEtLjQyMi0uNzY2LS43MTUtMS4yM2EuNjU2LjY1NiAwIDAwLS4wMTMtLjAxOGMtLjE2Mi0uMjM2LS41MTUtLjMtLjc3NS0uMTUgMCAwLS4wODkuMDUzLS4xODMuMTU3eiIgZmlsbD0iI0ZGODkxQSIvPjwvc3ZnPg==);
}
.hotsearch-item:nth-child(2) .hotsearch-link-count
{
    color: #ff891a;
}
.hotsearch-item:nth-child(3) .hotsearch-item-num
{
    background-image: url(../image/fc5f2fbb31d6.png);
}
.hotsearch-item:nth-child(3) .hotsearch-link-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNjQzIDEyLjI3MmMtLjM5NS41OTYtLjYyMSAxLjYwMy0uNDkyIDIuNjA1LjI5NCAyLjI5IDIuMzc0IDQuMzA5IDQuOTQ0IDQuNTYuMjE1LjAyMi40MjcuMDMyLjYzNi4wMzIgMy4xMDMgMCA1LjYyLTIuNDE1IDUuNjItNS4xODIgMC0uNDI0LS4wNi0uODM2LS4xNzItMS4yM2ExLjEzIDEuMTMgMCAwMC0uMDkxLS4zMTVjLS4wMi0uMDQ2LS4wNDItLjA5LS4wNjMtLjEzNmE0LjkxIDQuOTEgMCAwMC0xLjAzNy0xLjU4OGMtMS4xNjQtMS4zNC0yLjUtMi4wMDYtMi41LTMuMyAwLS42NDYuMzQ2LTEuMDA5Ljc4My0xLjIxLjQ5NC0uMjI2LjM2MS0uODktLjE4NC0uOTg0LS4yMjMtLjAzOS0uMzY1LS4wNS0uMzY1LS4wNWE2LjA0MSA2LjA0MSAwIDAwLS4yNjQtLjAwNWMtMy4wMjMgMC00LjQ5MiAzLjAxLTQuNjE0IDMuNDQtLjAyMS4wNTItLjg2NyAyLjExNi0uMTQ0IDQuNDExLjA1NC4xODItLjA1Ny4yNDMtLjE3OC4yNDNhLjM5NS4zOTUgMCAwMS0uMTkzLS4wNWMtLjUxMy0uMzEtLjQyMi0uNzY2LS43MTUtMS4yM2EuNjU2LjY1NiAwIDAwLS4wMTMtLjAxOGMtLjE2Mi0uMjM2LS41MTUtLjMtLjc3NS0uMTUgMCAwLS4wODkuMDUzLS4xODMuMTU3eiIgZmlsbD0iI0ZGQjQwRiIvPjwvc3ZnPg==);
}
.hotsearch-item:nth-child(3) .hotsearch-link-count
{
    color: #ffb40f;
}
.hotsearch-item:nth-child(4) .hotsearch-item-num
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0RDRERFMCIgZD0iTTMxLjQ2MiA4LjA5NmgtNy4zNUwxMC43OTggMjcuNjY4bC0xLjI2IDYuMjU4SDIxLjU1TDIwLjc1MiAzOGg2LjIxNmwuODQtNC4wNzRoMi4xbDEuMjYtNi4yNThoLTIuMjI2bC43OTgtMy45NDhoLTYuMjE2bC0uNzk4IDMuOTQ4aC00LjU3OHoiLz48L3N2Zz4=);
}
.hotsearch-item:nth-child(5) .hotsearch-item-num
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMzLjQzNiA4LjA5NmgtMTcuMjJsLTMuNDg2IDE3LjQzaDUuOTY0Yy40NjItLjkyNCAxLjMwMi0yLjE0MiAzLjE1LTIuMTQyIDEuNjggMCAyLjE0MiAxLjEzNCAyLjE0MiAyLjQ3OCAwIC40NjItLjA4NCAxLjA1LS4yNTIgMS45MzItLjU0NiAyLjczLTEuNjM4IDQuNTM2LTMuNTcgNC41MzYtMS42OCAwLTIuMTQyLTEuMTM0LTIuMTQyLTIuNDc4IDAtLjI1MiAwLS41MDQuMDQyLS43OThoLTYuMjU4YTIwLjM3NSAyMC4zNzUgMCAwMC0uMTI2IDEuODA2YzAgNC4zNjggMy4yMzQgNy4zOTIgNy45OCA3LjM5MiAzLjM2IDAgNS42Ny0xLjEzNCA3LjI2Ni0yLjczIDIuMTQyLTIuMTQyIDMuMDY2LTUuMTY2IDMuNTI4LTcuNzI4LjE2OC0uNzk4LjI1Mi0xLjk3NC4yNTItMi44MTQgMC0zLjU3LTIuMTQyLTcuMDk4LTcuMDE0LTcuMDk4LTEuMzQ0IDAtMi40NzguMjEtMy42OTYgMS4wNWwuOTY2LTQuOTE0SDMyLjI2bDEuMTc2LTUuOTIyeiIgZmlsbD0iI0RDRERFMCIvPjwvc3ZnPg==);
}
.hotsearch-item:nth-child(6) .hotsearch-item-num
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMwLjU4IDguMDk2aC03LjI2NkwxNC43ODggMjAuOTljLTIuMzk0IDMuNjEyLTMuNjEyIDUuNzk2LTMuNjEyIDkuMDMgMCAzLjY5NiAyLjU2MiA4LjIzMiA5LjAzIDguMjMyIDYuMzQyIDAgMTAuMjA2LTQuNDk0IDEwLjIwNi0xMC4zMzIgMC00LjkxNC0yLjg1Ni03Ljg1NC02LjYzNi03Ljg1NC0uNTQ2IDAtLjg4MiAwLTEuNDI4LjEyNkwzMC41OCA4LjA5NnptLTYuNzIgMjAuMDc2YzAgMi4yMjYtMS4yNiA0LjE1OC0zLjQ0NCA0LjE1OC0xLjU1NCAwLTIuNjg4LS44NC0yLjY4OC0yLjg5OCAwLTIuMjI2IDEuMjYtNC4xNTggMy40NDQtNC4xNTggMS41NTQgMCAyLjY4OC44NCAyLjY4OCAyLjg5OHoiIGZpbGw9IiNEQ0RERTAiLz48L3N2Zz4=);
}
.hotsearch-item:nth-child(7) .hotsearch-item-num
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0RDRERFMCIgZD0iTTM0LjY1NCA4LjA5NkgxNC45NTZsLTIuMSAxMC41aDYuMjE2bC45MjQtNC41NzhoNi4xNzRMMTIuNzcyIDM4aDcuMzA4bDEzLjM5OC0yMy45ODJ6Ii8+PC9zdmc+);
}
.hotsearch-item:nth-child(8) .hotsearch-item-num
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMyLjQ3IDE2LjE2YzAtNS4wNC0zLjU3LTguMzE2LTguNjEtOC4zMTYtNi4yMTYgMC0xMC4xMjIgNC4yNDItMTAuMTIyIDkuMTU2IDAgMi44MTQgMS4xMzQgNC4yODQgMi4wMTYgNS4yMDgtMy4wNjYgMS43NjQtNC43MDQgNC42NjItNC43MDQgNy44MTIgMCA1LjYyOCAzLjk0OCA4LjIzMiA4LjgyIDguMjMyIDYuNTk0IDAgMTAuNTQyLTQuMjQyIDEwLjU0Mi05LjkxMiAwLTMuMDY2LTEuNDctNC41MzYtMi4xODQtNS4yMDggMi4yMjYtMS4yNiA0LjI0Mi0zLjkwNiA0LjI0Mi02Ljk3MnptLTYuNjM2LjE2OGMwIDIuMTg0LTEuNDcgMy41Ny0zLjE5MiAzLjU3LTEuNTk2IDAtMi4zMS0xLjM0NC0yLjMxLTIuNTYyIDAtMi4xODQgMS40Ny0zLjU3IDMuMTkyLTMuNTcgMS41OTYgMCAyLjMxIDEuMzQ0IDIuMzEgMi41NjJ6bS0yLjA1OCAxMi4xMzhjMCAyLjMxLTEuNTk2IDMuODY0LTMuNDg2IDMuODY0LTEuODQ4IDAtMi42MDQtMS41NTQtMi42MDQtMi44NTYgMC0yLjMxIDEuNTk2LTMuODY0IDMuNDg2LTMuODY0IDEuODQ4IDAgMi42MDQgMS41NTQgMi42MDQgMi44NTZ6IiBmaWxsPSIjRENEREUwIi8+PC9zdmc+);
}
.hotsearch-item:nth-child(9) .hotsearch-item-num
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMyLjY4IDE2LjA3NmMwLTMuNjk2LTIuNTYyLTguMjMyLTkuMDMtOC4yMzItNi4zNDIgMC0xMC4yMDYgNC40OTQtMTAuMjA2IDEwLjMzMiAwIDQuOTE0IDIuODU2IDcuODU0IDYuNjM2IDcuODU0LjU0NiAwIC44ODIgMCAxLjQyOC0uMTI2TDEzLjI3NiAzOGg3LjI2Nmw4LjUyNi0xMi44OTRjMi4zOTQtMy42MTIgMy42MTItNS43OTYgMy42MTItOS4wM3ptLTYuNTUyLjU4OGMwIDIuMjI2LTEuMjYgNC4xNTgtMy40NDQgNC4xNTgtMS41NTQgMC0yLjY4OC0uODQtMi42ODgtMi44OTggMC0yLjIyNiAxLjI2LTQuMTU4IDMuNDQ0LTQuMTU4IDEuNTU0IDAgMi42ODguODQgMi42ODggMi44OTh6IiBmaWxsPSIjRENEREUwIi8+PC9zdmc+);
}
.hotsearch-item:nth-child(10) .hotsearch-item-num
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5Ljk5MiA4LjA5NkgxMy40NGwtNy4wNTYgNC45NTYtMS40NyA3LjQzNCA3LjA1Ni00Ljk1Nkw3LjQ3NiAzOGg2LjU1Mmw1Ljk2NC0yOS45MDR6bTI0LjUyOCA3LjMwOGMwLTQuMDMyLTIuNzcyLTcuNTYtOC4wMjItNy41Ni00LjQ1MiAwLTguOTg4IDIuMzUyLTEwLjM3NCA5LjMyNGwtMi4yNjggMTEuNDI0Yy0uMTI2LjYzLS4yMSAxLjU5Ni0uMjEgMi4xIDAgNC4wMzIgMi43NzIgNy41NiA4LjAyMiA3LjU2IDQuNDUyIDAgOC45ODgtMi4zNTIgMTAuMzc0LTkuMzI0bDIuMjY4LTExLjQyNGMuMTI2LS42My4yMS0xLjU5Ni4yMS0yLjF6bS02LjUxLjU0NmMwIC4zNzgtLjA4NC45MjQtLjE2OCAxLjMwMkwzNS40OSAyOS4xMzhjLS41NDYgMi42ODgtMS45MzIgMy4xOTItMy4xOTIgMy4xOTItMS4wMDggMC0yLjE0Mi0uNTA0LTIuMTQyLTIuMTg0IDAtLjM3OC4wODQtLjkyNC4xNjgtMS4zMDJsMi4zNTItMTEuODg2Yy41NDYtMi42ODggMS45MzItMy4xOTIgMy4xOTItMy4xOTIgMS4wMDggMCAyLjE0Mi41MDQgMi4xNDIgMi4xODR6IiBmaWxsPSIjRENEREUwIi8+PC9zdmc+);
}
.hotsearch-link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 18px;
}
.hotsearch-link-text
{
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    max-width: -17%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    margin-left: 11px;
    color: #030303;
    font-size: 16px;
}
.hotsearch-link-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNjQzIDEyLjI3MmMtLjM5NS41OTYtLjYyMSAxLjYwMy0uNDkyIDIuNjA1LjI5NCAyLjI5IDIuMzc0IDQuMzA5IDQuOTQ0IDQuNTYuMjE1LjAyMi40MjcuMDMyLjYzNi4wMzIgMy4xMDMgMCA1LjYyLTIuNDE1IDUuNjItNS4xODIgMC0uNDI0LS4wNi0uODM2LS4xNzItMS4yM2ExLjEzIDEuMTMgMCAwMC0uMDkxLS4zMTVjLS4wMi0uMDQ2LS4wNDItLjA5LS4wNjMtLjEzNmE0LjkxIDQuOTEgMCAwMC0xLjAzNy0xLjU4OGMtMS4xNjQtMS4zNC0yLjUtMi4wMDYtMi41LTMuMyAwLS42NDYuMzQ2LTEuMDA5Ljc4My0xLjIxLjQ5NC0uMjI2LjM2MS0uODktLjE4NC0uOTg0LS4yMjMtLjAzOS0uMzY1LS4wNS0uMzY1LS4wNWE2LjA0MSA2LjA0MSAwIDAwLS4yNjQtLjAwNWMtMy4wMjMgMC00LjQ5MiAzLjAxLTQuNjE0IDMuNDQtLjAyMS4wNTItLjg2NyAyLjExNi0uMTQ0IDQuNDExLjA1NC4xODItLjA1Ny4yNDMtLjE3OC4yNDNhLjM5NS4zOTUgMCAwMS0uMTkzLS4wNWMtLjUxMy0uMzEtLjQyMi0uNzY2LS43MTUtMS4yM2EuNjU2LjY1NiAwIDAwLS4wMTMtLjAxOGMtLjE2Mi0uMjM2LS41MTUtLjMtLjc3NS0uMTUgMCAwLS4wODkuMDUzLS4xODMuMTU3eiIgZmlsbD0iIzUwNTY2NiIvPjwvc3ZnPg==);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.hotsearch-link-count
{
    color: #505666;
    font-size: 18px;
}
.hotsearch-link:hover
{
    color: #ff4141;
}
.area
{
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}
.area.firstshow
{
    margin-bottom: 15px;
}
.area.hide
{
    display: none;
}
.area-opt
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.area-opt-left
{
    cursor: not-allowed;
}
.area-opt-left:hover
{
    color: #b3b3b3;
}
.area-opt-click
{
    cursor: pointer;
}
.area-opt-emoji
{
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDJhOCA4IDAgMTEwIDE2IDggOCAwIDAxMC0xNnptMCAxLjVhNi41IDYuNSAwIDEwMCAxMyA2LjUgNi41IDAgMDAwLTEzek03Ljk1NSA5LjUzNmwuMDcuMDhjLjI3LjM3IDEuMTIzLjczNCAxLjk3NS43MzQuODQ3IDAgMS42OC0uMzU5IDEuOTktLjc1MmEuNjUuNjUgMCAxMTEuMDIuODA0Yy0uNTcuNzI1LTEuNzgzIDEuMjQ4LTMuMDEgMS4yNDgtMS4yNCAwLTIuNDg3LS41MzQtMy4wMjQtMS4yNjZhLjY1LjY1IDAgMDEuOTc5LS44NDh6bS0uOTYtMy4zNDJhLjg4OS44ODkgMCAxMTAgMS43NzguODg5Ljg4OSAwIDAxMC0xLjc3OHptNi4wMSAwYS44ODkuODg5IDAgMTEwIDEuNzc4Ljg4OS44ODkgMCAwMTAtMS43Nzh6IiBmaWxsPSIjQjNCM0IzIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.area-opt-emoji, .area-opt-emojitext
{
    display: inline-block;
    vertical-align: middle;
}
.area-opt-emojitext
{
    color: #888;
    margin-left: 4px;
    font-size: 12px;
}
.area-button
{
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    width: 108px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #ff4141;
}
.area-button[disabled]
{
    background-color: rgba(220,221,224,.4);
    cursor: not-allowed;
}
.area .font-nums
{
    margin-right: 15px;
    color: #999;
}
.area-top
{
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    overflow: hidden;
    padding: 0 12px 8px;
}
.area-top textarea::-webkit-input-placeholder
{
    color: #b3b3b3;
}
.area-input
{
    display: block;
    min-height: 50px;
    max-height: 90px;
    overflow: auto;
    padding: 10px 0;
    width: 100%;
    background-color: transparent;
}
.emojis
{
    background: #fff;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.08);
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.08);
    padding: 15px 10px 0 22px;
    border: .5px solid rgba(0,0,0,.06);
    position: relative;
    margin-bottom: 40px;
}
.emojis-content
{
    overflow-x: hidden;
    overflow-y: auto;
}
.emojis-content::-webkit-scrollbar-track
{
    background: #fff;
}
.emojis-content::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    background: #e4e4e4;
}
.emojis-content::-webkit-scrollbar
{
    width: 6px;
}
.emojis-list
{
    max-height: 180px;
}
.emojis-title
{
    position: relative;
    margin-bottom: 15px;
}
.emojis-title-text
{
    font-size: 12px;
}
.emojis-close
{
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURUdwTNPT09PT09PT0////9TU1NPT09LS0lmqAmIAAAAHdFJOUwCbhY4CXtGALbTEAAAAtUlEQVQ4y93TsQ6CMBAG4KJld9CwuhhWNleML+DGysYMHe717WlL/5PfB1ASyN3l/9omgHN/ctVH017Waph7mO/kkctWkLRyKBkgpoGQ5TFFARK7XyFgLbnCbpjcf4Ic3YCUJeAdJkDTgQIlEwNKJPDXMsnYs/n9m2jiHh2ZV3qqQEH3uglIDwIcISm7JTnayJkBLRac+xK05FZyhniMYQ3AeWzMusgHPEkk69dem7P704/+5k//sTRtrbE09QAAAABJRU5ErkJggg==);
    background-size: contain;
    top: 0;
    right: 5px;
}
.emojis-close, .emojis-item
{
    display: inline-block;
    cursor: pointer;
}
.emojis-item
{
    width: 28px;
    height: 28px;
    margin-right: 12px;
    margin-bottom: 12px;
    overflow: visible;
}
.emojis-item img
{
    width: 100%;
    height: 100%;
}
.emojis-mask
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 86%;
    height: 20px;
    border-radius: 4px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
    background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,0),#fff);
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    pointer-events: none;
}
.emojis-mask-scroll
{
    position: absolute;
    right: 8px;
    bottom: 0;
    width: 6px;
    height: 10px;
    background: #fff;
}
.second-detail
{
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.second-detail .comment-interaction
{
    margin-left: 0;
}
.second-detail .comment-item-text
{
    margin-top: -4px;
}
.second .comment-author
{
    line-height: 16px;
}
.second-author
{
    font-size: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.second .comment-item
{
    margin-top: 23px;
    padding-top: 0;
}
.second .comment-item:hover .comment-interaction .i-delete
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.second .comment-item:last-child:after
{
    opacity: 0;
}
.second .comment-author-icon
{
    margin-top: -2px;
}
.comment-second
{
    margin-top: 1px;
}
.comment-moresecond-btn
{
    width: 153px;
    height: 42px;
    background: #f7f7f7;
    border-radius: 3px;
    text-align: center;
    line-height: 42px;
    overflow: hidden;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #5d8eff;
    margin-top: 23px;
    cursor: pointer;
}
.comment-moresecond-btn:hover
{
    color: #ff4141;
}
.comment-moresecond .hide
{
    display: none;
}
.comment-moresecond .seemore
{
    cursor: pointer;
}
.comment-moresecond .seemore:hover
{
    color: #ff4141;
}
.comment-moresecond .seemore i, .moresecond-down i
{
    display: inline-block;
    vertical-align: middle;
}
.moresecond-down i
{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.collapse
{
    overflow: hidden;
    -webkit-transition: height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1);
    transition: height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1);
}
.first .area
{
    padding-left: 62px;
    margin-top: 15px;
}
.first .mar-10
{
    margin-bottom: 10px;
}
.comment
{
    width: 100%;
    overflow: hidden;
    position: relative;
    min-height: 400px;
}
.comment-emoji-layer
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}
.comment-content
{
    margin-top: 24px;
}
.comment-title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 30px;
    margin-bottom: 24px;
    color: #111622;
}
.comment-title-num
{
    font-size: 24px;
    color: #ff4141;
    padding-left: 8px;
    font-weight: 700;
}
.comment-first
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.comment-useravatar
{
    position: absolute;
    left: 0;
    top: 15px;
}
.comment-item
{
    padding-top: 24px;
}
.comment-item-info
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.comment-item-text
{
    margin-top: 5px;
    word-break: break-all;
    word-break: break-word;
    white-space: pre-wrap;
    font-family: inherit;
    overflow: unset;
    font-size: 16px;
    color: #111622;
    line-height: 24px;
}
.comment-item-text img
{
    margin: 0!important;
}
.comment-item-richtext
{
    padding: 5px 0;
}
.comment-item-richtext-img
{
    max-width: 400px;
    max-height: 300px;
}
.comment-item-title
{
    font-weight: 400;
    color: #666;
}
.comment-item-details
{
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}
.comment-item:hover .first-icon .i-delete
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.comment-item.first:after
{
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    margin-left: 72px;
    border-top: 1px solid #e8e8e8;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    display: block;
    content: " ";
    margin-top: 24px;
}
.comment-item.first:last-child:after
{
    display: none;
}
.comment-interaction
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3px 0 0 72px;
    color: #888;
    font-size: 14px;
    line-height: 16px;
}
.comment-second
{
    margin-left: 72px;
    border-radius: 5px;
}
.comment-author
{
    color: #505666;
    font-size: 14px;
    line-height: 14px;
}
.comment-author-icon
{
    display: inline-block;
    margin-left: 4px;
    width: 28px;
    height: 14px;
    background: url(../image/794739569f7f.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
}
.comment-like
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuMjAzIDEuMjg3YzEuNTEtLjQzNyAyLjkxNy44NDcgMi40MjYgMy4xNjZsLS4xNDkuNjc2aDEuNzkyYzEuNzMzIDAgMi44OTIgMS4zNyAyLjYyIDMuMDQ5bC0uMDM0LjE3NC0uNTc2IDIuNjNjLS4zNjIgMS42NTEtMS45OTIgMi45NjUtMy42NzggMi45NjVoLTUuOTRjLTEuMDQ5IDAtMS45LS44NTctMS45LTEuOTA1VjcuNDQ2YzAtMS4wNTMuODUxLTEuOTA1IDEuOTA4LTEuOTA2SDRsLjE0Ny0uMDA1Yy4zNjItLjAzNi42MS0uMjE5Ljg5MS0uNTg3LjI1OC0uMzM4LjM5OC0uNTYuNTQyLS44ODNsLjEyOC0uMzA5LjE4Ny0uNDk2LjIwNi0uNzE5Yy4yMTYtLjcxLjQ4LTEuMDc1IDEuMTAyLTEuMjU0ek00LjE5NSA2LjczYy0uMDguMDA2LS4xNjQuMDA5LS4yNS4wMDloLS4yNzJhLjcwNi43MDYgMCAwMC0uNzEuNzA3djQuNTk2YzAgLjM4Ny4zMTcuNzA1LjcuNzA1aC41MDd6bTQuMjYtMi41MjZjLjMwMi0xLjQyNi0uMjc0LTEuOTUxLS45MTgtMS43NjUtLjE0NC4wNDItLjIwMy4xMzYtLjMyOC41OTFsLS4xNTcuNTU0LS4xNy40Ny0uMTA2LjI2OC0uMDk2LjIyYTYuMDQgNi4wNCAwIDAxLS42ODggMS4xMzVjLS4xODcuMjQzLS4zOC40NDktLjU5Ni42MTJsLS4wMjYgNi40NThoNC4yMzRjMS4wNjkgMCAyLjE1Ni0uODM1IDIuNDY1LTEuODY2bC4wNC0uMTU3LjU3Ny0yLjYyOGMuMjItMS4wMS0uMzg4LTEuNzY2LTEuNDE0LTEuNzY2SDguNzI2YS42LjYgMCAwMS0uNTgyLS43NDRsLjAyNi0uMTA3LjE0Ny0uNjQ2eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.commentList-footer
{
    padding: 15px 0;
    color: #999;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
}
.iconmessage
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 24px;
    cursor: pointer;
}
.iconmessage:hover
{
    color: #ff4141;
}
.iconmessage.like-1 .comment-like, .iconmessage:hover .comment-like
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMTkyIDUuNTNsLS4wMzQgOC40MTdoLS40OTVhMS45MDYgMS45MDYgMCAwMS0xLjg5NC0xLjc1NmwtLjAwNS0uMTQ5VjcuNDQ2YzAtMS4wNTMuODUxLTEuOTA1IDEuOTA4LTEuOTA2SDRsLjE0Ny0uMDA1LjA0NS0uMDA2em0zLjAxMS00LjI0M2MxLjUxLS40MzcgMi45MTcuODQ3IDIuNDI2IDMuMTY2bC0uMTQ5LjY3NmgxLjc5MmMxLjczMyAwIDIuODkyIDEuMzcgMi42MiAzLjA0OWwtLjAzNC4xNzQtLjU3NiAyLjYzYy0uMzYyIDEuNjUxLTEuOTkyIDIuOTY1LTMuNjc4IDIuOTY1SDUuMzU4bC4wMzktOS41MmMuMDM5LS4wNjguMDc1LS4xMzYuMTEtLjIwOGwuMDczLS4xNTQuMTI4LS4zMDkuMTg3LS40OTYuMjA2LS43MTljLjIxNi0uNzEuNDgtMS4wNzUgMS4xMDItMS4yNTR6IiBmaWxsPSIjRkYyNjI2Ii8+PC9zdmc+);
}
.iconmessage .icon
{
    font-size: 18px;
    margin-right: 2px;
    vertical-align: middle;
    display: inline-block;
}
.iconmessage.i-delete
{
    display: none;
}
.iconmessage.i-delete .icon
{
    font-size: 16px;
}
.guess
{
    width: 100%;
}
.guess-top
{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.guess-title
{
    font-size: 30px;
    color: #111622;
}
.guess-change
{
    background: rgba(0,0,0,.04);
    border-radius: 15px;
    color: #000;
    height: 30px;
    padding: 0 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 16px;
}
.guess-change.default:hover, .guess-change.default:hover .icon
{
    color: #ff4141;
}
.guess-change.disabled .icon
{
    -webkit-animation: rotated .4s linear infinite;
    animation: rotated .4s linear infinite;
}
.guess-change .icon
{
    font-size: 20px;
    margin-right: 2px;
    color: #979797;
}
.guess-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -16px;
    overflow: hidden;
    margin-top: 4px;
}
.guess-item
{
    margin-top: 20px;
    padding-right: 16px;
    width: 33.33%;
}
.guess-item:hover .guess-item-top
{
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
.guess-item:hover .guess-item-top .video-img
{
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}
.guess-item:hover .guess-bottom-title
{
    color: #ff4141;
}
.guess-item-hide
{
    display: none;
}
.guess-item-link
{
    display: block;
    width: 100%;
    overflow: hidden;
}
.guess-item-ad, .guess-item-ad [class^=landGuess]
{
    height: 100%;
}
.guess-item-ad [class^=landGuess] iframe
{
    width: 100%;
    height: 100%;
}
.guess-item-top
{
    position: relative;
    padding-top: 56.25%;
    border-radius: 3px;
    overflow: hidden;
}
.guess-item-top .video-img
{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
.guess-bottom-title
{
    margin: 13px 0 0;
    line-height: 22px;
    font-size: 16px;
    color: #111622;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.guess-bottom-info
{
    font-size: 14px;
    color: #505666;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 7px;
}
.guess-like-index .guess-item
{
    margin-top: 20px;
    padding-right: 16px;
    width: 25%;
}
.guess-like-index .guess-item:hover
{
    cursor: pointer;
}
.guess-like-index .guess .loading-common
{
    height: 84px;
    line-height: 84px;
}
.guess-videotime
{
    position: absolute;
    left: 0;
    top: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(82%,transparent),to(rgba(0,0,0,.7)));
    background-image: -webkit-linear-gradient(top,transparent 82%,rgba(0,0,0,.7));
    background-image: linear-gradient(180deg,transparent 82%,rgba(0,0,0,.7));
    width: 100%;
    height: 100%;
    line-height: 14px;
    color: #fff;
    font-size: 14px;
    text-align: right;
}
.guess-videotime-text
{
    position: absolute;
    bottom: 8px;
    right: 12px;
}
@media screen and (min-width: 1616px)
{
    .guess-item
    {
        width: 25%;
    }
}
@media screen and (min-width: 1888px)
{
    .guess-item
    {
        width: 20%;
    }
}
@media screen and (min-width: 2160px)
{
    .guess-item
    {
        width: 16.66%;
    }
}
@-webkit-keyframes rotated
{
    0%
    {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    to
    {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@keyframes rotated
{
    0%
    {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    to
    {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
.adblocktest
{
    bottom: 0;
}
.adblocktest, .video-small
{
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
}
.video-small
{
    top: 0;
    pointer-events: none;
}
.banner, .banner-link
{
    width: 100%;
    overflow: hidden;
}
.banner-link
{
    outline: none;
    border: none;
    background-repeat: no-repeat;
    background-size: auto 100px;
    background-position: 50%;
    height: 100px;
    display: block;
    font-size: 0;
    line-height: 0;
    border-radius: 5px;
    text-align: center;
}
.landrightbanner
{
    position: relative;
    width: 100%;
    margin-bottom: 28px;
    overflow: hidden;
}
.landrightbanner-content
{
    width: 100%;
    height: 100%;
}
.landrightbanner-element
{
    width: 100%;
    height: 100%;
    max-height: 388px;
}
.landrightbanner-taobao
{
    margin-bottom: 75px;
}
.landrightbanner-lianmeng
{
    width: 100%;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.landrightbanner-mediago
{
    overflow: hidden;
    padding: 0;
    min-height: 129px;
}
.landrightbanner-mediago .landrightbanner-content
{
    position: static;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}
.landrightbanner-mediago .landrightbanner-element
{
    width: 100%;
    height: auto;
}
.landright-taobao
{
    padding: 12px;
}
.landright-taobao-info
{
    float: left;
}
.landright-taobao-span
{
    display: block;
}
.landright-taobao-span-desc1
{
    font-size: 16px;
    color: #111622;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 500;
    display: inline-block;
    width: 280px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.landright-taobao-span-desc2
{
    font-size: 12px;
    color: #505666;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
}
.landright-taobao-see
{
    float: right;
    margin-top: 6px;
    line-height: 12px;
    font-weight: 500;
    background: #ff2626;
    padding: 6px 10px;
}
.landright-taobao-ad, .landright-taobao-see
{
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    border-radius: 3px;
}
.landright-taobao-ad
{
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(0,0,0,.2);
    width: 42px;
    height: 18px;
    line-height: 18px;
    font-weight: 600;
}
.share:hover .share-hoverbox
{
    display: block;
}
.share:hover .videoinfo-share
{
    color: #ff4141;
}
.share-wechat
{
    padding: 33px 28px 0 38px;
}
.share-wechat-img
{
    width: 132px;
    height: 132px;
}
.share-wechat-title
{
    color: #000;
    text-align: center;
    margin-bottom: 15px;
}
.share-right
{
    padding-right: 22px;
}
.share-icon
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 32px 0 24px;
}
.share-icon-item
{
    margin-right: 32px;
    cursor: pointer;
}
.share-icon-img
{
    display: block;
    border-radius: 50%;
    width: 48px;
    height: 48px;
}
.share-icon-title
{
    font-size: 10px;
    margin-top: 8px;
    text-align: center;
}
.copy-box-title
{
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}
.copy-input
{
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.copy-input-inner
{
    background-color: #f5f5f5;
    padding-left: 15px;
    caret-color: #ff4141;
    height: 36px;
    width: 230px;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.copy-input .inputtext
{
    border: 1px solid transparent;
}
.copy-input .inputtext:focus
{
    border-color: #ff4141;
}
.copy-input-btn
{
    width: 58px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background: #ff4141;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
}
.copy-input-btn:active
{
    opacity: .8;
}
.phone:hover .phone-hoverbox
{
    display: block;
}
.phone:hover .videoinfo-phone
{
    color: #ff4141;
}
.phone-hoverbox-inner
{
    padding: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.phone-code
{
    width: 158px;
    height: 158px;
}
.phone-right
{
    padding-left: 32px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}
.phone-right-title
{
    font-size: 22px;
    color: #000;
}
.phone-right-list
{
    color: #666;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 12px;
}
.phone-right-item
{
    margin-top: 12px;
}
.phone-right-item .color-red
{
    color: #ff4141;
}
.phone-right-text
{
    padding-top: 12px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.extrainfo-text
{
    height: 56px;
    background: #fff;
    padding: 0 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.extrainfo-text .extrainfo-playnums
{
    color: #999;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.extrainfo-collect, .extrainfo-comments, .extrainfo-more, .extrainfo-phone, .extrainfo-share, .extrainfo-zan
{
    font-size: 16px;
    background: hsla(0,0%,100%,.1);
    border-radius: 15px;
    height: 30px;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-left: 12px;
    color: #030303;
    border: 1px solid #fff;
    border-radius: 16px;
}
.extrainfo-collect:hover, .extrainfo-comments:hover, .extrainfo-more:hover, .extrainfo-phone:hover, .extrainfo-share:hover, .extrainfo-zan:hover
{
    color: #ff2626;
    background-color: #f7f7f7;
    border-color: #f4f4f4;
}
.extrainfo-collect.like-1, .extrainfo-comments.like-1, .extrainfo-more.like-1, .extrainfo-phone.like-1, .extrainfo-share.like-1, .extrainfo-zan.like-1
{
    color: #ff2626;
}
.extrainfo-more .icon-more1
{
    margin-right: 0;
}
.extrainfo-collect-icon, .extrainfo-comments-icon, .extrainfo-phone-icon, .extrainfo-share-icon, .extrainfo-zan-icon
{
    display: inline-block;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0;
    padding-right: 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.extrainfo-comments-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsLW9wYWNpdHk9Ii4wMSIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE2LjMzIDMuODUyYzEuNDU3IDAgMS45ODUuMTUxIDIuNTE3LjQzNi41MzMuMjg1Ljk1LjcwMyAxLjIzNSAxLjIzNS4yODUuNTMyLjQzNyAxLjA2LjQzNyAyLjUxN3Y1LjY5OGMwIDEuNDU2LS4xNTIgMS45ODQtLjQzNyAyLjUxNy0uMjg0LjUzMi0uNzAyLjk1LTEuMjM1IDEuMjM1LS41MzIuMjg0LTEuMDYuNDM2LTIuNTE2LjQzNmgtMy44ODdsLTMuNzc3IDIuMjIyLS4wMDEtMi4yMjJIOC4wNGMtMS40NTcgMC0xLjk4NS0uMTUyLTIuNTE3LS40MzZhMi45NjggMi45NjggMCAwMS0xLjIzNS0xLjIzNWMtLjI4NS0uNTMzLS40MzYtMS4wNi0uNDM2LTIuNTE3VjguMDRjMC0xLjQ1Ny4xNTEtMS45ODUuNDM2LTIuNTE3LjI4NS0uNTMyLjcwMy0uOTUgMS4yMzUtMS4yMzUuNTMyLS4yODUgMS4wNi0uNDM2IDIuNTE3LS40MzZoOC4yOXoiIHN0cm9rZT0iIzAzMDMwMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PC9zdmc+);
}
.extrainfo-zan-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjIxNSAyLjM1YzIuMTQ4LS42NDMgNC4xMzIgMS4yMzIgMy40MzEgNC42NjJsLS4yNjcgMS4yNTVoNC4wODRjMS44MTQgMCAzLjA1IDEuNDYgMi43NzggMy4yMTRsLS4wMzIuMTc2LTEuNDI3IDYuNzQ4Yy0uMzYzIDEuNzItMi4wNDUgMy4wOC0zLjgwNSAzLjA4SDUuMzAyQTIuMDQ4IDIuMDQ4IDAgMDEzLjI1IDE5LjQ0di04LjQ5N2MwLTEuMTMuOTE0LTIuMDQ0IDIuMDQ0LTIuMDQ2bDEuMy0uMDAzYy42MTEtLjA0MyAxLjAyMy0uMzQ2IDEuNDc5LS45NjUuNDkzLS42NjkuNzAyLTEuMDQ5Ljk5Ni0xLjgxOWwuMTU2LS40Mi4xNC0uMzk4Yy4wMzUtLjEwNy4wNy0uMjIyLjEwNS0uMzQ5bC4xOTUtLjcyNWMuMzA4LTEuMDc1LjY3MS0xLjYwNSAxLjU1LTEuODY5ek02Ljg2IDEwLjM3Yy0uMTYuMDE5LS4zMjYuMDI4LS41MDIuMDI3bC0xLjA2MS4wMDJhLjU0Ni41NDYgMCAwMC0uNTQ4LjU0NnY4LjQ5N2MwIC4yOTguMjQ2LjU0NC41NTIuNTQ0bDEuNTE5LS4wMDF6bTYuMzE1LTMuNjU4Yy40NzctMi4zMzItLjQ4Mi0zLjIzOC0xLjUzLTIuOTI0LS4yNzQuMDgyLS4zOS4yNzQtLjU5IDEuMDI1bC0uMjAzLjc0OWE3Ljg1NCA3Ljg1NCAwIDAxLS4xMjkuMzkzbC0uMTI0LjM1My0uMTMzLjM1OEE5LjE4NCA5LjE4NCAwIDAxOS4yOCA4LjgyYTQuNTQgNC41NCAwIDAxLS45MTguOTZsLS4wNDEgMTAuMjA0aDcuNjU2YzEgMCAyLjAxNC0uNzggMi4yOTktMS43MzdsLjAzOS0uMTUzIDEuNDI2LTYuNzQ3Yy4xOS0uOS0uMzU4LTEuNTgtMS4yNzgtMS41OGgtNS4wMmEuNzUuNzUgMCAwMS0uNzMtLjkyNGwuMTU2LS42OXoiIGZpbGw9IiMwMzAzMDMiLz48L3N2Zz4=);
}
.extrainfo-collect-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjYxIDIuNzM1Yy4yNDMuMTQyLjQ0NS4zNDMuNTg5LjU4NGwxLjg5OCAzLjE3NGMuMzE3LjUzLjg0Mi45MDYgMS40NDkgMS4wMzlsMy42MzEuNzk1YTEuNjcyIDEuNjcyIDAgMDExLjI4MyAxLjk5M2MtLjA2Mi4yOC0uMTk1LjUzOS0uMzg3Ljc1MmwtMi40NSAyLjczMWEyLjIyIDIuMjIgMCAwMC0uNTU4IDEuNjk4bC4zNTQgMy42MzljLjA5LjkyLS41ODkgMS43MzctMS41MTUgMS44MjZhMS42OTcgMS42OTcgMCAwMS0uODMtLjEzbC0zLjQzNC0xLjQ3YTIuMjYzIDIuMjYzIDAgMDAtMS43OCAwbC0zLjQzNSAxLjQ3YTEuNjkgMS42OSAwIDAxLTIuMjE0LS44NzMgMS42NjEgMS42NjEgMCAwMS0uMTMtLjgyM2wuMzU0LTMuNjRhMi4yMiAyLjIyIDAgMDAtLjU1OC0xLjY5N2wtMi40NS0yLjczYTEuNjY0IDEuNjY0IDAgMDEuMTM4LTIuMzYyIDEuNjkgMS42OSAwIDAxLjc1Ny0uMzg0bDMuNjMyLS43OTVhMi4yNDYgMi4yNDYgMCAwMDEuNDQ4LTEuMDRsMS44OTktMy4xNzNhMS42OTIgMS42OTIgMCAwMTIuMzEtLjU4NHptLS43NjEgMS4yOTJhLjE5NS4xOTUgMCAwMC0uMjIzLjAxOGwtLjAzOC4wNDRMOS42OSA3LjI2M2EzLjc0NSAzLjc0NSAwIDAxLTIuMiAxLjY4bC0uMjE1LjA1NC0zLjYzMi43OTVhLjE5LjE5IDAgMDAtLjA4NS4wNDMuMTY0LjE2NCAwIDAwLS4wNDQuMTlsLjAzLjA0NiAyLjQ1IDIuNzNhMy43MiAzLjcyIDAgMDEuOTQ5IDIuNjIzbC0uMDE1LjIyMi0uMzU1IDMuNjRhLjE2MS4xNjEgMCAwMC4wMTMuMDguMTkuMTkgMCAwMC4xOS4xMDdsLjA2LS4wMTUgMy40MzQtMS40N2EzLjc2MyAzLjc2MyAwIDAxMi43NC0uMDg3bC4yMi4wODYgMy40MzUgMS40N2MuMDMuMDEzLjA2My4wMTkuMDk2LjAxNWEuMTgxLjE4MSAwIDAwLjE2MS0uMTMzbC4wMDQtLjA1NC0uMzU0LTMuNjM5YTMuNzE4IDMuNzE4IDAgMDEuNzktMi42NzRsLjE0NS0uMTcgMi40NS0yLjczMWEuMTY4LjE2OCAwIDAwLjAzOS0uMDc2LjE2OC4xNjggMCAwMC0uMDg1LS4xODJsLS4wNTQtLjAyLTMuNjMyLS43OTZhMy43NDggMy43NDggMCAwMS0yLjI5Ni0xLjU0OWwtLjExOS0uMTg1LTEuODk4LTMuMTc0LS4wMjgtLjAzNS0uMDM1LS4wMjd6IiBmaWxsPSIjMDMwMzAzIi8+PC9zdmc+);
}
.extrainfo-share-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjM2NSAzYy4yNTEgMCAuNDk3LjA3LjcxMi4yMDRsLjEyNS4wODcgNy45NTggNi4wOTdjLjkyOC43MjQgMS4xMTYgMi4wOTQuNDIgMy4wNi0uMDguMTEtLjE2OS4yMTItLjI2Ny4zMDVsLS4xNTMuMTMyLTcuOTU4IDYuMDk3YTEuMzYgMS4zNiAwIDAxLTEuOTU0LS4yOSAxLjQ4NyAxLjQ4NyAwIDAxLS4yNy0uNzE1bC0uMDA5LS4xNTd2LTIuMDg2Yy0zLjM1Ny41MjEtNi40MDIgMi4yNDQtOC42MjIgNC44Ni0uNDEzLjQ4Ny0xLjE4NC4yMzktMS4yNjEtLjQwNkExMi4wNyAxMi4wNyAwIDAxMiAxOC43NDhjMC01LjkyMyA0LjI5Ni0xMC44NDIgOS45Ny0xMS45MTlWNC40NTNjMC0uNzM4LjUyOC0xLjM0OCAxLjIxMi0xLjQ0bC4xMy0uMDEyLjA1My0uMDAxem0uMTA0IDEuNjE3bC4wMDEgMy40NTQtMS4yMi4yMzJjLTQuODYzLjkyMy04LjQ3NCA1LjAwNy04LjczNSA5Ljg3OWwtLjAwMy4wNzMuMDktLjA4NWExNS41OTEgMTUuNTkxIDAgMDE3Ljc0MS0zLjg1MmwuMzk2LS4wNjYgMS43My0uMjctLjAwMiAzLjY3MyA3LjcxNS01LjkwNy4xLS4wODRhLjY1Ny42NTcgMCAwMC4wODEtLjA5My43NTUuNzU1IDAgMDAtLjAzOC0uOTJsLS4wNzctLjA3Mi03Ljc3OS01Ljk2MnoiIGZpbGw9IiMwMzAzMDMiLz48L3N2Zz4=);
}
.extrainfo-phone-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjkyIDNBMy4wOCAzLjA4IDAgMDEyMCA2LjA4djExLjg0QTMuMDggMy4wOCAwIDAxMTYuOTIgMjFINy4wOEEzLjA4IDMuMDggMCAwMTQgMTcuOTJWNi4wOEEzLjA4IDMuMDggMCAwMTcuMDggM2g5Ljg0em0wIDEuNUg3LjA4YTEuNTggMS41OCAwIDAwLTEuNTc0IDEuNDM3TDUuNSA2LjA4djExLjg0YTEuNTggMS41OCAwIDAwMS40MzcgMS41NzRsLjE0My4wMDZoOS44NGExLjU4IDEuNTggMCAwMDEuNTc0LTEuNDM3bC4wMDYtLjE0M1Y2LjA4YTEuNTggMS41OCAwIDAwLTEuNDM3LTEuNTc0TDE2LjkyIDQuNXptLTEuNzk1IDEwLjkzOGEuOTM3LjkzNyAwIDAxLjEyNyAxLjg2NmwtLjEyNy4wMDloLTYuMjVhLjkzNy45MzcgMCAwMS0uMTI3LTEuODY3bC4xMjctLjAwOGg2LjI1eiIgZmlsbD0iIzAzMDMwMyIvPjwvc3ZnPg==);
}
.extrainfo-zan.like-1 .extrainfo-zan-icon, .extrainfo-zan:hover .extrainfo-zan-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuODU0IDguODU4bC0uMDUxIDEyLjYyNkg1LjMwMmEyLjA1IDIuMDUgMCAwMS0yLjA0Ni0xLjg5bC0uMDA2LS4xNTN2LTguNDk3YzAtMS4xMy45MTQtMi4wNDQgMi4wNDQtMi4wNDZsMS4zLS4wMDNjLjA5LS4wMDYuMTc3LS4wMTguMjYtLjAzN3ptNC4zNi02LjUwOGMyLjE0OS0uNjQzIDQuMTMzIDEuMjMyIDMuNDMyIDQuNjYybC0uMjY3IDEuMjU1aDQuMDg0YzEuODE0IDAgMy4wNSAxLjQ2IDIuNzc4IDMuMjE0bC0uMDMyLjE3Ni0xLjQyNyA2Ljc0OGMtLjM2MyAxLjcyLTIuMDQ1IDMuMDgtMy44MDUgMy4wOGwtNy42NzQtLjAwMS4wNTYtMTMuOTU4Yy4yNi0uMzg1LjQyNy0uNzA4LjYxNS0xLjE3MmwuMDk1LS4yNDMuMTU2LS40Mi4xNC0uMzk4Yy4wMzUtLjEwNy4wNy0uMjIyLjEwNS0uMzQ5bC4xOTUtLjcyNWMuMzA4LTEuMDc1LjY3MS0xLjYwNSAxLjU1LTEuODY5eiIgZmlsbD0iI0ZGMjYyNiIvPjwvc3ZnPg==);
}
.extrainfo-collect.like-1 .extrainfo-collect-icon, .extrainfo-collect:hover .extrainfo-collect-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjYxIDIuNzM1Yy4yNDMuMTQyLjQ0NS4zNDMuNTg5LjU4NGwxLjg5OCAzLjE3NGMuMzE3LjUzLjg0Mi45MDYgMS40NDkgMS4wMzlsMy42MzEuNzk1YTEuNjcyIDEuNjcyIDAgMDExLjI4MyAxLjk5M2MtLjA2Mi4yOC0uMTk1LjUzOS0uMzg3Ljc1MmwtMi40NSAyLjczMWEyLjIyIDIuMjIgMCAwMC0uNTU4IDEuNjk4bC4zNTQgMy42MzljLjA5LjkyLS41ODkgMS43MzctMS41MTUgMS44MjZhMS42OTcgMS42OTcgMCAwMS0uODMtLjEzbC0zLjQzNC0xLjQ3YTIuMjYzIDIuMjYzIDAgMDAtMS43OCAwbC0zLjQzNSAxLjQ3YTEuNjkgMS42OSAwIDAxLTIuMjE0LS44NzMgMS42NjEgMS42NjEgMCAwMS0uMTMtLjgyM2wuMzU0LTMuNjRhMi4yMiAyLjIyIDAgMDAtLjU1OC0xLjY5N2wtMi40NS0yLjczYTEuNjY0IDEuNjY0IDAgMDEuMTM4LTIuMzYyIDEuNjkgMS42OSAwIDAxLjc1Ny0uMzg0bDMuNjMyLS43OTVhMi4yNDYgMi4yNDYgMCAwMDEuNDQ4LTEuMDRsMS44OTktMy4xNzNhMS42OTIgMS42OTIgMCAwMTIuMzEtLjU4NHoiIGZpbGw9IiNGRjI2MjYiLz48L3N2Zz4=);
}
.extrainfo-share:hover .extrainfo-share-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjM2NSAzYy4yNTEgMCAuNDk3LjA3LjcxMi4yMDRsLjEyNS4wODcgNy45NTggNi4wOTdjLjkyOC43MjQgMS4xMTYgMi4wOTQuNDIgMy4wNi0uMDguMTEtLjE2OS4yMTItLjI2Ny4zMDVsLS4xNTMuMTMyLTcuOTU4IDYuMDk3YTEuMzYgMS4zNiAwIDAxLTEuOTU0LS4yOSAxLjQ4NyAxLjQ4NyAwIDAxLS4yNy0uNzE1bC0uMDA5LS4xNTd2LTIuMDg2Yy0zLjM1Ny41MjEtNi40MDIgMi4yNDQtOC42MjIgNC44Ni0uNDEzLjQ4Ny0xLjE4NC4yMzktMS4yNjEtLjQwNkExMi4wNyAxMi4wNyAwIDAxMiAxOC43NDhjMC01LjkyMyA0LjI5Ni0xMC44NDIgOS45Ny0xMS45MTlWNC40NTNjMC0uNzM4LjUyOC0xLjM0OCAxLjIxMi0xLjQ0bC4xMy0uMDEyLjA1My0uMDAxeiIgZmlsbD0iI0ZGMjYyNiIvPjwvc3ZnPg==);
}
.extrainfo-phone:hover .extrainfo-phone-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjkyIDNBMy4wOCAzLjA4IDAgMDEyMCA2LjA4djExLjg0QTMuMDggMy4wOCAwIDAxMTYuOTIgMjFINy4wOEEzLjA4IDMuMDggMCAwMTQgMTcuOTJWNi4wOEEzLjA4IDMuMDggMCAwMTcuMDggM2g5Ljg0em0tMS43OTUgMTIuNDM4aC02LjI1bC0uMTI3LjAwOGEuOTM4LjkzOCAwIDAwLjEyNyAxLjg2N2g2LjI1bC4xMjctLjAxYS45MzguOTM4IDAgMDAtLjEyNy0xLjg2NnoiIGZpbGw9IiNGRjI2MjYiLz48L3N2Zz4=);
}
.extrainfo-comments:hover .extrainfo-comments-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjMzIDMuMTAySDguMDRjLTEuNDQxIDAtMi4xNDIuMTM1LTIuODcuNTI1YTMuNzE4IDMuNzE4IDAgMDAtMS41NDMgMS41NDJjLS4zOS43MjktLjUyNSAxLjQzLS41MjUgMi44N3Y1LjdjMCAxLjQ0LjEzNSAyLjE0MS41MjUgMi44N2EzLjcyIDMuNzIgMCAwMDEuNTQyIDEuNTQybC4xNDYuMDc1Yy42MzEuMzA4IDEuMjguNDMyIDIuNDQ2LjQ0OGwuMTU0LjAwMS4wMDIgMS40NzMuMDA2LjFhLjc1Ljc1IDAgMDAxLjEyNC41NDdsMy42MDItMi4xMmgzLjY4MmMxLjQ0IDAgMi4xNDItLjEzNCAyLjg3LS41MjRhMy43MTggMy43MTggMCAwMDEuNTQzLTEuNTQzYy4zOS0uNzI4LjUyNS0xLjQyOS41MjUtMi44N1Y4LjA0YzAtMS40NDEtLjEzNi0yLjE0Mi0uNTI1LTIuODdBMy43MTggMy43MTggMCAwMDE5LjIgMy42MjZjLS43MjgtLjM5LTEuNDMtLjUyNS0yLjg3LS41MjV6IiBmaWxsPSIjRkYyNjI2Ii8+PC9zdmc+);
}
.video-poster-tag
{
    margin-right: 4px;
    padding: 1px 7px;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    border: 1px solid #ff4141;
    color: #ff4141;
    border-radius: 12px;
    vertical-align: 3px;
}
@media screen and (max-width: 1344px)
{
    .extrainfo
    {
        font-size: 14px;
    }
    .extrainfo, .extrainfo-text
    {
        height: 56px;
    }
    .extrainfo-collect, .extrainfo-more, .extrainfo-phone, .extrainfo-share, .extrainfo-zan
    {
        font-size: 14px;
    }
    .extrainfo-collect-icon, .extrainfo-phone-icon, .extrainfo-share-icon, .extrainfo-zan-icon
    {
        height: 14px;
        width: 14px;
    }
}
.feestyle .extrainfo-text
{
    margin-bottom: 20px;
}
.phone, .share
{
    position: relative;
}
.phone-hoverbox, .share-hoverbox
{
    position: absolute;
    top: 30px;
    left: -400px;
    padding-top: 12px;
    z-index: 2;
    display: none;
}
.phone-hoverbox-inner, .share-hoverbox-inner
{
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    width: 540px;
    height: 230px;
}
.feedback
{
    position: relative;
    padding: 0;
    background-color: transparent;
    border: none;
}
.feedback:hover .feedback-hoverbox
{
    display: block;
}
.feedback-hoverbox
{
    position: absolute;
    top: 32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 10px;
    z-index: 2;
    display: none;
}
.feedback-hoverbox-inner
{
    display: inline-block;
    width: 68px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    color: #000;
}
.like-1 .icon
{
    color: #ff4141;
    -webkit-animation: pulse .4s;
    animation: pulse .4s;
}
@media screen and (max-width: 1500px)
{
    .extrainfo-playnums-label
    {
        display: none;
    }
}
.page
{
    background-color: #fafafa;
}
.page-left
{
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 28px;
}
.page-left-banner
{
    margin-top: 24px;
}
.page-top
{
    padding: 24px 64px 9px;
}
.page-bottom, .page-top
{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 2032px;
    min-width: 1280px;
    margin: 0 auto;
}
.page-bottom
{
    padding: 0 64px;
}
.page-bottom-comment
{
    margin-top: 88px;
}
.page-bottom-comment .comment
{
    padding-bottom: 200px;
}
.page-bottom-guesslike
{
    margin-top: 40px;
}
.page-bottom-hotsearch
{
    margin-top: 28px;
}
.page-right
{
    width: 388px;
    position: relative;
}
.page-right-next
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.page-loading, .page-right-next
{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page-loading
{
    min-height: 200px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-bottom-hanyu, .page-top-hanyu
{
    padding-left: 140px;
    padding-right: 140px;
}
.page-bottom-hanyu .page-left, .page-top-hanyu .page-left
{
    margin: 0;
}
.collection-outer
{
    margin-bottom: 28px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (max-width: 1440px)
{
    .land-item-top
    {
        width: 148px;
        height: 83.25px;
        margin-right: 10px;
    }
    .channel-list
    {
        padding: 0 80px;
    }
}
@media screen and (max-width: 1280px)
{
    .page-top
    {
        padding: 16px 32px 9px;
    }
    .page-bottom
    {
        padding: 0 32px;
    }
    .page-left
    {
        margin-right: 14px;
    }
}
@media screen and (min-width: 2032px)
{
    .hanyu-qrcode
    {
        left: 50%!important;
        margin-left: -1036px;
    }
}
.footerlink
{
    overflow: hidden;
    margin-top: -4px;
    padding-bottom: 20px;
}
.footerlink-item
{
    display: inline-block;
    width: 50%;
    padding: 0;
    margin: 24px 0 0;
    vertical-align: top;
}
.footerlink-link
{
    outline: none;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #46484d;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
}
.footertext
{
    overflow: hidden;
    padding: 8px 0 84px;
}
.footertext-link, .footertext-text
{
    display: block;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #7a7e85;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    white-space: nowrap;
}
.footertext-link:hover, .footertext-text:hover
{
    color: #7a7e85;
}
.page-leftinner
{
    width: 185px;
    margin-left: 28px;
    overflow: hidden;
}
.page-leftinner-group
{
    padding: 16px 0;
}
.page-leftinner-group:before
{
    height: 1px;
    overflow: hidden;
    width: 100%;
    font-size: 0;
    line-height: 0;
    content: " ";
    display: block;
    background-color: #e6e6e6;
    position: relative;
    top: -16px;
}
.page-leftinner-group:first-child:before
{
    display: none;
}
.page-leftinner-group-menu
{
    position: relative;
    width: 176px;
    height: 40px;
    margin: 8px auto 0;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    line-height: 40px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #111622;
    padding: 0 0 0 37px;
    cursor: pointer;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 9px;
}
.page-leftinner-group-menu-active, .page-leftinner-group-menu:hover
{
    background-color: #f7f7f7;
    font-weight: 500;
}
.page-leftinner-group-menu:first-child
{
    margin: 0 auto;
}
.page-leftinner-group-menu .new
{
    position: absolute;
    top: 50%;
    right: 46px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-family: PingFangSC-Regular;
    width: 36px;
    height: 15px;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0;
    line-height: 14px;
    background: #ff2626;
    border-radius: 3px;
}
.page-leftinner-group-subtitle
{
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #111622;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 500;
    line-height: 32px;
    padding-left: 13px;
}
.page-leftinner-group-more
{
    padding-left: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjAxNyAxNS4wMDNoLS4wNWEuNzQ1Ljc0NSAwIDAxLS4yNDYtLjA1M2wtLjA2NC0uMDMtLjA2NC0uMDM3LTQuMzk1LTIuODM1YS43NS43NSAwIDAxLjcxNi0xLjMxNGwuMDk4LjA1M0wxMiAxMy4zNjFsMy45ODgtMi41NzRhLjc1Ljc1IDAgMDEuOTAyIDEuMTk0bC0uMDg4LjA2Ny00LjM5NSAyLjgzNWEuNzQyLjc0MiAwIDAxLS4yOTEuMTExbC0uMDk5LjAxeiIgZmlsbD0iIzExMTYyMiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 8px;
    background-size: 24px 24px;
}
.page-leftinner-group-dynamic, .page-leftinner-group-more
{
    width: 176px;
    margin: 8px auto 0;
    height: 40px;
    display: block;
    overflow: hidden;
    line-height: 40px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #111622;
    cursor: pointer;
}
.page-leftinner-group-dynamic
{
    white-space: nowrap;
    position: relative;
    padding: 0 10px 0 39px;
    text-overflow: ellipsis;
}
.page-leftinner-group-dynamic:hover
{
    background-color: #f7f7f7;
}
.page-leftinner-group-dynamic-icon
{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 11px;
    top: 10px;
}
.page-leftinner-group-nodynamic
{
    padding-left: 13px;
    margin-left: 0;
    cursor: default;
}
.page-leftinner-group-nodynamic:hover
{
    background-color: transparent;
}
.page-leftinner .page-leftinner-icon-recommend
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjE3MyA0LjY2bDQgMi41ODhBNCA0IDAgMDEyMCAxMC42MDZWMTdhNCA0IDAgMDEtNCA0SDhhNCA0IDAgMDEtNC00di02LjM5NGE0IDQgMCAwMTEuODI3LTMuMzU4bDQtMi41ODhhNCA0IDAgMDE0LjM0NiAwek0xMC44MSA1LjgybC0uMTY4LjEtNCAyLjU4N2EyLjUgMi41IDAgMDAtMS4xMzUgMS45MThsLS4wMDcuMTgxVjE3YTIuNSAyLjUgMCAwMDIuMzM2IDIuNDk1TDggMTkuNWg4YTIuNSAyLjUgMCAwMDIuNDk1LTIuMzM2TDE4LjUgMTd2LTYuMzk0YTIuNSAyLjUgMCAwMC0uOTk0LTEuOTk1bC0uMTQ4LS4xMDQtNC0yLjU4OGEyLjUgMi41IDAgMDAtMi41NDgtLjF6TTEyIDEyLjM1N2EuOC44IDAgMDEuOC44djMuMzM4YS44LjggMCAxMS0xLjYgMHYtMy4zMzhhLjguOCAwIDAxLjgtLjh6IiBmaWxsPSIjMTExNjIyIi8+PC9zdmc+);
}
.page-leftinner .page-leftinner-icon-recommend-active, .page-leftinner .page-leftinner-icon-recommend:hover
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjE3MyA0LjY2bDQgMi41ODhBNCA0IDAgMDEyMCAxMC42MDZWMTdhNCA0IDAgMDEtNCA0SDhhNCA0IDAgMDEtNC00di02LjM5NGE0IDQgMCAwMTEuODI3LTMuMzU4bDQtMi41ODhhNCA0IDAgMDE0LjM0NiAwek0xMiAxMi4zNThhLjguOCAwIDAwLS44Ljh2My4zMzhhLjguOCAwIDEwMS42IDB2LTMuMzM4YS44LjggMCAwMC0uOC0uOHoiIGZpbGw9IiMxMTE2MjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.page-leftinner .page-leftinner-icon-hotvideo
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjk5NiA1LjE5TDggOS45NzVhLjEzOS4xMzkgMCAwMS0uMTk1LjAyTDYuMzk3IDguODRhMS4xOTQgMS4xOTQgMCAwMC0xLjkzNCAxLjEyN2wxLjQ0OSA4LjQyMWExLjYzOSAxLjYzOSAwIDAwMS42MTUgMS4zNjFoOC45NDZjLjc5OCAwIDEuNDgtLjU3NSAxLjYxNS0xLjM2MWwxLjQ0LTguMzY2YTEuMTk0IDEuMTk0IDAgMDAtMS45NjItMS4xMDRsLTEuMjM0IDEuMDczYS4xMzkuMTM5IDAgMDEtLjE5Mi0uMDRMMTMuMDA4IDUuMTdhMS4xOTQgMS4xOTQgMCAwMC0yLjAxMi4wMnptLTEuNzE0IDUuNTY3bDIuNzMyLTQuMzY2IDIuODcxIDQuMzgzYTEuNjM5IDEuNjM5IDAgMDAyLjI3LjQ3M2wuMDktLjA2NS4wODctLjA3LjU3Mi0uNDk4LTEuMjk0IDcuNTJhLjEzOS4xMzkgMCAwMS0uMTM3LjExNkg3LjUyN2wtLjA0OC0uMDA5YS4xMzkuMTM5IDAgMDEtLjA5LS4xMDZMNi4wOCAxMC41MmwuNzc0LjYzNWExLjYzOSAxLjYzOSAwIDAwMi40MjgtLjM5OHoiIGZpbGw9IiMxMTE2MjIiLz48L3N2Zz4=);
}
.page-leftinner .page-leftinner-icon-hotvideo-active, .page-leftinner .page-leftinner-icon-hotvideo:hover
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjk5NiA1LjE5TDggOS45NzVhLjEzOS4xMzkgMCAwMS0uMTk1LjAyTDYuMzk3IDguODRhMS4xOTQgMS4xOTQgMCAwMC0xLjkzNCAxLjEyN2wxLjQ0OSA4LjQyMWExLjYzOSAxLjYzOSAwIDAwMS42MTUgMS4zNjFoOC45NDZjLjc5OCAwIDEuNDgtLjU3NSAxLjYxNS0xLjM2MWwxLjQ0LTguMzY2YTEuMTk0IDEuMTk0IDAgMDAtMS45NjItMS4xMDRsLTEuMjM0IDEuMDczYS4xMzkuMTM5IDAgMDEtLjE5Mi0uMDRMMTMuMDA4IDUuMTdhMS4xOTQgMS4xOTQgMCAwMC0yLjAxMi4wMnoiIGZpbGw9IiMxMTE2MjIiLz48L3N2Zz4=);
}
.page-leftinner .page-leftinner-icon-projection_hall
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDQuMDIxYTcuOTc5IDcuOTc5IDAgMDE2Ljc5NiAxMi4xNjIuNzUuNzUgMCAwMS0xLjI3Ny0uNzg4IDYuNDc5IDYuNDc5IDAgMTAtNS43NTEgMy4wOGwuMjMyLjAwNGg1Ljk2N2EuNzUuNzUgMCAwMS4xMDIgMS40OTNsLS4xMDIuMDA3SDEyQTcuOTc5IDcuOTc5IDAgMTExMiA0LjAyem0uODI2IDkuOTc2YTEuMTY4IDEuMTY4IDAgMTEtMS42NTIgMS42NTIgMS4xNjggMS4xNjggMCAwMTEuNjUyLTEuNjUyem0yLjgxMy0yLjgyM2ExLjE2OCAxLjE2OCAwIDExLTEuNjUyIDEuNjUyIDEuMTY4IDEuMTY4IDAgMDExLjY1Mi0xLjY1MnptLTUuNjQ0IDBhMS4xNjggMS4xNjggMCAxMS0xLjY1MiAxLjY1MiAxLjE2OCAxLjE2OCAwIDAxMS42NTItMS42NTJ6bTIuODMtMi44MjNhMS4xNjggMS4xNjggMCAxMS0xLjY1IDEuNjUyIDEuMTY4IDEuMTY4IDAgMDExLjY1LTEuNjUyeiIgZmlsbD0iIzExMTYyMiIvPjwvc3ZnPg==);
}
.page-leftinner .page-leftinner-icon-projection_hall-active, .page-leftinner .page-leftinner-icon-projection_hall:hover
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDQuMDIxYTcuOTggNy45OCAwIDAxNy45NzkgNy45ODNsLS4wMDIuMTQ4LS4wMDMuMS4wMDEtLjA1Mi0uMDA2LjIwMmE3LjM5NyA3LjM5NyAwIDAxLS4wMTYuMjQxbC0uMDA1LjA2M2E3Ljk3IDcuOTcgMCAwMS0zLjI4NCA1Ljc3MmgxLjMwM2EuNzUuNzUgMCAwMS4xMDIgMS40OTRsLS4xMDIuMDA3aC01LjcxOGwtLjI0OS4wMDRhNy45NzkgNy45NzkgMCAwMS03Ljk3NS04LjIyOEw0LjAyMSAxMkE3Ljk3OSA3Ljk3OSAwIDAxMTIgNC4wMjF6bS44MjYgOS45NzZhMS4xNjggMS4xNjggMCAxMC0xLjY1MiAxLjY1MiAxLjE2OCAxLjE2OCAwIDAwMS42NTItMS42NTJ6bTIuODEzLTIuODIzYTEuMTY4IDEuMTY4IDAgMTAtMS42NTIgMS42NTIgMS4xNjggMS4xNjggMCAwMDEuNjUyLTEuNjUyem0tNS42NDQgMGExLjE2OCAxLjE2OCAwIDEwLTEuNjUyIDEuNjUyIDEuMTY4IDEuMTY4IDAgMDAxLjY1Mi0xLjY1MnptMi44My0yLjgyM2ExLjE2OCAxLjE2OCAwIDEwLTEuNjUgMS42NTIgMS4xNjggMS4xNjggMCAwMDEuNjUtMS42NTJ6IiBmaWxsPSIjMTExNjIyIi8+PC9zdmc+);
}
.page-leftinner .page-leftinner-icon-history
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDRhOCA4IDAgMTEwIDE2IDggOCAwIDAxMC0xNnptMCAxLjVhNi41IDYuNSAwIDEwMCAxMyA2LjUgNi41IDAgMDAwLTEzem0wIDEuNTc2YS43NS43NSAwIDAxLjc0My42NDhsLjAwNy4xMDJ2NC4yNjlsMi4wNDEgMi4wNDFhLjc1Ljc1IDAgMDEuMDczLjk3N2wtLjA3My4wODRhLjc1Ljc1IDAgMDEtLjk3Ni4wNzNsLS4wODQtLjA3My0yLjI2MS0yLjI2YS43NS43NSAwIDAxLS4yMS0uNDEzbC0uMDEtLjExOHYtNC41OGEuNzUuNzUgMCAwMS43NS0uNzV6IiBmaWxsPSIjMTExNjIyIi8+PC9zdmc+);
}
.page-leftinner .page-leftinner-icon-history-active, .page-leftinner .page-leftinner-icon-history:hover
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDRhOCA4IDAgMTEwIDE2IDggOCAwIDAxMC0xNnptMCAzLjA3NmEuNzUuNzUgMCAwMC0uNzUuNzV2NC41OGwuMDEuMTE4YS43NS43NSAwIDAwLjIxLjQxMmwyLjI2IDIuMjYxLjA4NS4wNzNhLjc1Ljc1IDAgMDAuOTc2LS4wNzNsLjA3My0uMDg0YS43NS43NSAwIDAwLS4wNzMtLjk3N2wtMi4wNDEtMi4wNDFWNy44MjZsLS4wMDctLjEwMkEuNzUuNzUgMCAwMDEyIDcuMDc2eiIgZmlsbD0iIzExMTYyMiIvPjwvc3ZnPg==);
}
.page-leftinner .page-leftinner-icon-collect
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuODY2IDUuNjYxbC0xLjEzIDIuMzEyYS42Ny42NyAwIDAxLS41MDguMzdsLTIuNTQ4LjM2YTIuMzc1IDIuMzc1IDAgMDAtMS4zMiA0LjA1OWwxLjg1MSAxLjc4OGEuNjcuNjcgMCAwMS4xOTQuNTk4bC0uNDQ1IDIuNTM1YTIuMzc1IDIuMzc1IDAgMDAzLjQ1MyAyLjUwOWwyLjI3My0xLjIwN2EuNjcuNjcgMCAwMS42MjggMGwyLjI3MyAxLjIwN2EyLjM3NSAyLjM3NSAwIDAwMy40NTMtMi41MWwtLjQ0NS0yLjUzNGEuNjcuNjcgMCAwMS4xOTQtLjU5OGwxLjg1LTEuNzg4YTIuMzc1IDIuMzc1IDAgMDAtMS4zMTktNC4wNmwtMi41NDgtLjM1OWEuNjcuNjcgMCAwMS0uNTA5LS4zN2wtMS4xMjktMi4zMTJhMi4zNzUgMi4zNzUgMCAwMC00LjI2OCAwem0yLjUxOC4yNTZhLjg3NS44NzUgMCAwMS40MDIuNDAybDEuMTMgMi4zMTNhMi4xNyAyLjE3IDAgMDAxLjY0NyAxLjE5NmwyLjU0OC4zNmEuODc1Ljg3NSAwIDAxLjQ4NiAxLjQ5NWwtMS44NSAxLjc4OWEyLjE3IDIuMTcgMCAwMC0uNjMgMS45MzZsLjQ0NiAyLjUzNWEuODc1Ljg3NSAwIDAxLTEuMjcyLjkyNGwtMi4yNzMtMS4yMDdhMi4xNyAyLjE3IDAgMDAtMi4wMzYgMEw4LjcxIDE4Ljg2N2EuODc1Ljg3NSAwIDAxLTEuMjcyLS45MjRsLjQ0Ni0yLjUzNWEyLjE3IDIuMTcgMCAwMC0uNjMtMS45MzZsLTEuODUtMS43ODlhLjg3NS44NzUgMCAwMS40ODYtMS40OTVsMi41NDgtLjM2YTIuMTcgMi4xNyAwIDAwMS42NDctMS4xOTZsMS4xMy0yLjMxM2EuODc1Ljg3NSAwIDAxMS4wNjgtLjQ0NGwuMTAyLjA0MnoiIGZpbGw9IiMxMTE2MjIiLz48L3N2Zz4=);
}
.page-leftinner .page-leftinner-icon-collect-active, .page-leftinner .page-leftinner-icon-collect:hover
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuODY2IDUuNjYxbC0xLjEzIDIuMzEyYS42Ny42NyAwIDAxLS41MDguMzdsLTIuNTQ4LjM2YTIuMzc1IDIuMzc1IDAgMDAtMS4zMiA0LjA1OWwxLjg1MSAxLjc4OGEuNjcuNjcgMCAwMS4xOTQuNTk4bC0uNDQ1IDIuNTM1YTIuMzc1IDIuMzc1IDAgMDAzLjQ1MyAyLjUwOWwyLjI3My0xLjIwN2EuNjcuNjcgMCAwMS42MjggMGwyLjI3MyAxLjIwN2EyLjM3NSAyLjM3NSAwIDAwMy40NTMtMi41MWwtLjQ0NS0yLjUzNGEuNjcuNjcgMCAwMS4xOTQtLjU5OGwxLjg1LTEuNzg4YTIuMzc1IDIuMzc1IDAgMDAtMS4zMTktNC4wNmwtMi41NDgtLjM1OWEuNjcuNjcgMCAwMS0uNTA5LS4zN2wtMS4xMjktMi4zMTJhMi4zNzUgMi4zNzUgMCAwMC00LjI2OCAweiIgZmlsbD0iIzExMTYyMiIvPjwvc3ZnPg==);
}
.page-leftinner .page-leftinner-icon-live
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjE0MyA0LjY2OGEyLjQwMSAyLjQwMSAwIDAxMy4xMzQgMS44NThsMS4zNTQgNy42ODFhMi40MDEgMi40MDEgMCAwMS0yLjM3IDIuODE4bC04Ljc0NS0uMDIzLTEuMjk0IDEuODgzYTEuNTc2IDEuNTc2IDAgMDEtMi4wNjIuNDg1bC0uMTI5LS4wOGExLjU3NSAxLjU3NSAwIDAxLS42NTgtMS4wMjdMNS43NjYgMTQuOGwtLjY4Ni0zLjlhMi40MDEgMi40MDEgMCAwMTEuNTk0LTIuNjl6bTEuNjIzIDEuOTg2YS45MDEuOTAxIDAgMDAtMS4xNDItLjU2NUw3LjE1NSA5LjYzMWEuOTAxLjkwMSAwIDAwLS41OTkgMS4wMWwuNjg4IDMuODk4LjYwNiAzLjQ2NmEuMDc2LjA3NiAwIDAwLjEzNy4wM0w5LjcyOSAxNS41bDkuNTM2LjAyNGEuOTAxLjkwMSAwIDAwLjg5LTEuMDU3TDE4LjggNi43ODZhLjkwMS45MDEgMCAwMC0uMDM0LS4xMzJ6TTguNjM5IDExLjI0NmwuMzkgMi4yMTUuOTMtLjE0Yy4yMi0uMDM0LjQzMi4xMzEuNDc0LjM2OC4wNDIuMjM3LS4xMDMuNDUyLS4zMjQuNDgxbC0xLjQ3OS4xOTJhLjU3Ni41NzYgMCAwMS0uNjE1LS40NzFsLS40MjctMi40MjVhLjU3My41NzMgMCAwMS40My0uNjU2LjUyLjUyIDAgMDEuNjIxLjQzNnptMi43ODctLjU4M2wuNDcgMi42NjljLjA1OC4zMjctLjEzNC42MjMtLjQyOC42NjItLjI5NC4wMzgtLjU3OS0uMTktLjYzNS0uNTFsLS40NTktMi42Yy0uMDU2LS4zMi4xMzMtLjYzMS40MjMtLjY5Ni4yOS0uMDY1LjU3MS4xNDguNjI5LjQ3NXptMy40NTctMS4zMDRjLjI4OC4wOTguNDY1LjQ2My4zOTQuODFsLS42NTQgMy4wNjZjLS4wNTIuMjM0LS4yMTcuMzg4LS40MTIuNDE2bC0uMDEzLjAwMWMtLjE5Ni4wMjQtLjQwNi0uMDgtLjUzNi0uMjg1TDEyLjAyIDEwLjgzYy0uMTgtLjI3Mi0uMTM1LS42NTQuMS0uODU3LjIzNC0uMjA1LjU3LS4xNS43NS4xMjdsLjk3NSAxLjUxMi4zODgtMS44MDVjLjA3Mi0uMzQzLjM2My0uNTQ0LjY1LS40NDd6bTMuNTA1LS4zMzFjLjA1LjI4Ni0uMDg2LjU1NC0uMzA0LjU5OGwtMS4xODQuMjQuMTE4LjY2OS45MjMtLjE3M2MuMjE5LS4wNDEuNDM3LjE1Ni40ODcuNDQxLjA1LjI4NS0uMDg3LjU0NS0uMzA2LjU4MmwtLjkyNy4xNTMuMTE4LjY3IDEuMTk1LS4xODFjLjIyLS4wMzMuNDM5LjE3Mi40OS40NTguMDUuMjg3LS4wODguNTQyLS4zMDkuNTdsLTEuNzY0LjIzYS4zNTUuMzU1IDAgMDEtLjIwMy0uMDM2Yy0uMi0uMDgtLjM2Ny0uMjktLjQxMy0uNTUzbC0uNTItMi45NDVjLS4wNTgtLjMzNC4wOTMtLjY1My4zNDQtLjc1MmEuMzMzLjMzMyAwIDAxLjA1Ny0uMDE4bDEuNzEzLS4zODRjLjIxNy0uMDQ4LjQzNC4xNDQuNDg1LjQzeiIvPjwvc3ZnPg==);
}
.page-leftinner .page-leftinner-icon-live-active, .page-leftinner .page-leftinner-icon-live:hover
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjE0MyA0LjY2OGEyLjQwMSAyLjQwMSAwIDAxMy4xMzQgMS44NThsMS4zNTQgNy42ODFhMi40MDEgMi40MDEgMCAwMS0yLjM3IDIuODE4bC04Ljc0NS0uMDIzLTEuMjk0IDEuODgzYTEuNTc2IDEuNTc2IDAgMDEtMi4wNjIuNDg1bC0uMTI5LS4wOGExLjU3NSAxLjU3NSAwIDAxLS42NTgtMS4wMjdMNS43NjYgMTQuOGwtLjY4Ni0zLjlhMi40MDEgMi40MDEgMCAwMTEuNTk0LTIuNjl6bS05LjA0IDYuMTNsLS4wODYuMDEyYS41NzMuNTczIDAgMDAtLjQzLjY1NmwuNDI4IDIuNDI1YS41NzYuNTc2IDAgMDAuNjE1LjQ3MWwxLjQ3OS0uMTkyYy4yMi0uMDI5LjM2Ni0uMjQ0LjMyNC0uNDgtLjA0Mi0uMjM4LS4yNTQtLjQwMy0uNDc0LS4zN2wtLjkzLjE0LS4zOS0yLjIxNGEuNTIuNTIgMCAwMC0uNjIyLS40MzZ6bTIuNzgtLjYyMWwtLjA4Ni4wMWMtLjI5LjA2Ni0uNDc5LjM3Ny0uNDIzLjY5NmwuNDU5IDIuNjAyYy4wNTYuMzE5LjM0LjU0Ny42MzUuNTA5LjI5NC0uMDM5LjQ4Ni0uMzM1LjQyOC0uNjYybC0uNDctMi42NjljLS4wNTgtLjMyNy0uMzQtLjU0LS42My0uNDc1em00LS44MThjLS4yODctLjA5Ny0uNTc4LjEwNC0uNjUuNDQ3bC0uMzg4IDEuODA1LS45NzQtMS41MTJjLS4xOC0uMjc2LS41MTctLjMzMi0uNzUxLS4xMjctLjIzNS4yMDMtLjI4LjU4NS0uMS44NTdsMS42NDIgMi41MzhjLjEzLjIwNi4zNC4zMDkuNTM2LjI4NWwuMDEzLS4wMDFjLjE5NS0uMDI4LjM2LS4xODIuNDEyLS40MTZsLjY1NC0zLjA2NWMuMDcxLS4zNDgtLjEwNi0uNzEzLS4zOTQtLjgxMXptMy4wOTItLjc3bC0uMDcyLjAwOC0xLjcxMy4zODRhLjMzMy4zMzMgMCAwMC0uMDU3LjAxOGMtLjI1MS4wOTktLjQwMi40MTgtLjM0NC43NTJsLjUyIDIuOTQ1Yy4wNDYuMjYyLjIxMi40NzIuNDEzLjU1M2EuMzU1LjM1NSAwIDAwLjIwMy4wMzZsMS43NjQtLjIzYy4yMi0uMDI4LjM1OS0uMjgzLjMwOC0uNTctLjA1LS4yODYtLjI3LS40OTEtLjQ5LS40NThsLTEuMTk0LjE4LS4xMTgtLjY2OS45MjctLjE1M2MuMjItLjAzNy4zNTYtLjI5Ny4zMDYtLjU4Mi0uMDUtLjI4NS0uMjY4LS40ODItLjQ4Ny0uNDQxbC0uOTIzLjE3My0uMTE4LS42NyAxLjE4NC0uMjM5Yy4yMTgtLjA0NC4zNTQtLjMxMi4zMDQtLjU5OC0uMDUtLjI4Ny0uMjY4LS40OC0uNDg1LS40M3oiLz48L3N2Zz4=);
}
.page-leftinner .page-leftinner-icon-talker
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMjQgMHYyNEgwVjBoMjR6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNOS4zOTQgNC4yaDUuMjEyYTMgMyAwIDAxMyAzdjUuNTc5YTMgMyAwIDAxLTMgM0g5LjM5NGEzIDMgMCAwMS0zLTNWNy4yYTMgMyAwIDAxMy0zem0tLjE3NyAxNS4xODRoNS41NjZNNy4zNzIgMTEuOWgyLjI0Mk03LjUzMiA4LjA4aDIuMjQybTQuODAyIDMuODJoMi4yNDJtLTIuMDgyLTMuODJoMi4yNDJNMTIgMTYuMzIzdjMuMDYxIiBzdHJva2U9IiMyMTIxMjEiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PC9zdmc+);
}
.page-leftinner .page-leftinner-icon-talker-active, .page-leftinner .page-leftinner-icon-talker:hover
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMjQgMHYyNEgwVjBoMjR6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGQ9Ik04LjIxMyAwYTMgMyAwIDAxMyAzdjUuNTc5YTMgMyAwIDAxLTMgM0gzLjAwMmEzIDMgMCAwMS0zLTNMMCA4LjIxMmEuNjk4LjY5OCAwIDAwLjQ3Ni4xODdoMi42NWEuNy43IDAgMTAwLTEuNEguNDc2QS42OTguNjk4IDAgMDAwIDcuMTg3VjQuMzkyYS42OTguNjk4IDAgMDAuNDc2LjE4N2gyLjY1YS43LjcgMCAxMDAtMS40SC40NzZBLjY5OC42OTggMCAwMDAgMy4zNjZMLjAwMiAzYTMgMyAwIDAxMy0zaDUuMjExem0yLjE0OCA3aC0yLjY1YS43LjcgMCAxMDAgMS40aDIuNjVhLjcuNyAwIDEwMC0xLjR6bTAtMy44MmgtMi42NWEuNy43IDAgMTAwIDEuNGgyLjY1YS43LjcgMCAxMDAtMS40eiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2IpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjM5MyA0LjgzKSI+PHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTAgMGgxMS4yMTN2MTEuNTc5SDBWMHoiLz48L2c+PHBhdGggZD0iTTkuMzk1IDQuODNoNS4yMTJhMyAzIDAgMDEzIDN2NS41NzlhMyAzIDAgMDEtMyAzSDkuMzk1YTMgMyAwIDAxLTMtM1Y3LjgzYTMgMyAwIDAxMy0zek04LjYyIDIwLjAxNGg2LjU5OW0tMy4yMTgtMy4wNjF2My4wNjEiIHN0cm9rZT0iIzIxMjEyMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48L3N2Zz4=);
}
.hotsearch-list
{
    font-size: 14px;
    line-height: 1.5;
    color: #000;
}
.hotsearch-list-item-link
{
    margin: 0 -5px;
    padding: 5px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    background-color: transparent;
}
.hotsearch-list-item-link i
{
    font-style: normal;
    color: #ff4141;
}
.hotsearch-list-item-link:hover
{
    color: #ff4141;
    background: rgba(255,65,65,.06);
}
.hotsearch-list-hot
{
    margin-top: 6px;
}
.hotsearch-list-hot .hotsearch-list-item
{
    padding-left: 25px;
    font-size: 16px;
    counter-increment: item;
    position: relative;
}
.hotsearch-list-hot .hotsearch-list-item-link
{
    padding-left: 25px;
    margin-left: -30px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #111622;
    letter-spacing: 0;
}
.hotsearch-list-hot .hotsearch-list-item:first-child:before, .hotsearch-list-hot .hotsearch-list-item:nth-child(2):before, .hotsearch-list-hot .hotsearch-list-item:nth-child(3):before
{
    background-color: #ff4141;
}
.hotsearch-list-hot .hotsearch-list-item:before
{
    font-size: 12px;
    content: counter(item);
    width: 16px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    left: 0;
    border-radius: 3px;
    font-weight: 400;
    color: #fff;
    top: 50%;
    margin-top: -8px;
    background-color: #b3b3b3;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    letter-spacing: -2px;
    text-align: center;
    text-indent: -3px;
    display: block;
}
.search-dropdown
{
    visibility: hidden;
    position: absolute;
    width: 355px;
    padding: 16px 15px;
    top: -9999px;
    background: #fff;
    opacity: 0;
    left: 0;
    top: 45px;
    z-index: 999;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
    -webkit-box-shadow: 0 4px 8px 0 rgba(80,86,102,.1);
    box-shadow: 0 4px 8px 0 rgba(80,86,102,.1);
    border-radius: 3px;
}
.search-dropdown-show
{
    visibility: visible;
}
.search-dropdown-show-animate
{
    opacity: 1;
}
.search-dropdown-historybody
{
    padding-bottom: 24px;
}
.search-dropdown .result-list-header
{
    position: relative;
}
.search-dropdown .result-list-header, .search-dropdown .result-list-header .remove
{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #505666;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
}
.search-dropdown .result-list-header .remove
{
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding-left: 20px;
    cursor: pointer;
}
.search-dropdown .result-list-header .remove .icon
{
    display: inline-block;
    font-size: 16px;
    vertical-align: -1px;
}
.search-dropdown .result-list-header .remove:hover
{
    color: #ff4141;
}
.search-dropdown .result-list-body
{
    overflow: hidden;
    margin: 8px 0 0 -8px;
    white-space: normal;
}
.search-dropdown .result-list-item
{
    display: inline-block;
    width: 33.33333%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 8px;
}
.search-dropdown .result-list-link
{
    display: block;
    height: 100%;
    background-color: #f7f7f7;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    padding: 0 5px;
    margin: 0 0 0 8px;
    cursor: pointer;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #111622;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
    font-weight: 400;
}
.search-dropdown .result-list-link:hover
{
    color: #ff4141;
    background: rgba(255,65,65,.06);
}
.search-dropdown .item-ul.topic_n .item-li a
{
    font-size: 14px;
}
.search-input
{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e8;
    border-radius: 3px;
    white-space: nowrap;
}
.search-input:hover
{
    background-color: #f2f2f2;
}
.search-input-active, .search-input-active:hover
{
    background-color: #fff;
}
.search-input input
{
    display: inline-block;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 343px;
    height: 30px;
    line-height: 30px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #505666;
    border: 1px solid transparent;
    background-color: transparent;
    margin: 3px 0 0 6px;
    outline: none;
}
.search-input-btn
{
    height: 36px;
    float: right;
    width: 75px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjQyNCA0LjI1MkE2Ljk4OCA2Ljk4OCAwIDAxMTYuOSAxNS41OGwyLjM1NSAyLjM1NmEuNzUuNzUgMCAwMS0uOTc3IDEuMTMzbC0uMDg0LS4wNzMtMi4zNDctMi4zNDhBNi45ODggNi45ODggMCAxMTExLjQyNCA0LjI1em0wIDEuNWE1LjQ4OCA1LjQ4OCAwIDEwMCAxMC45NzUgNS40ODggNS40ODggMCAwMDAtMTAuOTc1eiIgZmlsbD0iIzY2NiIvPjwvc3ZnPg==);
    background-size: 24px 24px;
    background-position: 5px;
    background-repeat: no-repeat;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #666;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 36px;
    padding-left: 31px;
    cursor: pointer;
}
.search-input:after
{
    content: " ";
    display: block;
    font-size: 0;
    overflow: hidden;
    width: 1px;
    height: 16px;
    background-color: #e6e6e6;
    position: absolute;
    right: 80px;
    top: 10px;
}
.search-input-hanyu
{
    border: none;
    border-radius: 0;
    background-color: #fff;
    width: 600px;
}
.search-input-hanyu:after
{
    display: none;
}
.search-input-hanyu .page-search-input
{
    height: 34px;
    margin: 0;
    vertical-align: top;
    border: 1px solid #7b7b7b;
    border-right: none;
    border-bottom: 1px solid #b6b6b6;
}
.search-input-hanyu .search-input-btn
{
    outline: medium;
    background: #3385ff;
    color: #fff;
    letter-spacing: 1px;
    border-bottom: 1px solid #2d78f4;
    height: 34px;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    text-align: center;
    width: 100px;
}
.page-top-rightinfo
{
    white-space: nowrap;
    padding-right: 35px;
    font-size: 0;
    line-height: 0;
    height: 32px;
}
.page-top-rightinfo-btn
{
    float: left;
    height: 32px;
    border-radius: 5px;
    margin-left: 16px;
    padding: 0 8px 0 30px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #111622;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 32px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 8px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
}
.page-top-rightinfo-btn:hover
{
    background-color: #f7f7f7;
}
.page-top-rightinfo-btn:first-child
{
    margin: 0;
}
.page-top-rightinfo-download
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDIuMjVBMi43NSAyLjc1IDAgMDExNi43NSA1djEwQTIuNzUgMi43NSAwIDAxMTQgMTcuNzVINkEyLjc1IDIuNzUgMCAwMTMuMjUgMTVWNUEyLjc1IDIuNzUgMCAwMTYgMi4yNXptMCAxLjVINmMtLjY5IDAtMS4yNS41Ni0xLjI1IDEuMjV2MTBjMCAuNjkuNTYgMS4yNSAxLjI1IDEuMjVoOGMuNjkgMCAxLjI1LS41NiAxLjI1LTEuMjVWNWMwLS42OS0uNTYtMS4yNS0xLjI1LTEuMjV6bS0xLjgxMyA5LjM3OGEuNzUuNzUgMCAwMS4xMDIgMS40OTNsLS4xMDIuMDA3SDcuODEzYS43NS43NSAwIDAxLS4xMDItMS40OTNsLjEwMi0uMDA3aDQuMzc0ek0xMCA1LjM3YS43NS43NSAwIDAxLjc1Ljc1djMuNjZsLjU3NS0uNTEuMDg5LS4wNjdhLjc1Ljc1IDAgMDEuOTA1IDEuMTlsLTEuODM4IDEuNjI3LS4wNjEuMDQ2LS4wODUuMDUtLjEyMS4wNDctLjEwNi4wMjRhLjcyLjcyIDAgMDEtLjQwMy0uMDUzbC0uMDkzLS4wNDgtLjA2Mi0uMDQyLTEuODctMS42NS0uMDc3LS4wOGEuNzUuNzUgMCAwMS4wMTMtLjk4bC4wOC0uMDc3YS43NS43NSAwIDAxLjk3OS4wMTNsLjU3NS41MVY2LjEybC4wMDctLjEwMUEuNzUuNzUgMCAwMTEwIDUuMzd6IiBmaWxsPSIjMTExNjIyIi8+PC9zdmc+);
}
.page-top-rightinfo-download:hover .page-top-rightinfo-downloadtip-outer
{
    display: block;
}
.page-top-rightinfo-download.type1
{
    background-image: none;
}
.page-top-rightinfo-download.type1 .downloadtip-show-enter, .page-top-rightinfo-download.type1 .downloadtip-show-exit
{
    opacity: 0!important;
}
.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer
{
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 1;
    display: block;
    width: 171px;
    height: 285px;
    left: unset;
    -webkit-transform: translate(-70px);
    transform: translate(-70px);
    padding: 20px 0 0;
}
.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip
{
    padding: 20px 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.97);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
    border-radius: 10px;
}
.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip-title
{
    margin-bottom: 8px;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #000;
    line-height: 16px;
}
.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip-imgborder
{
    margin: 18px auto 13px;
    width: 128px;
    height: 128px;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 12px;
    overflow: hidden;
}
.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip-img
{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-image: url(../image/724684ad74c9.png);
}
.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip-text
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 22px;
}
.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip-text img
{
    width: 22px;
    height: 22px;
    margin-right: 6px;
}
.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip-text span
{
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 22px;
}
.page-top-rightinfo-download.type1:after
{
    content: "";
    width: 44px;
    height: 44px;
    background-image: url(../image/icon3f6543.gif);
    background-size: cover;
    position: absolute;
    top: -7px;
    left: -8px;
}
.page-top-rightinfo-gohome
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjg5IDMuMzEybDMuNSAyLjI0NkEzLjUgMy41IDAgMDExNyA4LjUwNFYxNGEzLjUgMy41IDAgMDEtMy41IDMuNWgtN0EzLjUgMy41IDAgMDEzIDE0VjguNTA0YTMuNSAzLjUgMCAwMTEuNjEtMi45NDZsMy41LTIuMjQ2YTMuNSAzLjUgMCAwMTMuNzggMHpNOS4wNjQgNC40OTFsLS4xNDQuMDg0LTMuNSAyLjI0NmEyIDIgMCAwMC0uOTEzIDEuNTE0bC0uMDA3LjE2OVYxNGEyIDIgMCAwMDEuODUgMS45OTVMNi41IDE2aDdhMiAyIDAgMDAxLjk5NS0xLjg1TDE1LjUgMTRWOC41MDRhMiAyIDAgMDAtLjc4MS0xLjU4NmwtLjEzOS0uMDk3LTMuNS0yLjI0NmEyIDIgMCAwMC0yLjAxNi0uMDg0ek0xMCA5Ljc1YS43NS43NSAwIDAxLjc1Ljc1VjEzYS43NS43NSAwIDExLTEuNSAwdi0yLjVhLjc1Ljc1IDAgMDEuNzUtLjc1eiIgZmlsbD0iIzIyMiIvPjwvc3ZnPg==);
    display: none;
}
.page-top-rightinfo-chuangzuo
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjAxMyAxNi4zMDNhLjc1Ljc1IDAgMDEuMTAyIDEuNDkzbC0uMTAyLjAwN0g4LjE0OWEuNzUuNzUgMCAwMS0uMTAyLTEuNDkzbC4xMDItLjAwN2gzLjg2NHpNMTAgMi4xOTdhNi4xODMgNi4xODMgMCAwMTMuODEgMTEuMDU0bC0uMDguMDU5djEuNTc1YS43NS43NSAwIDAxLS42NDguNzQzbC0uMTAxLjAwN0g3LjcyM2EuNzUuNzUgMCAwMS0uMTAyLTEuNDkzbC4xMDItLjAwN2g0LjUwN3YtMS4yMTFhLjc1Ljc1IDAgMDEuMjUzLS41NjJsLjA4Ni0uMDY1YTQuNjgzIDQuNjgzIDAgMTAtNS43OTEtLjUxOC43NS43NSAwIDExLTEuMDMzIDEuMDg4QTYuMTgzIDYuMTgzIDAgMDExMCAyLjE5N3ptLjk4NCAyLjk4MWEzLjEyIDMuMTIgMCAwMTIuMjEgMi4xOTQuNzUuNzUgMCAwMS0xLjQ0OC4zOTMgMS42MiAxLjYyIDAgMDAtMS4wMDktMS4wOTRsLS4xMzYtLjA0MmEuNzUuNzUgMCAwMS4zODMtMS40NXoiIGZpbGw9IiMxMTE2MjIiLz48L3N2Zz4=);
}
.page-top-rightinfo-msg
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjA0MyAzLjcyYzEuNDg4IDAgMi44NzQuMTA3IDQuMTY4LjMyM2wuNTM1LjA5N2EzLjc1IDMuNzUgMCAwMTIuOTU1IDIuOTI4Yy4xODcuOTEzLjI4IDEuOTA1LjI4IDIuOTc1IDAgLjg5LS4wNjUgMS43MjEtLjE5NyAyLjUwM2wtLjA2OC4zNzFhMy43NSAzLjc1IDAgMDEtMi45NTYgMi45MzdjLTEuNDUxLjI4NC0zLjAzOC40MjYtNC43Ni40MjZhMjUuNTkgMjUuNTkgMCAwMS00LjIxMy0uMzI3bC0uNTQyLS4wOThBMy43NSAzLjc1IDAgMDEyLjI5IDEyLjkyYTE0Ljc0IDE0Ljc0IDAgMDEtLjI3LTIuOTE5YzAtLjkwMS4wNjUtMS43NDIuMTk4LTIuNTM0bC4wNy0uMzc1YTMuNzUgMy43NSAwIDAxMi45Ni0yLjk0YzEuNDc1LS4yODggMy4wNzMtLjQzIDQuNzk2LS40M3pNMy45MTYgNi44OTRjLS4wNy4xNTItLjEyMy4zMTMtLjE1Ny40OGwtLjA2NS4zNTJBMTMuNzYgMTMuNzYgMCAwMDMuNTIgMTBjMCAuOTYuMDggMS44MzQuMjQgMi42MjEuMTguODkyLjg4IDEuNTg4IDEuNzYzIDEuNzZsLjUyMi4wOTVjMS4yMTMuMjAyIDIuNTMxLjMwNCAzLjk1Ni4zMDQgMS42MyAwIDMuMTItLjEzMyA0LjQ3Mi0uMzk4YTIuMjQ2IDIuMjQ2IDAgMDAxLjc3MS0xLjc1bC4wNjQtLjM0N2MuMTE2LS42ODUuMTc0LTEuNDMyLjE3NC0yLjI0MiAwLS45NzMtLjA4NC0xLjg2NC0uMjUtMi42NzRhMi4yNTQgMi4yNTQgMCAwMC0uMTE4LS4zOTJMMTEuOTMgOS40NDhhMy43NSAzLjc1IDAgMDEtMy42NTcuMDg5bC0uMi0uMTEzem02LjEyNy0xLjY3NGMtMS42MyAwLTMuMTMzLjEzNS00LjUxLjQwM2EyLjI1MyAyLjI1MyAwIDAwLS41MzIuMTc0bDMuODUyIDIuMzQ1YTIuMjUgMi4yNSAwIDAwMi4xNTguMDk5bC4xNTYtLjA4NCAzLjkyNi0yLjMyYTIuMjEzIDIuMjEzIDAgMDAtLjYyNC0uMjIzbC0uNTE2LS4wOTNjLTEuMTk4LS4yLTIuNTAyLS4zLTMuOTEtLjN6IiBmaWxsPSIjMTExNjIyIi8+PC9zdmc+);
    margin-right: 36px;
}
.page-top-rightinfo-upload
{
    border: 1px solid #e6e6e8;
    height: 30px;
    line-height: 30px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjExIDkuMjU3bC4xMDQuMDI0LjEyMS4wNDguMDg1LjA1LjA2LjA0NCAxLjg0IDEuNjI3YS43NS43NSAwIDAxLS45MDYgMS4xOTFsLS4wODktLjA2Ny0uNTc1LS41MVYxN2EuNzUuNzUgMCAwMS0xLjQ5My4xMDJMOS4yNSAxN3YtNS4zMzdsLS41NzUuNTFhLjc1Ljc1IDAgMDEtLjk4LjAxNGwtLjA3OS0uMDc4YS43NS43NSAwIDAxLS4wMTMtLjk3OWwuMDc4LS4wOEw5LjU1IDkuNGwuMDc1LS4wNS4wOC0uMDRhLjcyLjcyIDAgMDEuNDA0LS4wNTN6bS4zOS02LjAwN2E2LjI1MiA2LjI1MiAwIDAxNi4xNjEgNS4xOTVsLjAzMi4yMDkuMDguMDQxYTMuNzUgMy43NSAwIDAxMS45NzIgMy4xMDVsLjAwNS4yYTMuNzUzIDMuNzUzIDAgMDEtMy4zNTQgMy43MjhsLS4xOTguMDE3LS4xOTguMDA1aC0yLjIzNWEuNzUuNzUgMCAwMS0uMTAyLTEuNDkzbC4xMDItLjAwN2gyLjIxM2wuMTU1LS4wMDRhMi4yNSAyLjI1IDAgMDAuNjEtNC4zNy43NS43NSAwIDAxLS41MDItLjY2NCA0Ljc1IDQuNzUgMCAwMC05LjMxNi0uOTk3Ljc1Ljc1IDAgMDEtLjY2LjU0NUEyLjc1IDIuNzUgMCAwMDIuNzUgMTEuNWEyLjc0OSAyLjc0OSAwIDAwMi40MDggMi43M2wuMTcuMDE1LjE3LjAwNWgxLjY3MWEuNzUuNzUgMCAwMS4xMDIgMS40OTNsLS4xMDIuMDA3SDUuNDc3bC0uMjEtLjAwNmE0LjI1IDQuMjUgMCAwMS0uNzMtOC4zODRsLjA5Ni0uMDIxYTYuMjU3IDYuMjU3IDAgMDE1LjYxMi00LjA4NGwuMjU1LS4wMDV6IiBmaWxsPSIjMTExNjIyIi8+PC9zdmc+);
}
.page-top-rightinfo-upload:hover
{
    font-family: PingFangSC-Medium;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjExIDkuMjU3bC4xMDQuMDI0LjEyMS4wNDguMDg1LjA1LjA2LjA0NCAxLjg0IDEuNjI3YS43NS43NSAwIDAxLS45MDYgMS4xOTFsLS4wODktLjA2Ny0uNTc1LS41MVYxN2EuNzUuNzUgMCAwMS0xLjQ5My4xMDJMOS4yNSAxN3YtNS4zMzdsLS41NzUuNTFhLjc1Ljc1IDAgMDEtLjk4LjAxNGwtLjA3OS0uMDc4YS43NS43NSAwIDAxLS4wMTMtLjk3OWwuMDc4LS4wOEw5LjU1IDkuNGwuMDc1LS4wNS4wOC0uMDRhLjcyLjcyIDAgMDEuNDA0LS4wNTN6bS4zOS02LjAwN2E2LjI1MiA2LjI1MiAwIDAxNi4xNjEgNS4xOTVsLjAzMi4yMDkuMDguMDQxYTMuNzUgMy43NSAwIDAxMS45NzIgMy4xMDVsLjAwNS4yYTMuNzUzIDMuNzUzIDAgMDEtMy4zNTQgMy43MjhsLS4xOTguMDE3LS4xOTguMDA1aC0yLjIzNWEuNzUuNzUgMCAwMS0uMTAyLTEuNDkzbC4xMDItLjAwN2gyLjIxM2wuMTU1LS4wMDRhMi4yNSAyLjI1IDAgMDAuNjEtNC4zNy43NS43NSAwIDAxLS41MDItLjY2NCA0Ljc1IDQuNzUgMCAwMC05LjMxNi0uOTk3Ljc1Ljc1IDAgMDEtLjY2LjU0NUEyLjc1IDIuNzUgMCAwMDIuNzUgMTEuNWEyLjc0OSAyLjc0OSAwIDAwMi40MDggMi43M2wuMTcuMDE1LjE3LjAwNWgxLjY3MWEuNzUuNzUgMCAwMS4xMDIgMS40OTNsLS4xMDIuMDA3SDUuNDc3bC0uMjEtLjAwNmE0LjI1IDQuMjUgMCAwMS0uNzMtOC4zODRsLjA5Ni0uMDIxYTYuMjU3IDYuMjU3IDAgMDE1LjYxMi00LjA4NGwuMjU1LS4wMDV6IiBmaWxsPSIjRkZGIi8+PC9zdmc+);
    background-color: #ff2626;
    color: #fff;
    border-color: #ff2626;
}
.page-top-rightinfo-user
{
    float: left;
    margin-left: 24px;
    height: 32px;
    width: 32px;
    border-radius: 16px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTPj4+P////j4+Pb29vX19fj4+Pf39/T09PHx8fb29uTk5Ofn5+Hh4dvb2+zs7Mnbh48AAAAJdFJOUwCRDizpw0TM8FxCOtoAAAQeSURBVEjHhVe7btxWEKXzKlRtETeqUtgw4Mq1KsedVTkuXblO6dKf4M5AmnttgFKkxLrTuDZIYmuCG/gDKO4f7PbXUqDM6z74kDIrkCvu4cyZJ4dFMZbv7x8DyvlvT4q75LufEWQBHJ5+/eV23L13DLEO6HOxug33kFBgLR35hpfLuEf0szXGlMYbQwzgzaJdYucYx2KRASxY/4kMEoo+viQ0XXk9Ax5aNqtIEefgdIp7AIRjdiTeMxhJP5vEmRxVfQrCM1sfR/7IQaZP8OwRuLOpJ8zMox7PR77Pezf253dymGClnCSYJauEv0cMHV8vNYo++GRKl7N8HCJjyhAdLwo5RX9G4LEFYe8DXr7yycJ5ljxlr856oat3gl2NXIkcKX+RI/4ld7AAo7uo6Waz2dwoSTKOjifLapXsdxXJV5O4OC2ix5w8r64KLiHxKoD4/ZaCKByNuaqCtCZctfYTN1RUiAquI66qvSaqRHeo0X4Uip5d7RIQjZdSHgh8gcAD1ihF8zHDVXUwhLZPqLSd40IhnVc5sGq9xAwD9B6B7yAGsexGwLXwoXxfkC8QOs+PLKMESuwNJ5qz7yeWq0rCQwHCkP8ALjTADNiGnFt4Whw4JxWBtdBNgGv9BYEnxRG4UCxlNQVqg3trz4pDiBU1A9ahgg0OglcQp80CMPwEfxXHITrIcQ7UmjLYDtgu2h7m44JGr6ZdIQ0otb0AVB0WCkqMOn0LUFJTwB1er+MoIqCNt5kFoKbGsUavo3OWmbYMMygzTeB5rnOONhKZxcebVBUUxxCsqTfJadKoARcZk/wSokHzR1K4XJDexAmHKXylD5e57TqRp6I4tKlbxyqTz+jLKRVuZrucpkX5wxn2v8nlOk0UE3NrrDvB5srdNv/sFHhp0vMTo/OU2zXD7fe7HmHNdn9pco4rHAA2cfl3zzLwcZ1M8zgLI4VKfNjtk+zaMiq8oCEV3S6bIUPuhj5atvQ0PoiB/DAMwzbidrvhS9R4ooNUpEGNw6C4LX69jE6/KMI4I4XVwMgtat0iru/7Ng0zHfZcOg2GBVkOUTQ71n2Sx4cDcaVqmop1Crjvm0pKRx8fGnIu76ZK6mJhxK1G1okrykiFh74Z+gGP9M+afbbhoUntINWNthmMpz7UZHpo3uOnZlaJvaC0hrJ96hhtzyZUaAdw59mqALcB2+hzWI+uloFrXKaejPajD8JpgutagLPxguS6JYW1nSx8RwCfSYFqDYq7b2OFwnLBnXbMUNZCC9iBXdeRWqHRfcXbn80WTbx4XbP5jm+oa8TZ04XVFXmXNeNQbVXX7fLqionE5fvzJmjcfAPnYLW8XtPybW42XY0LEqlbXq9xYYdc8K6Xd7wCWF6/Hb0GnK/+56WCGdz9UsGvKc9p9/9j9pryH6zyzm/yXA6bAAAAAElFTkSuQmCC);
}
.page-top-rightinfo-user .topright-userinfo-outer
{
    position: absolute;
    display: none;
    top: 22px;
    left: -21px;
    padding-top: 28px;
    width: 70px;
}
.page-top-rightinfo-user:hover .topright-userinfo-outer
{
    display: block;
}
.page-top-rightinfo-unlogin
{
    width: 88px;
    height: 30px;
    background-color: #ff2626;
    border-radius: 5px;
    background-image: none;
    border: none;
    line-height: 30px;
    text-align: center;
}
.page-top-rightinfo-unlogin:before
{
    content: "登录";
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #fff;
    letter-spacing: 2px;
}
.page-top-rightinfo-downloadtip
{
    width: 130px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgba(80,86,102,.1);
    box-shadow: 0 4px 8px 0 rgba(80,86,102,.1);
    border-radius: 3px;
    padding: 9px 0 11px;
}
.page-top-rightinfo-downloadtip-outer
{
    display: none;
    padding-top: 10px;
    left: -5px;
    position: absolute;
    margin-top: -1px;
}
.page-top-rightinfo-downloadtip-title
{
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    font-weight: 400;
    text-align: center;
    line-height: 18px;
}
.page-top-rightinfo-downloadtip-img
{
    width: 100px;
    height: 100px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 6px auto 0;
}
.page-top-rightinfo-downloadtip-text
{
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    font-weight: 400;
    text-align: center;
    line-height: 18px;
    margin-top: 12px;
}
.page-top-rightinfo-downloadtip-text span
{
    display: inline-block;
    position: relative;
}
.page-top-rightinfo-downloadtip-text-line
{
    margin: 0 15px;
    width: 1px;
    height: 10px;
    background-color: #000;
    overflow: hidden;
    position: relative;
    top: 1px;
}
.page-top-rightinfo:after
{
    content: " ";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
}
.page-top-rightinfo-msgcount
{
    height: 14px;
    background: #f1403c;
    border-radius: 6px;
    padding: 0 4px;
    overflow: hidden;
    display: inline-block;
    font-family: DIN1451-MittelschriftLT;
    font-size: 11px;
    color: #fff;
    letter-spacing: 0;
    position: absolute;
    line-height: 14px;
    top: 0;
    left: 57px;
}
.page-top-rightinfo .popover-show-enter, .page-top-rightinfo .popover-show-exit
{
    opacity: 0;
}
.page-top-rightinfo-popover
{
    position: absolute;
    padding-top: 20px;
    right: 31px;
    top: 47px;
    font-family: PingFang-SC-Medium;
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 1;
}
.page-top-rightinfo-popover .login-popover
{
    overflow: hidden;
    width: 422px;
    height: 265px;
    border-radius: 10px;
    background: hsla(0,0%,100%,.99);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
}
.page-top-rightinfo-popover .login-popover-title
{
    margin: 28px 0 19px 25px;
    font-size: 18px;
    line-height: 20px;
    color: #111622;
}
.page-top-rightinfo-popover .login-popover-rights
{
    height: 110px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 20px;
}
.page-top-rightinfo-popover .login-popover-rights, .page-top-rightinfo-popover .login-popover-rights .login-popover-right
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.page-top-rightinfo-popover .login-popover-rights .login-popover-right
{
    height: 39px;
}
.page-top-rightinfo-popover .login-popover-rights .login-popover-right img
{
    width: 40px;
    height: 39px;
    margin-right: 6px;
}
.page-top-rightinfo-popover .login-popover-rights .login-popover-right p
{
    font-size: 16px;
    color: #505666;
    line-height: 18px;
    font-weight: lighter;
}
.page-top-rightinfo-popover .login-popover-btn
{
    position: absolute;
    right: 23px;
    bottom: 22px;
    height: 48px;
    width: 376px;
    background: #ff2626;
    border-radius: 10px;
    color: #fff;
    font-family: PingFangSC-Medium;
    font-size: 17px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
}
.topright-userinfo-list
{
    padding: 10px 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    width: 120px;
    margin-left: -40px;
}
.topright-userinfo-item
{
    width: 112px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}
.topright-userinfo-item .icon
{
    margin-right: 6px;
    font-size: 16px;
    vertical-align: middle;
}
.topright-userinfo-item:hover
{
    background: rgba(255,65,65,.06);
    color: #ff4141;
}
.topright-userinfo-item:hover .icon
{
    color: #ff4141;
}
.pagebase-fullmain .page-top-rightinfo-gohome
{
    display: block;
}
.pop-mask
{
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.pagebase-logo
{
    width: 146px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    background-image: url(data:image/png;base64,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);
}
.pagebase-logo-hanyu
{
    background-image: url(../image/c1d4fab9cf0c.png);
    background-size: auto 100%;
}
.pagebase-left-switch
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuNSA1Ljc1aDEzYS41LjUgMCAwMS41LjV2LjVhLjUuNSAwIDAxLS41LjVoLTEzYS41LjUgMCAwMS0uNS0uNXYtLjVhLjUuNSAwIDAxLjUtLjV6bTAgNS41aDEzYS41LjUgMCAwMS41LjV2LjVhLjUuNSAwIDAxLS41LjVoLTEzYS41LjUgMCAwMS0uNS0uNXYtLjVhLjUuNSAwIDAxLjUtLjV6bTAgNS41aDEzYS41LjUgMCAwMS41LjV2LjVhLjUuNSAwIDAxLS41LjVoLTEzYS41LjUgMCAwMS0uNS0uNXYtLjVhLjUuNSAwIDAxLjUtLjV6IiBmaWxsPSIjMTExNjIyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px auto;
    width: 24px;
    height: 24px;
    font-size: 0;
    overflow: hidden;
    cursor: pointer;
}
.pagebase-top
{
    width: 100%;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    min-width: 1200px;
    height: 64px;
    border-bottom: 1px solid #e6e6e8;
}
.pagebase-top-left
{
    width: 240px;
    float: left;
    padding-top: 14px;
    overflow: hidden;
}
.pagebase-top-left .pagebase-left-switch
{
    float: left;
    margin: 6px 0 0 16px;
}
.pagebase-top-left .pagebase-logo
{
    float: left;
    margin-left: 24px;
}
.pagebase-top-search
{
    width: 440px;
    height: 36px;
    margin: 14px 0 0 32px;
    float: left;
}
.pagebase-top-right
{
    padding-top: 16px;
    float: right;
}
.pagebase-top-right:after
{
    clear: both;
    display: none;
    content: " ";
}
.pagebase-top-hanyu .pagebase-top-search
{
    width: 600px;
}
.pagebase-top-hanyu .pagebase-top-search .search-input input
{
    width: 500px;
}
.pagebase-top-hanyu .pagebase-top-left
{
    width: 140px;
}
@media screen and (max-width: 1440px)
{
    .pagebase-fullmain .pagebase-top-search
    {
        width: 300px;
    }
    .pagebase-fullmain .pagebase-top-search .search-input input
    {
        width: 214px;
    }
    .pagebase-fullmain .pagebase-top-hanyu .pagebase-top-search
    {
        width: 600px;
    }
    .pagebase-fullmain .pagebase-top-hanyu .pagebase-top-search .search-input input
    {
        width: 500px;
    }
    .pagebase-fullmain .pagebase-top-hanyu .pagebase-top-left
    {
        width: 140px;
    }
}
@media screen and (max-width: 1340px)
{
    .pagebase-top-search
    {
        width: 300px;
        position: relative;
        z-index: 1;
    }
    .pagebase-top-search .search-input input
    {
        width: 214px;
    }
    .page-top-rightinfo-btn
    {
        margin-left: 0;
    }
}
.suitableaging
{
    display: block;
    bottom: 54px;
    right: 34px;
    width: 50px;
    height: 93px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    border-radius: 25px;
    background-size: 36px 36px;
    background-position: center 7px;
    background-repeat: no-repeat;
    background-image: url(../image/f03349bed3c0.png);
    padding-top: 46px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: MicrosoftYaHei;
    font-size: 13px;
    color: #333;
    text-align: center;
    line-height: 18px;
    letter-spacing: 2px;
    z-index: 99999;
}
.backtop, .suitableaging
{
    position: fixed;
    cursor: pointer;
}
.backtop
{
    width: 40px;
    height: 40px;
    right: 40px;
    bottom: 150px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.16);
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: none;
    z-index: 5000;
}
.backtop:hover
{
    color: #ff4141;
    width: 114px;
    border-radius: 24px;
    background-color: #ffecec;
}
.backtop:hover .backtop-hover
{
    display: inline;
    opacity: 1;
}
.backtop.show
{
    display: block;
}
.backtop-inner
{
    display: block;
    line-height: 40px;
    height: 100%;
    padding-right: 34px;
}
.backtop-inner .icon
{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 42px;
    color: #666;
    display: inline-block;
}
.backtop-hover
{
    display: none;
    vertical-align: top;
    opacity: 0;
    height: 40px;
    margin-left: 12px;
    font-size: 16px;
    -webkit-transition: opacity .1s .2s;
    transition: opacity .1s .2s;
}
@font-face
{
    font-family: hkfont;
    font-display: auto;
    src: url(../font/iconfont.c754ed93.eot?);
    src: url(../font/iconfont.c754ed93.eot?) format("embedded-opentype"),url(../font/iconfont.f1a61673.woff) format("woff"),url(../font/iconfont.7d7d6acc.ttf) format("truetype"),url(../font/fonts7a0a99.svg) format("svg");
}
[class*=" icon-"], [class^=icon-]
{
    font-family: hkfont;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-delete:before
{
    content: "";
}
.icon-wechat:before
{
    content: "";
}
.icon-weibo:before
{
    content: "";
}
.icon-download:before
{
    content: "";
}
.icon-upload:before
{
    content: "";
}
.icon-thumb:before
{
    content: "";
}
.icon-video:before
{
    content: "";
}
.icon-time:before
{
    content: "";
}
.icon-rightarrow:before
{
    content: "";
}
.icon-thumbempty:before
{
    content: "";
}
.icon-search:before
{
    content: "";
}
.icon-quit:before
{
    content: "";
}
.icon-personalcenter:before
{
    content: "";
}
.icon-qq:before
{
    content: "";
}
.icon-introduce:before
{
    content: "";
}
.icon-message:before
{
    content: "";
}
.icon-eye:before
{
    content: "";
}
.icon-identity:before
{
    content: "";
}
.icon-history:before
{
    content: "";
}
.icon-emoji:before
{
    content: "";
}
.icon-comment:before
{
    content: "";
}
.icon-downarrow:before
{
    content: "";
}
.icon-collect:before
{
    content: "";
}
.icon-zhuanlan:before
{
    content: "";
}
.icon-more:before
{
    content: "";
}
.icon-uncollect:before
{
    content: "";
}
.icon-collected:before
{
    content: "";
}
.icon-guanzhu:before
{
    content: "";
}
.icon-arrow:before
{
    content: "";
}
.icon-up:before
{
    content: "";
}
.icon-creator:before
{
    content: "";
}
.icon-update:before
{
    content: "";
}
.icon-chart:before
{
    content: "";
}
.icon-down:before
{
    content: "";
}
.icon-hold:before
{
    content: "";
}
.icon-1:before
{
    content: "";
}
.icon-7:before
{
    content: "";
}
.icon-more1:before
{
    content: "";
}
.icon-3:before
{
    content: "";
}
.icon-share:before
{
    content: "";
}
.icon-change:before
{
    content: "";
}
.icon-4:before
{
    content: "";
}
.icon-phone:before
{
    content: "";
}
.icon-8:before
{
    content: "";
}
.icon-collect1:before
{
    content: "";
}
.icon-9:before
{
    content: "";
}
.icon-6:before
{
    content: "";
}
.icon-10:before
{
    content: "";
}
.icon-5:before
{
    content: "";
}
.icon-comment1:before
{
    content: "";
}
.icon-2:before
{
    content: "";
}
.icon-like:before
{
    content: "";
}
.icon-hot:before
{
    content: "";
}
::-moz-selection
{
    background: #e0e0e9;
    color: unset;
    text-shadow: none;
}
::selection
{
    background: #e0e0e9;
    color: unset;
    text-shadow: none;
}
img::-moz-selection
{
    background: transparent;
}
img::selection
{
    background: transparent;
}
html
{
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body
{
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
}
blockquote, body, dd, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, menu, ol, p, pre, ul
{
    margin: 0;
}
input, legend, menu, ol, td, th, ul
{
    padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary
{
    display: block;
}
audio, canvas, video
{
    display: inline-block;
    outline: none;
}
menu, ol, ul
{
    list-style: none;
}
abbr, address, cite, dfn, em, var
{
    font-style: normal;
}
img
{
    vertical-align: middle;
    border: 0;
}
a, a:hover
{
    color: inherit;
    text-decoration: none;
}
a:hover
{
    outline: 0;
}
h1, h2, h3, h4, h5, h6, strong
{
    font-size: 100%;
    line-height: 1;
}
hr
{
    border-style: solid;
}
[type=button], [type=reset], [type=submit], [type=text], button, label, select, textarea
{
    border: none;
    outline: none;
}
[type=button]:focus, [type=reset]:focus, [type=submit]:focus, [type=text]:focus, button:focus, label:focus, select:focus, textarea:focus
{
    outline: none;
}
.button, [type=button], [type=reset], [type=submit], button
{
    cursor: pointer;
}
.button
{
    background-color: transparent;
    padding: 0;
}
textarea
{
    resize: none;
}
.layout
{
    width: 1200px;
    margin: 0 auto;
}
.clear:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clear
{
    zoom: 1;
}
.float-left
{
    float: left;
}
.float-right
{
    float: right;
}
.skeleton
{
    background-image: -webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));
    background-image: -webkit-linear-gradient(left,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
    background-image: linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
    background-color: #e6e6e6;
    background-size: 400% 100%;
    -webkit-animation: skeleton-loading 1.4s ease infinite;
    animation: skeleton-loading 1.4s ease infinite;
}
.lazy
{
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
@-webkit-keyframes skeleton-loading
{
    0%
    {
        background-position: 100% 50%;
    }
    to
    {
        background-position: 0 50%;
    }
}
@keyframes skeleton-loading
{
    0%
    {
        background-position: 100% 50%;
    }
    to
    {
        background-position: 0 50%;
    }
}
img[lazy=loaded]
{
    -webkit-animation: opacity .3s;
    animation: opacity .3s;
}
@-webkit-keyframes opacity
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes opacity
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.video-tag
{
    width: 32px;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAA2CAMAAAAPkWzgAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUdwTP9FRf9CQv9BQf9LS/9BQf9CQv9BQf9BQf9CQv/////IyP94eP9dXf9wcP+rq/+UlP/c3P+0tP/n5/+Hh//z8/9OTv+hofj1Qu4AAAAKdFJOUwA5jv8Oun7k9lqpm5P+AAACVUlEQVRYw7WY67qEEBSGm1GjhCKH+7/TvaQzlfaM78/0SF7rYGGKT41+qxpX71ex6tfje+FPOQNQJuEmMwChT24AqnIDvA05AajJDcBlZoBzUl4AvgZQzr4lvK4AhhDC469aQnr/xOzcJiQNO76vABwA5hpg4IGuvXlkLVwAekIGdGMBPAjfJKO9cQRgukkCPum24iGAwbzV+JUmpIvU1gjAfRNXH4mBm7jzo4L3sZR4BLCxIGvfDi0tSgMY5SWd9TuNM+QDCEbV8OMaOt0Zn3E0ETBLLvELcmuWAxgzJYRADwEiGrU9QAyTJpPsPYDRSS5qlh7kpswYcxALv0gfoiTvAT25Ur92Gif7D4C6BKjFez6m7CBzD6DtJBhCtEfRTRg0T6l2xVUhYuf5NRLYNwB5XoigKoDvwcSBfQGIl5ZpGQu3kuVZ6icBKLiglTvR9RV1ADDEIh5kcSJAhhk0GWQGmPhYixQYMMS6pAD0KUC6BPXFjqUA4odfQ/e2t+t2JZznl2oqd1ncRwA4JZntusZgFattub4Ncgqg2+4FRqBHgOrszZIRbmPfFhn2DPA+XU26Va60UE3C0R4AmvNzg6tGVkarzgNAeXKHUu2SqZGK4AGGBwq6FudBMFROjJbGAfR0sWwBzZWBvPMMbVkaQIaA8vqeadS4uxyODB7ARSAbAorPXZw4uKr9d5DBhPu1ZvrDXsh46sneXdOanFcQByirzIAUJ30HKF51ZkDGMMz/iTR1ZkDxwpkBuXJpAyganBXgGJ86LwAQTVVnBYwJ9a4w/hnmD+q7X+rwJ7MzAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
}
.content-main .content-layout.ant-layout-has-sider
{
    display: table\9;
    width: 100%\9;
}
.content-main .content-layout.ant-layout-has-sider .layout-content
{
    display: table-cell\9;
    vertical-align: top\9;
    overflow-y: hidden\9;
}
.content-main .content-layout.ant-layout-has-sider .ant-layout-sider
{
    display: table-cell\9;
    vertical-align: top\9;
}
.skeletonbg
{
    background-color: #e6e6e6;
}
.empty-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.empty-item .empty-icon
{
    width: 120px;
    height: 120px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: contain;
}
.empty-item .empty-txt
{
    font-size: 14px;
    color: #d9d9d9;
    line-height: 14px;
}
#passport-login-pop *
{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.pass-qrcode-download .qrcode-hover, .qrcode-download-link-box, .Qrcode-status-con, .tang-pass-pop-login .pass-text-input, .tang-pass-pop-login .tang-pass-qrcode-imgWrapper
{
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
}
#passport-login-pop .Qrcode-status-guideAnim
{
    background: url(../image/fcfa2315aad2.png) no-repeat 50%/134px 160px!important;
}
#passport-login-pop .login-type-tab .switch-item.activ:after
{
    background-color: #ff2626;
}
#passport-login-pop .pass-qrcode-download a, #passport-login-pop .tang-pass-login a, #passport-login-pop a.pass-reglink
{
    color: #ff2626;
}
#passport-login-pop a.pass-reglink
{
    font-weight: 500;
}
#passport-login-pop .tang-pass-login .pass-fgtpwd
{
    color: #858585;
    margin-top: -32px;
}
#passport-login-pop .Qrcode-status-con p
{
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #1f1f1f;
    text-align: center;
    line-height: 18px;
    font-weight: 500;
}
#passport-login-pop .Qrcode-status-con .Qrcode-refresh-btn
{
    color: #ff2626;
}
#passport-login-pop .pass-text-input-focus
{
    caret-color: #ff2626;
    border: 1px solid #ff2626;
    -webkit-box-shadow: 0 0 3px rgba(255,38,38,.2);
    box-shadow: 0 0 3px rgba(255,38,38,.2);
}
#passport-login-pop .pass-button
{
    background-color: #ff2626;
    -webkit-box-shadow: 0 6px 16px 0 rgba(255,38,38,.3);
    box-shadow: 0 6px 16px 0 rgba(255,38,38,.3);
}
#passport-login-pop .pass-button.pass-button-submit
{
    color: #fff!important;
}
#passport-login-pop .tang-pass-qrcode-title
{
    font-size: 16px;
    line-height: 20px;
    color: #1f1f1f;
    font-weight: 500;
    width: 100%;
    margin: 0 auto 13px;
}
#passport-login-pop .pass-qrcode-download .qrcode-hover .qrcode-download-link-box
{
    margin-bottom: 5px;
}
#passport-login-pop .pass-qrcode-download .qrcode-hover .qrcode-download-link-box .qrcode-download-link
{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#passport-login-pop .pass-qrcode-download .qrcode-hover p
{
    font-size: 16px;
    font-weight: 500;
}
#passport-login-pop .pass-qrcode-download .pass-qrcode-icon
{
    width: 20px;
    height: 20px;
    margin-right: 4px;
}
#passport-login-pop .pass-qrcode-download .pass-link
{
    padding: 7px 23px;
    font-size: 14px;
    font-weight: 500;
}
#passport-login-pop .red-span
{
    color: #ff2626;
}
#passport-login-pop .pass-form-item.pass-form-item-password .pass-clearbtn
{
    right: 14px;
}
#passport-login-pop .pass-form-logo
{
    background: url(../image/418a3aceca30.png) no-repeat 0/100% 100%;
    width: 121px;
}
#passport-login-pop .Qrcode-status-success .Qrcode-status-icon
{
    background: url(../image/c967d01d5527.png) no-repeat 50%/100% 100%;
}
#passport-login-pop a.pass-reglink
{
    color: #000;
}
#passport-login-pop .pass-item-time-timing, #passport-login-pop .pass-item-timer
{
    color: #ff2626;
}
#passport-login-pop .pass-sms-unreceive-tips
{
    color: #858585;
    right: 50px;
}
*
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body
{
    overflow-x: auto;
}
body, html
{
    height: 100%;
    overflow: hidden;
}
.gray-style
{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}
#rooot
{
    height: 100%;
}
.pagebase
{
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 auto;
    min-width: 980px;
}
.pagebase-background
{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}
.pagebase-left
{
    width: 240px;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 101;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: inset -1px 0 0 0 #e6e6e8;
    box-shadow: inset -1px 0 0 0 #e6e6e8;
}
.pagebase-left-logo
{
    width: 100%;
    padding: 14px 0 33.86px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.pagebase-left-logo .pagebase-logo
{
    margin: 0 auto;
}
.pagebase-left-menus-outer
{
    overflow: hidden;
    position: relative;
    padding-top: 83.56px;
    top: -83.56px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}
.pagebase-left-menus, .pagebase-left-menushover
{
    width: 100%;
    overflow-x: hidden;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.pagebase-left-menus:hover, .pagebase-left-menushover:hover
{
    scrollbar-width: auto;
    -ms-overflow-style: auto;
}
.pagebase-left-fullmain
{
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}
.pagebase-left-fullmain .pagebase-left-logo .pagebase-left-switch
{
    float: left;
    margin: 6px 0 0 16px;
}
.pagebase-left-fullmain .pagebase-left-logo .pagebase-logo
{
    float: left;
    margin: 0 0 0 24px;
}
.pagebase-left-show
{
    -webkit-transform: translate(0);
    transform: translate(0);
}
.pagebase-right
{
    height: 100%;
    margin-left: 240px;
    padding-top: 64px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pagebase-right-fullmain
{
    margin-left: 0;
}
.pagebase-right-top
{
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    height: 64px;
}
.pagebase-right-top, .pagebase-right-top-content
{
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pagebase-right-top-content
{
    background: hsla(0,0%,100%,.9);
    position: relative;
    height: 100%;
}
.pagebase-right-bottom
{
    padding: 32px 0 0 32px;
    height: 100%;
    background-color: #fafafa;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pagebase-right-bottom-fullmain
{
    padding: 0;
    background-color: #fff;
}
.pagebase-left-menus::-webkit-scrollbar
{
    display: none;
}
.footer-hanyu
{
    margin: 60px 0;
    text-align: center;
    color: #000;
    font-size: 14px;
    line-height: 1.5;
}
.footer-hanyu a
{
    color: #000;
    text-decoration: none;
}
.footer-hanyu a:hover
{
    text-decoration: underline;
}
.hanyu-qrcode
{
    position: fixed;
    left: 0;
    top: 40%;
    width: 122px;
    height: 176px;
    border-radius: 40px;
    background-image: url(../image/f060c6173d59.png);
    background-size: 100% 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial,sans-serif;
    z-index: 100;
}
.hanyu-qrcode-img
{
    margin-top: 20px;
    height: 78px;
    width: 78px;
}
.hanyu-qrcode-title
{
    margin: 4px auto 2px;
}
.hanyu-qrcode-split
{
    display: block;
    margin: -6px auto 0;
    width: 101px;
}
.playpulse-animate
{
    height: 14px;
    width: 14px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    white-space: nowrap;
}
.playpulse-animate div
{
    display: inline-block;
    width: 2px;
    height: 14px;
    background-color: #ff4141;
    border-radius: .5px;
    margin-right: 3px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scaleY(100%);
    transform: scaleY(100%);
    -webkit-animation: columnitem-play 1s linear .3s infinite alternate;
    animation: columnitem-play 1s linear .3s infinite alternate;
}
.playpulse-animate div:first-child
{
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.playpulse-animate div:nth-child(2)
{
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.playpulse-animate div:nth-child(3)
{
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.playpulse-animate-paused div
{
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
@-webkit-keyframes columnitem-play
{
    0%
    {
        -webkit-transform: scaleY(100%);
        transform: scaleY(100%);
    }
    to
    {
        -webkit-transform: scaleY(40%);
        transform: scaleY(40%);
    }
}
@keyframes columnitem-play
{
    0%
    {
        -webkit-transform: scaleY(100%);
        transform: scaleY(100%);
    }
    to
    {
        -webkit-transform: scaleY(40%);
        transform: scaleY(40%);
    }
}
.flex-column
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.absolute-center
{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.collcatalog
{
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}
.collcatalog, .collcatalog-title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.collcatalog-title
{
    margin-bottom: 12px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
}
.collcatalog-title-play
{
    display: inline-block;
    max-width: 200px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.collcatalog-title-num, .collcatalog-title-play
{
    color: #111622;
    font-size: 20px;
}
.collcatalog-title-switchtext
{
    font-size: 14px;
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 8px;
    color: #999;
    font-weight: 400;
}
.collcatalog-title-switch.ant-switch-checked
{
    background-image: -webkit-gradient(linear,left top,right top,color-stop(2%,#ff3d37),to(#ff6128));
    background-image: -webkit-linear-gradient(left,#ff3d37 2%,#ff6128);
    background-image: linear-gradient(90deg,#ff3d37 2%,#ff6128);
    background-color: #ff6128;
}
.collcatalog-title-switch.ant-switch
{
    min-width: 33px;
    height: 20px;
}
.collcatalog-list
{
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    background: #f4f4f4;
    border-radius: 3px;
    padding: 10px 21px 0;
    overflow: hidden;
    overflow-y: auto;
}
.collcatalog-list-item
{
    position: relative;
    height: 39px;
    line-height: 39px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #111622;
    display: block;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.collcatalog-list-item:before
{
    content: attr(data-num);
    display: inline-block;
    width: 27px;
    margin-right: 16px;
    text-align: center;
}
.collcatalog-list-active:before
{
    content: " ";
}
.collcatalog-playanimate
{
    position: absolute;
    left: 0;
    top: 12.5px;
    left: 8px;
}