blockquote, body, button, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, menu, ol, p, pre, select, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mod-player {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mod-player .shareBar {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #303036;
    position: absolute;
    bottom: 0;
}
.mod-player .shareBar .share-info {
    width: 100%;
    height: 50px;
    background: #303036
}

.mod-player .shareBar .share-info .top {
    height: 50px;
    font-size: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mod-player .shareBar .share-info .top > div {
    display: inline-block
}

.mod-player .shareBar .share-info .top .left {
    line-height: 50px;
    font-size: 14px;
    color: #FFF;
    letter-spacing: .83px;
    vertical-align: top;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mod-player .shareBar .share-info .top .left > p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.mod-player .video-wrapper {
    position: relative;
    width: 100%;
    height: 99%;
    overflow: hidden;
    top: 0;
    left: 0
}

.mod-player .video-wrapper .m-player {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #000
}

.mod-player .video-wrapper .vjs-video-canvas {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateZ(0);
    transform: translateX(-50%) translateZ(0);
    min-width: 100%;
    min-height: 100%
}

.mod-player .video-title {
    font-size: .3rem;
    color: #fff;
    height: .88rem;
    width: 7.02rem;
    position: absolute;
    left: 50%;
    top: .04rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -o-text-overflow: -o-ellipsis-lastline;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.none {
    display: none
}

.control-wrapper {
    position: absolute;
    left: 0;
    z-index: 40;
    width: 100%;
    height: .7rem;
    font-size: 0;
    background-color: rgba(0, 0, 0, .2);
    bottom: -.7rem
}

.control-wrapper .left-control {
    position: absolute;
    height: .7rem;
    width: 10%;
    text-align: center
}

.control-wrapper .left-control .player-btn {
    position: absolute;
    width: 100%;
    height: 100%
}

.control-wrapper .left-control .player-btn .player-bg {
    display: inline-block
}

.control-wrapper .left-control .player-btn .btn-play {
    background: url(../assets/m_sprites.png) no-repeat;
    background-size: 2.56rem 5.12rem;
    width: .24rem;
    height: .28rem;
    background-position: -1.92rem -2.02rem;
    margin-left: .25rem;
    top: 50%;
    position: relative;
    margin-top: -.16rem
}

.control-wrapper .left-control .player-btn .btn-pause {
    background: url(../assets/m_sprites.png) no-repeat;
    background-size: 2.56rem 5.12rem;
    width: .19rem;
    height: .28rem;
    background-position: -1.92rem -2.38rem;
    margin-left: .25rem;
    top: 50%;
    position: relative;
    margin-top: -.15rem
}

.control-wrapper .progress-control {
    position: absolute;
    width: 80%;
    height: 100%;
    font-size: 0;
    margin-left: 10%
}

.control-wrapper .progress-control:before {
    content: "";
    clear: both
}

.control-wrapper .progress-control .cur-time {
    color: #fff;
    font-size: .22rem;
    line-height: .7rem;
    width: 20%;
    position: absolute;
    left: 0;
    text-align: center
}

.control-wrapper .progress-control .progress-control-list {
    position: absolute;
    width: 60%;
    height: .04rem;
    background-color: hsla(0, 0%, 100%, .8);
    opacity: .9;
    display: inline-block;
    vertical-align: top;
    top: .33rem;
    margin-left: 20%
}

.control-wrapper .progress-control .progress-control-list .progress-control-load {
    width: 20%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: .04rem;
    background-color: #c4c4c4
}

.control-wrapper .progress-control .progress-control-list .progress-control-play {
    width: 10%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: .04rem;
    background-color: #199cdf
}

.control-wrapper .progress-control .progress-control-list .progress-control-btn {
    position: absolute;
    left: 0;
    top: -.13rem;
    margin-left: -.15rem;
    background: url(../assets/m_sprites.png) no-repeat;
    background-size: 2.56rem 5.12rem;
    width: .3rem;
    height: .3rem;
    background-position: -1.82rem -2.83rem
}

.control-wrapper .progress-control .end-time {
    color: #fff;
    font-size: .22rem;
    line-height: .7rem;
    width: 20%;
    position: absolute;
    right: 0;
    text-align: center
}

.control-wrapper .progress-control.width-more {
    width: 90%
}

.control-wrapper .live-progress-control {
    position: relative;
    width: 70%;
    height: 100%;
    font-size: 0;
    margin-left: 15%
}

.control-wrapper .live-progress-control:before {
    content: "";
    clear: both
}

.control-wrapper .live-progress-control .icon {
    position: absolute;
    top: 0;
    color: #fff;
    display: inline-block;
    font-size: .22rem;
    line-height: .7rem
}

.control-wrapper .live-progress-control .live-time {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: .22rem;
    line-height: .7rem
}

.control-wrapper .right-control {
    position: absolute;
    height: 100%;
    width: 10%;
    text-align: center;
    right: 0
}

.control-wrapper .right-control:before {
    content: "";
    clear: both
}

.control-wrapper .right-control .fullscreen-btn {
    position: relative;
    width: .48rem;
    height: 100%
}

.control-wrapper .right-control .fullscreen-btn .btn-bg {
    position: relative;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+BAMAAACB77V3AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURUdwTP///////////////////////////x1LVb4AAAAHdFJOUwA18IADqFSsIId1AAAAh0lEQVR42u3UsQmEQBRF0S+4DYgtiKklbGQFgoUIvvaFi9nCzQYW8aWXE/wJph643GveZYP3bqYrj/IjUb4kyitRThdOF04XThdOF04XzoSzRlz2cV79vpRurXYbPXfTt/z2Tfmcs8nLJ84T4XThdOF04XThdLh0uHS4dLh0uPXjL/7bdz+7ANv9WcY+Wr1fAAAAAElFTkSuQmCC) no-repeat;
    width: .48rem;
    height: .48rem;
    background-size: .48rem .48rem;
    top: .11rem
}

.control-wrapper .right-control .fullscreen-btn .btnback-bg {
    display: inline-block;
    background: url(../assets/m_sprites.png) no-repeat;
    background-size: 2.56rem 5.12rem;
    width: .28rem;
    height: .27rem;
    background-position: -1.88rem -1.35rem;
    margin-left: .25rem;
    position: relative;
    margin-top: .25rem
}

.vrjump-btn .vr-btn {
    position: absolute;
    z-index: 40;
    bottom: 2rem;
    right: .1rem
}

.vrjump-btn .vr-btn .btn-bg {
    position: relative;
    display: block;
    background: url(data:image/png;base64,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) no-repeat;
    width: .7rem;
    height: .7rem;
    background-size: .7rem .7rem;
    top: .11rem
}

.vrjump-btn .vr-fullscreen {
    bottom: 6rem
}

.control-mini-wrapper {
    position: absolute;
    left: 0;
    z-index: 60;
    width: 100%;
    height: .04rem;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .5)
}

.control-mini-wrapper .progress-control-load {
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    height: .04rem;
    background-color: #c4c4c4
}

.control-mini-wrapper .progress-control-play {
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    height: .04rem;
    background-color: #199cdf
}

.fadeshow {
    -webkit-animation: fadein .3s linear -.2s forwards;
    animation: fadein .3s linear -.2s forwards
}

.fadehide {
    -webkit-animation: fadeout .3s linear -.2s forwards;
    animation: fadeout .3s linear -.2s forwards
}

@keyframes fadeout {
    0% {
        bottom: 0
    }
    to {
        bottom: -.7rem
    }
}

@-webkit-keyframes fadeout {
    0% {
        bottom: 0
    }
    to {
        bottom: -.7rem
    }
}

@keyframes fadein {
    0% {
        bottom: -.7rem
    }
    to {
        bottom: 0
    }
}

@-webkit-keyframes fadein {
    0% {
        bottom: -.7rem
    }
    to {
        bottom: 0
    }
}

.start-wraper {
    z-index: 20
}

.start-wraper, .start-wraper .start-free {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.start-wraper .start-free {
    z-index: 22
}

.start-wraper .start-free .player-start-btn {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.start-wraper .start-free .player-start-btn .btn-bg {
    width: 1.3rem;
    height: 1.3rem;
    background-color: rgba(0, 0, 0, .4);
    border-radius: .7rem;
    overflow: hidden
}

.start-wraper .start-free .player-start-btn .btn-bg .start-btn {
    position: absolute;
    background: url(../assets/m_sprites.png) no-repeat;
    background-size: 2.56rem 5.12rem;
    width: 1.13rem;
    height: 1.34rem;
    background-position: 0 -3.39rem;
    background-size: 1.28rem 2.56rem;
    width: .565rem;
    height: .67rem;
    background-position: 0 -1.695rem;
    left: 50%;
    margin-left: -.225rem;
    top: 50%;
    margin-top: -.335rem
}

.start-wraper .start-pay {
    position: absolute;
    z-index: 22;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0;
    height: 100%
}

.start-wraper .player-loading {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.start-wraper .player-loading .start-loading {
    display: block;
    width: 2.45rem;
    height: .59rem;
    background: url(../assets/loading-start.png) no-repeat;
    background-size: 2.45rem .59rem
}

.start-wraper .player-loading .text {
    font-size: .22rem;
    color: #fff;
    text-align: center;
    margin: .1rem auto 0
}

.start-wraper .player-poster {
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover
}

.start-wraper .player-poster img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.start-wraper .vr-box {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 30;
    background-color: rgba(0, 0, 0, .5)
}

.start-wraper .vr-box .vr-lead {
    width: 3.8rem;
    height: 3rem;
    background: url(../assets/vrlead.png) no-repeat;
    background-position: 50%;
    background-size: cover
}

.start-wraper .vr-box p {
    color: #fff;
    font-size: .32rem
}

.start-wraper .adver-box .roll-box {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    background: rgba(0, 0, 0, 0);
    cursor: pointer
}

.start-wraper .adver-box .roll-box .roll-countdown {
    padding: 0 12px;
    position: absolute;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    border-radius: 14px;
    top: 8px;
    right: 8px;
    height: 28px;
    line-height: 28px;
    background: rgba(0, 0, 0, .6)
}

.start-wraper .adver-box .roll-box .roll-countdown .roll-countdown-time {
    position: relative;
    padding-left: 5px;
    padding-right: 8px;
    display: inline-block;
    color: #fff
}

.start-wraper .adver-box .roll-box .roll-countdown .roll-countdown-time:after {
    position: absolute;
    content: "";
    right: 0;
    top: 7px;
    bottom: 7px;
    width: 1px;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, hsla(0, 0%, 100%, .6))) 0 top no-repeat;
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, hsla(0, 0%, 100%, .6) 50%) 0 top no-repeat;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, hsla(0, 0%, 100%, .6) 0) 0 top no-repeat;
    background-size: 1px 100%
}

.start-wraper .adver-box .roll-box .roll-countdown .skip_advert {
    position: relative;
    display: inline-block;
    padding: 0 0 0 4px;
    margin-left: 2px;
    color: #f5c042
}

.start-wraper .adver-box .roll-box .roll-countdown:hover {
    color: #4599f7
}

.start-wraper .adver-box .roll-box .roll-current, .start-wraper .adver-box .roll-box .roll-preload {
    width: 100%;
    height: 100%;
    position: absolute
}

.start-wraper .adver-box .roll-box .roll-current {
    display: block
}

.start-wraper .adver-box .roll-box .roll-preload {
    display: none
}

.start-wraper .adver-box .roll-bottom-ctrl {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 280px;
    height: 35px;
    text-align: right
}

.start-wraper .adver-box .roll-bottom-ctrl .common-container, .start-wraper .adver-box .roll-bottom-ctrl .roll-view-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
    background: rgba(0, 0, 0, .6);
    border-radius: 14px;
    color: #fff;
    font-size: 14px
}

.start-wraper .adver-box .roll-bottom-ctrl .roll-view-container {
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    bottom: 11px
}

.start-wraper .adver-box .roll-bottom-ctrl .roll-view-container:hover {
    color: #39f
}

.start-wraper .adver-box .roll-bottom-ctrl .sound-mute {
    width: 35px;
    height: 35px;
    background: url(../assets/m_sprites.png) no-repeat;
    background-position: -58px -167px;
    position: relative;
    display: inline-block;
    background-size: 128px 256px
}

.start-wraper .adver-box .roll-bottom-ctrl .sound-unmute {
    width: 35px;
    height: 35px;
    background: url(../assets/m_sprites.png) no-repeat;
    background-position: -58px -203px;
    position: relative;
    display: inline-block;
    background-size: 128px 256px
}

.start-wraper .adver-box .pauseAdFrame {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 50;
    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
}

.start-wraper .adver-box .pauseAdFrame .pauseAdCon {
    position: absolute;
    width: 40%;
    z-index: 1
}

.start-wraper .adver-box .pauseAdFrame .pauseAdCon .closeBtn {
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    color: #000;
    border-radius: 20px;
    line-height: 13px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    right: -7px;
    top: -7px;
    z-index: 1;
    cursor: pointer
}

.start-wraper .adver-box .pauseAdFrame .pauseAdCon .closeBtn a {
    display: block
}

.start-wraper .adver-box .pauseAdFrame .pauseAdCon .imageBtn, .start-wraper .adver-box .pauseAdFrame .pauseAdCon .imageBtn img {
    height: 100%;
    width: 100%
}

.start-wraper .adver-box .pauseAdFrame .maskBG {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6
}

.start-wraper .adver-box .pauseAdFrame .adMark {
    padding: 0 .08rem;
    height: .24rem;
    line-height: .24rem;
    border-radius: .03rem;
    text-align: center;
    color: #fff;
    background-color: #000;
    font-size: .14rem;
    font-family: MicrosoftYaHei;
    position: absolute;
    bottom: .1rem;
    left: .1rem;
    opacity: .3
}

.toast {
    position: fixed;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    text-align: center;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 20;
    padding: .1rem .25rem;
    font-size: .28rem;
    white-space: nowrap
}

.player-tips {
    z-index: 30
}

.player-tips .player-tips-loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.player-tips .player-tips-loading .loading {
    position: absolute;
    z-index: 31;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.player-tips .player-tips-loading .loading .icon {
    display: block;
    background: url(../assets/m_sprites.png) no-repeat;
    background-size: 2.56rem 5.12rem;
    width: 1.28rem;
    height: 1.28rem;
    background-position: 0 -2.03rem;
    -webkit-animation: loading 1s linear infinite;
    animation: loading 1s linear infinite
}

.player-tips .tip-quanpian-btn {
    position: absolute;
    z-index: 32;
    font-size: .22rem;
    width: 1.4rem;
    height: .6rem;
    background-color: rgba(0, 0, 0, .5);
    background-size: .5rem .22rem;
    border-radius: .3rem;
    line-height: .6rem;
    right: 0;
    top: 50%;
    margin-top: -.2rem;
    text-align: center
}

.player-tips .tip-quanpian-btn span {
    color: #fff
}

.player-tips .vip-moveup {
    -webkit-animation: moveup .2s linear -.1s forwards;
    animation: moveup .2s linear -.1s forwards
}

.player-tips .vip-movedown {
    -webkit-animation: movedown .2s linear -.1s forwards;
    animation: movedown .2s linear -.1s forwards
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes moveup {
    0% {
        margin-bottom: .2rem
    }
    to {
        margin-bottom: .7rem
    }
}

@-webkit-keyframes moveup {
    0% {
        margin-bottom: .2rem
    }
    to {
        margin-bottom: .7rem
    }
}

@keyframes movedown {
    0% {
        margin-bottom: .7rem
    }
    to {
        margin-bottom: .2rem
    }
}

@-webkit-keyframes movedown {
    0% {
        margin-bottom: .7rem
    }
    to {
        margin-bottom: .2rem
    }
}

.end-wrapper {
    background-color: #000;
    z-index: 50
}

.end-wrapper, .end-wrapper .error-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.end-wrapper .error-wrapper {
    background-size: cover
}

.end-wrapper .error-wrapper .error-content {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.end-wrapper .error-wrapper .error-content .text {
    position: relative;
    font-size: .3rem;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: .4rem
}

.end-wrapper .error-wrapper .error-content .btns {
    position: relative;
    width: 100%;
    margin-top: .3rem;
    height: .6rem;
    font-size: .22rem;
    text-align: center;
    line-height: .6rem
}

.end-wrapper .error-wrapper .error-content .btns .refresh-btn {
    position: relative;
    width: 1.8rem;
    height: .6rem;
    font-size: .22rem;
    color: #fff;
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: .3rem;
    border: .02rem solid;
    margin-left: -.9rem;
    left: 50%
}

.end-wrapper .error-wrapper .error-content .btns .open-vip-btn {
    position: relative;
    font-size: .22rem;
    color: #c88c38;
    background: url(../assets/m_sprites.png) no-repeat;
    background-size: 2.56rem 5.12rem;
    width: 2.2rem;
    height: .6rem;
    background-position: 0 -.67rem;
    margin-left: -1.1rem;
    left: 50%
}

.end-wrapper .error-wrapper .error-content .btns .open-vip-btn .vip-icon {
    position: relative;
    top: .08rem;
    display: inline-block;
    margin-right: .1rem;
    background: url(../assets/m_sprites.png) no-repeat;
    background-size: 2.56rem 5.12rem;
    width: .38rem;
    height: .36rem;
    background-position: -1.36rem -2.83rem
}

.end-wrapper .error-wrapper .error-content .btns .open-app {
    position: relative;
    width: 2.2rem;
    height: .6rem;
    font-size: .22rem;
    color: #fff;
    background-color: #00bff8;
    border-radius: .3rem;
    margin-left: -1.1rem;
    left: 50%
}

.end-wrapper .error-wrapper .error-content .btns .fresh-login {
    position: relative;
    top: 1rem;
    width: 1.8rem;
    height: .6rem;
    font-size: .22rem;
    color: #fff;
    border-radius: .3rem;
    margin-left: -1.1rem;
    left: 50%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAA8CAYAAADPLpCHAAAAAXNSR0IArs4c6QAAFEVJREFUeF7tnVmMHNW5x7/aumf3MJs9Y4yxWQK2rJsX8oSUCMkoT0RKYomAohtzfcN4BhwTAVe6WERjDEEYRJASwksWJYrzQIiUPCGQ0I2UJyMkB2OSeDAB2zMeezzjsWfr7qruujq1nuU7p6q6q82M05YsTdd6lt/5n/85dRYNmvRvz56xrt7ewfu6O9t2VavVnS7oOwxDG9J1rUPT9A5NA8t7taZRIfD/po+EJ+PLNP88cxt2h39ncHX4A38+d7vwNPnjJaHFElXyECEywb2qMEXnVAHLGCllHOWQuJJTLri2W4UV162t1Fz3EoD7sa4Zp1ZXKienS9fee/P1iaVmoFdnNPCg7NnzxOZNQwMPgQ57Cqb55RBaAiOJuJ93fEKLQGNQ07d5kDKP4X/H4cOAjgoJ/UcUQKRArUuguViSOFBxZEq4TEVSECcDWnWrW3Nt26me0MB9c2Z+9thv3nh+KsWrUl2SC9CPPvrsbssqPlWwzPs0DQzvza4Lq6slWFpehXK5AqVSGWzbgVrNhVqtBq7rioBT1MYBC1SbCqkItF9acDVmbmQSJbqey+wsCo0WUjTpFUmNKS4SCLkwy+MYFc+GgJaHXQY0yUpd18HQdbAsC4pF8r8AHR1t0N5ejPLKdd2q4zjvlcvO0ddeefLdVNQqLmoI6O9//0f3F4uFI5Zl3hNCfO3qElxZuAaLi8tQq1ZD0ijJjLETYKByrGGgw5qbrxEoNYpfR1chtLpzKSdJLeY5iTmCPEROKlVdsPf5aSfUNfLqJQlo5FFiVPwX1qPK9F0E9O7ODujt7Ybu7k7QgjxybOf9il0+9OrRp99JTEbJBXUBvXfvM1s6OztetUzzm5oGmlOtwuzsPMzNXoEqgTh4aqCtgt8NX/pFAx3nIa5waZV6/QKdpkDQ5OQDdFgiSMEwDAP6+zbAQH8vmKZBKna3WrX/uHhl6YnXXz90LivYmYEeHZ14uK1QeEM39C5iHS7OXIbZy1c8G4ELBudvSQkI1dNTGQwm2jwExYIJKXKMtxxUXjFWhFE2/yKVz5YJIZbQodKoM0GR5KzshoGTVhN0Q1l4J58ZaRU6Uam1xhTaxRVe1zUP6qHBPs+q1Fx3abVUGv3JS0/+LgvUqYH+2te+17Zzx/afFazCXsLk1WtLcP78RbArNqfIbMNf8LtNBJpDMwIiHdBBiymjI8gOdn5AszUhV1JVNkYo1KpIszEMWj5ZGAuuDYyKBOjwgZZlwsjwIPT0dHlqXalUfvXBzML4//16opTmpamAfuih/TcN9G/+s2mY95JG3dTURbg8txCoWwxwUxWaUQ5coVMDzamQD3wKoBF1zw60QgIxhRYuF2u0+AhundCOUKTGY+IiISP2z6nQER13AtDh84kNGd40CLqmgVOt/vX8/PQDx37+4pUkqBND9eCDT48MDfa+bRr6Ltu24cyZ817vRWgV0FqST1fGVvCWg6KEKhFiwMT+Z6yKx49JIApeQp7sAtEeGRBI7a9KuSC+6sSVnJWBplJcKh5RhmcCNk1Y/CeLDUJZLCVNx5RAk3e1FYuw7dYRsEwTqrXaydmFy1//5U8nplVQK9PcV+YtfzEMfVe5VIYzZ85BhVgMj8FAJRHVEmxxEtBu4LO/MKDpLlouSTKIXgwTlTbS1E8DEfZy5L56gGbyjTxA6KRGhf16Ak2CZBVM2L51s9flR6A+Nzf1VZVSS4EmnnnXztvfNU3z3lK5DJOTn4PjkG449gNJKoVmPoTEShvdGwIdCWkcLPov/l1pFTr2mjgMbHbKgRYYSKz/BPfO3SGHE6kTqEOqMHLvxDIItTEI0NR19XXVUdGlHqB6FnMu+GEaBty2/WYPaqfq/PX41PxumaeWAj0+dvgXBavwCLEZpyc/j5V5LQEttoqiPk3MD6J4CWx8wUDTAZf2oauBZni9AYAm8SGNxdu3bwHLMqBcsX/5yotP/BemJyjQo/898XBbR+G3bg2006c/g9US28D000hhOagUja7i7UTYm+fJo9i1J4hI6HCZEAdPp49h/hWrksUXBLWPGmhU3JSmjkon4TqpnjC2Tiyckvs4eEWWZXFj6ygsOp5YJgQXTQZEjrMqdPjctrYi3H7bzaBpurtaWv0u1qUnBHHvgz/c0jPY/7Gu613nzl2Ey5evCBFpPtBx6sUBRAYlBSnMChkGOZvUmZVakZFUOcWxbqiBqAIXIQwDOo1PEl4jvjeCMCvUOQJNotLf1wObRzZCza0tXZu7uoP/+CIEb3z88B8KpvWtq1cX4dNPgzEjWMFuqkI3AnQobkjK16vUOQAtqRCCw+kUNyoxslIkSnKQGKEmKd7DWGj2OobJ6wF0GBZUyl3YessI9PR0guM4bx194eC3GZdG/yBjM9rb296GWk37+98/hUrFiRJEuInryqDjSad3VOFSF9AK77UXBcuBAU1JjeBQMHijN8dBrxdoNY2+VUnKaO4C9nJViZEXTHX/Mp/gdDIgCkUBnenjCRb0hBZkouVIAJoMdrrzjlvIF0W3tLrydXrsBxOc8fHnjlumec+F6Utw8eIc8sWE4rsBoH0AIrrWJNAxw3IwmEJ+QwGdwTBfN6DZYjA4eBNs2jgAtuO8//ILB78iaM6+fc/u7upsf4d0zX186hNvbEZcxSF60gDQeSt09IWQqSYQheZinaeXTlbpuABLq0is1SWzF7IXKq+XVDXkHoXloMObx9+NKrSX3zrA3XduA8M0YGV5+f7XXvkfb+hpFP3xscPvWJa1+8KFWW/AEfMPqy5lVShtB6K/xQH4eSo0DnRYm8ir7DRA+4mEVNFIzibaDgmE8dOzWo8c7EhIgdANnVTlZEc7TV+2dw1qOdi7ya+Ng32wcWM/8dLvHn3h4P0R0GSmycjw0OcArvHRR5NQDT6gpFZobmguLRKRTvJMpLQcrKZQNoUtceK0rOA8OgIug5fOAnQUVhULCPX1A40obi4KncFyZOA6b6DJB5e779pGQlCdnp3ZSma+eNEfH3/uKcs0X1pYWIR//eu8WPGhCo2iFswcCWmKrxFnXtEeOvpaEycPWgNkB5q01lC+MkAt/d4nAxd3F2yioOKaVaElFoLhkXqm8HjJ+7zDgg/JgC5+ad5Ak7dsvWUYNvR0gV1xnn75xYNHvaCPjR0+XrCsewjMBGox3uyRKL5euCMN9mPBWY7woBRopr+eunkNAU0VSzanWkBngrwZQBOYCdS27bz/8o8PfkUjs7NHhrfMA7jWyZOnoVqlBupL6tDrAzRWA3AFi/npFwasMDaq0JmBjuwOlt9K+Q40AZVv+ac6xTSz1F17dFDXkUKTyQA7795O0sY+Mzfbpz3yyKEHero7/7S8vArkMzdTW+UKNNvqoL0t4yHDH5wXFLNY4/p+g5qCvzAHy7EmgPYyRmYRZAUAzU3pPEWm+KW1Jxk0un6FFu+kj5AxHmTy7eLS8je0Aweef0bX9COXLs3B1NSl6wc0JadNBZru8xZUCLFM6DWRcUpnOdjKReLh5X5Z7tlbQIdJSwM9vGkABgdugmqtekgbG33uWKFofufs2QswF8xC4fJDUIb6LAen0OsQaPQDspxLcWoaU1jyBBpRYq6Gw9VXEfh1pNB9N/XAzZs3QsW2f6+N7z98wipY/0HGOy8trUjinUejcI0Bzdkplc+OE4VrAEtq9Oh6pV2Wn8yu0IqAZPXXgppJD2QwG/6liZZDmM0iv4M+09nR7o2Xrtj237THHzsybRjG8KlTnzBjnpkkythtJ1pvf5IT3WqjJ88223IwQ135bIi4UvlQNlP5tmhSzuLWV0W7rKtRZjn+vYEmY6Xv/tI2soTGBe3xx55fMAx9w4cfkh4Of0ZKo5ajBTRntVXyLzmHH24BjXlowyA9HbeRVbmuaj848OMKWYPuxIl/eMtztYDGSnRjCo12JyKzbWgpaQGtNik0qaQG3LXzDsKvrf3gwAsB0P9sAS2xI3V7aKocYN2O3umWQsfJG3lo5fhRwY8zQPuWQ9vw4YeTCsuBKBTXisYa1bF3xDw0N40rzN3wQbLnU4YocaYK533UNX/LQ+PVs2BAk5oM0vPpG4XZgGYsx+OPPRc0Cs8oGoWqKpdr+VNcpAU6fjr96VvxzgD+FtBBGrH9qMkGXtWlJ+VX0cWXEvFmAV2wTLgrbBSO758Iuu3OKrrtWkD7KZCx2y7krdUoFGwCWgbqtBxMt93Y6MSxQtH6ztmzM4oPK2KxjQv52ldo5SKKa7DbrtUPnc1yMB9WDjz2/DO6oR25dGk++vQt4ItUUTcO0IjqJlS7ze6Hzg60wg6sqw8rZEE29T/sPPPp+5H/PPRAT2/Hn5aXS3D6n58xrW4hmajESQV0VEt/sY1CtUI3D+jsH1RCYyPrb85wXOWT16yHrg9oZnCSP3z05nmyOM1J8nGFmkvYApprXynn/InK0gKaTZMk9fXWz82o0MLwUXL/2P6J44UCGeA/5Q3wl9e4MeJsIacqSbqXYy0rtMo7SzyXWMDVqZ8VaOVKeKoJi1ltxQ2k0MIAf5Il4/snnrIK1ksLC0veFCz+H28v4vZ+PHUKS6O4N2kNWo4W0Oq1vbKW3hRdd0nqW49Co1Ow/Emyg8Ek2U+iVUZFoVq7Ch2pG5IRqLhl6N3IOqdQLYDRi5GaMGPjLsog5D6lokvrYKp3kjxTmAqeAlv5JXkDTfZn2YFNkvVU2lvGwNx94cJlmOGWMVgPCi0DWtoglO3JwlQ/SY003mMHv1EuRZBFrDICnacNoaMSVa1rG2iyH8smbBkDEpd9+/53d1dn1zuOUwMylJReaGbtAM3VEIxfxzffbBRota+9QYBGxVhRuOrU6TwVmmwydNed27yds9CFZgKVPm5Z1j3T0VJgVA3kKVdGy0HVveJ46HrGcsiAxlYmDcIunYeH7sjCRVhxDafkTPZnUGj/0ozKrLQaCjvB5IdIZQTcOlDooaSlwEj0wsUa3WixRn/7CdYTclkQRB7zjWnHcjCYhj+4B/IZH6V5EEL2d5xZTVFozLIKVTYPDG451gTQgUKTNTOplKtTh+W35aXQZOzGnXdsBU3X3bJqsUZPpccP/8GKltP1ezyaA3RsEXCgWWqYjBfcRdq1o0PVTlaxtFYjmQGOfpTrjAqNqYdKtYNztMAw2AVA0xVFphVIU6KfF9C33jLsbftmO85bL6uW0yXhIgued0cLns94C56vR6DlvR60c5JLbe5A4wIdoiZBAm8XcBnC3ovZQqH8IoVMaP/F1ySCeB2B7uvbAJtHhsjY/XQLnpOwkS0pit6WFK42SbakINu4RVKdl+VIp9CYTvMzQDB41UCrFDGMapKvoJJEIfj81G80PlIgZECnU3RRyCX3CYfZA2sFaH9Lii1kKWZ3tVRKtyVFmLZj3qZBlrdp0OTpYNMgyqjyqo3VgoyH1rLO+sbcZSxzdJKjQCu6tFQLOMZsqoFOYEBQXuVXw7yApvJHtIrMEU7VsS7nlAod2pWUKk0ukxYQxafvcNMg0zLJuP1smwaRl4bbuhmmcW+5VIHJyc/Ijp7oWnZMXwCV0+sR6LqshpSVODHqAjrLSkmyGhQnWwRaMNXsJVIIrwPQ4bZuBbJXYbVa37ZuJDpk483+/s1/MXVjV6lcgTNnzkbbVDSs0KjXExdrTFJiL7+QjE97LMzveFeMjMqM2o0kkBVqSXMkHaMhsw5IrcZcWp/lQFVV4XqSRhhlUWiizNtvpTfenK5v480wXf2tkXveNnRjl+2QrZGnPE+dG9DeHivy5XT/7YBWff3jVJiv5ZOtFEehFEo5rWxftcRnJJjutEATz7xt64i3R6G/NfJcY1sjh8ENlPrPpmHcS0aXTpPN68l2b1QCZ/bQYcZhQGNenV5Jn3tZ2rmFsgz3h05xe30jyotms+IgZ2m53FerrNxWy2sQ+Y4EScoc+gaV7Pqik6qBmAPQ3ub1w/Tm9Rfy2bw+TFjiqXfu2P4zyyrsJQt6Xru6COfPXyTLL7GbNqT10E0CGu/xCGIhqcKTgK4L5BS+GoVW8WWTUhDUAzcNaCoBUgGtbPmpG4Vkh6vh4QFvEXMyxbBSsX/1wczCuGwrZKGWkiqB5MTo6MTDbQXrDbIxJxnvMXPxMszOLoAbTgxoGtDYmOvAM9LvRBZwiQUdVzf/yZKBOJKeM9W2AFhtFSdnkgqmUVOOZ9ULZdUE85qkMMXvaxbQZGzGQF8vDA72Afmb9DOvlsuj2G6xKmYTYoLfunfvD7d0dvS9alnmN4lakwFNs7Pzng2hlxNT9nJkVmjxa2Da7rqkSbJ5AS0oZHppD8RXkR1YwzeyRXIboh4nQvsqpEBLgpMaaolS0/eTIaDEXgz094Jp6MT4ubZj/3F5YekJfpfYNOJbF9Dhg8nYj2KxcITsbeiF3XXh2rUluHLlKiwuLlMj9sji5Fw/dAtoMX8yDgdNqnmkFkWwQ0m1AhvURoEm06a6ujqgt7cbero7o14qx3ber9jlQ/RGmmkgpq9pCOjwQY/ue3Z3sa34lGGa92k6GN5x1/V6Q8gSveWyDeVymeyDAbVqjZm36H31S7WTbP4KLR3bEGR4WoFtWJlVSis5xzqJOhQ6jeVoQKFJ2hJwyf+CaUGxSP4XoKOjHdrbixHErutWHcd5r1x2jr72ypPeXoON/MsF6DAAZObLpqGBh0CHPZZpfpksAinLK3qfQuCB9m4K/DEVO94O4r0WYpRkH0uUPWR1eGd1RqiSOjiXcIlwWm3Wg+CkUd8018Sxa1ShyaKKtlM9oYH75sz87DGyHVsjEOeu0FhgyGzy3t7B+zo723ZVnepOTYMdhqEPaZreoet6RwQ7SUsEaAzCeoAWi0UcWmWHggyutLItJEqdQFO3NQS0l87yxSGzBDcN0C64tluFFRdqK7Waewlq7se6YZxaXVk5OV1aee/N1yeW8oKYfs7/A/760Rp2Eoi4AAAAAElFTkSuQmCC);
    background-size: cover
}

.end-wrapper .error-wrapper .error-content .btns .login {
    position: relative;
    width: 2rem;
    height: .6rem;
    font-size: .22rem;
    color: #fff;
    background-color: #00bff8;
    border-radius: .3rem;
    margin-left: -1.1rem;
    left: 50%
}

.end-wrapper .error-wrapper .error-content .btns .jiesuo-btn, .end-wrapper .error-wrapper .error-content .btns .open-ticket-btn {
    position: relative;
    font-size: .22rem;
    color: #c88c38;
    background: url(../assets/m_sprites.png) no-repeat;
    background-size: 2.56rem 5.12rem;
    width: 2.2rem;
    height: .6rem;
    background-position: 0 -.67rem;
    margin-left: -1.1rem;
    left: 50%
}

.end-wrapper .error-wrapper .error-content .btns .other-btn {
    position: relative;
    width: 2.2rem;
    height: .6rem;
    font-size: .22rem;
    color: #fff;
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: .3rem;
    border: .02rem solid;
    margin-left: -1.1rem;
    left: 50%
}

.end-wrapper .error-wrapper .error-id {
    position: absolute;
    left: 0;
    bottom: .2rem;
    width: 2.2rem;
    height: .3rem;
    font-size: .12rem;
    text-align: left;
    margin-bottom: .3rem;
    line-height: .3rem;
    color: #fff;
    padding-left: .2rem
}

.end-wrapper .error-wrapper .error-id span {
    color: #fff
}

.end-wrapper .error-wrapper .error-zdcode {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 7rem;
    padding-left: .2rem;
    height: .3rem;
    font-size: .12rem;
    text-align: left;
    margin-bottom: .1rem;
    line-height: .3rem;
    color: #fff
}

.end-wrapper .error-wrapper .error-zdcode span {
    color: #fff
}

.end-wrapper .error-wrapper .no-login-tip {
    position: absolute;
    right: .2rem;
    bottom: .2rem;
    font-size: .26rem;
    color: #ebba73;
    z-index: 40;
    padding: .05rem .1rem;
    border-radius: .3rem
}

.end-wrapper .error-wrapper .error-content.fresh-login {
    position: absolute;
    top: 40%;
    width: 76%;
    left: 12%
}

.end-wrapper .error-wrapper .error-content.fresh-login .text {
    text-align: left
}

.end-wrapper .reco-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
    background-color: rgba(0, 0, 0, .2)
}

.top-plugin-container {
    z-index: 60
}