.visible[data-v-69920dad] {
    overflow: visible
}

.hidden[data-v-69920dad] {
    overflow: hidden
}

.aside[data-v-69920dad] {
    width: 300px
}

.content-wrap[data-v-69920dad] {
    position: relative
}

.content-wrap .banner-wrap[data-v-69920dad] {
    margin-bottom: 20px
}

.content-wrap .list-info[data-v-69920dad] {
    background: #fff;
    margin-bottom: 20px
}

.content-wrap .content-title[data-v-69920dad] {
    font-size: 16px;
    line-height: 26px;
    padding: 10px 20px
}

.content-wrap .content-title[data-v-69920dad],.title[data-v-69920dad] {
    color: #282828;
    font-family: PingFangSC-Medium;
    background: #fff;
    border-bottom: 1px solid #f4f4f4
}

.title[data-v-69920dad] {
    font-size: 18px;
    line-height: 55px;
    height: 55px;
    padding: 0 20px
}

.infinite-loading-container[data-v-1f2cd86e] {
    clear: both;
    text-align: center
}

.infinite-loading-container[data-v-1f2cd86e] [class^=loading-] {
    display: inline-block;
    margin: 5px 0;
    width: 28px;
    height: 28px;
    font-size: 28px;
    line-height: 28px;
    border-radius: 50%
}

.btn-try-infinite[data-v-1f2cd86e] {
    margin-top: 5px;
    padding: 5px 10px;
    color: #999;
    font-size: 14px;
    line-height: 1;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: none;
    cursor: pointer
}

.btn-try-infinite[data-v-1f2cd86e]:not(:active):hover {
    opacity: .8
}

.loading-wave-dots[data-v-4fba3922] {
    position: relative
}

.loading-wave-dots[data-v-4fba3922] .wave-item {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-animation: loading-wave-dots-data-v-4fba3922 linear 2.8s infinite;
    animation: loading-wave-dots-data-v-4fba3922 linear 2.8s infinite
}

.loading-wave-dots[data-v-4fba3922] .wave-item:first-child {
    margin-left: -36px
}

.loading-wave-dots[data-v-4fba3922] .wave-item:nth-child(2) {
    margin-left: -20px;
    -webkit-animation-delay: .14s;
    animation-delay: .14s
}

.loading-wave-dots[data-v-4fba3922] .wave-item:nth-child(3) {
    margin-left: -4px;
    -webkit-animation-delay: .28s;
    animation-delay: .28s
}

.loading-wave-dots[data-v-4fba3922] .wave-item:nth-child(4) {
    margin-left: 12px;
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}

.loading-wave-dots[data-v-4fba3922] .wave-item:last-child {
    margin-left: 28px;
    -webkit-animation-delay: .56s;
    animation-delay: .56s
}

@-webkit-keyframes loading-wave-dots-data-v-4fba3922 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: #bbb
    }

    10% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        background: #999
    }

    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: #bbb
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: #bbb
    }
}

@keyframes loading-wave-dots-data-v-4fba3922 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: #bbb
    }

    10% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        background: #999
    }

    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: #bbb
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: #bbb
    }
}

.loading-circles[data-v-4fba3922] .circle-item {
    width: 5px;
    height: 5px;
    -webkit-animation: loading-circles-data-v-4fba3922 linear .75s infinite;
    animation: loading-circles-data-v-4fba3922 linear .75s infinite
}

.loading-circles[data-v-4fba3922] .circle-item:first-child {
    margin-top: -14.5px;
    margin-left: -2.5px
}

.loading-circles[data-v-4fba3922] .circle-item:nth-child(2) {
    margin-top: -11.26px;
    margin-left: 6.26px
}

.loading-circles[data-v-4fba3922] .circle-item:nth-child(3) {
    margin-top: -2.5px;
    margin-left: 9.5px
}

.loading-circles[data-v-4fba3922] .circle-item:nth-child(4) {
    margin-top: 6.26px;
    margin-left: 6.26px
}

.loading-circles[data-v-4fba3922] .circle-item:nth-child(5) {
    margin-top: 9.5px;
    margin-left: -2.5px
}

.loading-circles[data-v-4fba3922] .circle-item:nth-child(6) {
    margin-top: 6.26px;
    margin-left: -11.26px
}

.loading-circles[data-v-4fba3922] .circle-item:nth-child(7) {
    margin-top: -2.5px;
    margin-left: -14.5px
}

.loading-circles[data-v-4fba3922] .circle-item:last-child {
    margin-top: -11.26px;
    margin-left: -11.26px
}

@-webkit-keyframes loading-circles-data-v-4fba3922 {
    0% {
        background: #dfdfdf
    }

    90% {
        background: #505050
    }

    to {
        background: #dfdfdf
    }
}

@keyframes loading-circles-data-v-4fba3922 {
    0% {
        background: #dfdfdf
    }

    90% {
        background: #505050
    }

    to {
        background: #dfdfdf
    }
}

.loading-bubbles[data-v-4fba3922] .bubble-item {
    background: #666;
    -webkit-animation: loading-bubbles-data-v-4fba3922 linear .75s infinite;
    animation: loading-bubbles-data-v-4fba3922 linear .75s infinite
}

.loading-bubbles[data-v-4fba3922] .bubble-item:first-child {
    margin-top: -12.5px;
    margin-left: -.5px
}

.loading-bubbles[data-v-4fba3922] .bubble-item:nth-child(2) {
    margin-top: -9.26px;
    margin-left: 8.26px
}

.loading-bubbles[data-v-4fba3922] .bubble-item:nth-child(3) {
    margin-top: -.5px;
    margin-left: 11.5px
}

.loading-bubbles[data-v-4fba3922] .bubble-item:nth-child(4) {
    margin-top: 8.26px;
    margin-left: 8.26px
}

.loading-bubbles[data-v-4fba3922] .bubble-item:nth-child(5) {
    margin-top: 11.5px;
    margin-left: -.5px
}

.loading-bubbles[data-v-4fba3922] .bubble-item:nth-child(6) {
    margin-top: 8.26px;
    margin-left: -9.26px
}

.loading-bubbles[data-v-4fba3922] .bubble-item:nth-child(7) {
    margin-top: -.5px;
    margin-left: -12.5px
}

.loading-bubbles[data-v-4fba3922] .bubble-item:last-child {
    margin-top: -9.26px;
    margin-left: -9.26px
}

@-webkit-keyframes loading-bubbles-data-v-4fba3922 {
    0% {
        width: 1px;
        height: 1px;
        box-shadow: 0 0 0 3px #666
    }

    90% {
        width: 1px;
        height: 1px;
        box-shadow: 0 0 0 0 #666
    }

    to {
        width: 1px;
        height: 1px;
        box-shadow: 0 0 0 3px #666
    }
}

@keyframes loading-bubbles-data-v-4fba3922 {
    0% {
        width: 1px;
        height: 1px;
        box-shadow: 0 0 0 3px #666
    }

    90% {
        width: 1px;
        height: 1px;
        box-shadow: 0 0 0 0 #666
    }

    to {
        width: 1px;
        height: 1px;
        box-shadow: 0 0 0 3px #666
    }
}

.loading-default[data-v-4fba3922] {
    position: relative;
    border: 1px solid #999;
    -webkit-animation: loading-rotating-data-v-4fba3922 ease 1.5s infinite;
    animation: loading-rotating-data-v-4fba3922 ease 1.5s infinite
}

.loading-default[data-v-4fba3922]:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    margin-top: -3px;
    margin-left: -3px;
    width: 6px;
    height: 6px;
    background-color: #999;
    border-radius: 50%
}

.loading-spiral[data-v-4fba3922] {
    border: 2px solid #777;
    border-right-color: transparent;
    -webkit-animation: loading-rotating-data-v-4fba3922 linear .85s infinite;
    animation: loading-rotating-data-v-4fba3922 linear .85s infinite
}

@-webkit-keyframes loading-rotating-data-v-4fba3922 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotating-data-v-4fba3922 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.loading-bubbles[data-v-4fba3922],.loading-circles[data-v-4fba3922] {
    position: relative
}

.loading-bubbles[data-v-4fba3922] .bubble-item,.loading-circles[data-v-4fba3922] .circle-item {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    border-radius: 50%
}

.loading-bubbles[data-v-4fba3922] .bubble-item:nth-child(2),.loading-circles[data-v-4fba3922] .circle-item:nth-child(2) {
    -webkit-animation-delay: 93ms;
    animation-delay: 93ms
}

.loading-bubbles[data-v-4fba3922] .bubble-item:nth-child(3),.loading-circles[data-v-4fba3922] .circle-item:nth-child(3) {
    -webkit-animation-delay: .186s;
    animation-delay: .186s
}

.loading-bubbles[data-v-4fba3922] .bubble-item:nth-child(4),.loading-circles[data-v-4fba3922] .circle-item:nth-child(4) {
    -webkit-animation-delay: .279s;
    animation-delay: .279s
}

.loading-bubbles[data-v-4fba3922] .bubble-item:nth-child(5),.loading-circles[data-v-4fba3922] .circle-item:nth-child(5) {
    -webkit-animation-delay: .372s;
    animation-delay: .372s
}

.loading-bubbles[data-v-4fba3922] .bubble-item:nth-child(6),.loading-circles[data-v-4fba3922] .circle-item:nth-child(6) {
    -webkit-animation-delay: .465s;
    animation-delay: .465s
}

.loading-bubbles[data-v-4fba3922] .bubble-item:nth-child(7),.loading-circles[data-v-4fba3922] .circle-item:nth-child(7) {
    -webkit-animation-delay: .558s;
    animation-delay: .558s
}

.loading-bubbles[data-v-4fba3922] .bubble-item:last-child,.loading-circles[data-v-4fba3922] .circle-item:last-child {
    -webkit-animation-delay: .651s;
    animation-delay: .651s
}

.side-block[data-v-6b91b3ed] {
    background: #fff;
    padding: 0 20px 20px;
    display: none
}

.fixed-side[data-v-6b91b3ed] {
    width: 300px!important
}

.ellipsis[data-v-6b91b3ed] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bg-center[data-v-6b91b3ed],.info-cover[data-v-6b91b3ed],.info .info-bg[data-v-6b91b3ed] {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.side-title[data-v-6b91b3ed] {
    font-size: 16px;
    color: #282828;
    padding: 10px 0;
    margin: 0
}

.list[data-v-6b91b3ed] {
    padding-top: 10px;
    min-height: 180px
}

.item[data-v-6b91b3ed] {
    padding-bottom: 20px;
    margin-bottom: 0!important
}

.item[data-v-6b91b3ed]:last-of-type {
    padding-bottom: 0
}

.info-cover[data-v-6b91b3ed] {
    width: 100%;
    height: 130px;
    position: relative
}

.info-cover:hover .title-first[data-v-6b91b3ed] {
    color: #19c8a9
}

.info-cover .title-first[data-v-6b91b3ed] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    padding: 5px 10px;
    font-size: 14px;
    line-height: 21px;
    color: #fff
}

.info[data-v-6b91b3ed] {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.info .info-bg[data-v-6b91b3ed] {
    min-width: 100px;
    height: 50px;
    margin-right: 9px;
    position: relative
}

.desc[data-v-6b91b3ed],.title[data-v-6b91b3ed] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 40px
}

.link[data-v-6b91b3ed] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.title[data-v-6b91b3ed] {
    font-size: 14px;
    color: #282828;
    cursor: pointer
}

.title[data-v-6b91b3ed]:hover {
    color: #19c8a9
}

.desc[data-v-6b91b3ed],.more-link[data-v-6b91b3ed] {
    font-size: 12px;
    color: #b8b8b8
}

.more-link[data-v-6b91b3ed] {
    display: block;
    text-align: center;
    padding: 20px 0;
    cursor: pointer
}

.ellipsis[data-v-52bc72ed] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bg-center[data-v-52bc72ed],.info-cover[data-v-52bc72ed],.info .info-bg[data-v-52bc72ed] {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.show[data-v-52bc72ed] {
    display: block!important
}

.hide[data-v-52bc72ed] {
    display: none!important
}

.item[data-v-52bc72ed] {
    margin-bottom: 20px
}

.item[data-v-52bc72ed]:last-of-type {
    margin-bottom: 0
}

.item-cont-cover[data-v-52bc72ed],.item:hover .item-cont[data-v-52bc72ed] {
    display: none
}

.item:hover .item-cont-cover[data-v-52bc72ed] {
    display: block
}

.info-cover[data-v-52bc72ed] {
    width: 100%;
    height: 130px;
    position: relative
}

.info-cover:hover .title-first[data-v-52bc72ed] {
    color: #19c8a9
}

.info-cover .title-first[data-v-52bc72ed] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    padding: 5px 10px;
    font-size: 14px;
    line-height: 21px;
    color: #fff
}

.info[data-v-52bc72ed] {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.info .info-bg[data-v-52bc72ed] {
    min-width: 100px;
    height: 50px;
    margin-right: 9px;
    position: relative
}

.desc[data-v-52bc72ed],.title[data-v-52bc72ed] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 40px
}

.link[data-v-52bc72ed] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.title[data-v-52bc72ed] {
    font-size: 14px;
    color: #282828;
    cursor: pointer
}

.title[data-v-52bc72ed]:hover {
    color: #19c8a9
}

.desc[data-v-52bc72ed],.more-link[data-v-52bc72ed] {
    font-size: 12px;
    color: #b8b8b8
}

.more-link[data-v-52bc72ed] {
    display: block;
    text-align: center;
    padding: 20px 0;
    cursor: pointer
}

.content[data-v-41b900e7] {
    padding: 0 20px
}

.tag[data-v-41b900e7] {
    position: absolute;
    left: 0;
    top: 0;
    background: #4697fa;
    color: #fff;
    padding: 5px;
    line-height: 1;
    font-size: 12px
}

.info-wrap-video[data-v-41b900e7] {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #f4f4f4
}

.info-wrap-video .info-cover-video[data-v-41b900e7] {
    width: 100%;
    height: 360px;
    position: relative;
    z-index: 1
}

.info-wrap-video .info-video-title[data-v-41b900e7] {
    font-size: 16px;
    color: #282828;
    line-height: 26px;
    font-weight: 700;
    margin-top: 20px;
    display: block;
    width: 100%
}

.info-wrap-video .video-user[data-v-41b900e7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

.info-wrap-video .video-user .time[data-v-41b900e7] {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #b8b8b8;
    line-height: 21px;
    margin-left: auto
}

.info-wrap-video .video-user .nickname[data-v-41b900e7] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #282828;
    line-height: 21px;
    margin-left: 10px
}

.info-wrap-video .video-user .avatar-wrap[data-v-41b900e7] {
    display: inline-block
}

.info-wrap[data-v-41b900e7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #f4f4f4
}

.info-wrap .info-title[data-v-41b900e7] {
    display: -webkit-box;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #282828;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: 700;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    margin-bottom: 10px
}

.info-wrap .info-title[data-v-41b900e7]:hover {
    color: #19c8a9
}

.info-wrap .info-desc[data-v-41b900e7] {
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    letter-spacing: 0;
    line-height: 24px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden
}

.info-wrap .info-cover[data-v-41b900e7] {
    width: 239px;
    min-width: 239px;
    height: 180px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.info-wrap .info-right[data-v-41b900e7] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 18px;
    position: relative
}

.info-wrap .info-right .info-ft[data-v-41b900e7] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.info-wrap .info-right .info-ft .time[data-v-41b900e7] {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #b8b8b8;
    line-height: 21px;
    margin-left: auto
}

.info-wrap .info-right .info-ft .nickname[data-v-41b900e7] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #282828;
    line-height: 21px;
    margin-left: 10px
}

.info-wrap .info-right .info-ft .avatar-wrap[data-v-41b900e7] {
    display: inline-block
}

.video-wrap .video-content .ifame[data-v-2049dc4f],.video-wrap .video-content .video[data-v-2049dc4f],.video-wrap .video-content[data-v-2049dc4f],.video-wrap[data-v-2049dc4f] {
    width: 100%;
    height: 100%
}

.poster-wrap[data-v-2049dc4f] {
    width: 100%;
    height: 100%;
    position: relative
}

.poster-wrap .player-btn-wrap[data-v-2049dc4f] {
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.poster-wrap .player-btn-wrap[data-v-2049dc4f]:hover {
    background: rgba(0,0,0,.7)
}

.poster-wrap .player-btn-wrap:hover .play-circle[data-v-2049dc4f] {
    border-color: #19c8a9
}

.poster-wrap .player-btn-wrap:hover .play-btn[data-v-2049dc4f] {
    color: #19c8a9
}

.poster-wrap .player-btn-wrap .play-circle[data-v-2049dc4f] {
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 56px;
    height: 56px;
    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;
    border-radius: 50%;
    border: 2px solid #fff
}

.poster-wrap .player-btn-wrap .play-btn[data-v-2049dc4f] {
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #fff;
    font-size: 28px
}

.poster[data-v-2049dc4f] {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%
}

.avatar[data-v-b979c9f6] {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    font-size: 0
}

.avatar img[data-v-b979c9f6] {
    width: 100%;
    height: 100%;
    display: block
}

.link[data-v-ae97c066] {
    display: block
}

.link-more[data-v-ae97c066] {
    display: inline-block
}

.menu-right[data-v-ae97c066] {
    background: #fff;
    position: absolute;
    width: 100px;
    padding: 8px 6px;
    left: -120px
}

.menu-right li[data-v-ae97c066] {
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 32px;
    border-radius: 3px;
    cursor: pointer
}

.menu-right .active[data-v-ae97c066] {
    color: #fff;
    background: #19c8a9
}

.wrap-more[data-v-ae97c066] {
    max-width: 440px
}

.wrap-more .area-item[data-v-ae97c066] {
    display: inline-block;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 32px;
    border-radius: 3px;
    cursor: pointer;
    width: 88px;
    height: 32px
}

.wrap-more .active[data-v-ae97c066] {
    color: #fff;
    background: #19c8a9
}

.banner-info[data-v-23124cce]:hover .progress {
    display: none
}

.bg-center[data-v-ff4b93b8],.carsouel-bg[data-v-ff4b93b8] {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@-webkit-keyframes progress-data-v-ff4b93b8 {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes progress-data-v-ff4b93b8 {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.progress[data-v-ff4b93b8] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    z-index: 1
}

.progress .progress-bar[data-v-ff4b93b8] {
    height: 100%;
    -webkit-animation-name: progress-data-v-ff4b93b8;
    animation-name: progress-data-v-ff4b93b8;
    background: #4697fa;
    -webkit-transition: width;
    transition: width;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.carsouel-bg[data-v-ff4b93b8] {
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%
}

.empty[data-v-4e48063a] {
    background: #fff
}

.empty-thumb[data-v-4e48063a] {
    margin-bottom: 10px
}

.empty-thumb img[data-v-4e48063a] {
    height: 150px
}

.empty-desc[data-v-4e48063a] {
    font-size: 16px;
    color: #b3b9c2
}

.banner[data-v-71a090a8] {
    background-position: 50%;
    background-size: cover;
    width: 1000px;
    height: 200px
}

.pagation-move[data-v-798776f4] {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.animated[data-v-798776f4] {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.card[data-v-9012d078] {
    position: relative
}

.card-icon[data-v-9012d078] {
    width: 80px;
    height: 80px
}

.card-icon img[data-v-9012d078] {
    width: 100%;
    max-height: 100%;
    border-radius: 10px
}

.card-name[data-v-9012d078] {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    line-height: 20px
}

.card-num[data-v-9012d078] {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #19c8a9;
    letter-spacing: 0;
    line-height: 16px
}

.card-description[data-v-9012d078] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #999;
    letter-spacing: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 42px
}

.card .btn-follow[data-v-9012d078] {
    width: 62px;
    height: 28px;
    padding: 0;
    line-height: 28px;
    position: absolute;
    right: 20px;
    top: 16px
}

.page-container[data-v-f223aef2] {
    width: 100%;
    height: 100vh
}

.my-page[data-v-f223aef2],.page-one[data-v-f223aef2],.page[data-v-f223aef2] {
    width: 100%;
    height: 100%;
    background-color: #fff
}

.page[data-v-f223aef2] {
    width: 100%;
    height: 100%;
    position: relative
}

.page-one[data-v-f223aef2] {
    background: url(./back.a7f0810.jpg) no-repeat,url(./shadow.9349114.png) no-repeat;
    background-size: cover,cover;
    background-position: 50%,50%
}

.rect1[data-v-f223aef2] {
    position: absolute;
    left: -26px;
    bottom: -154px;
    height: 308px;
    z-index: 100
}

.rect2[data-v-f223aef2] {
    position: absolute;
    right: 0;
    bottom: -97px;
    height: 194px;
    z-index: 100
}

.rect4[data-v-f223aef2] {
    position: absolute;
    height: 210px;
    left: 0;
    bottom: -10px
}

.rect5[data-v-f223aef2] {
    position: absolute;
    width: 194px;
    bottom: -150px;
    right: 100px
}

.rect3[data-v-f223aef2] {
    position: absolute;
    left: 0;
    bottom: -97px;
    height: 194px;
    z-index: 100
}

.lyg-container[data-v-f223aef2] {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 200px
}

.lyg-container .worm1[data-v-f223aef2],.lyg-container .worm2[data-v-f223aef2],.lyg-container .worm3[data-v-f223aef2],.lyg-container .worm4[data-v-f223aef2],.lyg-container .worm5[data-v-f223aef2] {
    position: absolute
}

.lyg-container .worm1[data-v-f223aef2] {
    width: 304px;
    top: -88px;
    left: 50%;
    margin-left: -152px;
    -webkit-animation: mymove2-data-v-f223aef2 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-f223aef2 1.5s 1s infinite alternate ease
}

.lyg-container .worm2[data-v-f223aef2] {
    width: 296px;
    top: 40px;
    right: -103px;
    -webkit-animation: mymove3-data-v-f223aef2 1.5s 1s infinite alternate ease;
    animation: mymove3-data-v-f223aef2 1.5s 1s infinite alternate ease
}

.lyg-container .worm3[data-v-f223aef2] {
    width: 280px;
    top: 155px;
    left: 276px;
    -webkit-animation: mymove1-data-v-f223aef2 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-f223aef2 1.5s 1s infinite alternate ease
}

.lyg-container .worm4[data-v-f223aef2] {
    width: 318px;
    top: 452px;
    left: 376px;
    -webkit-animation: mymove2-data-v-f223aef2 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-f223aef2 1.5s 1s infinite alternate ease
}

.lyg-container .worm5[data-v-f223aef2] {
    width: 306px;
    bottom: 0;
    right: -300px;
    -webkit-animation: mymove1-data-v-f223aef2 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-f223aef2 1.5s 1s infinite alternate ease
}

.lyg-container .lyg[data-v-f223aef2] {
    width: 265px;
    height: 156px
}

.lyg-container p[data-v-f223aef2] {
    color: #fff;
    font-size: 66px;
    padding-left: 30px;
    font-weight: 700;
    text-shadow: 0 0 40 0 rgba(16,43,47,.3)
}

.lyg-container .lyg-btn[data-v-f223aef2] {
    padding: 30px 0 0 20px;
    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: wrap;
    flex-wrap: wrap
}

.lyg-container .lyg-btn .lyg-btn-cover1[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover2[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover3[data-v-f223aef2] {
    cursor: pointer;
    position: relative;
    width: 227px;
    margin: 0 10px 20px;
    z-index: 4
}

.lyg-container .lyg-btn .lyg-btn-cover1 .lyg-btn1[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover2 .lyg-btn1[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover3 .lyg-btn1[data-v-f223aef2] {
    width: 227px;
    height: 72px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #4bd5bd;
    -webkit-box-shadow: 0 11px 33px 0 rgba(16,43,47,.3);
    box-shadow: 0 11px 33px 0 rgba(16,43,47,.3);
    border: none;
    outline: none;
    border-radius: 36px;
    color: #fff;
    font-size: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lyg-container .lyg-btn .lyg-btn-cover1 .lyg-btn1 img[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover2 .lyg-btn1 img[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover3 .lyg-btn1 img[data-v-f223aef2] {
    width: 30px;
    margin-right: 16px
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover2 .code[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover3 .code[data-v-f223aef2] {
    display: none;
    width: 170px;
    height: 190px;
    position: absolute;
    left: 50%;
    margin-left: -85px;
    bottom: -200px
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-top[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-top[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-top[data-v-f223aef2] {
    border: 10px solid #fff;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom-right-radius: 5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    content: "";
    width: 0;
    margin: 5px auto 0;
    margin-bottom: -10px
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-bottom[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-bottom[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-bottom[data-v-f223aef2] {
    width: 170px;
    height: 170px;
    border-radius: 20px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-bottom .code-cover[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-bottom .code-cover[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-bottom .code-cover[data-v-f223aef2] {
    width: 146px;
    height: 146px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-bottom .code-cover .logo[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-bottom .code-cover .logo[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-bottom .code-cover .logo[data-v-f223aef2] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: url("/images/h5/dy/qr-logo.png") #fff no-repeat 50%;
    background-size: 80%
}

.lyg-container .lyg-btn .lyg-btn-cover1:hover .code[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover2:hover .code[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover3:hover .code[data-v-f223aef2] {
    display: block
}

.lyg-container .lyg-btn .lyg-btn-cover2[data-v-f223aef2],.lyg-container .lyg-btn .lyg-btn-cover3[data-v-f223aef2] {
    z-index: 2
}

.page-five[data-v-f223aef2],.page-two[data-v-f223aef2] {
    margin: 0 auto;
    min-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.page-five .color-left[data-v-f223aef2],.page-two .color-left[data-v-f223aef2] {
    width: 708px;
    height: 708px;
    position: relative;
    margin-right: 92px
}

.page-five .color-left img[data-v-f223aef2],.page-two .color-left img[data-v-f223aef2] {
    position: absolute
}

.page-five .color-left .card1[data-v-f223aef2],.page-two .color-left .card1[data-v-f223aef2] {
    width: 708px;
    height: 708px;
    right: 0;
    top: 50%;
    margin-top: -354px
}

.page-five .color-left .icon1[data-v-f223aef2],.page-two .color-left .icon1[data-v-f223aef2] {
    width: 69px;
    height: 69px;
    top: 79px;
    right: 109px;
    -webkit-animation: mymove1-data-v-f223aef2 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-f223aef2 1.5s 1s infinite alternate ease
}

.page-five .color-left .icon2[data-v-f223aef2],.page-two .color-left .icon2[data-v-f223aef2] {
    width: 87px;
    height: 87px;
    top: 276px;
    left: 31px;
    -webkit-animation: mymove2-data-v-f223aef2 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-f223aef2 1.5s 1s infinite alternate ease
}

.page-five .color-left .icon3[data-v-f223aef2],.page-two .color-left .icon3[data-v-f223aef2] {
    width: 79px;
    height: 79px;
    bottom: 72px;
    right: 115px;
    -webkit-animation: mymove2-data-v-f223aef2 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-f223aef2 1.5s 1s infinite alternate ease
}

.page-five .color-right[data-v-f223aef2],.page-two .color-right[data-v-f223aef2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-five .color-right section .line-cover[data-v-f223aef2],.page-two .color-right section .line-cover[data-v-f223aef2] {
    padding-bottom: 10px
}

.page-five .color-right section h2[data-v-f223aef2],.page-two .color-right section h2[data-v-f223aef2] {
    color: #2e3033;
    font-size: 45px;
    margin: 0
}

.page-five .color-right section p[data-v-f223aef2],.page-two .color-right section p[data-v-f223aef2] {
    color: #5d6167;
    font-size: 22px;
    padding-top: 10px;
    line-height: 30px
}

.page-four[data-v-f223aef2],.page-three[data-v-f223aef2] {
    min-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-four .color-left[data-v-f223aef2],.page-four .color-right[data-v-f223aef2],.page-three .color-left[data-v-f223aef2],.page-three .color-right[data-v-f223aef2] {
    width: 50%
}

.page-four .color-left[data-v-f223aef2],.page-three .color-left[data-v-f223aef2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.page-four .color-left .line-cover[data-v-f223aef2],.page-three .color-left .line-cover[data-v-f223aef2] {
    padding-bottom: 10px
}

.page-four .color-left section[data-v-f223aef2],.page-three .color-left section[data-v-f223aef2] {
    margin-right: 198px
}

.page-four .color-left section h2[data-v-f223aef2],.page-three .color-left section h2[data-v-f223aef2] {
    color: #2e3033;
    font-size: 45px;
    margin: 0
}

.page-four .color-left section p[data-v-f223aef2],.page-three .color-left section p[data-v-f223aef2] {
    color: #5d6167;
    font-size: 22px;
    padding-top: 10px;
    line-height: 30px
}

.page-four .color-right[data-v-f223aef2],.page-three .color-right[data-v-f223aef2] {
    position: relative;
    height: 100%;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.page-four .color-right .card-cover[data-v-f223aef2],.page-three .color-right .card-cover[data-v-f223aef2] {
    width: 560px;
    height: 614px;
    position: absolute;
    top: 50%;
    margin-top: -307px;
    left: -82px
}

.page-four .color-right .card-cover .card-one[data-v-f223aef2],.page-three .color-right .card-cover .card-one[data-v-f223aef2] {
    width: 560px;
    height: 614px;
    position: relative
}

.page-four .color-right .card-cover .card-one .card2[data-v-f223aef2],.page-three .color-right .card-cover .card-one .card2[data-v-f223aef2] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.page-four .color-right .card-cover .card-one .card2 img[data-v-f223aef2],.page-three .color-right .card-cover .card-one .card2 img[data-v-f223aef2] {
    height: 614px
}

.page-four .color-right .card-cover .card-one .card2-icon[data-v-f223aef2],.page-three .color-right .card-cover .card-one .card2-icon[data-v-f223aef2] {
    position: absolute;
    left: 304px;
    top: 98px;
    z-index: 5
}

.page-four .color-right .card-cover .card-one .card2-icon img[data-v-f223aef2],.page-three .color-right .card-cover .card-one .card2-icon img[data-v-f223aef2] {
    height: 415px
}

.page-four .color-right .color1[data-v-f223aef2],.page-three .color-right .color1[data-v-f223aef2] {
    width: 100%;
    height: 457px;
    background: url(./color1.057deb5.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.page-four .color-left[data-v-f223aef2] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.page-four .color-left section[data-v-f223aef2] {
    margin-left: 159px
}

.page-four .color-left img[data-v-f223aef2] {
    width: 312px;
    margin-top: 35px
}

.page-four .color-left p[data-v-f223aef2] {
    width: 500px
}

.page-four .color-right[data-v-f223aef2] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.page-four .color-right .card-cover1[data-v-f223aef2] {
    width: 560px;
    height: 614px;
    position: absolute;
    top: 50%;
    margin-top: -307px;
    right: -82px
}

.page-four .color-right .card-cover1 .card-one[data-v-f223aef2] {
    width: 560px;
    height: 614px;
    position: relative
}

.page-four .color-right .card-cover1 .card-one .card2[data-v-f223aef2] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.page-four .color-right .card-cover1 .card-one .card2 img[data-v-f223aef2] {
    height: 614px
}

.page-four .color-right .card-cover1 .card-one .card2-icon[data-v-f223aef2] {
    position: absolute;
    right: 304px;
    top: 98px;
    z-index: 5
}

.page-four .color-right .card-cover1 .card-one .card2-icon img[data-v-f223aef2] {
    height: 415px
}

.page-four .color-right .color1[data-v-f223aef2] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.page-five .img-cover[data-v-f223aef2] {
    width: 720px;
    height: 720px;
    position: relative;
    margin-left: 162px
}

.page-five .img-cover img[data-v-f223aef2] {
    position: absolute
}

.page-five .img-cover .animated2[data-v-f223aef2] {
    -webkit-animation: move3-data-v-f223aef2 1.7s .1s forwards;
    animation: move3-data-v-f223aef2 1.7s .1s forwards
}

.page-five .img-cover .card4[data-v-f223aef2] {
    width: 720px;
    height: 720px;
    z-index: 5;
    top: 0;
    left: 0
}

.page-five .img-cover .card4-icon1[data-v-f223aef2] {
    height: 621px;
    top: 53px;
    left: 188px;
    opacity: 0;
    z-index: 10
}

.page-five .img-cover .card4-icon2[data-v-f223aef2] {
    width: 320px;
    top: 247px;
    right: 119px;
    z-index: 15
}

.page-five .img-cover .card4-icon3[data-v-f223aef2] {
    width: 263px;
    left: 0;
    bottom: 150px;
    z-index: 7
}

.page-six[data-v-f223aef2] {
    height: 100%;
    min-width: 1200px;
    background: #f7f9fd;
    overflow: hidden;
    overflow-y: scroll
}

.page-six .scroll-cover[data-v-f223aef2] {
    min-height: 100vh
}

.page-six .scroll-cover .color-top[data-v-f223aef2],.page-six .scroll-cover[data-v-f223aef2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-six .scroll-cover .color-top[data-v-f223aef2] {
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-six .scroll-cover .color-top .line-cover[data-v-f223aef2] {
    padding-top: 30px;
    padding-bottom: 10px
}

.page-six .scroll-cover .color-top h2[data-v-f223aef2] {
    color: #2e3033;
    font-size: 45px;
    margin: 0
}

.page-six .scroll-cover .color-top p[data-v-f223aef2] {
    color: #5d6167;
    font-size: 22px;
    padding-top: 15px
}

.page-six .scroll-cover .color-top .card5[data-v-f223aef2] {
    width: 1155px;
    height: 384px;
    background: url(./card5.2e92a51.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: 60px
}

.page-six .scroll-cover .color-top .card5 img[data-v-f223aef2] {
    position: absolute;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast
}

.page-six .scroll-cover .color-top .card5-icon1[data-v-f223aef2] {
    width: 262px;
    height: 278px;
    top: 0;
    left: 0
}

.page-six .scroll-cover .color-top .card5-icon2[data-v-f223aef2] {
    width: 262px;
    height: 278px;
    top: 0;
    left: 293px
}

.page-six .scroll-cover .color-top .card5-icon3[data-v-f223aef2] {
    width: 276px;
    height: 291px;
    top: 0;
    right: 293px
}

.page-six .scroll-cover .color-top .card5-icon4[data-v-f223aef2] {
    width: 262px;
    height: 278px;
    top: 0;
    right: 0
}

.line[data-v-f223aef2] {
    width: 32px;
    height: 6px;
    background: #4cd8c0;
    -webkit-box-shadow: 0 2px 8px 0 rgba(5,215,191,.7);
    box-shadow: 0 2px 8px 0 rgba(5,215,191,.7);
    border-radius: 3px
}

.animated1[data-v-f223aef2] {
    -webkit-animation: ani3-data-v-f223aef2 ease backwards;
    animation: ani3-data-v-f223aef2 ease backwards
}

.swiper-container-vertical>.swiper-pagination-bullets[data-v-f223aef2] {
    right: 50px
}

[data-v-f223aef2] #footer {
    background-color: #38424e
}

[data-v-f223aef2] #go {
    background: url(./logo-white.5754297.png) no-repeat;
    background-size: contain;
    background-position: 50%
}

[data-v-f223aef2] .swiper-pagination-bullet {
    background: rgba(0,0,0,.3);
    width: 12px;
    height: 12px;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

[data-v-f223aef2] .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 14px 0
}

[data-v-f223aef2] .swiper-pagination-bullet-active {
    background: #4cd8c0;
    width: 12px;
    height: 25px;
    border-radius: 6px
}

[data-v-f223aef2] .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active {
    background: #fff
}

[data-v-f223aef2] #header {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

@-webkit-keyframes mymove1-data-v-f223aef2 {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@keyframes mymove1-data-v-f223aef2 {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@-webkit-keyframes mymove2-data-v-f223aef2 {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@keyframes mymove2-data-v-f223aef2 {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@-webkit-keyframes mymove3-data-v-f223aef2 {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@keyframes mymove3-data-v-f223aef2 {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@-webkit-keyframes ani3-data-v-f223aef2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes ani3-data-v-f223aef2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes move3-data-v-f223aef2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes move3-data-v-f223aef2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.footer[data-v-b6768e0e] {
    background: #fff
}

.main[data-v-b6768e0e] {
    width: 775px;
    margin: 0 auto;
    padding: 0 0 24px
}

.top[data-v-b6768e0e] {
    padding: 30px 0
}

.nav li[data-v-b6768e0e] {
    float: left;
    margin-right: 40px
}

.nav li .split[data-v-b6768e0e] {
    position: absolute;
    right: -20px;
    top: 8px
}

.nav li .link[data-v-b6768e0e] {
    position: relative;
    font-size: 14px;
    color: #9d9d9d
}

.nav li .link[data-v-b6768e0e]:hover {
    color: #19c8a9
}

.buttons .item[data-v-b6768e0e] {
    cursor: pointer;
    margin-left: 30px
}

.buttons .item[data-v-b6768e0e]:hover {
    opacity: .5
}

.downloadbtn[data-v-b6768e0e] {
    width: 105px;
    height: 26px;
    line-height: 24px;
    color: #fff;
    background: #19c8a9;
    border-radius: 13px;
    text-align: center;
    cursor: pointer
}

.downloadbtn .icons-pc[data-v-b6768e0e] {
    vertical-align: middle
}

.downloadbtn .text[data-v-b6768e0e] {
    vertical-align: middle;
    font-size: 12px
}

.row[data-v-b6768e0e] {
    margin-bottom: 20px;
    font-size: 12px;
    color: #9d9d9d
}

.row .icons-pc[data-v-b6768e0e] {
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px
}

.row a[data-v-b6768e0e] {
    color: #9d9d9d
}

.row a[data-v-b6768e0e]:hover {
    color: #19c8a9
}

img.icon[data-v-b6768e0e] {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px
}

img.gongan[data-v-b6768e0e] {
    height: 16px;
    position: relative;
    top: -2px
}

.bottom[data-v-b6768e0e] {
    font-size: 0
}

.bottom .img1[data-v-b6768e0e] {
    height: 40px
}

.bottom .img2[data-v-b6768e0e] {
    height: 30px
}

.qqs a[data-v-b6768e0e] {
    color: #9d9d9d
}

.qqs a[data-v-b6768e0e]:hover {
    color: #19c8a9
}

.go[data-v-b6768e0e] {
    width: 190px;
    height: 50px;
    background: url(./logo-white.png) no-repeat;
    background-size: contain;
    background-position: 50%;
    margin-right: -2px;
    cursor: pointer
}

.footer-qq-popover {
    width: 180px;
    padding: 10px;
    font-size: 12px
}

.footer[data-v-abf6e70a] {
    background: #dcdcdc;
    padding-top: 60px
}

.main[data-v-abf6e70a] {
    width: 975px;
    margin: 0 auto;
    padding: 0 0 24px
}

.top[data-v-abf6e70a] {
    padding: 30px 0
}

.nav li[data-v-abf6e70a] {
    float: left;
    margin-right: 40px
}

.nav li .split[data-v-abf6e70a] {
    position: absolute;
    right: -20px;
    top: 8px
}

.nav li .link[data-v-abf6e70a] {
    position: relative;
    font-size: 14px;
    color: #9d9d9d
}

.nav li .link[data-v-abf6e70a]:hover {
    color: #19c8a9
}

.buttons .item[data-v-abf6e70a] {
    cursor: pointer;
    margin-left: 30px
}

.buttons .item[data-v-abf6e70a]:hover {
    opacity: .5
}

.downloadbtn[data-v-abf6e70a] {
    width: 105px;
    height: 26px;
    line-height: 24px;
    color: #fff;
    background: #19c8a9;
    border-radius: 13px;
    text-align: center;
    cursor: pointer
}

.downloadbtn .icons-pc[data-v-abf6e70a] {
    vertical-align: middle
}

.downloadbtn .text[data-v-abf6e70a] {
    vertical-align: middle;
    font-size: 12px
}

.row[data-v-abf6e70a] {
    margin-bottom: 20px;
    font-size: 12px;
    color: #9d9d9d
}

.row .icons-pc[data-v-abf6e70a] {
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px
}

.row a[data-v-abf6e70a] {
    color: #9d9d9d
}

.row a[data-v-abf6e70a]:hover {
    color: #19c8a9
}

img.icon[data-v-abf6e70a] {
    height: 18px;
    vertical-align: middle;
}

img.gongan[data-v-abf6e70a] {
    height: 16px;
    position: relative;
    top: -2px
}

.bottom[data-v-abf6e70a] {
    font-size: 0
}

.bottom .img1[data-v-abf6e70a] {
    height: 47px
}

.bottom .img2[data-v-abf6e70a] {
    height: 30px
}

.qqs a[data-v-abf6e70a] {
    color: #9d9d9d
}

.qqs a[data-v-abf6e70a]:hover {
    color: #19c8a9
}

.item-min[data-v-abf6e70a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item-min .fot-logo[data-v-abf6e70a] {
    width: 104px
}

.item-min .min[data-v-abf6e70a] {
    width: 68px;
    height: 47px
}

.item-min p[data-v-abf6e70a] {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 16px
}

.item-min1[data-v-abf6e70a],.item-min p[data-v-abf6e70a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.item-min1[data-v-abf6e70a] {
    color: #9d9d9d;
    font-size: 12px;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item-min1 img[data-v-abf6e70a] {
    width: 22px
}

.item-min1 span[data-v-abf6e70a] {
    padding-left: 8px
}

.footer-qq-popover {
    width: 180px;
    padding: 10px;
    font-size: 12px
}

.header[data-v-2a1bdad4] {
    background: #fff;
    margin-bottom: 20px;
    position: absolute;
    width: 100%;
    min-width: 680px;
    top: 0;
    z-index: 40;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.05);
    box-shadow: 0 3px 3px rgba(0,0,0,.05)
}

.header-container[data-v-2a1bdad4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-width: 1200px
}

.logo[data-v-2a1bdad4] {
    width: 170px;
    height: 30px;
}

.logo img[data-v-2a1bdad4] {
    height: 40px
}

.nav-bar[data-v-2a1bdad4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.nav-bar .info:hover .pop-wrap[data-v-2a1bdad4] {
    display: block
}

.nav-bar .pop-wrap[data-v-2a1bdad4] {
    display: none
}

.nav-bar ul[data-v-2a1bdad4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-bar li[data-v-2a1bdad4] {
    float: left;
    height: 30px;
    margin-right: 20px;
    position: relative
}

.nav-bar li .link[data-v-2a1bdad4] {
    font-size: 18px;
    color: rgba(40,40,40,.8);
    display: block;
    padding: 0 15px;
    cursor: pointer
}

.nav-bar li .link.nuxt-link-exact-active[data-v-2a1bdad4],.nav-bar li .link[data-v-2a1bdad4]:hover {
    font-weight: 700;
    color: #282828
}

.nav-bar[data-v-2a1bdad4] .link.nuxt-link-exact-active:after {
    content: "";
    position: absolute;
    width: 17px;
    height: 6px;
    border-radius: 3px;
    background: #4bd5bd;
    bottom: -7px;
    left: 50%;
    margin-left: -8.5px
}

.content[data-v-0bb33107] {
    min-height: 150px;
    background: #fcfcfc;
    border-radius: 5px
}

.pop-submenu-wrap[data-v-cfd8b5ce] {
    position: absolute;
    width: 100%;
    left: 0;
    min-height: 50px
}

.col[data-v-cfd8b5ce] {
    width: 19.9%;
    float: left
}

.cb[data-v-cfd8b5ce] {
    clear: both
}

.pop-submenu[data-v-cfd8b5ce] {
    position: absolute;
    background: #fff;
    min-width: 150px;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    left: 0;
    top: 18px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    width: 1000px
}

.pop-submenu .content[data-v-cfd8b5ce] {
    height: 100%;
    background: #fff;
    padding: 10px
}

.pop-submenu .content .game-name[data-v-cfd8b5ce] {
    margin: 8px 0;
    font-size: 14px;
    color: #666;
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 5px
}

.pop-submenu .content .game-name[data-v-cfd8b5ce]:hover {
    color: #19c8a9
}

.search-bar {
    border: 1px solid hsla(0,0%,72%,.2);
    border-width: 0 1px;
    padding-left: 20px
}

.search-bar .el-input {
    width: 156px
}

.search-bar input {
    border: none;
    font-size: 14px
}

.search-bar .el-icon-search {
    color: #19c8a9
}

.code[data-v-5100c735] {
    position: relative
}

.code-btn[data-v-5100c735] {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 4px;
    width: 86px;
    height: 30px;
    background: transparent;
    color: rgba(40,40,40,.8);
    font-size: 18px;
    outline: none;
    cursor: pointer
}

.code:hover .code-btn[data-v-5100c735] {
    color: #282828;
    font-weight: 700
}

.code:hover .code-content[data-v-5100c735] {
    display: block;
    font-weight: 700
}

.code-content[data-v-5100c735] {
    display: none;
    position: absolute;
    top: 50px;
    left: -65px;
    z-index: 10000
}

.code-cover[data-v-5100c735] {
    position: relative;
    padding-bottom: 10px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,.1));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,.1))
}

.square[data-v-5100c735] {
    border: 10px solid #fff;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom-right-radius: 5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    content: "";
    width: 0;
    margin: 5px auto 0
}

.square-content[data-v-5100c735] {
    width: 170px;
    height: 200px;
    background: #fff;
    border-radius: 20px;
    margin-top: -12px
}

ul[data-v-5100c735] {
    padding-top: 14px;
    width: 170px
}

ul li[data-v-5100c735] {
    width: 170px;
    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
}

ul li h2[data-v-5100c735] {
    font-weight: 700;
    color: #2e3033;
    font-size: 14px
}

ul li .small-code[data-v-5100c735] {
    width: 146px;
    height: 146px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative
}

ul li .logo[data-v-5100c735] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: url("/images/h5/dy/qr-logo.png") #fff no-repeat 50%;
    background-size: 80%
}

ul li[data-v-5100c735]:last-of-type {
    float: right
}

.login-status[data-v-62f8f8f6] {
    margin-left: 20px;
    font-size: 14px;
    line-height: 1;
    color: #282828
}

.login-before .icons-pc[data-v-62f8f8f6] {
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px
}

.login-before img[data-v-62f8f8f6] {
    width: 36px;
    height: 36px
}

.login-before[data-v-62f8f8f6]:hover {
    color: #19c8a9
}

.login-after[data-v-62f8f8f6] {
    height: 20px
}

.login-after[data-v-62f8f8f6] .el-dropdown {
    display: block
}

.user-info[data-v-62f8f8f6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none
}

.user-info[data-v-62f8f8f6]:hover {
    color: #19c8a9
}

.user-info .user-avatar[data-v-62f8f8f6] {
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 5px
}

.user-info .user-avatar img[data-v-62f8f8f6] {
    width: 100%;
    height: 100%;
    display: block
}

.user-info .user-name[data-v-62f8f8f6] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 5em;
    line-height: 20px
}

.el-dropdown-menu--medium .el-dropdown-menu__item[data-v-62f8f8f6] {
    height: 40px;
    line-height: 40px;
    width: 140px;
    padding-left: 20px
}

.el-dropdown-menu--medium .el-dropdown-menu__item i[data-v-62f8f8f6] {
    margin-right: 10px;
    vertical-align: middle
}

.nologin[data-v-62f8f8f6] {
    display: block;
    background: none;
    padding: 0;
    font-size: 14px;
    width: 88px;
    height: 32px;
    line-height: 32px;
    text-align: center
}

.main[data-v-83552fb4] {
    background: #fff;
    padding: 40px 100px
}

.about-title[data-v-83552fb4] {
    font-size: 30px;
    color: #282828;
    text-align: center;
    line-height: 1;
    margin-bottom: 40px
}

.paragraph[data-v-83552fb4] {
    margin-bottom: 30px
}

.paragraph .sub-title[data-v-83552fb4] {
    font-size: 18px;
    color: #282828;
    margin: 0 0 10px
}

.paragraph p[data-v-83552fb4] {
    font-size: 16px;
    color: #666;
    line-height: 1.625;
    margin-bottom: 10px
}

.paragraph .alink[data-v-83552fb4] {
    font-size: 16px;
    color: #19c8a9
}

table[data-v-83552fb4],td[data-v-83552fb4],th[data-v-83552fb4] {
    border: 1px solid silver;
    border-collapse: collapse
}

table span[data-v-83552fb4],td span[data-v-83552fb4],th span[data-v-83552fb4] {
    font-size: 14px
}

td[data-v-83552fb4] {
    padding: 5px 10px
}

.aboutus-main[data-v-0b95fa19] {
    background: #fff;
    padding: 40px 100px
}

.aboutus-main .aboutus-title[data-v-0b95fa19] {
    font-size: 30px;
    color: #282828;
    text-align: center;
    line-height: 1;
    margin-bottom: 40px
}

.aboutus-main .paragraph[data-v-0b95fa19] {
    margin-bottom: 30px
}

.aboutus-main .paragraph p[data-v-0b95fa19] {
    font-size: 16px;
    color: #666;
    line-height: 1.625;
    margin-bottom: 10px
}

.aboutus-main .paragraph .sub-title[data-v-0b95fa19] {
    font-size: 18px;
    color: #282828;
    margin: 0 0 10px
}

.aboutus-main .paragraph .third-title[data-v-0b95fa19] {
    font-size: 16px;
    color: #282828;
    margin: 0 0 10px
}

.dynamic-page[data-v-66ac07c0] {
    min-height: 282px
}

.web-dialog[data-v-378ab8a6] .el-dialog__header {
    height: 42px
}

.web-dialog[data-v-378ab8a6] .el-icon-close {
    font-size: 18px
}

.web-dialog .content[data-v-378ab8a6] {
    padding: 0
}

.options[data-v-378ab8a6] {
    padding-right: 40px
}

.options .item[data-v-378ab8a6] {
    float: left;
    width: 50%;
    margin: 15px 0
}

.options .item[data-v-378ab8a6]:nth-of-type(2n) {
    float: right;
    text-align: right
}

.options[data-v-378ab8a6] .el-radio {
    color: #666
}

.textarea[data-v-378ab8a6] {
    padding-top: 5px
}

.textarea[data-v-378ab8a6] .el-textarea__inner {
    height: 84px;
    background: #f7f7f7;
    font-size: 14px
}

.footer[data-v-378ab8a6] {
    padding: 20px 0
}

.footer .btn[data-v-378ab8a6] {
    padding: 0;
    width: 120px;
    height: 40px;
    line-height: 40px
}

.write-dynamic[data-v-c87904e6] {
    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;
    height: 50px;
    background: #fff;
    font-size: 14px;
    color: #19c8a9;
    margin-bottom: 10px
}

.icons-pc[data-v-c87904e6] {
    margin-right: 10px
}

.tab-handle[data-v-7263c286] {
    background: #fff;
    padding-left: 10px
}

.item[data-v-7263c286] {
    float: left;
    padding: 0 15px;
    margin-right: 50px;
    font-size: 14px;
    color: #282828;
    line-height: 40px;
    height: 40px
}

.article-item-wrapper[data-v-363a4aa0] {
    background: #fff;
    margin-bottom: 10px;
    padding: 30px
}

.avatar[data-v-363a4aa0] {
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.avatar .avatar-link[data-v-363a4aa0] {
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%
}

.avatar img[data-v-363a4aa0] {
    width: 100%;
    height: 100%
}

.info-head[data-v-363a4aa0] {
    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
}

.name[data-v-363a4aa0] {
    font-size: 14px;
    color: #282828
}

.time[data-v-363a4aa0] {
    font-size: 12px;
    color: #b8b8b8
}

.info-md[data-v-363a4aa0] {
    padding-top: 20px
}

.article-title[data-v-363a4aa0] {
    font-size: 16px;
    color: #282828;
    margin-bottom: 10px;
    font-weight: 700
}

.article-title .article-title-link[data-v-363a4aa0] {
    color: #282828
}

.article-title .article-title-link[data-v-363a4aa0]:hover {
    color: #19c8a9
}

.article-desc[data-v-363a4aa0] {
    font-size: 14px;
    color: #666;
    line-height: 1.71429;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    word-break: break-all;
    word-wrap: break-word
}

.article-desc[data-v-363a4aa0] .center-block {
    display: block;
    width: auto;
    max-width: 100%
}

.info-ft[data-v-363a4aa0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.info-ft .left[data-v-363a4aa0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tag[data-v-363a4aa0] {
    color: #0087ff;
    font-size: 14px
}

.el-icon-more {
    cursor: pointer;
    outline: none
}

.el-icon-more:hover {
    color: #19c8a9
}

.user-drop-menu .el-dropdown-menu__item {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #282828
}

.user-drop-menu .el-dropdown-menu__item:hover {
    color: #19c8a9;
    background: #f4f4f4
}

.article-imgs[data-v-5edaa0a8] {
    margin-bottom: 20px
}

.article-imgs .bd[data-v-5edaa0a8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.article-imgs .img[data-v-5edaa0a8] {
    margin-right: 15px;
    max-width: 190px;
    overflow: hidden
}

.article-imgs .img[data-v-5edaa0a8]:last-of-type {
    margin-right: 0
}

.article-imgs img[data-v-5edaa0a8] {
    height: 95px;
    display: block
}

.faulous[data-v-75269aad] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item[data-v-75269aad] {
    margin-left: 20px;
    position: relative;
    cursor: pointer
}

.item.actived .val[data-v-75269aad],.item.actived[data-v-75269aad],.item:hover .val[data-v-75269aad] {
    color: #19c8a9
}

.item[data-v-75269aad]:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3
}

.val[data-v-75269aad] {
    font-size: 14px;
    color: #666;
    font-style: normal;
    margin-left: 5px;
    line-height: 1;
    position: relative;
    top: -1px
}

.role-card[data-v-4aec372b] {
    width: 220px;
    background: #fff;
    padding-top: 20px;
    overflow: hidden
}

.avatar-wrap[data-v-4aec372b] {
    width: 96px;
    height: 96px;
    overflow: hidden;
    border: 1px solid #b8b8b8;
    border-radius: 100%;
    margin-bottom: 10px
}

.sign[data-v-4aec372b],.uname[data-v-4aec372b] {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.uname[data-v-4aec372b] {
    color: #282828;
    margin-bottom: 5px
}

.sign[data-v-4aec372b] {
    font-size: 12px;
    color: #c6c6c6
}

.fans-grid[data-v-4aec372b] {
    text-align: center;
    line-height: 1;
    height: 34px
}

.fans-grid .item[data-v-4aec372b] {
    border-right: 1px solid #e8e8e8
}

.fans-grid .item[data-v-4aec372b]:last-of-type {
    border: 0
}

.fans-grid .k[data-v-4aec372b] {
    font-size: 12px;
    color: #c6c6c6;
    margin-bottom: 5px
}

.fans-grid .v[data-v-4aec372b] {
    font-size: 14px;
    color: #666
}

.follow-bnt[data-v-4aec372b] {
    width: 120px;
    height: 28px
}

.side-block[data-v-9451e08e] {
    background: #fff;
    padding: 0 20px;
    margin-bottom: 10px;
    display: none
}

.yard-link[data-v-9451e08e] {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.side-title[data-v-9451e08e] {
    font-size: 16px;
    color: #282828;
    padding: 10px 0;
    margin: 0
}

.list[data-v-9451e08e] {
    padding-top: 10px;
    min-height: 180px
}

.item[data-v-9451e08e] {
    margin-bottom: 20px
}

.item[data-v-9451e08e]:last-of-type {
    margin-bottom: 0
}

.avatar[data-v-9451e08e] {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 10px
}

.avatar img[data-v-9451e08e] {
    display: block;
    width: 100%;
    height: 100%
}

.info[data-v-9451e08e] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.desc[data-v-9451e08e],.title[data-v-9451e08e] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.title[data-v-9451e08e] {
    font-size: 14px;
    color: #282828;
    cursor: pointer
}

.title[data-v-9451e08e]:hover {
    color: #19c8a9
}

.desc[data-v-9451e08e],.more-link[data-v-9451e08e] {
    font-size: 12px;
    color: #b8b8b8
}

.more-link[data-v-9451e08e] {
    display: block;
    text-align: center;
    padding: 20px 0;
    cursor: pointer
}

.page-container[data-v-3344a71c] {
    width: 100%;
    height: 100vh
}

.my-page[data-v-3344a71c],.page-one[data-v-3344a71c],.page[data-v-3344a71c] {
    width: 100%;
    height: 100%;
    background-color: #fff
}

.page[data-v-3344a71c] {
    width: 100%;
    height: 100%;
    position: relative
}

.download-btn[data-v-3344a71c] {
    width: 227px;
    height: 72px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #4bd5bd;
    -webkit-box-shadow: 0 11px 33px 0 rgba(16,43,47,.3);
    box-shadow: 0 11px 33px 0 rgba(16,43,47,.3);
    border: none;
    outline: none;
    border-radius: 36px;
    color: #fff;
    font-size: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 100px
}

.download-btn img[data-v-3344a71c] {
    width: 30px;
    margin-right: 16px
}

.rect1[data-v-3344a71c] {
    position: absolute;
    left: -26px;
    bottom: -154px;
    height: 308px;
    z-index: 100
}

.rect2[data-v-3344a71c] {
    position: absolute;
    right: 0;
    bottom: -97px;
    height: 194px;
    z-index: 100
}

.rect4[data-v-3344a71c] {
    position: absolute;
    height: 210px;
    left: 0;
    bottom: -10px
}

.rect5[data-v-3344a71c] {
    position: absolute;
    width: 194px;
    bottom: -150px;
    right: 100px
}

.rect3[data-v-3344a71c] {
    position: absolute;
    left: 0;
    bottom: -97px;
    height: 194px;
    z-index: 100
}

.lyg-container[data-v-3344a71c] {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 200px
}

.lyg-container .worm1[data-v-3344a71c],.lyg-container .worm2[data-v-3344a71c],.lyg-container .worm3[data-v-3344a71c],.lyg-container .worm4[data-v-3344a71c],.lyg-container .worm5[data-v-3344a71c] {
    position: absolute
}

.lyg-container .worm1[data-v-3344a71c] {
    width: 304px;
    top: -88px;
    left: 50%;
    margin-left: -152px;
    -webkit-animation: mymove2-data-v-3344a71c 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-3344a71c 1.5s 1s infinite alternate ease
}

.lyg-container .worm2[data-v-3344a71c] {
    width: 296px;
    top: 40px;
    right: -103px;
    -webkit-animation: mymove3-data-v-3344a71c 1.5s 1s infinite alternate ease;
    animation: mymove3-data-v-3344a71c 1.5s 1s infinite alternate ease
}

.lyg-container .worm3[data-v-3344a71c] {
    width: 280px;
    top: 155px;
    left: 276px;
    -webkit-animation: mymove1-data-v-3344a71c 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-3344a71c 1.5s 1s infinite alternate ease
}

.lyg-container .worm4[data-v-3344a71c] {
    width: 318px;
    top: 452px;
    left: 376px;
    -webkit-animation: mymove2-data-v-3344a71c 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-3344a71c 1.5s 1s infinite alternate ease
}

.lyg-container .worm5[data-v-3344a71c] {
    width: 306px;
    bottom: 0;
    right: -300px;
    -webkit-animation: mymove1-data-v-3344a71c 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-3344a71c 1.5s 1s infinite alternate ease
}

.lyg-container .lyg[data-v-3344a71c] {
    width: 265px;
    height: 156px
}

.lyg-container p[data-v-3344a71c] {
    color: #fff;
    font-size: 66px;
    padding-left: 30px;
    font-weight: 700;
    text-shadow: 0 0 40 0 rgba(16,43,47,.3)
}

.lyg-container .lyg-btn[data-v-3344a71c] {
    padding: 30px 0 0 20px;
    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: wrap;
    flex-wrap: wrap
}

.lyg-container .lyg-btn .lyg-btn-cover1[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover2[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover3[data-v-3344a71c] {
    cursor: pointer;
    position: relative;
    width: 227px;
    margin: 0 10px 20px;
    z-index: 4
}

.lyg-container .lyg-btn .lyg-btn-cover1 .lyg-btn1[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover2 .lyg-btn1[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover3 .lyg-btn1[data-v-3344a71c] {
    width: 227px;
    height: 72px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #4bd5bd;
    -webkit-box-shadow: 0 11px 33px 0 rgba(16,43,47,.3);
    box-shadow: 0 11px 33px 0 rgba(16,43,47,.3);
    border: none;
    outline: none;
    border-radius: 36px;
    color: #fff;
    font-size: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lyg-container .lyg-btn .lyg-btn-cover1 .lyg-btn1 img[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover2 .lyg-btn1 img[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover3 .lyg-btn1 img[data-v-3344a71c] {
    width: 30px;
    margin-right: 16px
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover2 .code[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover3 .code[data-v-3344a71c] {
    display: none;
    width: 170px;
    height: 190px;
    position: absolute;
    left: 50%;
    margin-left: -85px;
    bottom: -200px
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-top[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-top[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-top[data-v-3344a71c] {
    border: 10px solid #fff;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom-right-radius: 5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    content: "";
    width: 0;
    margin: 5px auto 0;
    margin-bottom: -10px
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-bottom[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-bottom[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-bottom[data-v-3344a71c] {
    width: 170px;
    height: 170px;
    border-radius: 20px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-bottom .code-cover[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-bottom .code-cover[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-bottom .code-cover[data-v-3344a71c] {
    width: 146px;
    height: 146px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-bottom .code-cover .logo[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-bottom .code-cover .logo[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-bottom .code-cover .logo[data-v-3344a71c] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: url("/images/h5/dy/qr-logo.png") #fff no-repeat 50%;
    background-size: 80%
}

.lyg-container .lyg-btn .lyg-btn-cover1:hover .code[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover2:hover .code[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover3:hover .code[data-v-3344a71c] {
    display: block
}

.lyg-container .lyg-btn .lyg-btn-cover2[data-v-3344a71c],.lyg-container .lyg-btn .lyg-btn-cover3[data-v-3344a71c] {
    z-index: 2
}

.page-five[data-v-3344a71c],.page-two[data-v-3344a71c] {
    margin: 0 auto;
    min-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.page-five .color-left[data-v-3344a71c],.page-two .color-left[data-v-3344a71c] {
    width: 708px;
    height: 708px;
    position: relative;
    margin-right: 92px
}

.page-five .color-left img[data-v-3344a71c],.page-two .color-left img[data-v-3344a71c] {
    position: absolute
}

.page-five .color-left .card1[data-v-3344a71c],.page-two .color-left .card1[data-v-3344a71c] {
    width: 708px;
    height: 708px;
    right: 0;
    top: 50%;
    margin-top: -354px
}

.page-five .color-left .icon1[data-v-3344a71c],.page-two .color-left .icon1[data-v-3344a71c] {
    width: 69px;
    height: 69px;
    top: 79px;
    right: 109px;
    -webkit-animation: mymove1-data-v-3344a71c 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-3344a71c 1.5s 1s infinite alternate ease
}

.page-five .color-left .icon2[data-v-3344a71c],.page-two .color-left .icon2[data-v-3344a71c] {
    width: 87px;
    height: 87px;
    top: 276px;
    left: 31px;
    -webkit-animation: mymove2-data-v-3344a71c 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-3344a71c 1.5s 1s infinite alternate ease
}

.page-five .color-left .icon3[data-v-3344a71c],.page-two .color-left .icon3[data-v-3344a71c] {
    width: 79px;
    height: 79px;
    bottom: 72px;
    right: 115px;
    -webkit-animation: mymove2-data-v-3344a71c 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-3344a71c 1.5s 1s infinite alternate ease
}

.page-five .color-right[data-v-3344a71c],.page-two .color-right[data-v-3344a71c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-five .color-right section .line-cover[data-v-3344a71c],.page-two .color-right section .line-cover[data-v-3344a71c] {
    padding-bottom: 10px
}

.page-five .color-right section h2[data-v-3344a71c],.page-two .color-right section h2[data-v-3344a71c] {
    color: #2e3033;
    font-size: 45px;
    margin: 0
}

.page-five .color-right section p[data-v-3344a71c],.page-two .color-right section p[data-v-3344a71c] {
    color: #5d6167;
    font-size: 22px;
    padding-top: 10px;
    line-height: 30px
}

.page-four[data-v-3344a71c],.page-three[data-v-3344a71c] {
    min-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-four .color-left[data-v-3344a71c],.page-four .color-right[data-v-3344a71c],.page-three .color-left[data-v-3344a71c],.page-three .color-right[data-v-3344a71c] {
    width: 50%
}

.page-four .color-left[data-v-3344a71c],.page-three .color-left[data-v-3344a71c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.page-four .color-left .line-cover[data-v-3344a71c],.page-three .color-left .line-cover[data-v-3344a71c] {
    padding-bottom: 10px
}

.page-four .color-left section[data-v-3344a71c],.page-three .color-left section[data-v-3344a71c] {
    margin-right: 198px
}

.page-four .color-left section h2[data-v-3344a71c],.page-three .color-left section h2[data-v-3344a71c] {
    color: #2e3033;
    font-size: 45px;
    margin: 0
}

.page-four .color-left section p[data-v-3344a71c],.page-three .color-left section p[data-v-3344a71c] {
    color: #5d6167;
    font-size: 22px;
    padding-top: 10px;
    line-height: 30px
}

.page-four .color-right[data-v-3344a71c],.page-three .color-right[data-v-3344a71c] {
    position: relative;
    height: 100%;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.page-four .color-right .card-cover[data-v-3344a71c],.page-three .color-right .card-cover[data-v-3344a71c] {
    width: 560px;
    height: 614px;
    position: absolute;
    top: 50%;
    margin-top: -307px;
    left: -82px
}

.page-four .color-right .card-cover .card-one[data-v-3344a71c],.page-three .color-right .card-cover .card-one[data-v-3344a71c] {
    width: 560px;
    height: 614px;
    position: relative
}

.page-four .color-right .card-cover .card-one .card2[data-v-3344a71c],.page-three .color-right .card-cover .card-one .card2[data-v-3344a71c] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.page-four .color-right .card-cover .card-one .card2 img[data-v-3344a71c],.page-three .color-right .card-cover .card-one .card2 img[data-v-3344a71c] {
    height: 614px
}

.page-four .color-right .card-cover .card-one .card2-icon[data-v-3344a71c],.page-three .color-right .card-cover .card-one .card2-icon[data-v-3344a71c] {
    position: absolute;
    left: 304px;
    top: 98px;
    z-index: 5
}

.page-four .color-right .card-cover .card-one .card2-icon img[data-v-3344a71c],.page-three .color-right .card-cover .card-one .card2-icon img[data-v-3344a71c] {
    height: 415px
}

.page-four .color-right .color1[data-v-3344a71c],.page-three .color-right .color1[data-v-3344a71c] {
    width: 100%;
    height: 457px;
    background: url(./color1.057deb5.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.page-four .color-left[data-v-3344a71c] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.page-four .color-left section[data-v-3344a71c] {
    margin-left: 159px
}

.page-four .color-left img[data-v-3344a71c] {
    width: 312px;
    margin-top: 35px
}

.page-four .color-left p[data-v-3344a71c] {
    width: 500px
}

.page-four .color-right[data-v-3344a71c] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.page-four .color-right .card-cover1[data-v-3344a71c] {
    width: 560px;
    height: 614px;
    position: absolute;
    top: 50%;
    margin-top: -307px;
    right: -82px
}

.page-four .color-right .card-cover1 .card-one[data-v-3344a71c] {
    width: 560px;
    height: 614px;
    position: relative
}

.page-four .color-right .card-cover1 .card-one .card2[data-v-3344a71c] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.page-four .color-right .card-cover1 .card-one .card2 img[data-v-3344a71c] {
    height: 614px
}

.page-four .color-right .card-cover1 .card-one .card2-icon[data-v-3344a71c] {
    position: absolute;
    right: 304px;
    top: 98px;
    z-index: 5
}

.page-four .color-right .card-cover1 .card-one .card2-icon img[data-v-3344a71c] {
    height: 415px
}

.page-four .color-right .color1[data-v-3344a71c] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.page-five .img-cover[data-v-3344a71c] {
    width: 720px;
    height: 720px;
    position: relative;
    margin-left: 162px
}

.page-five .img-cover img[data-v-3344a71c] {
    position: absolute
}

.page-five .img-cover .animated2[data-v-3344a71c] {
    -webkit-animation: move3-data-v-3344a71c 1.7s .1s forwards;
    animation: move3-data-v-3344a71c 1.7s .1s forwards
}

.page-five .img-cover .card4[data-v-3344a71c] {
    width: 720px;
    height: 720px;
    z-index: 5;
    top: 0;
    left: 0
}

.page-five .img-cover .card4-icon1[data-v-3344a71c] {
    height: 621px;
    top: 53px;
    left: 188px;
    opacity: 0;
    z-index: 10
}

.page-five .img-cover .card4-icon2[data-v-3344a71c] {
    width: 320px;
    top: 247px;
    right: 119px;
    z-index: 15
}

.page-five .img-cover .card4-icon3[data-v-3344a71c] {
    width: 263px;
    left: 0;
    bottom: 150px;
    z-index: 7
}

.page-six[data-v-3344a71c] {
    height: 100%;
    min-width: 1200px;
    background: #f7f9fd;
    overflow: hidden;
    overflow-y: scroll
}

.page-six .scroll-cover[data-v-3344a71c] {
    min-height: 100vh
}

.page-six .scroll-cover .color-top[data-v-3344a71c],.page-six .scroll-cover[data-v-3344a71c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-six .scroll-cover .color-top[data-v-3344a71c] {
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-six .scroll-cover .color-top .line-cover[data-v-3344a71c] {
    padding-top: 30px;
    padding-bottom: 10px
}

.page-six .scroll-cover .color-top h2[data-v-3344a71c] {
    color: #2e3033;
    font-size: 45px;
    margin: 0
}

.page-six .scroll-cover .color-top p[data-v-3344a71c] {
    color: #5d6167;
    font-size: 22px;
    padding-top: 15px
}

.page-six .scroll-cover .color-top .card5[data-v-3344a71c] {
    width: 1155px;
    height: 384px;
    background: url(./card5.2e92a51.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: 60px
}

.page-six .scroll-cover .color-top .card5 img[data-v-3344a71c] {
    position: absolute;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast
}

.page-six .scroll-cover .color-top .card5-icon1[data-v-3344a71c] {
    width: 262px;
    height: 278px;
    top: 0;
    left: 0
}

.page-six .scroll-cover .color-top .card5-icon2[data-v-3344a71c] {
    width: 262px;
    height: 278px;
    top: 0;
    left: 293px
}

.page-six .scroll-cover .color-top .card5-icon3[data-v-3344a71c] {
    width: 276px;
    height: 291px;
    top: 0;
    right: 293px
}

.page-six .scroll-cover .color-top .card5-icon4[data-v-3344a71c] {
    width: 262px;
    height: 278px;
    top: 0;
    right: 0
}

.line[data-v-3344a71c] {
    width: 32px;
    height: 6px;
    background: #4cd8c0;
    -webkit-box-shadow: 0 2px 8px 0 rgba(5,215,191,.7);
    box-shadow: 0 2px 8px 0 rgba(5,215,191,.7);
    border-radius: 3px
}

.animated1[data-v-3344a71c] {
    -webkit-animation: ani3-data-v-3344a71c ease backwards;
    animation: ani3-data-v-3344a71c ease backwards
}

.swiper-container-vertical>.swiper-pagination-bullets[data-v-3344a71c] {
    right: 50px
}

[data-v-3344a71c] #footer {
    background-color: #38424e
}

[data-v-3344a71c] .swiper-pagination-bullet {
    background: rgba(0,0,0,.3);
    width: 12px;
    height: 12px;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

[data-v-3344a71c] .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 14px 0
}

[data-v-3344a71c] .swiper-pagination-bullet-active {
    background: #4cd8c0;
    width: 12px;
    height: 25px;
    border-radius: 6px
}

[data-v-3344a71c] .swiper-pagination-bullet:first-of-type.swiper-pagination-bullet-active {
    background: #fff
}

[data-v-3344a71c] #header {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

@-webkit-keyframes mymove1-data-v-3344a71c {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@keyframes mymove1-data-v-3344a71c {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@-webkit-keyframes mymove2-data-v-3344a71c {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@keyframes mymove2-data-v-3344a71c {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@-webkit-keyframes mymove3-data-v-3344a71c {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@keyframes mymove3-data-v-3344a71c {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@-webkit-keyframes ani3-data-v-3344a71c {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes ani3-data-v-3344a71c {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes move3-data-v-3344a71c {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes move3-data-v-3344a71c {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.footer[data-v-551384a6] {
    background: #fff
}

.main[data-v-551384a6] {
    width: 950px;
    margin: 0 auto;
    padding: 0 0 24px
}

.top[data-v-551384a6] {
    padding: 30px 0
}

.nav li[data-v-551384a6] {
    float: left;
    margin-right: 40px
}

.nav li .split[data-v-551384a6] {
    position: absolute;
    right: -20px;
    top: 8px
}

.nav li .link[data-v-551384a6] {
    position: relative;
    font-size: 14px;
    color: #9d9d9d
}

.nav li .link[data-v-551384a6]:hover {
    color: #19c8a9
}

.buttons .item[data-v-551384a6] {
    cursor: pointer;
    margin-left: 30px
}

.buttons .item[data-v-551384a6]:hover {
    opacity: .5
}

.downloadbtn[data-v-551384a6] {
    width: 105px;
    height: 26px;
    line-height: 24px;
    color: #fff;
    background: #19c8a9;
    border-radius: 13px;
    text-align: center;
    cursor: pointer
}

.downloadbtn .icons-pc[data-v-551384a6] {
    vertical-align: middle
}

.downloadbtn .text[data-v-551384a6] {
    vertical-align: middle;
    font-size: 12px
}

.row[data-v-551384a6] {
    margin-bottom: 20px;
    font-size: 12px;
    color: #9d9d9d
}

.row .icons-pc[data-v-551384a6] {
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px
}

.row a[data-v-551384a6] {
    color: #9d9d9d
}

.row a[data-v-551384a6]:hover {
    color: #19c8a9
}

img.icon[data-v-551384a6] {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px
}

img.gongan[data-v-551384a6] {
    height: 16px;
    position: relative;
    top: -2px
}

.bottom[data-v-551384a6] {
    font-size: 0
}

.bottom .img1[data-v-551384a6] {
    height: 40px
}

.bottom .img2[data-v-551384a6] {
    height: 30px
}

.qqs a[data-v-551384a6] {
    color: #9d9d9d
}

.qqs a[data-v-551384a6]:hover {
    color: #19c8a9
}

.go[data-v-551384a6] {
    width: 142px;
    height: 47px;
    background: url("//imgx.lygou.cc/cai/img/public/txm/logo.png") no-repeat;
    background-size: contain;
    background-position: 50%;
    margin-right: 139px;
    cursor: pointer
}

.footer-qq-popover {
    width: 180px;
    padding: 10px;
    font-size: 12px
}

.header[data-v-72181db5] {
    background: #fff;
    margin-bottom: 20px;
    position: fixed;
    width: 100%;
    min-width: 680px;
    top: 0;
    z-index: 40;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.05);
    box-shadow: 0 3px 3px rgba(0,0,0,.05)
}

.header-container[data-v-72181db5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-width: 1200px
}

.logo[data-v-72181db5] {
    width: 170px;
    height: 30px;
    cursor: pointer
}

.logo img[data-v-72181db5] {
    height: 30px
}

.nav-bar[data-v-72181db5] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.nav-bar .info:hover .pop-wrap[data-v-72181db5] {
    display: block
}

.nav-bar .pop-wrap[data-v-72181db5] {
    display: none
}

.nav-bar ul[data-v-72181db5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-bar li[data-v-72181db5] {
    float: left;
    height: 30px;
    margin-right: 20px;
    position: relative
}

.nav-bar li .link[data-v-72181db5] {
    font-size: 18px;
    color: rgba(40,40,40,.8);
    display: block;
    padding: 0 15px;
    cursor: pointer
}

.nav-bar li .link.nuxt-link-exact-active[data-v-72181db5],.nav-bar li .link[data-v-72181db5]:hover {
    font-weight: 700;
    color: #282828
}

.nav-bar[data-v-72181db5] .link.nuxt-link-exact-active:after {
    content: "";
    position: absolute;
    width: 17px;
    height: 6px;
    border-radius: 3px;
    background: #4bd5bd;
    bottom: -7px;
    left: 50%;
    margin-left: -8.5px
}

.code[data-v-40c2c2f3] {
    position: relative
}

.code-btn[data-v-40c2c2f3] {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 4px;
    width: 86px;
    height: 30px;
    background: transparent;
    color: rgba(40,40,40,.8);
    font-size: 18px;
    outline: none;
    cursor: pointer
}

.code:hover .code-btn[data-v-40c2c2f3] {
    color: #282828;
    font-weight: 700
}

.code:hover .code-content[data-v-40c2c2f3] {
    display: block;
    font-weight: 700
}

.code-content[data-v-40c2c2f3] {
    display: none;
    position: absolute;
    top: 50px;
    left: -65px;
    z-index: 10000
}

.code-cover[data-v-40c2c2f3] {
    position: relative;
    padding-bottom: 10px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,.1));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,.1))
}

.square[data-v-40c2c2f3] {
    border: 10px solid #fff;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom-right-radius: 5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    content: "";
    width: 0;
    margin: 5px auto 0
}

.square-content[data-v-40c2c2f3] {
    width: 170px;
    height: 200px;
    background: #fff;
    border-radius: 20px;
    margin-top: -12px
}

ul[data-v-40c2c2f3] {
    padding-top: 14px;
    width: 170px
}

ul li[data-v-40c2c2f3] {
    width: 170px;
    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
}

ul li h2[data-v-40c2c2f3] {
    font-weight: 700;
    color: #2e3033;
    font-size: 14px
}

ul li .small-code[data-v-40c2c2f3] {
    width: 146px;
    height: 146px;
    position: relative;
    background-image: url(/images/qrcode-txm.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

ul li .logo[data-v-40c2c2f3] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: url("/images/h5/dy/qr-logo.png") #fff no-repeat 50%;
    background-size: 80%
}

ul li[data-v-40c2c2f3]:last-of-type {
    float: right
}

.rechargewarning[data-v-0bb823df] {
    background: #fff;
    padding: 40px 100px
}

.rechargewarning .title[data-v-0bb823df] {
    font-size: 30px;
    color: #282828;
    text-align: center;
    line-height: 1;
    margin-bottom: 40px
}

.rechargewarning .paragraph[data-v-0bb823df] {
    margin-bottom: 30px;
    font-size: 16px;
    color: #666;
    line-height: 3;
    margin-bottom: 10px;
    text-indent: 32px
}

p[data-v-d1b86c3a] {
    margin: 0;
    padding: 0;
    color: #666
}

article[data-v-d1b86c3a] {
    margin: 0 auto;
    text-align: left;
    padding-top: 30px;
    padding: 20px;
    background: #fff
}

.main[data-v-119f8ea2] {
    background: #fff;
    padding: 40px 120px 100px
}

.title[data-v-119f8ea2] {
    font-size: 30px;
    color: #282828;
    text-align: center;
    line-height: 1;
    margin-bottom: 40px
}

.paragraph[data-v-119f8ea2] {
    margin-bottom: 30px
}

.paragraph .sub-title[data-v-119f8ea2] {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #282828;
    margin-bottom: 10px
}

.paragraph p[data-v-119f8ea2] {
    font-size: 16px;
    color: #666;
    line-height: 1.625;
    margin-bottom: 10px
}

.link-list .item[data-v-119f8ea2] {
    width: 50%;
    float: left;
    margin: 10px 0;
    font-size: 16px;
    color: #666
}

.link-list .item[data-v-119f8ea2]:nth-of-type(2n) {
    float: right;
    width: 35%
}

.link-list .qq[data-v-119f8ea2] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    color: #19c8a9
}

.link-list .qq .link[data-v-119f8ea2] {
    margin-left: 3px
}

.main[data-v-1cf1420d] {
    background: #fff;
    padding: 40px 150px 100px
}

.title[data-v-1cf1420d] {
    font-size: 30px;
    color: #282828;
    text-align: center;
    line-height: 1;
    margin-bottom: 40px
}

.paragraph[data-v-1cf1420d] {
    margin-bottom: 30px
}

.paragraph .sub-title[data-v-1cf1420d] {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #282828;
    margin-bottom: 10px
}

.paragraph p[data-v-1cf1420d] {
    font-size: 16px;
    color: #666;
    line-height: 1.625;
    margin-bottom: 10px
}

.link-list .item[data-v-1cf1420d] {
    width: 20%;
    float: left;
    margin: 10px 0
}

.link-list .link[data-v-1cf1420d] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    color: #19c8a9
}

.contact[data-v-1cf1420d] {
    font-size: 16px;
    color: #666;
    margin-top: 20px
}

.contact .email[data-v-1cf1420d] {
    color: #666
}

.contact .email[data-v-1cf1420d]:hover {
    color: #19c8a9
}

.main[data-v-a4c1a04a] {
    background: #fff;
    padding: 40px 100px
}

.about-title[data-v-a4c1a04a] {
    font-size: 30px;
    color: #282828;
    text-align: center;
    line-height: 1;
    margin-bottom: 40px
}

.paragraph[data-v-a4c1a04a] {
    margin-bottom: 30px
}

.paragraph .sub-title[data-v-a4c1a04a] {
    font-size: 18px;
    color: #282828;
    margin: 0 0 10px
}

.paragraph p[data-v-a4c1a04a] {
    font-size: 16px;
    color: #666;
    line-height: 1.625;
    margin-bottom: 10px
}

.paragraph .alink[data-v-a4c1a04a] {
    font-size: 16px;
    color: #19c8a9
}

.logo[data-v-70c4fd54] {
    width: 175px;
    height: 59px
}

h2[data-v-45edc672] {
    font-size: 20px;
    color: #2e3033
}

.about-main[data-v-45edc672] {
    background: #fff;
    padding: 40px 100px
}

.about-title[data-v-45edc672] {
    font-size: 25px;
    color: #4bd5bd;
    text-align: center;
    line-height: 1;
    margin-bottom: 40px
}

.paragraph[data-v-45edc672] {
    margin-bottom: 30px
}

.paragraph .sub-title[data-v-45edc672] {
    font-size: 18px;
    color: #282828;
    margin: 0 0 10px
}

.paragraph p[data-v-45edc672] {
    font-size: 20px;
    color: #5d6167;
    line-height: 1.625;
    margin-bottom: 10px;
    text-indent: 2em
}

.paragraph .alink[data-v-45edc672] {
    font-size: 16px;
    color: #19c8a9
}

.item[data-v-6b0a84a2] {
    font-size: 16px
}

.item span[data-v-6b0a84a2] {
    display: inline-block
}

.tag[data-v-6b0a84a2],.time[data-v-6b0a84a2] {
    color: #666;
    margin-right: 10px
}

.tag[data-v-6b0a84a2] {
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    background: rgba(25,200,169,.5)
}

.link[data-v-6b0a84a2] {
    color: #19c8a9
}

.about-main[data-v-5d82d9e6] {
    background: #fff;
    padding: 40px 100px;
    margin-bottom: 80px
}

.about-title[data-v-5d82d9e6] {
    font-size: 30px;
    color: #282828;
    text-align: center;
    line-height: 1;
    margin-bottom: 40px
}

.sub-title[data-v-5d82d9e6] {
    font-size: 18px;
    color: #282828;
    margin: 0 0 10px
}

.paragraph[data-v-5d82d9e6] {
    margin-bottom: 30px;
    font-size: 16px;
    color: #666;
    line-height: 1.625;
    margin-bottom: 10px
}

.recharge[data-v-37a4ba4b]:after {
    content: "";
    background: url("/images/toast/act.png") no-repeat -10000px -1000px,url("/images/toast/avater.png") no-repeat -10000px -1000px,url("/images/toast/back.png") no-repeat -10000px -1000px,url("/images/toast/back1.png") no-repeat -10000px -1000px,url("/images/toast/close.png") no-repeat -10000px -1000px,url("/images/toast/now.png") no-repeat -10000px -1000px,url("/images/toast/load.gif") no-repeat -10000px -1000px
}

.loading[data-v-37a4ba4b] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: -50px;
    z-index: 1000000;
    background: rgba(0,0,0,.7);
    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
}

.loading img[data-v-37a4ba4b] {
    width: 131px;
    height: 131px
}

.loading p[data-v-37a4ba4b] {
    color: #fff;
    font-size: 18px;
    padding-top: 10px
}

.recharge[data-v-37a4ba4b] {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 30px
}

.recharge .nav-box[data-v-37a4ba4b] {
    width: 100%;
    height: 60px;
    background-color: #fff;
    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
}

.recharge .nav-item[data-v-37a4ba4b] {
    width: 50%;
    height: 100%;
    padding: 0;
    border: none;
    font-size: 16px;
    color: #5d6167;
    position: relative
}

.recharge .nav-item[data-v-37a4ba4b]:after {
    width: 0;
    height: 3px;
    display: block;
    content: "";
    visibility: hidden;
    border-radius: 1.5px;
    background: #2e3033;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

.recharge .nav-item.active[data-v-37a4ba4b] {
    color: #2e3033;
    font-weight: 500
}

.recharge .nav-item.active[data-v-37a4ba4b]:after {
    visibility: visible;
    width: 32px
}

.recharge .main[data-v-37a4ba4b] {
    width: 100%;
    overflow: hidden
}

.recharge-gouliang[data-v-bf31d872] {
    width: 100%
}

.user-module[data-v-c0ce6862] {
    width: 100%;
    background-color: #fff;
    padding: 50px 45px 0
}

.user-module .module-top[data-v-c0ce6862] {
    width: 100%;
    height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.user-module .top-label[data-v-c0ce6862] {
    width: 100px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #2e3033;
    font-weight: 500
}

.user-module .input-phone[data-v-c0ce6862] {
    width: 402px;
    height: 52px;
    margin-left: 20px
}

.user-module .input-phone[data-v-c0ce6862] .el-input__inner {
    width: 100%;
    height: 100%;
    padding: 14px 24px;
    border-radius: 8px;
    border-color: #d9dde0;
    line-height: 24px;
    font-size: 17px;
    color: #2e3033
}

.user-module .input-phone[data-v-c0ce6862] .el-input__inner:focus {
    border-color: #4bd5bd
}

.user-module .input-phone[data-v-c0ce6862] .el-input__inner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield
}

.user-module .input-phone[data-v-c0ce6862] .el-input__inner[type=number] {
    -moz-appearance: textfield
}

.user-module .input-phone[data-v-c0ce6862] .el-input__inner::-webkit-input-placeholder {
    color: #cbd0d5
}

.user-module .input-phone[data-v-c0ce6862] .el-input__inner:-moz-placeholder,.user-module .input-phone[data-v-c0ce6862] .el-input__inner::-moz-placeholder {
    color: #cbd0d5
}

.user-module .input-phone[data-v-c0ce6862] .el-input__inner:-ms-input-placeholder {
    color: #cbd0d5
}

.user-module .btn-sure[data-v-c0ce6862] {
    width: 84px;
    height: 52px;
    margin-left: 20px;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    border: none;
    border-radius: 8px;
    background-color: #4bd5bd;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 2px
}

.user-module .btn-sure[data-v-c0ce6862]:active {
    opacity: .5
}

.user-module .btn-sure[data-v-c0ce6862]:focus,.user-module .btn-sure[data-v-c0ce6862]:hover {
    color: #fff
}

.user-module .user-info[data-v-c0ce6862] {
    width: 100%;
    padding-left: 135px;
    position: relative;
    height: 16px;
    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
}

.user-module .user-info[data-v-c0ce6862]:after {
    width: 5px;
    height: 5px;
    display: block;
    content: "";
    border-radius: 50%;
    background-color: #2e3033;
    position: absolute;
    left: 120px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.user-module .user-info .info-item[data-v-c0ce6862] {
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    color: #2e3033;
    margin-right: 24px
}

.user-module .err-tip[data-v-c0ce6862] {
    width: 100%;
    padding-left: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.user-module .err-tip .icons-error[data-v-c0ce6862] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 3px
}

.user-module .err-tip .not-text[data-v-c0ce6862] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 6px;
    line-height: 21px;
    color: #ff6767;
    font-size: 15px
}

.user-module .link-tip[data-v-c0ce6862] {
    width: 100%;
    padding-left: 135px;
    line-height: 16px;
    height: 16px;
    font-size: 12px;
    color: #aaacb3;
    position: relative
}

.user-module .link-tip[data-v-c0ce6862]:after {
    width: 5px;
    height: 5px;
    display: block;
    content: "";
    border-radius: 50%;
    background-color: #cbd0d5;
    position: absolute;
    left: 120px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.gouliang-module[data-v-2d4c4acc] {
    width: 100%
}

.gouliang-module .select-box[data-v-2d4c4acc] {
    padding: 40px 45px 70px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.gouliang-module .module-label[data-v-2d4c4acc] {
    width: 100px;
    height: 30px;
    line-height: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 20px;
    color: #2e3033;
    font-weight: 500
}

.gouliang-module .icon-paysure[data-v-2d4c4acc] {
    position: absolute;
    bottom: -1px;
    right: -1px
}

.gouliang-module .module-main[data-v-2d4c4acc] {
    width: 504px;
    margin-left: 20px
}

.gouliang-module .module-main .select-enter[data-v-2d4c4acc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 24px
}

.gouliang-module .module-main .select-enter p[data-v-2d4c4acc] {
    color: #ff6767;
    font-size: 18px;
    padding-right: 20px;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer
}

.gouliang-module .module-main .select-list[data-v-2d4c4acc] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 7px
}

.gouliang-module .module-main .select-item[data-v-2d4c4acc] {
    width: 145px;
    height: 98px;
    margin: 0 23px 23px 0;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #e6ecef;
    background-color: #f6f7f9;
    position: relative;
    padding-top: 21px;
    cursor: pointer
}

.gouliang-module .module-main .select-item.active[data-v-2d4c4acc] {
    background-color: rgba(75,213,189,.05);
    border-color: #4bd5bd
}

.gouliang-module .module-main .select-item.active .item-gouliang[data-v-2d4c4acc],.gouliang-module .module-main .select-item.active .item-price[data-v-2d4c4acc] {
    color: #4bd5bd
}

.gouliang-module .module-main .item-gouliang[data-v-2d4c4acc] {
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    color: #2e3033;
    font-weight: 500
}

.gouliang-module .module-main .item-price[data-v-2d4c4acc] {
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #aaacb3
}

.gouliang-module .amount-box[data-v-2d4c4acc] {
    width: 402px;
    height: 52px;
    border-radius: 8px;
    border: 1px solid #d9dde0;
    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;
    padding-right: 24px
}

.gouliang-module .amount-box.focus[data-v-2d4c4acc] {
    border-color: #4bd5bd
}

.gouliang-module .amount-box .input-amount[data-v-2d4c4acc] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.gouliang-module .amount-box .input-amount[data-v-2d4c4acc] .el-input__inner {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    background: transparent;
    padding: 14px 24px;
    line-height: 24px;
    font-size: 17px;
    color: #2e3033
}

.gouliang-module .amount-box .input-amount[data-v-2d4c4acc] .el-input__inner::-webkit-input-placeholder {
    color: #cbd0d5
}

.gouliang-module .amount-box .input-amount[data-v-2d4c4acc] .el-input__inner:-moz-placeholder,.gouliang-module .amount-box .input-amount[data-v-2d4c4acc] .el-input__inner::-moz-placeholder {
    color: #cbd0d5
}

.gouliang-module .amount-box .input-amount[data-v-2d4c4acc] .el-input__inner:-ms-input-placeholder {
    color: #cbd0d5
}

.gouliang-module .amount-box .amount-unit[data-v-2d4c4acc] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 24px;
    line-height: 24px;
    font-size: 17px;
    font-weight: 500;
    color: #333
}

.gouliang-module .gouliang-tip[data-v-2d4c4acc] {
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding-left: 15px;
    font-size: 12px;
    color: #aaacb3;
    margin-top: 18px;
    position: relative
}

.gouliang-module .gouliang-tip[data-v-2d4c4acc]:after {
    width: 5px;
    height: 5px;
    display: block;
    content: "";
    border-radius: 50%;
    background-color: #aaacb3;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.gouliang-module .pay-box[data-v-2d4c4acc] {
    width: 100%;
    margin-top: 10px;
    padding: 32px 45px 120px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.gouliang-module .pay-main[data-v-2d4c4acc] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px
}

.gouliang-module .pay-main .select-pay[data-v-2d4c4acc] {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.gouliang-module .pay-main .pay-item[data-v-2d4c4acc],.gouliang-module .pay-main .select-pay[data-v-2d4c4acc] {
    height: 98px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gouliang-module .pay-main .pay-item[data-v-2d4c4acc] {
    width: 188px;
    border-radius: 8px;
    margin-right: 42px;
    background-color: #f6f7f9;
    border: 1px solid #e6ecef;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.gouliang-module .pay-main .pay-item[data-v-2d4c4acc]:last-of-type {
    margin-right: 0
}

.gouliang-module .pay-main .pay-item.active[data-v-2d4c4acc] {
    border-color: #4bd5bd;
    background-color: rgba(75,213,189,.05)
}

.gouliang-module .pay-main .pay-name[data-v-2d4c4acc] {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #333;
    margin-left: 12px
}

.gouliang-module .pay-main .btn-sure[data-v-2d4c4acc] {
    width: 342px;
    height: 52px;
    border-radius: 8px;
    background-color: #cbd0d5;
    line-height: 52px;
    font-size: 20px;
    -ms-flex-wrap: 500;
    flex-wrap: 500;
    color: #fff;
    padding: 0;
    opacity: .5;
    border: 0;
    margin: 70px 0 0
}

.gouliang-module .pay-main .btn-sure.active[data-v-2d4c4acc] {
    opacity: 1;
    background-color: #4bd5bd
}

.gouliang-module .pay-main .btn-sure.active[data-v-2d4c4acc]:active {
    opacity: .5
}

.gouliang-module[data-v-2d4c4acc] .el-dialog {
    background: #fff;
    border-radius: 12px;
    overflow: hidden
}

.gouliang-module[data-v-2d4c4acc] .el-dialog__body,.gouliang-module[data-v-2d4c4acc] .el-dialog__header {
    padding: 0
}

.gouliang-module .dialog-box[data-v-2d4c4acc] {
    width: 100%;
    padding: 30px 30px 24px
}

.gouliang-module .dialog-box .dialog-qr-title[data-v-2d4c4acc],.gouliang-module .dialog-box .dialog-title[data-v-2d4c4acc] {
    width: 100%;
    height: 27px;
    line-height: 27px;
    font-size: 20px;
    color: #000;
    font-weight: 500
}

.gouliang-module .dialog-box .dialog-qr-title>span[data-v-2d4c4acc] {
    color: #ff6767
}

.gouliang-module .dialog-box .dialog-tip[data-v-2d4c4acc] {
    width: 100%;
    line-height: 22px;
    margin: 30px auto 0;
    font-size: 16px;
    color: #000
}

.gouliang-module .dialog-box .dialog-tip>span[data-v-2d4c4acc] {
    color: #4bd5bd
}

.gouliang-module .dialog-box .dialog-btn[data-v-2d4c4acc] {
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px
}

.gouliang-module .dialog-box .btn-item[data-v-2d4c4acc] {
    width: 139px;
    height: 50px;
    border-radius: 4px;
    padding: 0;
    overflow: hidden;
    line-height: 50px;
    font-size: 21px;
    border: none
}

.gouliang-module .dialog-box .btn-item[data-v-2d4c4acc]:active {
    opacity: .5
}

.gouliang-module .dialog-box .btn-item.cancle[data-v-2d4c4acc] {
    color: #aaacb3;
    background-color: #f7f9fd;
    border: 1px solid #d9dde0
}

.gouliang-module .dialog-box .btn-item.sure[data-v-2d4c4acc] {
    color: #fff;
    background-color: #4bd5bd
}

.gouliang-module .dialog-box .dialog-qr-text[data-v-2d4c4acc] {
    width: 100%;
    line-height: 22px;
    font-size: 16px;
    margin: 15px 0 0;
    color: #000
}

.gouliang-module .dialog-box .qr-box[data-v-2d4c4acc] {
    width: 130px;
    height: 130px;
    margin: 10px auto 0;
    position: relative
}

.gouliang-module .dialog-box .qr-img[data-v-2d4c4acc] {
    width: 100%;
    display: block
}

.gouliang-module .dialog-box .logo[data-v-2d4c4acc] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: url("/images/h5/dy/qr-logo.png") #fff no-repeat 50%;
    background-size: 80%
}

.gouliang-module .dialog-box .btn-qr-sure[data-v-2d4c4acc] {
    width: 285px;
    height: 50px;
    margin: 30px auto 0;
    border-radius: 4px;
    padding: 0;
    overflow: hidden;
    line-height: 50px;
    font-size: 21px;
    border: none;
    color: #fff;
    background-color: #4bd5bd
}

.first[data-v-5ab6db97] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: -50px;
    z-index: 1000000;
    background: rgba(0,0,0,.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first-container[data-v-5ab6db97] {
    width: 576px;
    height: 752px;
    background: url("/images/toast/back.png") no-repeat;
    background-size: 100% 100%;
    position: relative
}

.first-container .close[data-v-5ab6db97] {
    width: 42px;
    height: 41px;
    background: url("/images/toast/close.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 84px;
    right: 88px
}

.first-container .content[data-v-5ab6db97] {
    padding-top: 211px;
    width: 100%
}

.first-container .content .tab[data-v-5ab6db97],.first-container .content[data-v-5ab6db97] {
    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
}

.first-container .content .tab ul[data-v-5ab6db97] {
    width: 408px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.first-container .content .tab ul li[data-v-5ab6db97] {
    width: 136px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    color: #fcedc6;
    font-size: 18px;
    cursor: pointer
}

.first-container .content .tab ul li.active[data-v-5ab6db97] {
    background: url("/images/toast/act.png") no-repeat;
    background-size: 100% 100%;
    color: #c32a23;
    font-weight: 700
}

.first-container .content .tab-tip[data-v-5ab6db97] {
    color: #f9ddb2;
    font-size: 13px;
    padding-top: 10px
}

.first-container .content .reward[data-v-5ab6db97] {
    width: 100%;
    height: 300px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.first-container .content .reward[data-v-5ab6db97],.first-container .content .reward ul[data-v-5ab6db97] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first-container .content .reward ul[data-v-5ab6db97] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 300px
}

.first-container .content .reward ul li[data-v-5ab6db97] {
    width: 70px;
    margin: 17px 31px 0;
    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
}

.first-container .content .reward ul li .reward-avater[data-v-5ab6db97] {
    width: 63px;
    height: 63px;
    background: url("/images/toast/avater.png") no-repeat;
    background-size: 100% 100%;
    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
}

.first-container .content .reward ul li .reward-avater-content[data-v-5ab6db97] {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 60px;
    height: 60px
}

.first-container .content .reward ul li .reward-text[data-v-5ab6db97] {
    padding-top: 5px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.first-container .content .txt1[data-v-5ab6db97] {
    color: #f9ddb2;
    font-size: 18px;
    width: 100%;
    text-align: center;
    padding-top: 5px
}

.first-container .content .txt2[data-v-5ab6db97] {
    color: #f9ddb2;
    font-size: 13px;
    width: 100%;
    text-align: center;
    padding-top: 5px
}

.first-container .content button[data-v-5ab6db97] {
    width: 257px;
    height: 60px;
    background: url("/images/toast/now.png") no-repeat;
    background-size: 100% 100%;
    outline: none;
    border: none;
    margin-top: 10px
}

.second[data-v-d663bcf2] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: -50px;
    z-index: 1000000;
    background: rgba(0,0,0,.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.second-container[data-v-d663bcf2] {
    width: 582px;
    height: 725px;
    background: url("/images/toast/back1.png") no-repeat;
    background-size: 100% 100%;
    position: relative
}

.second-container .close[data-v-d663bcf2] {
    width: 42px;
    height: 41px;
    background: url("/images/toast/close.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 84px;
    right: 88px
}

.second-container .content[data-v-d663bcf2] {
    padding-top: 252px;
    width: 100%;
    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
}

.second-container .content .tab ul[data-v-d663bcf2] {
    width: 381px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.second-container .content .tab ul li[data-v-d663bcf2] {
    width: 127px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    color: #fcedc6;
    font-size: 18px;
    cursor: pointer
}

.second-container .content .tab ul li[data-v-d663bcf2]:active {
    background: url("/images/toast/act.png") no-repeat;
    background-size: 100% 100%;
    color: #c32a23;
    font-weight: 700
}

.second-container .content .reward[data-v-d663bcf2] {
    width: 100%;
    height: 290px
}

.second-container .content .reward[data-v-d663bcf2],.second-container .content .reward ul[data-v-d663bcf2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.second-container .content .reward ul[data-v-d663bcf2] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 300px;
    height: 200px
}

.second-container .content .reward ul li[data-v-d663bcf2] {
    width: 70px;
    margin: 17px 31px 0;
    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
}

.second-container .content .reward ul li .reward-avater[data-v-d663bcf2] {
    width: 63px;
    height: 63px;
    background: url("/images/toast/avater.png") no-repeat;
    background-size: 100% 100%;
    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
}

.second-container .content .reward ul li .reward-avater-content[data-v-d663bcf2] {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 60px;
    height: 60px
}

.second-container .content .reward ul li .reward-text[data-v-d663bcf2] {
    padding-top: 5px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.second-container .content .txt1[data-v-d663bcf2] {
    color: #f9ddb2;
    font-size: 25px;
    width: 100%;
    text-align: center;
    padding-top: 5px
}

.second-container .content .txt2[data-v-d663bcf2] {
    color: #f9ddb2;
    font-size: 13px;
    width: 100%;
    text-align: center;
    padding-top: 5px
}

.second-container .content button[data-v-d663bcf2] {
    width: 257px;
    height: 60px;
    background: url("/images/toast/now.png") no-repeat;
    background-size: 100% 100%;
    outline: none;
    border: none;
    margin-top: 10px
}

.second-container .tip[data-v-d663bcf2] {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 0;
    bottom: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[data-v-d663bcf2] .van-count-down {
    color: #fff;
    font-size: 18px
}

.plane-wrapper[data-v-32f4217c] {
    background: #000
}

.battlefield[data-v-32f4217c] {
    position: relative;
    width: 80%;
    height: 700px;
    border: 1px solid #fff;
    margin: 0 auto
}

.plane[data-v-409bfdf8] {
    position: absolute;
    bottom: 0;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 100px
}

.page-container[data-v-7216f868] {
    width: 100%;
    height: 100vh
}

.my-page[data-v-7216f868],.page-one[data-v-7216f868],.page[data-v-7216f868] {
    width: 100%;
    height: 100%;
    background-color: #fff
}

.page[data-v-7216f868] {
    width: 100%;
    height: 100%;
    position: relative
}

.download-btn[data-v-7216f868] {
    width: 227px;
    height: 72px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #ff6896;
    -webkit-box-shadow: 0 11px 33px 0 rgba(16,43,47,.3);
    box-shadow: 0 11px 33px 0 rgba(16,43,47,.3);
    border: none;
    outline: none;
    border-radius: 36px;
    color: #fff;
    font-size: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 100px
}

.download-btn img[data-v-7216f868] {
    width: 30px;
    margin-right: 16px
}

.rect1[data-v-7216f868] {
    position: absolute;
    left: -26px;
    bottom: -154px;
    height: 308px;
    z-index: 100
}

.rect2[data-v-7216f868] {
    position: absolute;
    right: 0;
    bottom: -97px;
    height: 194px;
    z-index: 100
}

.rect4[data-v-7216f868] {
    position: absolute;
    height: 210px;
    left: 0;
    bottom: -10px
}

.rect5[data-v-7216f868] {
    position: absolute;
    width: 194px;
    bottom: -150px;
    right: 100px
}

.rect3[data-v-7216f868] {
    position: absolute;
    left: 0;
    bottom: -97px;
    height: 194px;
    z-index: 100
}

.lyg-container[data-v-7216f868] {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 200px
}

.lyg-container .worm1[data-v-7216f868],.lyg-container .worm2[data-v-7216f868],.lyg-container .worm3[data-v-7216f868],.lyg-container .worm4[data-v-7216f868],.lyg-container .worm5[data-v-7216f868] {
    position: absolute
}

.lyg-container .worm1[data-v-7216f868] {
    width: 304px;
    top: -88px;
    left: 50%;
    margin-left: -152px;
    -webkit-animation: mymove2-data-v-7216f868 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-7216f868 1.5s 1s infinite alternate ease
}

.lyg-container .worm2[data-v-7216f868] {
    width: 296px;
    top: 40px;
    right: -103px;
    -webkit-animation: mymove3-data-v-7216f868 1.5s 1s infinite alternate ease;
    animation: mymove3-data-v-7216f868 1.5s 1s infinite alternate ease
}

.lyg-container .worm3[data-v-7216f868] {
    width: 280px;
    top: 155px;
    left: 276px;
    -webkit-animation: mymove1-data-v-7216f868 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-7216f868 1.5s 1s infinite alternate ease
}

.lyg-container .worm4[data-v-7216f868] {
    width: 318px;
    top: 452px;
    left: 376px;
    -webkit-animation: mymove2-data-v-7216f868 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-7216f868 1.5s 1s infinite alternate ease
}

.lyg-container .worm5[data-v-7216f868] {
    width: 306px;
    bottom: 0;
    right: -300px;
    -webkit-animation: mymove1-data-v-7216f868 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-7216f868 1.5s 1s infinite alternate ease
}

.lyg-container .lyg[data-v-7216f868] {
    width: 265px;
    height: 156px
}

.lyg-container p[data-v-7216f868] {
    color: #fff;
    font-size: 66px;
    padding-left: 30px;
    font-weight: 700;
    text-shadow: 0 0 40 0 rgba(16,43,47,.3)
}

.lyg-container .lyg-btn[data-v-7216f868] {
    padding: 30px 0 0 20px;
    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: wrap;
    flex-wrap: wrap
}

.lyg-container .lyg-btn .lyg-btn-cover1[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover2[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover3[data-v-7216f868] {
    cursor: pointer;
    position: relative;
    width: 227px;
    margin: 0 10px 20px;
    z-index: 4
}

.lyg-container .lyg-btn .lyg-btn-cover1 .lyg-btn1[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover2 .lyg-btn1[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover3 .lyg-btn1[data-v-7216f868] {
    width: 227px;
    height: 72px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #ff6896;
    -webkit-box-shadow: 0 11px 33px 0 rgba(16,43,47,.3);
    box-shadow: 0 11px 33px 0 rgba(16,43,47,.3);
    border: none;
    outline: none;
    border-radius: 36px;
    color: #fff;
    font-size: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lyg-container .lyg-btn .lyg-btn-cover1 .lyg-btn1 img[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover2 .lyg-btn1 img[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover3 .lyg-btn1 img[data-v-7216f868] {
    width: 30px;
    margin-right: 16px
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover2 .code[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover3 .code[data-v-7216f868] {
    display: none;
    width: 170px;
    height: 190px;
    position: absolute;
    left: 50%;
    margin-left: -85px;
    bottom: -200px
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-top[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-top[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-top[data-v-7216f868] {
    border: 10px solid #fff;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom-right-radius: 5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    content: "";
    width: 0;
    margin: 5px auto 0;
    margin-bottom: -10px
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-bottom[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-bottom[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-bottom[data-v-7216f868] {
    width: 170px;
    height: 170px;
    border-radius: 20px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-bottom .code-cover[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-bottom .code-cover[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-bottom .code-cover[data-v-7216f868] {
    width: 146px;
    height: 146px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-bottom .code-cover .logo[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-bottom .code-cover .logo[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-bottom .code-cover .logo[data-v-7216f868] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: url("/images/h5/dy/qr-logo.png") #fff no-repeat 50%;
    background-size: 80%
}

.lyg-container .lyg-btn .lyg-btn-cover1:hover .code[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover2:hover .code[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover3:hover .code[data-v-7216f868] {
    display: block
}

.lyg-container .lyg-btn .lyg-btn-cover2[data-v-7216f868],.lyg-container .lyg-btn .lyg-btn-cover3[data-v-7216f868] {
    z-index: 2
}

.page-five[data-v-7216f868],.page-two[data-v-7216f868] {
    margin: 0 auto;
    min-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.page-five .color-left[data-v-7216f868],.page-two .color-left[data-v-7216f868] {
    width: 708px;
    height: 708px;
    position: relative;
    margin-right: 92px
}

.page-five .color-left img[data-v-7216f868],.page-two .color-left img[data-v-7216f868] {
    position: absolute
}

.page-five .color-left .card1[data-v-7216f868],.page-two .color-left .card1[data-v-7216f868] {
    width: 708px;
    height: 708px;
    right: 0;
    top: 50%;
    margin-top: -354px
}

.page-five .color-left .icon1[data-v-7216f868],.page-two .color-left .icon1[data-v-7216f868] {
    width: 69px;
    height: 69px;
    top: 79px;
    right: 109px;
    -webkit-animation: mymove1-data-v-7216f868 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-7216f868 1.5s 1s infinite alternate ease
}

.page-five .color-left .icon2[data-v-7216f868],.page-two .color-left .icon2[data-v-7216f868] {
    width: 87px;
    height: 87px;
    top: 276px;
    left: 31px;
    -webkit-animation: mymove2-data-v-7216f868 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-7216f868 1.5s 1s infinite alternate ease
}

.page-five .color-left .icon3[data-v-7216f868],.page-two .color-left .icon3[data-v-7216f868] {
    width: 79px;
    height: 79px;
    bottom: 72px;
    right: 115px;
    -webkit-animation: mymove2-data-v-7216f868 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-7216f868 1.5s 1s infinite alternate ease
}

.page-five .color-right[data-v-7216f868],.page-two .color-right[data-v-7216f868] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-five .color-right section .line-cover[data-v-7216f868],.page-two .color-right section .line-cover[data-v-7216f868] {
    padding-bottom: 10px
}

.page-five .color-right section h2[data-v-7216f868],.page-two .color-right section h2[data-v-7216f868] {
    color: #2e3033;
    font-size: 45px;
    margin: 0
}

.page-five .color-right section p[data-v-7216f868],.page-two .color-right section p[data-v-7216f868] {
    color: #5d6167;
    font-size: 22px;
    padding-top: 10px;
    line-height: 30px
}

.page-four[data-v-7216f868],.page-three[data-v-7216f868] {
    min-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-four .color-left[data-v-7216f868],.page-four .color-right[data-v-7216f868],.page-three .color-left[data-v-7216f868],.page-three .color-right[data-v-7216f868] {
    width: 50%
}

.page-four .color-left[data-v-7216f868],.page-three .color-left[data-v-7216f868] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.page-four .color-left .line-cover[data-v-7216f868],.page-three .color-left .line-cover[data-v-7216f868] {
    padding-bottom: 10px
}

.page-four .color-left section[data-v-7216f868],.page-three .color-left section[data-v-7216f868] {
    margin-right: 198px
}

.page-four .color-left section h2[data-v-7216f868],.page-three .color-left section h2[data-v-7216f868] {
    color: #2e3033;
    font-size: 45px;
    margin: 0
}

.page-four .color-left section p[data-v-7216f868],.page-three .color-left section p[data-v-7216f868] {
    color: #5d6167;
    font-size: 22px;
    padding-top: 10px;
    line-height: 30px
}

.page-four .color-right[data-v-7216f868],.page-three .color-right[data-v-7216f868] {
    position: relative;
    height: 100%;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.page-four .color-right .card-cover[data-v-7216f868],.page-three .color-right .card-cover[data-v-7216f868] {
    width: 560px;
    height: 614px;
    position: absolute;
    top: 50%;
    margin-top: -307px;
    left: -82px
}

.page-four .color-right .card-cover .card-one[data-v-7216f868],.page-three .color-right .card-cover .card-one[data-v-7216f868] {
    width: 560px;
    height: 614px;
    position: relative
}

.page-four .color-right .card-cover .card-one .card2[data-v-7216f868],.page-three .color-right .card-cover .card-one .card2[data-v-7216f868] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.page-four .color-right .card-cover .card-one .card2 img[data-v-7216f868],.page-three .color-right .card-cover .card-one .card2 img[data-v-7216f868] {
    height: 614px
}

.page-four .color-right .card-cover .card-one .card2-icon[data-v-7216f868],.page-three .color-right .card-cover .card-one .card2-icon[data-v-7216f868] {
    position: absolute;
    left: 304px;
    top: 98px;
    z-index: 5
}

.page-four .color-right .card-cover .card-one .card2-icon img[data-v-7216f868],.page-three .color-right .card-cover .card-one .card2-icon img[data-v-7216f868] {
    height: 415px
}

.page-four .color-right .color1[data-v-7216f868],.page-three .color-right .color1[data-v-7216f868] {
    width: 100%;
    height: 457px;
    background: url(./color1.057deb5.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.page-four .color-left[data-v-7216f868] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.page-four .color-left section[data-v-7216f868] {
    margin-left: 159px
}

.page-four .color-left img[data-v-7216f868] {
    width: 312px;
    margin-top: 35px
}

.page-four .color-left p[data-v-7216f868] {
    width: 500px
}

.page-four .color-right[data-v-7216f868] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.page-four .color-right .card-cover1[data-v-7216f868] {
    width: 560px;
    height: 614px;
    position: absolute;
    top: 50%;
    margin-top: -307px;
    right: -82px
}

.page-four .color-right .card-cover1 .card-one[data-v-7216f868] {
    width: 560px;
    height: 614px;
    position: relative
}

.page-four .color-right .card-cover1 .card-one .card2[data-v-7216f868] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.page-four .color-right .card-cover1 .card-one .card2 img[data-v-7216f868] {
    height: 614px
}

.page-four .color-right .card-cover1 .card-one .card2-icon[data-v-7216f868] {
    position: absolute;
    right: 304px;
    top: 98px;
    z-index: 5
}

.page-four .color-right .card-cover1 .card-one .card2-icon img[data-v-7216f868] {
    height: 415px
}

.page-four .color-right .color1[data-v-7216f868] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.page-five .img-cover[data-v-7216f868] {
    width: 720px;
    height: 720px;
    position: relative;
    margin-left: 162px
}

.page-five .img-cover img[data-v-7216f868] {
    position: absolute
}

.page-five .img-cover .animated2[data-v-7216f868] {
    -webkit-animation: move3-data-v-7216f868 1.7s .1s forwards;
    animation: move3-data-v-7216f868 1.7s .1s forwards
}

.page-five .img-cover .card4[data-v-7216f868] {
    width: 720px;
    height: 720px;
    z-index: 5;
    top: 0;
    left: 0
}

.page-five .img-cover .card4-icon1[data-v-7216f868] {
    height: 621px;
    top: 53px;
    left: 188px;
    opacity: 0;
    z-index: 10
}

.page-five .img-cover .card4-icon2[data-v-7216f868] {
    width: 320px;
    top: 247px;
    right: 119px;
    z-index: 15
}

.page-five .img-cover .card4-icon3[data-v-7216f868] {
    width: 263px;
    left: 0;
    bottom: 150px;
    z-index: 7
}

.page-six[data-v-7216f868] {
    height: 100%;
    min-width: 1200px;
    background: #f7f9fd;
    overflow: hidden;
    overflow-y: scroll
}

.page-six .scroll-cover[data-v-7216f868] {
    min-height: 100vh
}

.page-six .scroll-cover .color-top[data-v-7216f868],.page-six .scroll-cover[data-v-7216f868] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-six .scroll-cover .color-top[data-v-7216f868] {
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-six .scroll-cover .color-top .line-cover[data-v-7216f868] {
    padding-top: 30px;
    padding-bottom: 10px
}

.page-six .scroll-cover .color-top h2[data-v-7216f868] {
    color: #2e3033;
    font-size: 45px;
    margin: 0
}

.page-six .scroll-cover .color-top p[data-v-7216f868] {
    color: #5d6167;
    font-size: 22px;
    padding-top: 15px
}

.page-six .scroll-cover .color-top .card5[data-v-7216f868] {
    width: 1155px;
    height: 384px;
    background: url(./card5.2e92a51.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: 60px
}

.page-six .scroll-cover .color-top .card5 img[data-v-7216f868] {
    position: absolute;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast
}

.page-six .scroll-cover .color-top .card5-icon1[data-v-7216f868] {
    width: 262px;
    height: 278px;
    top: 0;
    left: 0
}

.page-six .scroll-cover .color-top .card5-icon2[data-v-7216f868] {
    width: 262px;
    height: 278px;
    top: 0;
    left: 293px
}

.page-six .scroll-cover .color-top .card5-icon3[data-v-7216f868] {
    width: 276px;
    height: 291px;
    top: 0;
    right: 293px
}

.page-six .scroll-cover .color-top .card5-icon4[data-v-7216f868] {
    width: 262px;
    height: 278px;
    top: 0;
    right: 0
}

.line[data-v-7216f868] {
    width: 32px;
    height: 6px;
    background: #ff6896;
    -webkit-box-shadow: 0 2px 8px 0 rgba(255,104,150,.7);
    box-shadow: 0 2px 8px 0 rgba(255,104,150,.7);
    border-radius: 3px
}

.animated1[data-v-7216f868] {
    -webkit-animation: ani3-data-v-7216f868 ease backwards;
    animation: ani3-data-v-7216f868 ease backwards
}

.swiper-container-vertical>.swiper-pagination-bullets[data-v-7216f868] {
    right: 50px
}

[data-v-7216f868] #footer {
    background-color: #38424e
}

[data-v-7216f868] .swiper-pagination-bullet {
    background: rgba(0,0,0,.3);
    width: 12px;
    height: 12px;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

[data-v-7216f868] .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 14px 0
}

[data-v-7216f868] .swiper-pagination-bullet-active {
    background: #ff6896;
    width: 12px;
    height: 25px;
    border-radius: 6px
}

[data-v-7216f868] .swiper-pagination-bullet:first-of-type.swiper-pagination-bullet-active {
    background: #ff6896
}

[data-v-7216f868] #header {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

@-webkit-keyframes mymove1-data-v-7216f868 {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@keyframes mymove1-data-v-7216f868 {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@-webkit-keyframes mymove2-data-v-7216f868 {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@keyframes mymove2-data-v-7216f868 {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@-webkit-keyframes mymove3-data-v-7216f868 {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@keyframes mymove3-data-v-7216f868 {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@-webkit-keyframes ani3-data-v-7216f868 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes ani3-data-v-7216f868 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes move3-data-v-7216f868 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes move3-data-v-7216f868 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.footer[data-v-c19d744c] {
    background: #fff
}

.main[data-v-c19d744c] {
    width: 950px;
    margin: 0 auto;
    padding: 0 0 24px
}

.top[data-v-c19d744c] {
    padding: 30px 0
}

.nav li[data-v-c19d744c] {
    float: left;
    margin-right: 40px
}

.nav li .split[data-v-c19d744c] {
    position: absolute;
    right: -20px;
    top: 8px
}

.nav li .link[data-v-c19d744c] {
    position: relative;
    font-size: 14px;
    color: #9d9d9d
}

.nav li .link[data-v-c19d744c]:hover {
    color: #19c8a9
}

.buttons .item[data-v-c19d744c] {
    cursor: pointer;
    margin-left: 30px
}

.buttons .item[data-v-c19d744c]:hover {
    opacity: .5
}

.downloadbtn[data-v-c19d744c] {
    width: 105px;
    height: 26px;
    line-height: 24px;
    color: #fff;
    background: #19c8a9;
    border-radius: 13px;
    text-align: center;
    cursor: pointer
}

.downloadbtn .icons-pc[data-v-c19d744c] {
    vertical-align: middle
}

.downloadbtn .text[data-v-c19d744c] {
    vertical-align: middle;
    font-size: 12px
}

.row[data-v-c19d744c] {
    margin-bottom: 20px;
    font-size: 12px;
    color: #9d9d9d
}

.row .icons-pc[data-v-c19d744c] {
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px
}

.row a[data-v-c19d744c] {
    color: #9d9d9d
}

.row a[data-v-c19d744c]:hover {
    color: #19c8a9
}

img.icon[data-v-c19d744c] {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px
}

img.gongan[data-v-c19d744c] {
    height: 16px;
    position: relative;
    top: -2px
}

.bottom[data-v-c19d744c] {
    font-size: 0
}

.bottom .img1[data-v-c19d744c] {
    height: 40px
}

.bottom .img2[data-v-c19d744c] {
    height: 30px
}

.qqs a[data-v-c19d744c] {
    color: #9d9d9d
}

.qqs a[data-v-c19d744c]:hover {
    color: #19c8a9
}

.go[data-v-c19d744c] {
    width: 142px;
    height: 47px;
    background: url("//imgx.lygou.cc/cai/img/public/bxt/logo.png") no-repeat;
    background-size: contain;
    background-position: 50%;
    margin-right: 139px;
    cursor: pointer
}

.footer-qq-popover {
    width: 180px;
    padding: 10px;
    font-size: 12px
}

.header[data-v-407c26b8] {
    background: #fff;
    margin-bottom: 20px;
    position: fixed;
    width: 100%;
    min-width: 680px;
    top: 0;
    z-index: 40;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.05);
    box-shadow: 0 3px 3px rgba(0,0,0,.05)
}

.header-container[data-v-407c26b8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-width: 1200px
}

.logo[data-v-407c26b8] {
    width: 170px;
    height: 30px;
    cursor: pointer
}

.logo img[data-v-407c26b8] {
    height: 30px
}

.nav-bar[data-v-407c26b8] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.nav-bar .info:hover .pop-wrap[data-v-407c26b8] {
    display: block
}

.nav-bar .pop-wrap[data-v-407c26b8] {
    display: none
}

.nav-bar ul[data-v-407c26b8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-bar li[data-v-407c26b8] {
    float: left;
    height: 30px;
    margin-right: 20px;
    position: relative
}

.nav-bar li .link[data-v-407c26b8] {
    font-size: 18px;
    color: rgba(40,40,40,.8);
    display: block;
    padding: 0 15px;
    cursor: pointer
}

.nav-bar li .link.nuxt-link-exact-active[data-v-407c26b8],.nav-bar li .link[data-v-407c26b8]:hover {
    font-weight: 700;
    color: #282828
}

.nav-bar[data-v-407c26b8] .link.nuxt-link-exact-active:after {
    content: "";
    position: absolute;
    width: 17px;
    height: 6px;
    border-radius: 3px;
    background: #ff6896;
    bottom: -7px;
    left: 50%;
    margin-left: -8.5px
}

.code[data-v-27239d93] {
    position: relative
}

.code-btn[data-v-27239d93] {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 4px;
    width: 86px;
    height: 30px;
    background: transparent;
    color: rgba(40,40,40,.8);
    font-size: 18px;
    outline: none;
    cursor: pointer
}

.code:hover .code-btn[data-v-27239d93] {
    color: #282828;
    font-weight: 700
}

.code:hover .code-content[data-v-27239d93] {
    display: block;
    font-weight: 700
}

.code-content[data-v-27239d93] {
    display: none;
    position: absolute;
    top: 50px;
    left: -65px;
    z-index: 10000
}

.code-cover[data-v-27239d93] {
    position: relative;
    padding-bottom: 10px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,.1));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,.1))
}

.square[data-v-27239d93] {
    border: 10px solid #fff;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom-right-radius: 5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    content: "";
    width: 0;
    margin: 5px auto 0
}

.square-content[data-v-27239d93] {
    width: 170px;
    height: 200px;
    background: #fff;
    border-radius: 20px;
    margin-top: -12px
}

ul[data-v-27239d93] {
    padding-top: 14px;
    width: 170px
}

ul li[data-v-27239d93] {
    width: 170px;
    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
}

ul li h2[data-v-27239d93] {
    font-weight: 700;
    color: #2e3033;
    font-size: 14px
}

ul li .small-code[data-v-27239d93] {
    width: 146px;
    height: 146px;
    position: relative;
    background-image: url(/images/qrcode-bxt.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

ul li .logo[data-v-27239d93] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: url("/images/h5/dy/qr-logo.png") #fff no-repeat 50%;
    background-size: 80%
}

ul li[data-v-27239d93]:last-of-type {
    float: right
}

.container[data-v-5f6f14b8] {
    min-height: 100vh;
    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;
    text-align: center;
    img-width: 100%
}

.title[data-v-5f6f14b8] {
    font-family: Quicksand,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    display: block;
    font-weight: 300;
    font-size: 100px;
    color: #35495e;
    letter-spacing: 1px
}

.subtitle[data-v-5f6f14b8] {
    font-weight: 300;
    font-size: 42px;
    color: #526488;
    word-spacing: 5px;
    padding-bottom: 15px
}

.links[data-v-5f6f14b8] {
    padding-top: 15px
}

.VueToNuxtLogo {
    display: inline-block;
    -webkit-animation: turn 2s linear forwards 1s;
    animation: turn 2s linear forwards 1s;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    position: relative;
    overflow: hidden;
    height: 180px;
    width: 245px
}

.Triangle {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

.Triangle--one {
    border-left: 105px solid transparent;
    border-right: 105px solid transparent;
    border-bottom: 180px solid #41b883
}

.Triangle--two {
    top: 30px;
    border-left: 87.5px solid transparent;
    border-right: 87.5px solid transparent;
    border-bottom: 150px solid #3b8070
}

.Triangle--three,.Triangle--two {
    left: 35px;
    -webkit-animation: goright .5s linear forwards 3.5s;
    animation: goright .5s linear forwards 3.5s
}

.Triangle--three {
    top: 60px;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-bottom: 120px solid #35495e
}

.Triangle--four {
    top: 120px;
    left: 70px;
    -webkit-animation: godown .5s linear forwards 3s;
    animation: godown .5s linear forwards 3s;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-bottom: 60px solid #fff
}

@-webkit-keyframes turn {
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}

@keyframes turn {
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}

@-webkit-keyframes godown {
    to {
        top: 180px
    }
}

@keyframes godown {
    to {
        top: 180px
    }
}

@-webkit-keyframes goright {
    to {
        left: 70px
    }
}

@keyframes goright {
    to {
        left: 70px
    }
}

.fall-container[data-v-5c8bdb10] {
    width: 100%;
    margin-top: 60px;
    background: url(./back.4ce28b6.jpg) no-repeat;
    background-size: 100% 100%;
    overflow-x: hidden
}

.sister[data-v-5c8bdb10] {
    padding-top: 8%;
    width: 80%;
    margin: 0 auto
}

.sister .sister-img img[data-v-5c8bdb10] {
    width: 100%
}

.sister .sister-right[data-v-5c8bdb10] {
    margin-top: 5%
}

.sister .sister-right .sister-title img[data-v-5c8bdb10] {
    width: 100%
}

.sister .sister-right .sister-txt[data-v-5c8bdb10] {
    margin-top: 2%;
    font-family: PingFangSC-Semibold;
    font-size: 2.5vw;
    color: #fff
}

.sister .sister-right .sister-txt p[data-v-5c8bdb10] {
    text-align: center
}

.sister .sister-right .sister-qro[data-v-5c8bdb10] {
    margin-top: 4%;
    width: 100%
}

.sister .sister-right .sister-qro .sister-qro-img[data-v-5c8bdb10] {
    width: 30%;
    margin: 0 auto;
    padding: 2% 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD5BAMAAAD8VjWgAAAAElBMVEUAAAD///////////////////8+Uq06AAAABnRSTlMAhygtJEXPLW3IAAAAk0lEQVR42u3dywmEQBBF0RpmAhgFAzADwRRMwPyTEVzY9MYPaCN6zq5WN4N6UdanykR+/iOjrn6Kb5+Mc73pky7Kaed6Hbuoq6urq6urq6urqwMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXO3YD/YH1d/8/V5dfZO6urq6urr63voNdkJLbqT+hmR82T6s+iJWXV2fAL8fM98an81gAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    position: relative
}

.sister .sister-right .sister-qro .sister-qro-img .img1[data-v-5c8bdb10] {
    width: 80%;
    padding-top: 80%;
    margin: 0 auto
}

.sister .sister-right .sister-qro .sister-qro-img .img1[data-v-5c8bdb10]:after {
    width: 25%;
    padding-top: 25%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: block;
    content: "";
    background: url(/images/h5/dy/qr-logo.png) #fff no-repeat;
    background-size: 80%;
    background-position: 50%;
    border-radius: 12%
}

.sister .sister-right .sister-qro p[data-v-5c8bdb10] {
    width: 100%;
    text-align: center;
    font-family: PingFangSC-Semibold;
    color: #fff;
    font-size: 1vw;
    margin-top: 2%
}

.game[data-v-5c8bdb10],.practice[data-v-5c8bdb10] {
    width: 80%;
    margin: 0 auto;
    margin-top: 7%
}

.game .practice-left .practice-title[data-v-5c8bdb10],.practice .practice-left .practice-title[data-v-5c8bdb10] {
    font-family: PingFangSC-Semibold;
    font-size: 5vw;
    color: #5861a6;
    margin-top: 30%
}

.game .practice-left .practice-txt[data-v-5c8bdb10],.practice .practice-left .practice-txt[data-v-5c8bdb10] {
    font-family: PingFangSC-Semibold;
    font-size: 1.5vw;
    color: #5861a5;
    margin-top: 5%
}

.game .practice-left .practice-select[data-v-5c8bdb10],.practice .practice-left .practice-select[data-v-5c8bdb10] {
    margin-top: 15%
}

.game .practice-left .practice-select img[data-v-5c8bdb10],.practice .practice-left .practice-select img[data-v-5c8bdb10] {
    width: 100%
}

.game .practice-right[data-v-5c8bdb10],.practice .practice-right[data-v-5c8bdb10] {
    margin-top: 2%
}

.game .practice-right img[data-v-5c8bdb10],.practice .practice-right img[data-v-5c8bdb10] {
    width: 100%
}

.money[data-v-5c8bdb10],.voice[data-v-5c8bdb10] {
    width: 80%;
    margin: 0 auto;
    margin-top: 10%
}

.money .voice-left[data-v-5c8bdb10],.voice .voice-left[data-v-5c8bdb10] {
    margin-top: 10%
}

.money .voice-left img[data-v-5c8bdb10],.voice .voice-left img[data-v-5c8bdb10] {
    width: 100%
}

.money .voice-right[data-v-5c8bdb10],.voice .voice-right[data-v-5c8bdb10] {
    margin-top: 10%
}

.money .voice-right .voice-title[data-v-5c8bdb10],.voice .voice-right .voice-title[data-v-5c8bdb10] {
    font-family: PingFangSC-Semibold;
    font-size: 5vw;
    color: #5861a6;
    margin-top: 10%
}

.money .voice-right .voice-title p[data-v-5c8bdb10],.voice .voice-right .voice-title p[data-v-5c8bdb10] {
    text-align: right
}

.money .voice-right .voice-txt[data-v-5c8bdb10],.voice .voice-right .voice-txt[data-v-5c8bdb10] {
    font-family: PingFangSC-Semibold;
    font-size: 1.5vw;
    color: #5861a6;
    margin-top: 10%
}

.money .voice-right .voice-txt p[data-v-5c8bdb10],.voice .voice-right .voice-txt p[data-v-5c8bdb10] {
    text-align: right
}

.money .voice-right .voice-select[data-v-5c8bdb10],.voice .voice-right .voice-select[data-v-5c8bdb10] {
    margin-top: 15%
}

.money .voice-right .voice-select img[data-v-5c8bdb10],.voice .voice-right .voice-select img[data-v-5c8bdb10] {
    width: 100%
}

.game[data-v-5c8bdb10] {
    margin-top: 15%
}

.money[data-v-5c8bdb10] {
    margin-top: 20%
}

.qrod[data-v-5c8bdb10] {
    padding: 10% 0
}

.qrod .qrod-img .sister2[data-v-5c8bdb10] {
    width: 100%
}

.qrod .qrod-img .qro-img[data-v-5c8bdb10] {
    margin: 0 auto;
    margin-top: 10%;
    width: 90%;
    padding: 10%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 38px 0 rgba(73,51,135,.22);
    box-shadow: 0 0 38px 0 rgba(73,51,135,.22);
    border-radius: 5%;
    position: relative
}

.qrod .qrod-img .qro-img .img1[data-v-5c8bdb10] {
    width: 70%;
    padding-top: 70%;
    margin: 0 auto
}

.qrod .qrod-img .qro-img .img1[data-v-5c8bdb10]:after {
    width: 25%;
    padding-top: 25%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: block;
    content: "";
    background: url(/images/h5/dy/qr-logo.png) #fff no-repeat;
    background-size: 80%;
    background-position: 50%;
    border-radius: 12%
}

.qrod .qrod-img .qro-img p[data-v-5c8bdb10] {
    font-family: PingFangSC-Semibold;
    font-size: 2vw;
    color: #000;
    width: 100%;
    text-align: center;
    margin-top: 10%
}

body[data-v-1e5c32a5] {
    padding-top: 0
}

.table-wrap[data-v-1e5c32a5] {
    width: 100%
}

.item[data-v-1e5c32a5] {
    margin-bottom: 18px
}

.input-with-select[data-v-1e5c32a5] {
    color: #ccc!important
}

.el-header[data-v-1e5c32a5] {
    background: #fff
}

.btn-search[data-v-1e5c32a5] {
    color: #ccc
}

.el-aside[data-v-1e5c32a5] {
    color: #333
}

.link[data-v-1e5c32a5] {
    color: #19c8a9
}

.icon[data-v-f669ddaa] {
    position: absolute
}

.container[data-v-f669ddaa] {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 28.16px;
    padding-top: 1.76rem;
    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
}

.container .myPage .page[data-v-f669ddaa],.container .myPage[data-v-f669ddaa] {
    width: 100%;
    height: 100%
}

.container .myPage .page .page-one[data-v-f669ddaa] {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 29.866px;
    padding-bottom: 1.86667rem
}

.container .myPage .page .page-one .page-txt[data-v-f669ddaa],.container .myPage .page .page-one[data-v-f669ddaa] {
    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
}

.container .myPage .page .page-one .page-txt .title-img[data-v-f669ddaa] {
    width: 25.6px;
    width: 1.6rem
}

.container .myPage .page .page-one .page-txt .des[data-v-f669ddaa] {
    color: #2e3033;
    font-size: 7.68px;
    font-size: .48rem;
    margin-top: 4.266px;
    margin-top: .26667rem;
    font-weight: 700
}

.container .myPage .page .page-one .page-txt .des-txt[data-v-f669ddaa] {
    color: #5d6167;
    font-size: 4.693px;
    font-size: .29333rem;
    line-height: 8.533px;
    line-height: .53333rem;
    text-align: center
}

.container .myPage .page .page-one .page-txt button[data-v-f669ddaa] {
    font-weight: 700;
    width: 49.493px;
    width: 3.09333rem;
    height: 15.36px;
    height: .96rem;
    background: #4cd8c0;
    border-radius: .21333rem;
    outline: none;
    cursor: pointer;
    border: none;
    margin-top: 4.266px;
    margin-top: .26667rem;
    color: #fff;
    font-size: 5.973px;
    font-size: .37333rem
}

.container .myPage .page .page-one .page-txt button.btn1[data-v-f669ddaa] {
    background: #fff;
    border: 1px solid #4cd8c0;
    color: #4cd8c0
}

.container .myPage .page .page-one .play2[data-v-f669ddaa],.container .myPage .page .page-one .play3[data-v-f669ddaa],.container .myPage .page .page-one .play4[data-v-f669ddaa],.container .myPage .page .page-one .play5[data-v-f669ddaa],.container .myPage .page .page-one .play6[data-v-f669ddaa],.container .myPage .page .page-one .play[data-v-f669ddaa] {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: url("./card.png") no-repeat;
    background-size: contain;
    background-position: 50%;
    position: relative
}

.container .myPage .page .page-one .play2 .icon1[data-v-f669ddaa],.container .myPage .page .page-one .play3 .icon1[data-v-f669ddaa],.container .myPage .page .page-one .play4 .icon1[data-v-f669ddaa],.container .myPage .page .page-one .play5 .icon1[data-v-f669ddaa],.container .myPage .page .page-one .play6 .icon1[data-v-f669ddaa],.container .myPage .page .page-one .play .icon1[data-v-f669ddaa] {
    width: 14.506px;
    width: .90667rem;
    bottom: 64px;
    bottom: 4rem;
    left: 29.013px;
    left: 1.81333rem
}

.container .myPage .page .page-one .play2 .icon2[data-v-f669ddaa],.container .myPage .page .page-one .play3 .icon2[data-v-f669ddaa],.container .myPage .page .page-one .play4 .icon2[data-v-f669ddaa],.container .myPage .page .page-one .play5 .icon2[data-v-f669ddaa],.container .myPage .page .page-one .play6 .icon2[data-v-f669ddaa],.container .myPage .page .page-one .play .icon2[data-v-f669ddaa] {
    width: 34.986px;
    width: 2.18667rem;
    bottom: 8.533px;
    bottom: .53333rem;
    right: 20.053px;
    right: 1.25333rem
}

.container .myPage .page .page-one .play2[data-v-f669ddaa] {
    background: url("./card2.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play2 .play-cover[data-v-f669ddaa] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play2 .play-cover .icon4[data-v-f669ddaa] {
    width: 32.426px;
    width: 2.02667rem;
    top: 3.84px;
    top: .24rem;
    right: 23.893px;
    right: 1.49333rem
}

.container .myPage .page .page-one .play2 .play-cover .icon5[data-v-f669ddaa] {
    width: 34.133px;
    width: 2.13333rem;
    top: 62.293px;
    top: 3.89333rem;
    left: 24.32px;
    left: 1.52rem
}

.container .myPage .page .page-one .play2 .play-cover .icon6[data-v-f669ddaa] {
    width: 40.533px;
    width: 2.53333rem;
    bottom: 7.68px;
    bottom: .48rem;
    right: 21.333px;
    right: 1.33333rem
}

.container .myPage .page .page-one .play3[data-v-f669ddaa] {
    background: url("./card3.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play3 .play-cover[data-v-f669ddaa] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play3 .play-cover .icon7[data-v-f669ddaa] {
    width: 35.413px;
    width: 2.21333rem;
    top: 36.693px;
    top: 2.29333rem;
    right: 19.626px;
    right: 1.22667rem
}

.container .myPage .page .page-one .play3 .play-cover .icon8[data-v-f669ddaa] {
    width: 29.866px;
    width: 1.86667rem;
    top: 62.293px;
    top: 3.89333rem;
    left: 18.773px;
    left: 1.17333rem
}

.container .myPage .page .page-one .play3 .play-cover .icon9[data-v-f669ddaa] {
    width: 40.533px;
    width: 2.53333rem;
    bottom: 8.533px;
    bottom: .53333rem;
    right: 17.066px;
    right: 1.06667rem
}

.container .myPage .page .page-one .play4[data-v-f669ddaa] {
    background: url("./card4.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play4 .play-cover[data-v-f669ddaa] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play4 .play-cover .icon10[data-v-f669ddaa] {
    width: 28.586px;
    width: 1.78667rem;
    top: 36.693px;
    top: 2.29333rem;
    right: 19.626px;
    right: 1.22667rem
}

.container .myPage .page .page-one .play4 .play-cover .icon11[data-v-f669ddaa] {
    width: 24.32px;
    width: 1.52rem;
    top: 62.293px;
    top: 3.89333rem;
    left: 23.04px;
    left: 1.44rem
}

.container .myPage .page .page-one .play4 .play-cover .icon12[data-v-f669ddaa] {
    width: 40.533px;
    width: 2.53333rem;
    bottom: 11.52px;
    bottom: .72rem;
    right: 21.333px;
    right: 1.33333rem
}

.container .myPage .page .page-one .play5[data-v-f669ddaa] {
    background: url("./card5.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play5 .play-cover[data-v-f669ddaa] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play5 .play-cover .icon13[data-v-f669ddaa] {
    width: 34.133px;
    width: 2.13333rem;
    top: 38.4px;
    top: 2.4rem;
    right: 19.626px;
    right: 1.22667rem
}

.container .myPage .page .page-one .play5 .play-cover .icon14[data-v-f669ddaa] {
    width: 38.826px;
    width: 2.42667rem;
    top: 62.293px;
    top: 3.89333rem;
    left: 14.506px;
    left: .90667rem
}

.container .myPage .page .page-one .play5 .play-cover .icon15[data-v-f669ddaa] {
    width: 39.68px;
    width: 2.48rem;
    bottom: 11.52px;
    bottom: .72rem;
    right: 21.333px;
    right: 1.33333rem
}

.container .myPage .page .page-one .play6[data-v-f669ddaa] {
    background: url("./card6.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play6 .play-cover[data-v-f669ddaa] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play6 .play-cover .icon17[data-v-f669ddaa] {
    width: 27.306px;
    width: 1.70667rem;
    top: 38.4px;
    top: 2.4rem;
    right: 19.626px;
    right: 1.22667rem
}

.container .myPage .page .page-one .play6 .play-cover .icon18[data-v-f669ddaa] {
    width: 28.586px;
    width: 1.78667rem;
    top: 75.093px;
    top: 4.69333rem;
    left: 14.506px;
    left: .90667rem
}

.container .myPage .page .page-one .play6 .play-cover .icon19[data-v-f669ddaa] {
    width: 36.693px;
    width: 2.29333rem;
    bottom: 11.52px;
    bottom: .72rem;
    right: 21.333px;
    right: 1.33333rem
}

.container .myPage .page .page-seven[data-v-f669ddaa] {
    height: 100%;
    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;
    padding-bottom: 12.8px;
    padding-bottom: .8rem
}

.container .myPage .page .page-seven .logo1[data-v-f669ddaa] {
    width: 38.4px;
    width: 2.4rem;
    height: 38.4px;
    height: 2.4rem
}

.container .myPage .page .page-seven .logo2[data-v-f669ddaa] {
    margin-top: 8.533px;
    margin-top: .53333rem;
    width: 25.6px;
    width: 1.6rem
}

.container .myPage .page .page-seven h2[data-v-f669ddaa] {
    padding-top: 4.266px;
    padding-top: .26667rem;
    margin: 0;
    font-weight: 700;
    color: #2e3033;
    font-size: 7.68px;
    font-size: .48rem
}

.container .myPage .page .page-seven button[data-v-f669ddaa] {
    font-weight: 700;
    width: 78.506px;
    width: 4.90667rem;
    height: 17.066px;
    height: 1.06667rem;
    background: #ff6896;
    border-radius: .21333rem;
    outline: none;
    cursor: pointer;
    border: none;
    margin-top: 21.333px;
    margin-top: 1.33333rem;
    color: #fff;
    font-size: 5.973px;
    font-size: .37333rem
}

.container .myPage .page .page-seven button.btn1[data-v-f669ddaa] {
    margin-top: 4.266px;
    margin-top: .26667rem;
    background: #fff;
    border: 1px solid #4cd8c0;
    color: #4cd8c0
}

.container .myPage .page .page-seven p[data-v-f669ddaa] {
    color: #aaacb3;
    padding-top: 12.8px;
    padding-top: .8rem;
    font-size: 5.12px;
    font-size: .32rem;
    text-align: center;
    padding-bottom: 21.333px;
    padding-bottom: 1.33333rem
}

.mymove1[data-v-f669ddaa] {
    -webkit-animation: mymove1-data-v-f669ddaa 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-f669ddaa 1.5s 1s infinite alternate ease
}

.mymove2[data-v-f669ddaa] {
    -webkit-animation: mymove2-data-v-f669ddaa 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-f669ddaa 1.5s 1s infinite alternate ease
}

.mymove3[data-v-f669ddaa] {
    -webkit-animation: mymove3-data-v-f669ddaa 1.5s 1s infinite alternate ease;
    animation: mymove3-data-v-f669ddaa 1.5s 1s infinite alternate ease
}

.box2-ani5[data-v-f669ddaa] {
    -webkit-animation: box2-ani5-data-v-f669ddaa .8s 1s both;
    animation: box2-ani5-data-v-f669ddaa .8s 1s both
}

.swiper-container-vertical>.swiper-pagination-bullets[data-v-f669ddaa] {
    right: 4.266px;
    right: .26667rem
}

[data-v-f669ddaa] .swiper-pagination-bullet {
    background: #d9dde0;
    width: 2.56px;
    width: .16rem;
    height: 2.56px;
    height: .16rem;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

[data-v-f669ddaa] .swiper-pagination-bullet-active {
    background: #ff6896;
    width: 2.56px;
    width: .16rem;
    height: 5.12px;
    height: .32rem;
    border-radius: .08rem
}

.mask[data-v-f669ddaa] {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.8);
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0
}

.mask-container[data-v-f669ddaa] {
    width: 100%;
    height: 100%;
    background-image: url(https://imgx.lygou.cc/cai/img/public/lyg/zh-cn/lyg.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 100%
}

@-webkit-keyframes mymove1-data-v-f669ddaa {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@keyframes mymove1-data-v-f669ddaa {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@-webkit-keyframes mymove2-data-v-f669ddaa {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@keyframes mymove2-data-v-f669ddaa {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@-webkit-keyframes mymove3-data-v-f669ddaa {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@keyframes mymove3-data-v-f669ddaa {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@-webkit-keyframes box2-ani5-data-v-f669ddaa {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes box2-ani5-data-v-f669ddaa {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.action-wrap[data-v-f669ddaa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 65vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: none
}

.rechargewarning[data-v-a03623a4] {
    background: #fff;
    padding: 40px 100px
}

.rechargewarning .title[data-v-a03623a4] {
    font-size: 30px;
    color: #282828;
    text-align: center;
    line-height: 1;
    margin-bottom: 40px
}

.rechargewarning .paragraph[data-v-a03623a4] {
    margin-bottom: 30px;
    font-size: 16px;
    color: #666;
    line-height: 3;
    margin-bottom: 10px;
    text-indent: 32px
}

.map[data-v-2bfc78a5] {
    width: 100%;
    height: 100%
}

@font-face {
    font-family: gankFont;
    src: url(/nuxt/fonts/Industry-bold.a6ce984.woff2) format("woff2"),url(/nuxt/fonts/Industry-bold.714db51.woff) format("woff"),url(/nuxt/fonts/Industry-bold.a9d7458.ttf) format("truetype")
}

.map-wrapper[data-v-e5bc4f2a] {
    width: 1080px;
    margin-left: 50px;
    height: 100%;
    position: relative;
    font-family: gankFont
}

#map[data-v-e5bc4f2a] {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #011649;
    cursor: crosshair
}

.navbar[data-v-0d30e930] {
    -webkit-transition: all .5s;
    transition: all .5s;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 880;
    opacity: .8;
    width: 100%;
    color: #fff;
    height: 37px
}

.navbar .name[data-v-0d30e930] {
    color: #fff;
    letter-spacing: -.24px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.navbar-wrapper[data-v-0d30e930] {
    height: 100%
}

.navbar .navbar-item[data-v-0d30e930] {
    max-width: 25%;
    height: 100%;
    font-size: 16px
}

.navbar .navbar-item .icon[data-v-0d30e930] {
    background: url(/images/pubg/map/player.png) no-repeat;
    width: 19px;
    height: 30px;
    margin-left: 7px;
    margin-right: 10px
}

.navbar .navbar-item>div[data-v-0d30e930] {
    position: relative;
    text-align: center;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.navbar .navbar-item .last[data-v-0d30e930] {
    margin-right: 15px
}

.navbar .navbar-item:last-child .last[data-v-0d30e930] {
    margin-right: 0
}

.navbar .navbar-item.selected>div[data-v-0d30e930] {
    opacity: 1
}

.side-bar[data-v-6ae9edd4] {
    color: #fff;
    width: 420px;
    height: 85vh;
    position: fixed;
    right: 0;
    top: 70px
}

.title[data-v-6ae9edd4] {
    font-family: MicrosoftYaHei-Bold;
    font-size: 32px;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #e6a32e
}

.kill-content[data-v-6ae9edd4] {
    width: 380px;
    background-color: #0c2155;
    -webkit-box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.13);
    box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.13);
    margin-top: 20px
}

.kill-content-header[data-v-6ae9edd4] {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background-color: #0c2155;
    -webkit-box-shadow: inset 0 0 0 0 hsla(0,0%,100%,.13);
    box-shadow: inset 0 0 0 0 hsla(0,0%,100%,.13);
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 1px
}

.kill-content-header .num[data-v-6ae9edd4] {
    color: #dc9b2b;
    margin-left: 10px
}

.kill-content .kill-box[data-v-6ae9edd4] {
    padding: 20px;
    background: #132a61
}

.kill-content .kill-box .kill-item[data-v-6ae9edd4] {
    overflow: hidden;
    margin-bottom: 20px
}

.kill-content .kill-box .kill-item[data-v-6ae9edd4]:last-child {
    margin-bottom: 0
}

.kill-content .name[data-v-6ae9edd4] {
    width: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.kill-content .name.last[data-v-6ae9edd4] {
    text-align: right
}

.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box {
    position: absolute;
    left: 0;
    top: 0
}

.leaflet-container {
    overflow: hidden
}

.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.leaflet-tile::-moz-selection {
    background: transparent
}

.leaflet-tile::selection {
    background: transparent
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0
}

.leaflet-marker-icon,.leaflet-marker-shadow {
    display: block
}

.leaflet-container .leaflet-overlay-pane svg {
    max-width: none!important;
    max-height: none!important
}

.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer {
    max-width: none!important;
    max-height: none!important;
    width: auto;
    padding: 0
}

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51,181,229,.4)
}

.leaflet-tile {
    -webkit-filter: inherit;
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 800
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute
}

.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-bottom,.leaflet-top {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    float: left;
    clear: both
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

svg.leaflet-zoom-animated {
    will-change: transform
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.25,1);
    transition: -webkit-transform .25s cubic-bezier(0,0,.25,1);
    transition: transform .25s cubic-bezier(0,0,.25,1);
    transition: transform .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1)
}

.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile {
    -webkit-transition: none;
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-interactive {
    cursor: pointer
}

.leaflet-grab {
    cursor: -webkit-grab;
    cursor: grab
}

.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-control,.leaflet-popup-pane {
    cursor: auto
}

.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container {
    pointer-events: none
}

.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-container {
    background: #ddd;
    outline-offset: 1px
}

.leaflet-container a {
    color: #0078a8
}

.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: hsla(0,0%,100%,.5)
}

.leaflet-container {
    font-family: Helvetica Neue,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5
}

.leaflet-bar {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.65);
    box-shadow: 0 1px 5px rgba(0,0,0,.65);
    border-radius: 4px
}

.leaflet-bar a {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000
}

.leaflet-bar a,.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.leaflet-bar a:focus,.leaflet-bar a:hover {
    background-color: #f4f4f4
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb
}

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,.leaflet-control-zoom-out {
    font: 700 18px Lucida Console,Monaco,monospace;
    text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-control-layers {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.4);
    box-shadow: 0 1px 5px rgba(0,0,0,.4);
    background: #fff;
    border-radius: 5px
}

.leaflet-control-layers-toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
    width: 36px;
    height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(./layers-2x.4f0283c.png);
    background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px
}

.leaflet-control-layers-expanded .leaflet-control-layers-toggle,.leaflet-control-layers .leaflet-control-layers-list {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff
}

.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block;
    font-size: 13px;
    font-size: 1.08333em
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px
}

.leaflet-default-icon-path {
    background-image: url(./marker-icon.2273e3d.png)
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: hsla(0,0%,100%,.8);
    margin: 0
}

.leaflet-control-attribution,.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
    line-height: 1.4
}

.leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover {
    text-decoration: underline
}

.leaflet-attribution-flag {
    display: inline!important;
    vertical-align: baseline!important;
    width: 1em;
    height: .6669em
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: hsla(0,0%,100%,.8);
    text-shadow: 1px 1px #fff
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers {
    -webkit-box-shadow: none;
    box-shadow: none
}

.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers {
    border: 2px solid rgba(0,0,0,.2);
    background-clip: padding-box
}

.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px
}

.leaflet-popup-content {
    margin: 13px 24px 13px 20px;
    line-height: 1.3;
    font-size: 13px;
    font-size: 1.08333em;
    min-height: 1px
}

.leaflet-popup-content p {
    margin: 17px 0;
    margin: 1.3em 0
}

.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-top: -1px;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    pointer-events: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.leaflet-popup-content-wrapper,.leaflet-popup-tip {
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 3px 14px rgba(0,0,0,.4);
    box-shadow: 0 3px 14px rgba(0,0,0,.4)
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    text-align: center;
    width: 24px;
    height: 24px;
    font: 16px/24px Tahoma,Verdana,sans-serif;
    color: #757575;
    text-decoration: none;
    background: transparent
}

.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover {
    color: #585858
}

.leaflet-popup-scrolled {
    overflow: auto
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom:1}

.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)
}

.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4)
}

.leaflet-tooltip.leaflet-interactive {
    cursor: pointer;
    pointer-events: auto
}

.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: transparent;
    content: ""
}

.leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px
}

.leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff
}

.leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-tooltip-left:before,.leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px
}

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff
}

.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff
}

@media print {
    .leaflet-control {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

.title[data-v-c2404876] {
    font-size: 16px;
    font-family: PingFangSC-Medium;
    color: #282828;
    padding: 30px 0
}

.create-main[data-v-3a8044b8] {
    background: #fff;
    padding: 50px 80px;
    margin-bottom: 50px
}

.form-item[data-v-3a8044b8] {
    margin-bottom: 30px
}

.form-lable[data-v-3a8044b8] {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    color: #282828
}

.form-lable em[data-v-3a8044b8] {
    font-size: 14px;
    color: #2a2a2a;
    font-style: normal
}

.form[data-v-3a8044b8] .el-input__inner,.form[data-v-3a8044b8] .el-textarea__inner {
    background: #f7f7f7;
    font-size: 14px
}

.form[data-v-3a8044b8] .el-input__inner:focus,.form[data-v-3a8044b8] .el-textarea__inner:focus {
    border-color: #19c8a9
}

.form[data-v-3a8044b8] .select-yard .el-input__inner {
    cursor: pointer
}

.form .select-yard[data-v-3a8044b8] {
    width: 224px;
    color: #b8b8b8
}

.form[data-v-3a8044b8] .el-textarea__inner {
    height: 300px
}

.form .statistics[data-v-3a8044b8] {
    position: absolute;
    top: 54px;
    right: 15px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #b8b8b8;
    letter-spacing: 0;
    line-height: 14px
}

.buttons .item[data-v-3a8044b8] {
    margin-right: 30px;
    cursor: pointer
}

.buttons .item:hover .text[data-v-3a8044b8] {
    color: #19c8a9
}

.buttons .icons-pc[data-v-3a8044b8] {
    margin-right: 10px;
    vertical-align: middle
}

.buttons .text[data-v-3a8044b8] {
    font-size: 14px;
    color: #b8b8b8
}

.action-button .btn[data-v-3a8044b8] {
    width: 140px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    font-size: 16px;
    color: #282828;
    margin-left: 20px
}

.action-button .btn.is-disabled[data-v-3a8044b8] {
    background: #c6c6c6;
    border-color: #c6c6c6
}

.action-button .el-button--primary[data-v-3a8044b8] {
    color: #fff
}

.action-button .el-button--info[data-v-3a8044b8] {
    color: #282828
}

.create-main .wysibb-toolbar {
    display: block
}

.create-main .el-form-item__label {
    font-size: 16px;
    color: #282828
}

.create-main .el-input__inner {
    border-color: #e8e8e8
}

.create-main .el-form-item.is-required .el-form-item__label:before {
    content: ""
}

.create-main .form .el-form-item.is-error {
    border-color: #ff645a
}

@font-face {
    font-family: WysiBBiconFont;
    src: url(/nuxt/fonts/wysibbiconfont-wb.26dce11.eot)
}

@font-face {
    font-family: WysiBBiconFont;
    src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABJ8ABEAAAAAGmAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABoAAAAcZibEWkdERUYAAAGcAAAAHQAAACAASwAET1MvMgAAAbwAAABGAAAAVmNj7eZjbWFwAAACBAAAAE0AAAFaADXUDGN2dCAAAAJUAAAAAgAAAAIAAAAAZnBnbQAAAlgAAAGxAAACZVO0L6dnYXNwAAAEDAAAAAgAAAAIAAAAEGdseWYAAAQUAAAL7AAAELBUmhy9aGVhZAAAEAAAAAAvAAAANgEcbE1oaGVhAAAQMAAAACAAAAAkDtEAaGhtdHgAABBQAAAATwAAAHjV7x9TbG9jYQAAEKAAAAA+AAAAPj+yO3JtYXhwAAAQ4AAAACAAAAAgATwBHG5hbWUAABEAAAAAvwAAAYodoTk9cG9zdAAAEcAAAACEAAABNtL4DyxwcmVwAAASRAAAAC4AAAAusPIrFHdlYmYAABJ0AAAABgAAAAbgW1DOeNpjYGBgZACCM7aLzoPpLxM2QumbAFW5CKYAAHjaY2BkYGDgA2IJBhBgYmAEQlkgZgHzGAAFiQBQAAAAeNpjYGS/zTiBgZWBhVWfdToDA6MchGa+xpDMJMDAwMTAyswABwIIJkNAmmsKgwMD7wcGtnP/zjEAScaoBqABIDkAv14LkQAAeNpjYGBgZoBgGQZGBhAIAfIYwXwWBgsgzcXAwcAEhAwMvA8kPjD8/w9WxfuAAcL+/02BRUAWqhcKGNkY4AKMTFDzURQwDHsAAJNvCw4AAAAAAAAAeNpdUbtOW0EQ3Q0PA4HE2CA52hSzmZDGe6EFCcTVjWJkO4XlCGk3cpGLcQEfQIFEDdqvGaChpEibBiEXSHxCPiESM2uIojQ7O7NzzpkzS8qRqnfpa89T5ySQwt0GzTb9Tki1swD3pOvrjYy0gwdabGb0ynX7/gsGm9GUO2oA5T1vKQ8ZTTuBWrSn/tH8Cob7/B/zOxi0NNP01DoJ6SEE5ptxS4PvGc26yw/6gtXhYjAwpJim4i4/plL+tzTnasuwtZHRvIMzEfnJNEBTa20Emv7UIdXzcRRLkMumsTaYmLL+JBPBhcl0VVO1zPjawV2ys+hggyrNgQfYw1Z5DB4ODyYU0rckyiwNEfZiq8QIEZMcCjnl3Mn+pED5SBLGvElKO+OGtQbGkdfAoDZPs/88m01tbx3C+FkcwXe/GUs6+MiG2hgRYjtiKYAJREJGVfmGGs+9LAbkUvvPQJSA5fGPf50ItO7YRDyXtXUOMVYIen7b3PLLirtWuc6LQndvqmqo0inN+17OvscDnh4Lw0FjwZvP+/5Kgfo8LK40aA4EQ3o3ev+iteqIq7wXPrIn07+xWgAAAAABAAH//wAPeNq9V39sG9d9f9873lE8/TgeeSR1lkj57iSeFEk+6yiSVik7DBzFLZNFdk2jUZsImzkkCuq0sIE6g6khPxZ5gFPM66BglVEYqQ00GVYP7+hu+SMuJgORBqg4N0VbIW5WF2mwzFvQFuiP2I3E530f5bpeWnTbPxP0eO993yPf9+fn8z0C5K6/MUIA3iU1+aAkkiGSIXTIpVJATY92ubQnR+MB0HtcfxiGyc6x/uy9UCiBVyhCITsMFq5yQ+AlVZBxFQYZ91TQ7SGA6xEpIqmV2YIBGTVjzRmSIhlQgwdUFWd65ZjDfuw8W9XliMGeYbQmKY46Mi0OlT11RFEUSz2+uX5ct1RCBDh2KyS/gfqJ5OPkWdJAtYepGNDdLk0HdJ/b6BrwcrkcDQd02AP6CZfuXad60ND3KsMXy3pHZLixV+fTvWJkmIY8qkd9C4bpRNCYsLh8QkC56zWsCb6yBiPDfgWGfUvXYjQzQfx9aS3W6CnunZiY2DkmmQlTy49zu9Ogc7NlfMb1VEYs5LxiwRGztmPthvGcmbtzIhENy2HZsZyskxW1cZTBMemTH/6DDkXQVbU8K0lKSR8tOdPKyGQNJLUwpijwgK8rpSlVkvR6/XrjyFLZgcKMmrkmXXEUZUQpOxeemrlFZsq6IUnSaHVBODQloVy11LJxg30w9+7sLDils1W85LkqxrmBcX4B/Xgvhp0aLvqIbvdoxKXDOTqJcS67/n0YZz+Chl8kYq7Qn5qgkxrdg2aD3AdoXRHDr6EHkuEkDznax8108twkZ1LIm3lTy3mpDKSSuaLnZF3I2iY6ABqSYivS2JGpCwZ7AyZR4cF0WVFBvaFDV7kEMMneGF0pOQ8qipRGk5NJSdn4jiLZ4svoG6WW1tlfXV7RM9Z0WlWs6bJhHB+7DMcy6sOGis740t8YxgWeK6u3nghvSG2knWwnB0ijl+fK9oD2uDQa0JhLEwFmAFDTpR3rDbkt5nke7Q1ob9SPYkp0BzTt8eQgfk+vFvMlcWLCj0VxJgs8+BEhFYFiBJyIMAn5XN7euRvMtDAMiVwaTFiFF9mJFTgJJ9dYHRbW2Al2QvzO5iacmT27yR4P7WFf4PsLrL62degEnNz4nDGYnp8+ePhCfa4yTVo2kLnwhnwv2mCRhwjtcGlfQDMu1QIad1FHoLZLO7n6ca4+bvZFfQ3V7+EB9fu5+n0dqHQbQfW1DM7aIx9RX7utfx6fdyz4wwb8XvUZhaju2PWKVFZrr942gYTIU0QKr0l/gjUbJh0kQQYITfAYAE26tGudxgLa4fkprmo0cUfBoqmZKRyoYxHIeMFLJnTZeir82M3zS3L219eKMA/VTWiwE0+fP3r0vCQ9en7jZwWxn8Xfbb4nPH/u6aenq8fxfpEcIyvhldDLeLNBXPIYoaJLR3K0LaDbPK5CKqCqS60cL4IsJsROl8I6bQ9oe9TPoCvvCfwxxIBMuxb7x3A02b3NxmIgfrINdYV70K1qCmdkiGsdi8ZyJoKiaWWx7gs5cwdg0qNfExKKUYQ1sAfwSCwq4Eb22OITcKhSzzR/ZRcKttCeqVfY389BQmyyutBuF4pW81cog+rc4uIc+3plXnyeHWbvLM6XBj9wJuuLza9dvXr09pz9uLXF84bUCQl/WXqcpEiaaKQRx9wHzBu/rwXe8UIRleiXvGQqJnZB2DK32zvAEaQCZPudujJoHK4JN4XE8WPds7PG0eM2yzeHK3O1dEUMz8JyjS1Vxb98daE2LUmzx5nJsvUZSaoeAf3cFBQrmyUed5mM3HoF4/5oK+7tRCVx1KZMKMF6y1EIaKdHQ5gHOU4ymkfbEIVyNBLQBMag26Vk3Q+1YU6LgS8rnucbLdVTmqnB7RG/az4C97F/3ho3pMc/PLM1ZrhE2AVT7HWsUpxvfPGjki1dK+zD8JocR6SYJNPkIPkU+Qy5RGjURdaj+116IKCCd7H7wP62VmkdiHIkqbr0EPLj9nWN7gou9h+q4mYxoIeidITLnIA+4tJyjs4E9OGATnn0QZd+HNP+UZea6xeJNvSJ/pSHX6X7Aror6us8yQbQ4o6gIY99DOu5oXe0eGsb0tBjuLvLRPbp7tmN7EN17WKq96E/wlT0O/Zh/kXun8CkPLAfiSqCiVgYRwJOIiiH+QcHaBTkxx2bP73dYIt5LrCt/Din8VTrqMxr39Nt0JO5Vrramm3pCPO2BXf5umJcNxzDGOy+bhgrxhMG/q8Y5bMrCL/fc3TDMKxTK4bB3lIVUFWlcs0wDh82hG2/DctCzU4/7Ri6U8/YtdIYHPYckL89MzemWrphPTtiGLXDwmU9jc0BvFRjVzaGfjdqErl062C4jjELY24ZxMSeZbFV22rA0wdRBZF9MMcbg36PtrvYFPD+hdc2Jlkk6vdgbW8Bpo0zjJYT9TtxJgW8x/F7IujVaAxd3ad9Iyyo3Qr3tWNrsW/IYleqnTNip+bHE9zvsW7kyVBbJ/AzaQzTRYl0RHDBIQGz6q4h6nlTz+uh7f0xjmoIav23n5fghvAm3GRtzZ3sBWgIf4ro9nDzK774L+w9doT9e7pan5mpw+bM/MGD86EePNUGN/k3Nj73m7PsYWEbSBKcXl0R+uar1fmZmdYn55IzZEF+PPR51MEkZMCEvMbRyJITmp5E1v0dwRnQwbYMdtCwbeN1ePHO0rKM1xfgF3H4O8Oyu9mnDIvl/9uStHD3NBkLvyKNY9Vb5GPkS4Rj7a4cD0/Wo9ZvmAyrSWnhcSigHlZ+iVc+7QwanYTnfmc8wj/D2JZ1Rv1uDI+JFN1iOjPqD+G6EDSGCvzokM2PDrlYLJMYv+5OjJ+iIj6bhMejPTvKQzak+c4IhgwZRhtPmV44oaPNKU0vmrxHa6G1luedHQ4JuzvTc7RxFLf6OC+s8SOnM8KTKsTZOxl0ypRuNF/ICH8u9LG/hSdxeDo8qEI3+6GuCk9mIN38C6Mcel8B6YiibiZ1UGsKwDI8d/kye2b5Rk1VxZ+qyhEpspHAHleCOezNrmBvprUYK92KFrZWZi6v7RbNtKilPop/cw14lf9/eOYsvMl2wpunth61FbBXN9Tr19WNVfbDMaiyr8P3ocyW2XBr/gMosRUeK/gWGZM/K33lNlb3E47MCMuI1QjUiMwRrB1sPto4L/IiQfdxUruDCt8KvbzxS/HPmr3CfmHXBx80fw2X2P3iQ0Jf851WH/MS2nRO4r+uoEVUxp8KGm0yD1sbRJCb2l2/o/WzA5iIpmOG46YIL8ElWIRvsmcm2eHSKZAWanjNHy8vw2W4wHMMhB0wKEdCe5DxCH5P2CG+zWKhPZv/iXcKO245ckT+Au5JfDcibm2zOPwEfipMbr4fmhATm+/zHgV9rshXQu/c4ap+ctv2LT+0PMAd0Il+iLq8w+Kqcg/cPeZ+C3F8KCsrMLO6Cp9eW4PZ1dU/eE/rt2/f07rzf3HPxr5Qx2an+DbeE9JWV9m5tTX2tf/hnv+7PeLbmwOhzo1f/D/Y80u0Z+D32AMwx96Tr8jPk1GykwDd0cIIvAWifi9CAEKKGvXjOEsGNBn1wzjLBr67lae5qBQa6DdgfAd0Ace2Ql7LaXoX7OCIt0fICCgU5FB/VoC5RRgEGQDUpatXl1ZWF/96be300deuXXvt6NLP2VvsrZ8vYV987sX6wmnYLzRPLY+OLp9qpupzT8wL+5v02dcGB//pOeE/Tl87WiwevXa6KV5i312amlqC0RYmwo9IRX5E6iUOyZP7yUyrE/YCbgDinh1QO0oFdNUU+m2dDga04NHBKDeEbgtomXcVfYH/AKJbeRCJ3pugruanezkDlTwEuW3poUKLdEAv5rC7Q1aPhrsA2T+VwNez7dj25aMD+f7iOL5+DqEUNHxDE7Cztq0swt54cbzIX9kS2As48KOuyYKDr1xSerCsQ1xIwOjJcpV9FRQ4NXMdvfGvKsDl09VSyTtZny5J0wslR39kqhH6NxXsqerVNfbKfSMZ1TLKmbMVgIPS9Nr5ygiom58BO22kq/ctPjJ9HOYXlpH+BzPO2ExlUiVACLvSRuQrvKYNgLbW8iZ3338BJ32bh3jaY2BkYGAA4hPnzHXi+W2+MshzMIDAmS8TbiHof+c4GNjOAbkcDEwgUQBg/gzIAHjaY2BkYGA7928ZAwPnYgaGHwwcDAxAERQgBwBxfwRFeNrjYIAAxvkMDEwrGRg4FzMwcDAwPgbiIiDeBMTHIJghF4iLOFgYqoG0DhB7AfEeoNwsIN0PpDOA+DQQT+VgYNKDYLAYOr4Psg8An9sPKgAAAAAAAAAAAAAAAAgAWAD8AW4B0AIyAnIC7AMuA4QEXgT2BS4FygYEBjQGYAZuBoQGuAbsByAHVAe4CEoIWAAAAAEAAAAeAFwABgAAAAAAAgABAAIAFgAAAQAAvAAAAAB42n2QvQ4BQRSFv2UJjVKl2FoQFpEoRXQaBTWCSIRkUeg8kKdQ8RKewgM4s3tJNJvJ3Dn355w5M0CBNVk8v4hHBQxnKClLcJYpVcM+Na6Gc5S5Gc5r+m74ofrL8JMmb2ZcOLJloLVlyYE9oziemLBiw5kdc6Jf1Z2R6isCQhpSCehrpyklEy161BVDxVA8h9JZ/w6myqJ42vWdnrs9TWEmxkK/+NVLGGPjD9Vdmq9A9Y5cNukqtuNXmccPQmg2/wB42n3POQ7CQAxG4XnDEvZ9B3GGcSABSpbkLjR03J8BflosWZ+7Jzvv/s82Ls7jqVClRp2EBk1atOnQpUefAUNGjJkwZcacBUtWrNkkz8c9hHB7W8RDmkzlTu5lJnN5kEd5kmd5kVf56xWy/Grqm/qmvqlv6pv6pr6pb59+Gf94Ab4GPNu4Af+FsAGNAEuwCFBYsQEBjlmxRgYrWCGwEFlLsBRSWCGwgFkdsAYrXFhZsBQrAAAAAVDO4FoAAA==) format("woff"),url(/nuxt/fonts/wysibbiconfont-wb.f4cad92.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

html {
    height: 100%!important
}

.wysibb {
    border: 1px solid #ddd;
    position: relative;
    background: #fff;
    font-size: 14px
}

#wbbmodal button:active,#wbbmodal button:focus,.wysibb button:active,.wysibb button:focus {
    outline: 0
}

#videoupform {
    text-align: center
}

.wysibb-body {
    overflow-x: auto!important
}

.wysibb-body ol,.wysibb-body ul {
    padding: 0 0 0 30px
}

.wysibb-texarea,.wysibb-texarea:active {
    border: none!important;
    margin: 0!important;
    outline: none!important;
    padding: 0!important;
    width: 100%!important
}

.wysibb .wysibb-toolbar {
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0;
    border-top: 1px dashed #e1e1e1
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-inner.ve-tlb-img1 {
    width: 26px;
    min-width: 26px;
    height: 20px;
    margin-left: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAAXNSR0IArs4c6QAAAUJJREFUKBWdk79Kw1AUxnPTLMHBqeDQpU+QSZck3bo6OTo5VAT30jewY6uD4OJeaIcOghQUMjsEH0AHKRR0dCm16e9UcrleGxp64HD+3O98+c69RCVJ0lNKXTiO4+G72IKhGwWRJJVdGIyZhWuSuK7bom6icGaAyqSeEOX2EYbhXRzHkyzLHvNm2WjeS401r1DzxvAxZNs4XgB08T5+YCqSwTYEt/i+FEXGx4a+7zdQPyB/FZypqGjO7ne5gg4EfyRvJAI0YrqGssOchd4cP4fkPu+Z0V7NAfwE+CSKoiOA8oLP+BfeLCIRQlvRJ71ThpZyKC9ImKRpuhcEwbf0isxWdIaSqQ3eRiJ4rQgVD5CMbZKytf5FZB0u952oX4NaGUTrnHOJa+dcNqriFY/+NY1LKcjrRG2/M7r8l8g5sz/8Wr0Vd55bfTZm9BgAAAAASUVORK5CYII=) no-repeat;
    background-size: cover
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-inner.ve-tlb-video1 {
    width: 29px;
    min-width: 29px;
    height: 20px;
    margin-left: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAAXNSR0IArs4c6QAAAQtJREFUOBGlkrEKwjAQhk2aPoe6ipODpdDBSQd9Bp9C38IH8EEUxEloS+ni5OKk7g5OLqWt/wmBQzwjGkhzueT/7no5lSTJqq7rceOHoZRaR1E04VLzK4wgXAtbk8/Q59+RZVkrTdMNoLdPwD0C9VzBCFaW5Q6wJt19pvlOhNr0UaM55v3dufVxGPlEIEAloAvf97uwtxbwutrMrF8E2gtBEJwAHmmtp/BdrV9anUAmrJktmp8e5SnK87xdFMWyqqqhSGEHYoaojYemnwF2gC3CUN8L4zVUHMfSr3zVNsaYNn9pMUNEdfYgZRaG4dnzvAEyPWKbO2tIItcgKMrSoXsa5LVLIJ1zLeyK5gNh4We9MqV9swAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-inner.ve-tlb-img1:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAAXNSR0IArs4c6QAAAWZJREFUKBWdkzFLA0EQhedt9rCwsBIsbPwTFhZ20c7KUgUVkhzYq52lKaOCARvRUlDQIjkJaC9W/gAtRBC0tDHxxreS29xpSGKWJDN7897H3OwGc4fNikBCEbH8DrNa9B9gvtpsqWpuGELHg5ZJQyCmgBzyArx2RINkak0iA/AchfYoKgQNqF4nzweNfi7sbJKvuUvIYwwsiGo/xr0xpqyx7qnohO/IuQjbjEWqTMZ6Udj9+YgJZutFe8ZBPzit76iXMV0jpEzANmOm5UxH3gBcQHDn90xo/DRiVqNSsPUb4nR/QBTdzBTtYhQG0+4Eub8l5p33I18P7bEzdVuZV6PpbSSwSzsARyXiTpChsXyio6cr+OgGSJ5lOjKCtct1vCTFJPaDOF0KhFqtZK8S83+j/4twuDHvwxMg/jR4leCBFLicP04B5Z4fw3ychpyb0T5rGyxwnpjylLbLhfT6qbfxbe0Xt5Vvr/xtRz0hVEkAAAAASUVORK5CYII=) no-repeat;
    background-size: cover
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-inner.ve-tlb-video1:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAAXNSR0IArs4c6QAAASpJREFUOBGlky9PA2EMxvvs7hATCL4AYAlqYhrFSAAJEkcyJGJ+eDyX8A1AAsmYwhEQeBTgyQIIErg/pV0oeUNW7jIqrkmv/b3P27dFJ83OmXmdpjAAF5fdZCMsjaeFKSSs7TM3NBbr57+2dsQL12k2YODFBQJ0x0ytqsMUxpRdMdG8SKaxzElFs3NJm4Ce9Ol90n+L/cC+Ay7wdBvFsJsczkTxsoCHBvjtx8qCoAu0nLNdPAi4g6ixI2qfLe75SqAVoiQRU23uo1jp5jEvfhR5WnK5arG/vAvcOuHodZTvfxb5gbxe04OA6Cnsowt8G2W3cslW1T1ByQrZ2Mipbg/rzKCqHuzhUaGi9F6m4cZVqMl1TaGyekuaH+uChztZF6J5Wmv5fcgciH0BEChkv7m8aCYAAAAASUVORK5CYII=) no-repeat;
    background-size: cover
}

.wysibb .wysibb-toolbar .modeSwitch {
    display: block;
    position: relative;
    right: 0;
    top: 0;
    border: 0
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container {
    border: 0
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn,.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select {
    width: 60px;
    max-width: 96%
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container select.wbb-selectbox {
    height: 30px;
    max-width: 96%;
    margin: 1px 0;
    display: inline-block;
    background: transparent;
    border: 0
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select {
    display: none
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn {
    display: inline-block;
    height: 32px;
    vertical-align: middle;
    padding: 0 1px;
    cursor: pointer;
    margin: 0 0 0 1px;
    font-size: 12px;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover span.btn-tooltip {
    display: none
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .dis,.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.dis:hover {
    opacity: .3;
    cursor: default;
    overflow: hidden;
    border: 0;
    padding: 1px 2px;
    background: transparent
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-inner {
    display: block;
    height: 20px;
    min-width: 26px;
    margin: 2px
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-tooltip {
    display: none;
    background: #333;
    border: 1px solid #fff;
    position: absolute;
    line-height: 20px;
    font-size: 11px;
    padding: 3px 10px;
    bottom: 35px;
    left: 0;
    color: #fff;
    border-radius: 0;
    white-space: nowrap;
    z-index: 10000
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-tooltip ins {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
    position: absolute;
    bottom: -5px;
    left: 3px
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-text {
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: 700;
    line-height: 28px;
    text-align: center
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon {
    color: #333;
    font-family: WysiBBiconFont;
    font-size: 18px;
    line-height: 28px;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
    speak: none
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover .fonticon {
    color: #000
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on .fonticon {
    text-shadow: none;
    color: #000
}

.modesw {
    font-weight: 700;
    font-size: 1em;
    line-height: 28px;
    text-align: center;
    display: block;
    text-transform: uppercase
}

.tthotkey {
    color: #ddd;
    font-size: 9px
}

.wysibb-text-editor {
    outline: none
}

.bottom-resize-line {
    display: none;
    height: 5px;
    cursor: ns-resize
}

.bottom-resize-line.drag,.bottom-resize-line:hover {
    background: #eee
}

.wbbtab {
    margin-left: 30px
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown,.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:active {
    padding-right: 10px;
    background: transparent;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:hover {
    background: #eee;
    border: 1px solid transparent
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on,.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on:active {
    border: 1px solid #aaa;
    background: #ccc;
    -webkit-box-shadow: inset 0 0 3px #aaa;
    box-shadow: inset 0 0 3px #aaa
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown ins.ar {
    display: block;
    position: absolute;
    right: 10%;
    top: 0;
    width: 9px;
    height: 24px;
    cursor: default;
    text-decoration: none;
    font-size: 14px;
    padding: 0 2px;
    line-height: 24px
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on,.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:hover {
    padding-right: 10px
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .wbb-list {
    display: none;
    position: fixed;
    top: 10px;
    left: 3%;
    border: 1px solid #bbb;
    -webkit-box-shadow: 0 0 3px #aaa;
    box-shadow: 0 0 3px #aaa;
    width: 90%;
    padding: 5px;
    background: #fff;
    max-height: 90%;
    overflow: auto;
    z-index: 1000
}

.ve-tlb-colorpick .cp-line {
    display: block;
    position: absolute;
    width: 60%;
    height: 3px;
    background: #000;
    bottom: 3px;
    left: 20%
}

.wbb-list .sc {
    width: 23%;
    height: 30px;
    margin: 0 0 1% 1%;
    display: inline-block;
    *display: inline;
    zoom:1;cursor: pointer;
    border: 1px solid #fff
}

.wbb-list .sc:hover {
    border: 1px solid #333
}

.wbb-list .nc {
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #666;
    margin: 0 1px 5px
}

.wbb-list .nc:hover {
    background: #eee
}

.wbb-list .pl {
    display: block;
    height: 5px
}

.tbl-sel {
    border: 1px solid #ddd;
    position: absolute;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tbl-sel:hover {
    background: #eee
}

.wbb-table td {
    border: 1px dashed #ddd;
    padding: 3px;
    margin: 5px;
    min-width: 5px;
    min-height: 15px
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select,.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.dis:hover,.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select:active {
    width: 100px;
    padding: 1px 1px 1px 5px;
    border: 1px solid transparent;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select:hover {
    background: #eee
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on,.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on:active {
    padding: 1px 1px 1px 5px;
    border: 1px solid #aaa;
    background: #ccc;
    -webkit-box-shadow: inset 0 0 3px #aaa;
    box-shadow: inset 0 0 3px #aaa
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select .wbb-list {
    width: 280px;
    padding: 0;
    max-height: 250px
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select .sar {
    display: block;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 10px;
    height: 22px;
    cursor: default;
    font-size: 14px;
    text-decoration: none
}

.wbb-select .val {
    height: 28px;
    line-height: 30px;
    font-weight: 700;
    font-size: 11px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px
}

.wbb-select .option {
    display: block;
    padding: 6px 10px;
    white-space: nowrap;
    cursor: pointer
}

.wbb-select .option:hover {
    background: #eee
}

.wbb-select .option.selected {
    background: #428bca;
    color: #fff
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-smilebox {
    background: transparent;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-smilebox.on,.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-smilebox.on:active {
    border: 1px solid #aaa;
    background: #ccc;
    -webkit-box-shadow: inset 0 0 3px #aaa;
    box-shadow: inset 0 0 3px #aaa
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-smilebox .wbb-list {
    width: 156px
}

.smile {
    width: 16px;
    height: 16px;
    line-height: 20px;
    padding: 5px;
    display: inline-block;
    *display: inline;
    zoom:1;cursor: pointer;
    vertical-align: middle
}

.smile img {
    max-width: 16px;
    max-height: 16px
}

#wbbmodal {
    font: 12px/1.2 Arial,Verdana;
    position: fixed;
    text-align: center;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0,0,0,.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb(127,255,255),endColorstr=rgb(127,255,255));
    zoom:1;z-index: 1100
}

#wbbmodal .wbbm {
    background: #fff;
    text-align: left;
    max-width: 90%;
    max-height: 90%;
    margin: 30px auto;
    border: 1px solid #bbb;
    -webkit-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333;
    overflow: auto
}

#wbbmodal .wbbm-title {
    color: #333;
    position: relative;
    padding: 5px 10px;
    border-bottom: 1px solid #ccc
}

#wbbmodal .wbbm-title .wbbm-title-text {
    font-size: 1.6em;
    line-height: 2em;
    margin: 0;
    padding: 0
}

#wbbmodal .wbbm-title .wbbclose {
    display: block;
    text-transform: uppercase;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 21px;
    font-weight: 700;
    cursor: pointer;
    color: #888
}

#wbbmodal .wbbm-title .wbbclose:hover {
    color: red
}

#wbbmodal .wbbm .wbbm-tablist {
    padding: 10px 20px
}

#wbbmodal .wbbm .wbbm-tablist ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

#wbbmodal .wbbm .wbbm-tablist ul li {
    padding: 10px;
    cursor: pointer;
    margin: 5px 0;
    position: relative;
    border-radius: 0;
    display: inline-block;
    margin: 0 10px 5px 0
}

#wbbmodal .wbbm .wbbm-tablist ul li.on,#wbbmodal .wbbm .wbbm-tablist ul li.on:hover {
    background: #428bca;
    color: #fff;
    cursor: default
}

#wbbmodal .wbbm .wbbm-tablist ul li:hover {
    background: #eee
}

#wbbmodal .wbbm-cont {
    padding: 10px 20px
}

#wbbmodal .wbbm-content {
    min-height: 50px;
    max-height: 100%
}

#wbbmodal .div-modal-text {
    border: 1px solid #aaa;
    padding: 2px 5px;
    line-height: 28px;
    max-height: 100px;
    overflow: auto;
    font-size: 14px
}

#wbbmodal .wbbm-bottom {
    border-top: 1px solid #ccc;
    padding: 10px;
    background: #f1f1f1
}

#wbbmodal button {
    display: inline-block;
    *display: inline;
    zoom:1;font-size: 14px;
    padding: 3px 15px
}

#wbbmodal .wbb-button {
    background: #428bca;
    color: #fff;
    line-height: 26px;
    border: 1px solid #357ebd;
    border-radius: 0;
    cursor: pointer
}

#wbbmodal .wbb-button:hover {
    background: #3276b1;
    border: 1px solid #285e8e
}

#wbbmodal .wbb-cancel-button {
    background: #f5f5f5;
    color: #333;
    line-height: 26px;
    border: 1px solid #ddd;
    border-radius: 0;
    cursor: pointer;
    margin-left: 15px
}

#wbbmodal .wbb-cancel-button:hover {
    background: #fff;
    border: 1px solid #ccc
}

#wbbmodal .wbb-remove-button {
    background: #d9534f;
    color: #fff;
    line-height: 26px;
    border: 1px solid #d43f3a;
    border-radius: 0;
    cursor: pointer;
    float: right
}

#wbbmodal .wbb-remove-button:hover {
    background: #d2322d;
    border: 1px solid #ac2925
}

#wbbmodal .wbbm-inp-row {
    margin-bottom: 15px
}

#wbbmodal .wbbm-inp-row label {
    display: block;
    font-weight: 700;
    margin-bottom: 3px
}

#wbbmodal .wbbm-inp-row input {
    display: block;
    height: 34px;
    padding: 2px 5px;
    line-height: 1.42857143;
    font-size: 14px;
    width: 100%;
    border: 1px solid #aaa;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0
}

#wbbmodal .wbbm-inperr {
    color: red;
    font-size: 10px;
    display: block
}

#wbbmodal .wbbm-brdred {
    border-color: red!important
}

#wbbmodal #imguploader {
    text-align: center
}

#wbbmodal #imguploader.drag {
    border: 3px dashed #ccc
}

#wbbmodal #imguploader.drag.dragover {
    background: #feffe4
}

#wbbmodal #imguploader.drag.wbb-loading {
    padding: 40px 0
}

#wbbmodal #imguploader.drag .p {
    font-size: 2em;
    color: #aaa;
    margin-top: 15px
}

#wbbmodal #imguploader.drag .p2 {
    color: #aaa
}

#wbbmodal #imguploader.drag .fileupload {
    margin: 15px 0
}

#wbbmodal .fileupload {
    margin: 40px 0;
    position: relative
}

#wbbmodal .dragupload {
    margin: 10px 0 15px;
    position: relative
}

#wbbmodal .fileupload input.file {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 230px;
    height: 32px!important;
    position: absolute;
    top: 2px;
    left: 50%;
    margin-left: -115px;
    display: block;
    cursor: pointer
}

.loader {
    margin: 30px 0
}

.upl-error {
    color: red;
    display: block
}

.powered {
    display: block;
    position: absolute;
    bottom: -18px;
    right: 5px;
    font-size: 10px
}

.wysibb .wysibb-body .imgWrap {
    position: relative;
    display: inline-block
}

.wysibb .wysibb-body .imgWrap img {
    opacity: .5
}

.content-phpbb3 {
    font-size: 13px;
    line-height: normal!important
}

.content-phpbb3 .codebox dt {
    float: none;
    width: 100%
}

.content-phpbb3 .codebox dd {
    margin: 0!important
}

@media (min-width: 768px) {
    .wysibb .wysibb-toolbar {
        border-bottom:1px solid #ddd;
        position: relative;
        padding: 0 60px 0 0;
        height: auto
    }

    .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-inner.ve-tlb-img1,.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-inner.ve-tlb-video1 {
        margin-left: 5px
    }

    .wysibb .wysibb-text {
        padding: 5px;
        margin: 0
    }

    .wysibb .wysibb-toolbar .wysibb-toolbar-container {
        margin: 0;
        padding: 0;
        display: inline-block
    }

    .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn {
        display: inline-block;
        height: 32px;
        min-width: 28px;
        position: relative;
        vertical-align: middle;
        padding: 0 1px;
        cursor: pointer;
        margin: 0 0 0 1px;
        font-size: 12px;
        border: 1px solid transparent;
        width: auto
    }

    .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover span.btn-tooltip {
        display: block
    }

    .wysibb .wysibb-toolbar .modeSwitch {
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        border: 0
    }

    .wysibb .wysibb-toolbar .wysibb-toolbar-container select.wbb-selectbox {
        display: none
    }

    .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select {
        display: inline-block
    }

    .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select ins,.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select span.val {
        display: block
    }

    .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .wbb-list {
        display: none;
        position: absolute;
        top: 32px;
        left: -1px;
        border: 1px solid #bbb;
        -webkit-box-shadow: 0 0 3px #aaa;
        box-shadow: 0 0 3px #aaa;
        width: 190px;
        background: #fff;
        max-height: 220px;
        overflow: auto;
        z-index: 1000
    }

    .wbb-list .sc {
        width: 16px;
        height: 16px;
        margin: 0 0 1px 1px;
        display: inline-block;
        *display: inline;
        zoom:1;cursor: pointer;
        border: 1px solid #fff
    }

    .ve-tlb-colorpick {
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: right
    }

    .wysibb .bottom-resize-line {
        display: block;
        height: 5px;
        cursor: ns-resize
    }
}

div[data-v-51f5c11c] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sticker-box-wrap[data-v-51f5c11c] {
    position: relative
}

.face-btn:hover .text[data-v-51f5c11c] {
    color: #19c8a9
}

.face-btn[data-v-51f5c11c] {
    cursor: pointer;
    position: relative;
    color: #b8b8b8;
    font-size: 14px
}

.face-btn .text[data-v-51f5c11c],.face-btn i[data-v-51f5c11c] {
    vertical-align: middle
}

.face-btn .text[data-v-51f5c11c] {
    margin-left: 10px
}

.sticker-box[data-v-51f5c11c] {
    position: absolute;
    top: 40px;
    z-index: 1;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    width: 345px;
    border: 1px solid #ebeef5
}

.sticker-box .tabs[data-v-51f5c11c] {
    padding: 0 2px;
    border-bottom: 1px solid #e3e3e3
}

.sticker-box .tabs .tab[data-v-51f5c11c] {
    display: inline-block;
    font-size: 12px;
    color: #666;
    line-height: 18px;
    padding: 8px 10px;
    cursor: pointer
}

.sticker-box .tabs .active[data-v-51f5c11c] {
    color: #19c8a9
}

.sticker-box .content-sticker[data-v-51f5c11c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 150px;
    max-width: 331px;
    margin: 0 auto;
    overflow: auto;
    border-left: 1px solid #e3e3e3;
    -ms-flex-line-pack: baseline;
    align-content: baseline
}

.sticker-box .cell[data-v-51f5c11c] {
    width: 30px;
    height: 30px;
    line-height: 1;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    cursor: pointer
}

.sticker-box .cell .sticker-item[data-v-51f5c11c] {
    width: 100%;
    height: 100%
}

.sticker-box .cell .sticker-item[data-v-51f5c11c]:hover {
    border: 1px solid #19c8a9
}

.sticker-box .cell img[data-v-51f5c11c] {
    width: 18px
}

.dialog-picture-wall[data-v-60612dc4] .el-dialog__close {
    color: #d8d8d8;
    font-size: 20px;
    font-weight: bolder
}

.dialog-picture-wall[data-v-60612dc4] .el-dialog__close:hover {
    color: #19c8a9
}

.dialog-picture-wall[data-v-60612dc4] .el-dialog__body {
    padding-top: 0
}

.dialog-picture-wall[data-v-60612dc4] .el-upload-dragger {
    width: 625px;
    height: 135px
}

.dialog-picture-wall[data-v-60612dc4] .el-icon-upload {
    font-size: 35px;
    line-height: 35px;
    margin-top: 25px;
    margin-bottom: 5px
}

.dialog-picture-wall[data-v-60612dc4] .el-upload__tip {
    color: #848385;
    font-size: 12px
}

.dialog-picture-wall .picture-row[data-v-60612dc4] {
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden
}

.dialog-picture-wall .logo[data-v-60612dc4] {
    width: 175px;
    height: 59px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px
}

.dialog-picture-wall .line[data-v-60612dc4] {
    height: 1px;
    border: none;
    border-top: 1px dashed #ccc
}

.dialog-picture-wall .animated-out[data-v-60612dc4] {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.dialog-picture-wall .fileNum[data-v-60612dc4] {
    position: absolute;
    right: 10px;
    top: 10px
}

.thumbnail[data-v-6da60296] {
    width: 100%;
    height: 100%
}

.card[data-v-6da60296] {
    position: relative;
    width: 146px;
    height: 146px;
    overflow: hidden;
    border-radius: 10px
}

.card:hover .card-actions[data-v-6da60296] {
    opacity: 1
}

.card-error[data-v-6da60296] {
    font-size: 12px;
    background-color: rgba(255,0,0,.7)
}

.card-actions[data-v-6da60296],.card-error[data-v-6da60296] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    color: #fff;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    border-radius: 10px
}

.card-actions[data-v-6da60296] {
    z-index: 100;
    opacity: 0;
    font-size: 20px;
    background-color: rgba(0,0,0,.5)
}

.progress[data-v-6da60296] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    background: #fff
}

.popover[data-v-5e197fce] {
    width: 772px
}

.popover-main[data-v-5e197fce] {
    padding: 25px 0;
    padding-left: 50px
}

.hd[data-v-5e197fce] {
    height: 62px;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 20px
}

.title[data-v-5e197fce] {
    font-size: 16px;
    color: #282828;
    font-family: PingFangSC-Medium
}

.popover-footer[data-v-5e197fce] {
    padding: 20px
}

.popover-footer .btn[data-v-5e197fce] {
    width: 120px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-left: 30px
}

.yard-list-popover {
    padding: 0
}

.publish-yard-list[data-v-ebfed262] {
    height: 288px
}

.row-left[data-v-ebfed262] {
    width: 84px;
    margin-right: 38px;
    position: relative
}

.row-left[data-v-ebfed262]:after {
    content: "";
    display: block;
    top: 0;
    right: 0;
    bottom: 20px;
    width: 2px;
    background: #f5f5f5;
    position: absolute
}

.yard-name[data-v-ebfed262] {
    font-size: 16px;
    color: #282828;
    padding-right: 20px
}

.row:hover .row-left[data-v-ebfed262]:after {
    background: #19c8a9
}

.publish-yard-list {
    height: 100%;
    overflow: hidden;
    padding-right: 40px
}

.publish-yard-list .live-scroll {
    height: 100%;
    overflow-x: hidden
}

.publish-yard-list .live-scroll .el-scrollbar__wrap {
    overflow-x: hidden
}

.publish-yard-list .live-scroll .el-scrollbar__bar.is-horizontal {
    display: none
}

.publish-yard-list .live-scroll .el-scrollbar__bar.is-vertical {
    position: fixed;
    right: -30px
}

.yard-item[data-v-15508ecc] {
    position: relative;
    cursor: pointer
}

.cont[data-v-15508ecc] {
    padding: 20px;
    border: 1px solid #f5f5f5;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer
}

.cont[data-v-15508ecc]:hover {
    border-color: #19c8a9
}

.img[data-v-15508ecc] {
    width: 80px;
    height: 80px;
    margin-right: 10px
}

.img img[data-v-15508ecc] {
    width: 100%;
    height: 100%
}

.name[data-v-15508ecc] {
    font-size: 16px;
    color: #282828;
    margin-right: 10px
}

.member[data-v-15508ecc] {
    font-size: 12px;
    color: #19c8a9
}

.desc[data-v-15508ecc] {
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.checkbox[data-v-15508ecc] {
    display: none
}

.checkbox:checked+.cont[data-v-15508ecc] {
    border-color: #19c8a9
}

.checkbox:checked+.cont .selected[data-v-15508ecc] {
    display: block
}

.checkbox:checked+.cont .unselected[data-v-15508ecc] {
    display: none
}

.icon-badge[data-v-15508ecc] {
    position: absolute;
    right: 1px;
    top: 0;
    z-index: 2
}

.selected[data-v-15508ecc] {
    display: none
}

.rechargewarning[data-v-3b61324a] {
    background: #fff;
    padding: 40px 100px
}

.rechargewarning .title[data-v-3b61324a] {
    font-size: 30px;
    color: #282828;
    text-align: center;
    line-height: 1;
    margin-bottom: 40px
}

.rechargewarning .paragraph[data-v-3b61324a] {
    margin-bottom: 30px;
    font-size: 16px;
    color: #666;
    line-height: 3;
    margin-bottom: 10px;
    text-indent: 32px
}

body[data-v-12738638] {
    padding-top: 0
}

.table-wrap[data-v-12738638] {
    width: 100%
}

.el-header[data-v-12738638] {
    background: #fff
}

.el-aside[data-v-12738638] {
    color: #333
}

.link[data-v-12738638] {
    color: #19c8a9
}

.icon[data-v-0f88abf2] {
    position: absolute
}

.container[data-v-0f88abf2] {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 28.16px;
    padding-top: 1.76rem;
    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
}

.container .myPage .page[data-v-0f88abf2],.container .myPage[data-v-0f88abf2] {
    width: 100%;
    height: 100%
}

.container .myPage .page .page-one[data-v-0f88abf2] {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 29.866px;
    padding-bottom: 1.86667rem
}

.container .myPage .page .page-one .page-txt[data-v-0f88abf2],.container .myPage .page .page-one[data-v-0f88abf2] {
    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
}

.container .myPage .page .page-one .page-txt .title-img[data-v-0f88abf2] {
    width: 25.6px;
    width: 1.6rem
}

.container .myPage .page .page-one .page-txt .des[data-v-0f88abf2] {
    color: #2e3033;
    font-size: 7.68px;
    font-size: .48rem;
    margin-top: 4.266px;
    margin-top: .26667rem;
    font-weight: 700
}

.container .myPage .page .page-one .page-txt .des-txt[data-v-0f88abf2] {
    color: #5d6167;
    font-size: 4.693px;
    font-size: .29333rem;
    line-height: 8.533px;
    line-height: .53333rem;
    text-align: center
}

.container .myPage .page .page-one .page-txt button[data-v-0f88abf2] {
    font-weight: 700;
    width: 49.493px;
    width: 3.09333rem;
    height: 15.36px;
    height: .96rem;
    background: #4cd8c0;
    border-radius: .21333rem;
    outline: none;
    cursor: pointer;
    border: none;
    margin-top: 4.266px;
    margin-top: .26667rem;
    color: #fff;
    font-size: 5.973px;
    font-size: .37333rem
}

.container .myPage .page .page-one .page-txt button.btn1[data-v-0f88abf2] {
    background: #fff;
    border: 1px solid #4cd8c0;
    color: #4cd8c0
}

.container .myPage .page .page-one .play2[data-v-0f88abf2],.container .myPage .page .page-one .play3[data-v-0f88abf2],.container .myPage .page .page-one .play4[data-v-0f88abf2],.container .myPage .page .page-one .play5[data-v-0f88abf2],.container .myPage .page .page-one .play6[data-v-0f88abf2],.container .myPage .page .page-one .play[data-v-0f88abf2] {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: url("./card.png") no-repeat;
    background-size: contain;
    background-position: 50%;
    position: relative
}

.container .myPage .page .page-one .play2 .icon1[data-v-0f88abf2],.container .myPage .page .page-one .play3 .icon1[data-v-0f88abf2],.container .myPage .page .page-one .play4 .icon1[data-v-0f88abf2],.container .myPage .page .page-one .play5 .icon1[data-v-0f88abf2],.container .myPage .page .page-one .play6 .icon1[data-v-0f88abf2],.container .myPage .page .page-one .play .icon1[data-v-0f88abf2] {
    width: 14.506px;
    width: .90667rem;
    bottom: 64px;
    bottom: 4rem;
    left: 29.013px;
    left: 1.81333rem
}

.container .myPage .page .page-one .play2 .icon2[data-v-0f88abf2],.container .myPage .page .page-one .play3 .icon2[data-v-0f88abf2],.container .myPage .page .page-one .play4 .icon2[data-v-0f88abf2],.container .myPage .page .page-one .play5 .icon2[data-v-0f88abf2],.container .myPage .page .page-one .play6 .icon2[data-v-0f88abf2],.container .myPage .page .page-one .play .icon2[data-v-0f88abf2] {
    width: 34.986px;
    width: 2.18667rem;
    bottom: 8.533px;
    bottom: .53333rem;
    right: 20.053px;
    right: 1.25333rem
}

.container .myPage .page .page-one .play2[data-v-0f88abf2] {
    background: url("./card2.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play2 .play-cover[data-v-0f88abf2] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play2 .play-cover .icon4[data-v-0f88abf2] {
    width: 32.426px;
    width: 2.02667rem;
    top: 3.84px;
    top: .24rem;
    right: 23.893px;
    right: 1.49333rem
}

.container .myPage .page .page-one .play2 .play-cover .icon5[data-v-0f88abf2] {
    width: 34.133px;
    width: 2.13333rem;
    top: 62.293px;
    top: 3.89333rem;
    left: 24.32px;
    left: 1.52rem
}

.container .myPage .page .page-one .play2 .play-cover .icon6[data-v-0f88abf2] {
    width: 40.533px;
    width: 2.53333rem;
    bottom: 7.68px;
    bottom: .48rem;
    right: 21.333px;
    right: 1.33333rem
}

.container .myPage .page .page-one .play3[data-v-0f88abf2] {
    background: url("./card3.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play3 .play-cover[data-v-0f88abf2] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play3 .play-cover .icon7[data-v-0f88abf2] {
    width: 35.413px;
    width: 2.21333rem;
    top: 36.693px;
    top: 2.29333rem;
    right: 19.626px;
    right: 1.22667rem
}

.container .myPage .page .page-one .play3 .play-cover .icon8[data-v-0f88abf2] {
    width: 29.866px;
    width: 1.86667rem;
    top: 62.293px;
    top: 3.89333rem;
    left: 18.773px;
    left: 1.17333rem
}

.container .myPage .page .page-one .play3 .play-cover .icon9[data-v-0f88abf2] {
    width: 40.533px;
    width: 2.53333rem;
    bottom: 8.533px;
    bottom: .53333rem;
    right: 17.066px;
    right: 1.06667rem
}

.container .myPage .page .page-one .play4[data-v-0f88abf2] {
    background: url("./card4.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play4 .play-cover[data-v-0f88abf2] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play4 .play-cover .icon10[data-v-0f88abf2] {
    width: 28.586px;
    width: 1.78667rem;
    top: 36.693px;
    top: 2.29333rem;
    right: 19.626px;
    right: 1.22667rem
}

.container .myPage .page .page-one .play4 .play-cover .icon11[data-v-0f88abf2] {
    width: 24.32px;
    width: 1.52rem;
    top: 62.293px;
    top: 3.89333rem;
    left: 23.04px;
    left: 1.44rem
}

.container .myPage .page .page-one .play4 .play-cover .icon12[data-v-0f88abf2] {
    width: 40.533px;
    width: 2.53333rem;
    bottom: 11.52px;
    bottom: .72rem;
    right: 21.333px;
    right: 1.33333rem
}

.container .myPage .page .page-one .play5[data-v-0f88abf2] {
    background: url("./card5.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play5 .play-cover[data-v-0f88abf2] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play5 .play-cover .icon13[data-v-0f88abf2] {
    width: 34.133px;
    width: 2.13333rem;
    top: 38.4px;
    top: 2.4rem;
    right: 19.626px;
    right: 1.22667rem
}

.container .myPage .page .page-one .play5 .play-cover .icon14[data-v-0f88abf2] {
    width: 38.826px;
    width: 2.42667rem;
    top: 62.293px;
    top: 3.89333rem;
    left: 14.506px;
    left: .90667rem
}

.container .myPage .page .page-one .play5 .play-cover .icon15[data-v-0f88abf2] {
    width: 39.68px;
    width: 2.48rem;
    bottom: 11.52px;
    bottom: .72rem;
    right: 21.333px;
    right: 1.33333rem
}

.container .myPage .page .page-one .play6[data-v-0f88abf2] {
    background: url("./card6.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play6 .play-cover[data-v-0f88abf2] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play6 .play-cover .icon17[data-v-0f88abf2] {
    width: 27.306px;
    width: 1.70667rem;
    top: 38.4px;
    top: 2.4rem;
    right: 19.626px;
    right: 1.22667rem
}

.container .myPage .page .page-one .play6 .play-cover .icon18[data-v-0f88abf2] {
    width: 28.586px;
    width: 1.78667rem;
    top: 75.093px;
    top: 4.69333rem;
    left: 14.506px;
    left: .90667rem
}

.container .myPage .page .page-one .play6 .play-cover .icon19[data-v-0f88abf2] {
    width: 36.693px;
    width: 2.29333rem;
    bottom: 11.52px;
    bottom: .72rem;
    right: 21.333px;
    right: 1.33333rem
}

.container .myPage .page .page-seven[data-v-0f88abf2] {
    height: 100%;
    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;
    padding-bottom: 12.8px;
    padding-bottom: .8rem
}

.container .myPage .page .page-seven .logo1[data-v-0f88abf2] {
    width: 38.4px;
    width: 2.4rem;
    height: 38.4px;
    height: 2.4rem
}

.container .myPage .page .page-seven .logo2[data-v-0f88abf2] {
    margin-top: 8.533px;
    margin-top: .53333rem;
    width: 25.6px;
    width: 1.6rem
}

.container .myPage .page .page-seven h2[data-v-0f88abf2] {
    padding-top: 4.266px;
    padding-top: .26667rem;
    margin: 0;
    font-weight: 700;
    color: #2e3033;
    font-size: 7.68px;
    font-size: .48rem
}

.container .myPage .page .page-seven button[data-v-0f88abf2] {
    font-weight: 700;
    width: 78.506px;
    width: 4.90667rem;
    height: 17.066px;
    height: 1.06667rem;
    background: #4cd8c0;
    border-radius: .21333rem;
    outline: none;
    cursor: pointer;
    border: none;
    margin-top: 21.333px;
    margin-top: 1.33333rem;
    color: #fff;
    font-size: 5.973px;
    font-size: .37333rem
}

.container .myPage .page .page-seven button.btn1[data-v-0f88abf2] {
    margin-top: 4.266px;
    margin-top: .26667rem;
    background: #fff;
    border: 1px solid #4cd8c0;
    color: #4cd8c0
}

.container .myPage .page .page-seven p[data-v-0f88abf2] {
    color: #aaacb3;
    padding-top: 12.8px;
    padding-top: .8rem;
    font-size: 5.12px;
    font-size: .32rem;
    text-align: center;
    padding-bottom: 21.333px;
    padding-bottom: 1.33333rem
}

.mymove1[data-v-0f88abf2] {
    -webkit-animation: mymove1-data-v-0f88abf2 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-0f88abf2 1.5s 1s infinite alternate ease
}

.mymove2[data-v-0f88abf2] {
    -webkit-animation: mymove2-data-v-0f88abf2 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-0f88abf2 1.5s 1s infinite alternate ease
}

.mymove3[data-v-0f88abf2] {
    -webkit-animation: mymove3-data-v-0f88abf2 1.5s 1s infinite alternate ease;
    animation: mymove3-data-v-0f88abf2 1.5s 1s infinite alternate ease
}

.box2-ani5[data-v-0f88abf2] {
    -webkit-animation: box2-ani5-data-v-0f88abf2 .8s 1s both;
    animation: box2-ani5-data-v-0f88abf2 .8s 1s both
}

.swiper-container-vertical>.swiper-pagination-bullets[data-v-0f88abf2] {
    right: 4.266px;
    right: .26667rem
}

[data-v-0f88abf2] .swiper-pagination-bullet {
    background: #d9dde0;
    width: 2.56px;
    width: .16rem;
    height: 2.56px;
    height: .16rem;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

[data-v-0f88abf2] .swiper-pagination-bullet-active {
    background: #4cd8c0;
    width: 2.56px;
    width: .16rem;
    height: 5.12px;
    height: .32rem;
    border-radius: .08rem
}

.mask[data-v-0f88abf2] {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.8);
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0
}

.mask-container[data-v-0f88abf2] {
    width: 100%;
    height: 100%;
    background-image: url(https://imgx.lygou.cc/cai/img/public/lyg/zh-cn/lyg.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 100%
}

@-webkit-keyframes mymove1-data-v-0f88abf2 {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@keyframes mymove1-data-v-0f88abf2 {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@-webkit-keyframes mymove2-data-v-0f88abf2 {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@keyframes mymove2-data-v-0f88abf2 {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@-webkit-keyframes mymove3-data-v-0f88abf2 {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@keyframes mymove3-data-v-0f88abf2 {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@-webkit-keyframes box2-ani5-data-v-0f88abf2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes box2-ani5-data-v-0f88abf2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.action-wrap[data-v-0f88abf2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 65vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: none
}

body[data-v-31aaed86] {
    padding-top: 0
}

.wrap[data-v-31aaed86] {
    width: 100%
}

.el-header[data-v-31aaed86] {
    background: #fff
}

.el-tabs__header[data-v-31aaed86] {
    margin: 0
}

.el-aside[data-v-31aaed86] {
    color: #333
}

.map[data-v-31aaed86] {
    width: 100%;
    height: 92.9vh;
    background: #011649
}

.icon[data-v-94f5cd46] {
    position: absolute
}

.container[data-v-94f5cd46] {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 28.16px;
    padding-top: 1.76rem;
    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
}

.container .myPage .page[data-v-94f5cd46],.container .myPage[data-v-94f5cd46] {
    width: 100%;
    height: 100%
}

.container .myPage .page .page-one[data-v-94f5cd46] {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 29.866px;
    padding-bottom: 1.86667rem
}

.container .myPage .page .page-one .page-txt[data-v-94f5cd46],.container .myPage .page .page-one[data-v-94f5cd46] {
    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
}

.container .myPage .page .page-one .page-txt .title-img[data-v-94f5cd46] {
    width: 25.6px;
    width: 1.6rem
}

.container .myPage .page .page-one .page-txt .des[data-v-94f5cd46] {
    color: #2e3033;
    font-size: 7.68px;
    font-size: .48rem;
    margin-top: 4.266px;
    margin-top: .26667rem;
    font-weight: 700
}

.container .myPage .page .page-one .page-txt .des-txt[data-v-94f5cd46] {
    color: #5d6167;
    font-size: 4.693px;
    font-size: .29333rem;
    line-height: 8.533px;
    line-height: .53333rem;
    text-align: center
}

.container .myPage .page .page-one .page-txt button[data-v-94f5cd46] {
    font-weight: 700;
    width: 49.493px;
    width: 3.09333rem;
    height: 15.36px;
    height: .96rem;
    background: #4cd8c0;
    border-radius: .21333rem;
    outline: none;
    cursor: pointer;
    border: none;
    margin-top: 4.266px;
    margin-top: .26667rem;
    color: #fff;
    font-size: 5.973px;
    font-size: .37333rem
}

.container .myPage .page .page-one .page-txt button.btn1[data-v-94f5cd46] {
    background: #fff;
    border: 1px solid #4cd8c0;
    color: #4cd8c0
}

.container .myPage .page .page-one .play2[data-v-94f5cd46],.container .myPage .page .page-one .play3[data-v-94f5cd46],.container .myPage .page .page-one .play4[data-v-94f5cd46],.container .myPage .page .page-one .play5[data-v-94f5cd46],.container .myPage .page .page-one .play6[data-v-94f5cd46],.container .myPage .page .page-one .play[data-v-94f5cd46] {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: url("./card.png") no-repeat;
    background-size: contain;
    background-position: 50%;
    position: relative
}

.container .myPage .page .page-one .play2 .icon1[data-v-94f5cd46],.container .myPage .page .page-one .play3 .icon1[data-v-94f5cd46],.container .myPage .page .page-one .play4 .icon1[data-v-94f5cd46],.container .myPage .page .page-one .play5 .icon1[data-v-94f5cd46],.container .myPage .page .page-one .play6 .icon1[data-v-94f5cd46],.container .myPage .page .page-one .play .icon1[data-v-94f5cd46] {
    width: 14.506px;
    width: .90667rem;
    bottom: 64px;
    bottom: 4rem;
    left: 29.013px;
    left: 1.81333rem
}

.container .myPage .page .page-one .play2 .icon2[data-v-94f5cd46],.container .myPage .page .page-one .play3 .icon2[data-v-94f5cd46],.container .myPage .page .page-one .play4 .icon2[data-v-94f5cd46],.container .myPage .page .page-one .play5 .icon2[data-v-94f5cd46],.container .myPage .page .page-one .play6 .icon2[data-v-94f5cd46],.container .myPage .page .page-one .play .icon2[data-v-94f5cd46] {
    width: 34.986px;
    width: 2.18667rem;
    bottom: 8.533px;
    bottom: .53333rem;
    right: 20.053px;
    right: 1.25333rem
}

.container .myPage .page .page-one .play2[data-v-94f5cd46] {
    background: url("./card2.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play2 .play-cover[data-v-94f5cd46] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play2 .play-cover .icon4[data-v-94f5cd46] {
    width: 32.426px;
    width: 2.02667rem;
    top: 3.84px;
    top: .24rem;
    right: 23.893px;
    right: 1.49333rem
}

.container .myPage .page .page-one .play2 .play-cover .icon5[data-v-94f5cd46] {
    width: 34.133px;
    width: 2.13333rem;
    top: 62.293px;
    top: 3.89333rem;
    left: 24.32px;
    left: 1.52rem
}

.container .myPage .page .page-one .play2 .play-cover .icon6[data-v-94f5cd46] {
    width: 40.533px;
    width: 2.53333rem;
    bottom: 7.68px;
    bottom: .48rem;
    right: 21.333px;
    right: 1.33333rem
}

.container .myPage .page .page-one .play3[data-v-94f5cd46] {
    background: url("./card3.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play3 .play-cover[data-v-94f5cd46] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play3 .play-cover .icon7[data-v-94f5cd46] {
    width: 35.413px;
    width: 2.21333rem;
    top: 36.693px;
    top: 2.29333rem;
    right: 19.626px;
    right: 1.22667rem
}

.container .myPage .page .page-one .play3 .play-cover .icon8[data-v-94f5cd46] {
    width: 29.866px;
    width: 1.86667rem;
    top: 62.293px;
    top: 3.89333rem;
    left: 18.773px;
    left: 1.17333rem
}

.container .myPage .page .page-one .play3 .play-cover .icon9[data-v-94f5cd46] {
    width: 40.533px;
    width: 2.53333rem;
    bottom: 8.533px;
    bottom: .53333rem;
    right: 17.066px;
    right: 1.06667rem
}

.container .myPage .page .page-one .play4[data-v-94f5cd46] {
    background: url("./card4.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play4 .play-cover[data-v-94f5cd46] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play4 .play-cover .icon10[data-v-94f5cd46] {
    width: 28.586px;
    width: 1.78667rem;
    top: 36.693px;
    top: 2.29333rem;
    right: 19.626px;
    right: 1.22667rem
}

.container .myPage .page .page-one .play4 .play-cover .icon11[data-v-94f5cd46] {
    width: 24.32px;
    width: 1.52rem;
    top: 62.293px;
    top: 3.89333rem;
    left: 23.04px;
    left: 1.44rem
}

.container .myPage .page .page-one .play4 .play-cover .icon12[data-v-94f5cd46] {
    width: 40.533px;
    width: 2.53333rem;
    bottom: 11.52px;
    bottom: .72rem;
    right: 21.333px;
    right: 1.33333rem
}

.container .myPage .page .page-one .play5[data-v-94f5cd46] {
    background: url("./card5.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play5 .play-cover[data-v-94f5cd46] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play5 .play-cover .icon13[data-v-94f5cd46] {
    width: 34.133px;
    width: 2.13333rem;
    top: 38.4px;
    top: 2.4rem;
    right: 19.626px;
    right: 1.22667rem
}

.container .myPage .page .page-one .play5 .play-cover .icon14[data-v-94f5cd46] {
    width: 38.826px;
    width: 2.42667rem;
    top: 62.293px;
    top: 3.89333rem;
    left: 14.506px;
    left: .90667rem
}

.container .myPage .page .page-one .play5 .play-cover .icon15[data-v-94f5cd46] {
    width: 39.68px;
    width: 2.48rem;
    bottom: 11.52px;
    bottom: .72rem;
    right: 21.333px;
    right: 1.33333rem
}

.container .myPage .page .page-one .play6[data-v-94f5cd46] {
    background: url("./card6.png") no-repeat;
    background-size: contain;
    background-position: 50%
}

.container .myPage .page .page-one .play6 .play-cover[data-v-94f5cd46] {
    width: 100%;
    height: 100%;
    position: relative
}

.container .myPage .page .page-one .play6 .play-cover .icon17[data-v-94f5cd46] {
    width: 27.306px;
    width: 1.70667rem;
    top: 38.4px;
    top: 2.4rem;
    right: 19.626px;
    right: 1.22667rem
}

.container .myPage .page .page-one .play6 .play-cover .icon18[data-v-94f5cd46] {
    width: 28.586px;
    width: 1.78667rem;
    top: 75.093px;
    top: 4.69333rem;
    left: 14.506px;
    left: .90667rem
}

.container .myPage .page .page-one .play6 .play-cover .icon19[data-v-94f5cd46] {
    width: 36.693px;
    width: 2.29333rem;
    bottom: 11.52px;
    bottom: .72rem;
    right: 21.333px;
    right: 1.33333rem
}

.container .myPage .page .page-seven[data-v-94f5cd46] {
    height: 100%;
    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;
    padding-bottom: 12.8px;
    padding-bottom: .8rem
}

.container .myPage .page .page-seven .logo1[data-v-94f5cd46] {
    width: 38.4px;
    width: 2.4rem;
    height: 38.4px;
    height: 2.4rem
}

.container .myPage .page .page-seven .logo2[data-v-94f5cd46] {
    margin-top: 8.533px;
    margin-top: .53333rem;
    width: 25.6px;
    width: 1.6rem
}

.container .myPage .page .page-seven h2[data-v-94f5cd46] {
    padding-top: 4.266px;
    padding-top: .26667rem;
    margin: 0;
    font-weight: 700;
    color: #2e3033;
    font-size: 7.68px;
    font-size: .48rem
}

.container .myPage .page .page-seven button[data-v-94f5cd46] {
    font-weight: 700;
    width: 78.506px;
    width: 4.90667rem;
    height: 17.066px;
    height: 1.06667rem;
    background: #4cd8c0;
    border-radius: .21333rem;
    outline: none;
    cursor: pointer;
    border: none;
    margin-top: 21.333px;
    margin-top: 1.33333rem;
    color: #fff;
    font-size: 5.973px;
    font-size: .37333rem
}

.container .myPage .page .page-seven button.btn1[data-v-94f5cd46] {
    margin-top: 4.266px;
    margin-top: .26667rem;
    background: #fff;
    border: 1px solid #4cd8c0;
    color: #4cd8c0
}

.container .myPage .page .page-seven p[data-v-94f5cd46] {
    color: #aaacb3;
    padding-top: 12.8px;
    padding-top: .8rem;
    font-size: 5.12px;
    font-size: .32rem;
    text-align: center;
    padding-bottom: 21.333px;
    padding-bottom: 1.33333rem
}

.mymove1[data-v-94f5cd46] {
    -webkit-animation: mymove1-data-v-94f5cd46 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-94f5cd46 1.5s 1s infinite alternate ease
}

.mymove2[data-v-94f5cd46] {
    -webkit-animation: mymove2-data-v-94f5cd46 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-94f5cd46 1.5s 1s infinite alternate ease
}

.mymove3[data-v-94f5cd46] {
    -webkit-animation: mymove3-data-v-94f5cd46 1.5s 1s infinite alternate ease;
    animation: mymove3-data-v-94f5cd46 1.5s 1s infinite alternate ease
}

.box2-ani5[data-v-94f5cd46] {
    -webkit-animation: box2-ani5-data-v-94f5cd46 .8s 1s both;
    animation: box2-ani5-data-v-94f5cd46 .8s 1s both
}

.swiper-container-vertical>.swiper-pagination-bullets[data-v-94f5cd46] {
    right: 4.266px;
    right: .26667rem
}

[data-v-94f5cd46] .swiper-pagination-bullet {
    background: #d9dde0;
    width: 2.56px;
    width: .16rem;
    height: 2.56px;
    height: .16rem;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

[data-v-94f5cd46] .swiper-pagination-bullet-active {
    background: #4cd8c0;
    width: 2.56px;
    width: .16rem;
    height: 5.12px;
    height: .32rem;
    border-radius: .08rem
}

.mask[data-v-94f5cd46] {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.8);
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0
}

.mask-container[data-v-94f5cd46] {
    width: 100%;
    height: 100%;
    background-image: url(https://imgx.lygou.cc/cai/img/public/lyg/zh-cn/lyg.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 100%
}

@-webkit-keyframes mymove1-data-v-94f5cd46 {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@keyframes mymove1-data-v-94f5cd46 {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@-webkit-keyframes mymove2-data-v-94f5cd46 {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@keyframes mymove2-data-v-94f5cd46 {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@-webkit-keyframes mymove3-data-v-94f5cd46 {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@keyframes mymove3-data-v-94f5cd46 {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@-webkit-keyframes box2-ani5-data-v-94f5cd46 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes box2-ani5-data-v-94f5cd46 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.action-wrap[data-v-94f5cd46] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 65vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.article-wrapper[data-v-70ba5b03] {
    padding: 25px 45px 50px;
    background: #fff;
    margin-bottom: 45px;
    word-wrap: break-word
}

.article-wrapper .title[data-v-70ba5b03] {
    font-size: 24px;
    margin: 0;
    color: #282828
}

.article-wrapper .drop-menu[data-v-70ba5b03] {
    margin-left: 10px
}

.article-wrapper .time-bar[data-v-70ba5b03] {
    font-size: 14px;
    color: #b8b8b8
}

.article-wrapper .sub-title .tag[data-v-70ba5b03] {
    color: #0087ff;
    font-size: 14px
}

.article-wrapper .detail[data-v-70ba5b03] {
    font-size: 16px;
    line-height: 1.75;
    color: #666
}

.article-wrapper .detail p[data-v-70ba5b03] {
    margin-bottom: 20px
}

.article-wrapper .detail[data-v-70ba5b03] img {
    margin: 20px auto
}

.article-wrapper .praise-btn[data-v-70ba5b03] {
    width: 138px;
    height: 50px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 25px;
    cursor: pointer;
    background: #ff645a
}

.article-wrapper .praise-num[data-v-70ba5b03] {
    font-size: 13px;
    color: #b9bdc5
}

.article-wrapper .praise-img[data-v-70ba5b03] {
    width: 150px;
    cursor: pointer
}

.article-wrapper .guest .item[data-v-70ba5b03] {
    width: 33px;
    height: 33px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px
}

.article-wrapper .guest .item[data-v-70ba5b03]:last-of-type {
    margin-right: 0
}

.article-wrapper .guest .item img[data-v-70ba5b03] {
    display: block;
    width: 100%;
    height: 100%
}

.tip[data-v-70ba5b03] {
    color: #282828;
    height: 40px
}

.comments-total[data-v-70ba5b03] {
    font-size: 16px;
    color: #282828;
    font-weight: 600
}

.add-comment[data-v-70ba5b03] {
    margin-bottom: 20px
}

.title-bar[data-v-4293fe00] {
    font-size: 16px;
    color: #282828
}

.list .item[data-v-4293fe00] {
    display: block;
    width: 100%
}

.list .thumb[data-v-4293fe00] {
    height: 110px
}

.list .thumb img[data-v-4293fe00] {
    width: 100%;
    height: 100%
}

.title[data-v-4293fe00] {
    padding: 0 10px;
    background: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #666
}

.add-comment.add[data-v-70eec121] {
    background: #fff;
    padding-top: 34px;
    padding-bottom: 24px
}

.padding[data-v-70eec121] {
    padding-left: 20px;
    padding-right: 20px
}

.padding-little[data-v-70eec121] {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.submit-comment[data-v-70eec121] {
    height: 36px;
    width: 100px;
    line-height: 36px;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #666
}

.submit-comment.active[data-v-70eec121],.submit-comment[data-v-70eec121]:hover {
    background: #19c8a9;
    color: #fff
}

.face-btn[data-v-70eec121] {
    color: #b8b8b8;
    font-size: 14px
}

.face-btn .text[data-v-70eec121],.face-btn i[data-v-70eec121] {
    vertical-align: middle
}

.face-btn .text[data-v-70eec121] {
    margin-left: 10px
}

.add-comment .el-textarea__inner {
    background: #f4f4f4!important
}

.comments-list[data-v-341ac786] {
    background: #fff
}

.padding[data-v-341ac786] {
    padding: 0 7px 0 33px
}

.comments-list-hd[data-v-341ac786] {
    height: 68px;
    border-bottom: 1px solid #e3e3e3
}

.tab-handle li[data-v-341ac786] {
    margin-right: 50px;
    font-size: 16px;
    color: #282828;
    display: block;
    height: 68px;
    line-height: 68px;
    cursor: pointer
}

.tab-handle li.active[data-v-341ac786],.tab-handle li[data-v-341ac786]:hover {
    color: #19c8a9
}

.order-handle[data-v-341ac786] {
    font-size: 14px;
    color: #666
}

.order-handle .split[data-v-341ac786] {
    margin: 0 10px
}

.order-handle .item[data-v-341ac786] {
    cursor: pointer
}

.order-handle .item.active[data-v-341ac786],.order-handle .item[data-v-341ac786]:hover {
    color: #19c8a9
}

.switch-reply-display[data-v-341ac786] {
    padding-left: 50px;
    font-size: 12px;
    color: #b8b8b8
}

.reply-comment-list[data-v-341ac786] {
    padding-left: 50px
}

.comments-first-border[data-v-341ac786] {
    border: 0;
    border-bottom: 1px solid #f4f4f4;
    margin: 30px 0 0 50px
}

.comments-item-box[data-v-341ac786] {
    border-bottom: 1px solid #f4f4f4
}

.reply-comment-list[data-v-341ac786] .avatar {
    width: 30px;
    height: 30px
}

.reply-comment-list[data-v-341ac786] .comment-hd {
    height: 30px
}

.el-pagination[data-v-341ac786] {
    color: #666
}

.comments-item[data-v-3e22bc8c] {
    padding: 20px 33px 20px 0
}

.avatar[data-v-3e22bc8c] {
    border-radius: 100%;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.avatar img[data-v-3e22bc8c] {
    width: 100%;
    height: 100%;
    display: block
}

.img[data-v-3e22bc8c] {
    max-width: 190px;
    overflow: hidden;
    margin-bottom: 10px
}

.img img[data-v-3e22bc8c] {
    height: 95px;
    display: block
}

.reply-user[data-v-3e22bc8c] {
    font-size: 14px;
    color: #444
}

.reply-user-link[data-v-3e22bc8c] {
    color: #19c8a9
}

.comment-hd[data-v-3e22bc8c] {
    height: 40px
}

.uname[data-v-3e22bc8c] {
    font-size: 14px;
    color: #282828
}

.comment-content-wrap[data-v-3e22bc8c] {
    margin-bottom: 10px
}

.comment-content[data-v-3e22bc8c] {
    font-size: 14px;
    color: #666;
    line-height: 1.71429;
    display: inline;
    word-break: break-all
}

.send-time[data-v-3e22bc8c] {
    font-size: 12px;
    color: #b8b8b8
}

.comment-foot[data-v-3e22bc8c] .val {
    font-size: 12px
}

.comments-list[data-v-411b4aba] {
    background: #fff;
    padding: 0 7px 0 33px
}

.comments-list-hd[data-v-411b4aba] {
    height: 68px;
    border-bottom: 1px solid #e3e3e3
}

.tab-handle li[data-v-411b4aba] {
    margin-right: 50px;
    font-size: 16px;
    color: #282828;
    display: block;
    height: 68px;
    line-height: 68px;
    cursor: pointer
}

.tab-handle li.active[data-v-411b4aba],.tab-handle li[data-v-411b4aba]:hover {
    color: #19c8a9
}

.order-handle[data-v-411b4aba] {
    font-size: 14px;
    color: #666
}

.order-handle .split[data-v-411b4aba] {
    margin: 0 10px
}

.order-handle .item[data-v-411b4aba] {
    cursor: pointer
}

.order-handle .item.active[data-v-411b4aba],.order-handle .item[data-v-411b4aba]:hover {
    color: #19c8a9
}

.switch-reply-display[data-v-411b4aba] {
    padding-left: 50px;
    font-size: 12px;
    color: #b8b8b8
}

.reply-comment-list[data-v-411b4aba] {
    padding-left: 50px
}

.comments-first-border[data-v-411b4aba] {
    border: 0;
    border-bottom: 1px solid #f4f4f4;
    margin: 30px 0 0 50px
}

.comments-item-box[data-v-411b4aba] {
    border-bottom: 1px solid #f4f4f4
}

.reply-comment-list[data-v-411b4aba] .avatar {
    width: 30px;
    height: 30px
}

.reply-comment-list[data-v-411b4aba] .comment-hd {
    height: 30px
}

.el-pagination[data-v-411b4aba] {
    color: #666
}

.noboder[data-v-411b4aba] {
    border: none
}

.yard-detaile-head[data-v-3bf7c19f] {
    background: #fff;
    margin-bottom: 10px;
    padding: 17px 50px 17px 20px
}

.yard-detaile-head .thumb[data-v-3bf7c19f] {
    width: 80px;
    height: 80px;
    margin-right: 17px;
    border-radius: 5px;
    overflow: hidden
}

.yard-detaile-head .thumb img[data-v-3bf7c19f] {
    width: 100%;
    height: 100%
}

.yard-detaile-head .follow[data-v-3bf7c19f] {
    margin-left: 40px
}

.yard-detaile-head .follow-btn[data-v-3bf7c19f] {
    width: 62px;
    height: 28px;
    padding: 0;
    line-height: 28px
}

.yard-detaile-head .follow-btn.active[data-v-3bf7c19f] {
    background-color: #f7f7f7;
    color: #333
}

.name[data-v-3bf7c19f] {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #333;
    margin-right: 10px
}

.member[data-v-3bf7c19f] {
    font-size: 12px;
    color: #b8b8b8
}

.desc[data-v-3bf7c19f] {
    font-size: 14px;
    color: #999
}

.user-head[data-v-9e7434fa] {
    background: #fff;
    padding: 27px 60px
}

.avatar-wrap[data-v-9e7434fa] {
    background: #b8b8b8;
    border: 1px solid #b8b8b8;
    width: 96px;
    height: 96px;
    border-radius: 100%;
    overflow: hidden
}

.uname[data-v-9e7434fa] {
    font-size: 14px;
    color: #282828;
    font-family: PingFangSC-Medium;
    margin-bottom: 15px
}

.tags .item[data-v-9e7434fa] {
    margin-right: 18px
}

.tags .item img[data-v-9e7434fa] {
    width: 20px;
    height: 20px
}

.follow-btn[data-v-9e7434fa] {
    width: 62px;
    height: 28px;
    line-height: 28px;
    padding: 0
}

.text-bar[data-v-592dc052] {
    height: 60px;
    padding-left: 30px;
    background: #fff;
    font-family: PingFangSC-Medium;
    color: #282828
}

.right-fans[data-v-a85260e8] {
    background: #fff;
    height: 60px
}

.k[data-v-a85260e8] {
    font-size: 12px;
    color: #c6c6c6
}

.v[data-v-a85260e8] {
    font-size: 14px;
    color: #666
}

.item[data-v-a85260e8] {
    position: relative
}

.item[data-v-a85260e8]:after {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: #e8e8e8;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.item[data-v-a85260e8]:last-of-type:after {
    display: none
}

.lt[data-v-8dda4d10] {
    float: left
}

.rt[data-v-8dda4d10] {
    float: right
}

.live-god-game-left .myradio[data-v-8dda4d10],.live-god-game-right ul li[data-v-8dda4d10],.row[data-v-8dda4d10] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.column[data-v-8dda4d10] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.live-god[data-v-8dda4d10] {
    background-color: #fff;
    padding: 30px 20px 30px 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px
}

.live-god-container[data-v-8dda4d10] {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px dashed #e3e3e3
}

.live-god-game[data-v-8dda4d10] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.live-god-game-left[data-v-8dda4d10] {
    max-width: 460px
}

.live-god-game-left h3[data-v-8dda4d10] {
    margin: 0;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #282828
}

.live-god-game-left p[data-v-8dda4d10] {
    margin: 30px 0 0;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666
}

.live-god-game-left .myradio[data-v-8dda4d10] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.live-god-game-left .myradio .radio-list[data-v-8dda4d10] {
    width: 115px;
    margin-top: 20px;
    margin-left: 0
}

.live-god-game-right[data-v-8dda4d10] {
    width: 194px;
    height: 165px;
    border: 1px solid #e3e3e3
}

.live-god-game-right h4[data-v-8dda4d10] {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #19c8a9;
    margin: 0;
    padding: 15px 0 0 20px
}

.live-god-game-right ul[data-v-8dda4d10] {
    padding-left: 10px;
    padding-top: 5px
}

.live-god-game-right ul li[data-v-8dda4d10] {
    list-style: none;
    padding-top: 15px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #666;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.live-god-game-right ul li span[data-v-8dda4d10] {
    background: #19c8a9;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    margin-right: 5px
}

.live-god-isShow[data-v-8dda4d10] {
    margin-top: 30px
}

.live-god-isShow .live-input[data-v-8dda4d10] {
    background: #f8f9fb;
    border: 0 solid #e4e4e4;
    border-radius: 4px;
    width: 195px;
    height: 40px
}

.live-god-isShow .copy[data-v-8dda4d10] {
    background: #4697fa;
    margin-left: 20px
}

.live-god-isShow p[data-v-8dda4d10] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #666;
    margin-top: 20px;
    line-height: 25px
}

.live-god-isShow p a[data-v-8dda4d10] {
    text-decoration: none;
    color: #19c8a9
}

.open[data-v-8dda4d10] {
    background: #19c8a9;
    margin-top: 30px
}

.live-rule[data-v-8dda4d10] {
    width: 100%;
    margin-top: 29px
}

.live-rule h4[data-v-8dda4d10] {
    margin: 0;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #282828
}

.live-rule p[data-v-8dda4d10] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-top: 10px
}

.live-rule p span[data-v-8dda4d10] {
    color: #4697fa;
    padding-left: 5px
}

.sider-card[data-v-8dda4d10] {
    padding: 11px 20px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff
}

.sider-card .sider-card-first[data-v-8dda4d10],.sider-card .sider-card-second[data-v-8dda4d10] {
    width: 100%;
    cursor: pointer
}

.sider-card .sider-card-first p[data-v-8dda4d10],.sider-card .sider-card-second p[data-v-8dda4d10] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #282828;
    padding-bottom: 11px;
    border-bottom: 1px solid #e3e3e3
}

.sider-card .sider-card-first ul li[data-v-8dda4d10],.sider-card .sider-card-second ul li[data-v-8dda4d10] {
    list-style: none;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #666;
    padding-top: 20px
}

.sider-card .sider-card-first ul li.active[data-v-8dda4d10],.sider-card .sider-card-second ul li.active[data-v-8dda4d10] {
    color: #19c8a9
}

.sider-card .sider-card-second[data-v-8dda4d10] {
    margin-top: 42px
}

.el-form-item__label {
    width: 115px!important;
    text-align: left
}

.bg-center[data-v-5654a285] {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.page[data-v-5654a285] {
    width: 700px;
    margin: 0 auto
}

.article-wrapper[data-v-5654a285] {
    background: #fff;
    margin-bottom: 45px;
    word-wrap: break-word
}

.article-wrapper .cover[data-v-5654a285] {
    height: 312px;
    margin-top: 20px;
    margin-bottom: 60px
}

.article-wrapper .title[data-v-5654a285] {
    font-size: 24px;
    margin: 0;
    color: #282828
}

.article-wrapper .drop-menu[data-v-5654a285] {
    margin-left: 10px
}

.article-wrapper .time-bar[data-v-5654a285] {
    font-size: 14px;
    color: #b8b8b8
}

.article-wrapper .sub-title .tag[data-v-5654a285] {
    color: #0087ff;
    font-size: 14px
}

.article-wrapper .userbaege-wrap[data-v-5654a285] {
    margin-bottom: 40px
}

.article-wrapper .detail[data-v-5654a285] {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
    margin-bottom: 40px
}

.article-wrapper .detail p[data-v-5654a285] {
    margin-bottom: 20px
}

.article-wrapper .detail[data-v-5654a285] img {
    max-width: 100%;
    width: auto;
    margin: 20px auto;
    display: block
}

.article-wrapper .praise-btn[data-v-5654a285] {
    width: 138px;
    height: 50px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 25px;
    cursor: pointer;
    background: #ff645a
}

.article-wrapper .praise-num[data-v-5654a285] {
    font-size: 13px;
    color: #b9bdc5
}

.article-wrapper .praise-img[data-v-5654a285] {
    width: 150px;
    cursor: pointer
}

.article-wrapper .guest .item[data-v-5654a285] {
    width: 33px;
    height: 33px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px
}

.article-wrapper .guest .item[data-v-5654a285]:last-of-type {
    margin-right: 0
}

.article-wrapper .guest .item img[data-v-5654a285] {
    display: block;
    width: 100%;
    height: 100%
}

.tip[data-v-5654a285] {
    color: #282828;
    height: 40px
}

.comments-total[data-v-5654a285] {
    font-size: 16px;
    color: #282828;
    font-weight: 600;
    margin-top: 300px
}

.add-comment[data-v-5654a285] {
    margin-bottom: 20px
}

.distance[data-v-5654a285] {
    background: #f4f4f4;
    height: 20px;
    width: 100%;
    position: absolute;
    left: 0
}

.user-badge[data-v-c94d9af4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-badge .user-bd[data-v-c94d9af4] {
    margin-left: 10px
}

.user-badge .user-bd .username[data-v-c94d9af4] {
    font-size: 14px;
    color: #282828;
    text-align: center;
    line-height: 21px;
    text-align: left
}

.user-badge .user-bd .info[data-v-c94d9af4] {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #b8b8b8;
    text-align: center;
    line-height: 18px
}

.user-badge .user-bd .tag[data-v-c94d9af4] {
    color: #19c8a9
}

.user-action[data-v-c94d9af4] {
    margin-left: auto
}

.btn-outline[data-v-4aa8e057] {
    background: transparent;
    border: 1px solid #19c8a9;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #19c8a9;
    line-height: 24px;
    outline: none;
    border-radius: 3px;
    cursor: pointer
}

.relative-article[data-v-3bb57032] {
    background: #f4f4f4;
    height: 224px;
    width: 100%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0
}

.relative-article .relative-article-cont[data-v-3bb57032] {
    width: 700px;
    margin: 0 auto
}

.title-bar[data-v-3bb57032] {
    font-size: 16px;
    color: #282828
}

.list .item[data-v-3bb57032] {
    display: block;
    width: 100%
}

.list .thumb[data-v-3bb57032] {
    height: 110px
}

.list .thumb img[data-v-3bb57032] {
    width: 100%;
    height: 100%
}

.title[data-v-3bb57032] {
    padding: 0 10px;
    background: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #666
}

.el-header[data-v-4a3d422d] {
    background-color: #fff;
    padding: 0
}

.el-main[data-v-4a3d422d] {
    padding: 0
}

.wrapper[data-v-4a3d422d] {
    max-width: 1200px;
    margin: 0 auto
}

.el-menu--horizontal[data-v-4a3d422d] {
    border-bottom: 0
}

.logo[data-v-4a3d422d] {
    height: 40px
}

.logo img[data-v-4a3d422d] {
    height: 100%
}

.logo-wrap[data-v-4a3d422d] {
    padding-top: 15px
}

.banner-box img[data-v-4a3d422d] {
    width: 100%
}

.main-hd[data-v-4a3d422d] {
    width: 100%;
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
    box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
    overflow: hidden;
    margin-top: 20px
}

.input-wrap[data-v-4a3d422d] {
    padding-top: 15px
}

.hd-img[data-v-4a3d422d] {
    width: 100%;
    position: relative;
    max-height: 444px;
    overflow: hidden
}

.hd-img img[data-v-4a3d422d] {
    width: 100%
}

.image[data-v-4a3d422d] {
    width: 100%;
    display: block
}

.clearfix[data-v-4a3d422d]:after,.clearfix[data-v-4a3d422d]:before {
    display: table;
    content: ""
}

.clearfix[data-v-4a3d422d]:after {
    clear: both
}

.time[data-v-4a3d422d] {
    font-size: 13px;
    color: #999
}

.bottom[data-v-4a3d422d] {
    margin-top: 13px;
    line-height: 12px
}

.button[data-v-4a3d422d] {
    padding: 0;
    float: right
}

.go-box[data-v-4a3d422d] {
    display: block;
    padding-bottom: 30px
}

.title[data-v-4a3d422d] {
    display: block;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    color: #1a1a1a;
    width: 100%;
    padding: 0 30px;
    margin-top: 30px
}

.game-col[data-v-4a3d422d] {
    min-height: 355px;
    margin-bottom: 20px
}

.loading-wrapper[data-v-4a3d422d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.descr[data-v-4a3d422d] {
    width: 100%;
    padding: 0 30px;
    line-height: 22px;
    height: 22px;
    color: #7c7c7c;
    font-size: 16px
}

.page-container[data-v-84bf8656] {
    width: 100%;
    height: 100vh
}

.my-page[data-v-84bf8656],.page-one[data-v-84bf8656],.page[data-v-84bf8656] {
    width: 100%;
    height: 100%;
    background-color: #fff
}

.page[data-v-84bf8656] {
    width: 100%;
    height: 100%;
    position: relative
}

.page-one[data-v-84bf8656] {
    background: url(./back.a7f0810.jpg) no-repeat,url(./shadow.9349114.png) no-repeat;
    background-size: cover,cover;
    background-position: 50%,50%
}

.rect1[data-v-84bf8656] {
    position: absolute;
    left: -26px;
    bottom: -154px;
    height: 308px;
    z-index: 100
}

.rect2[data-v-84bf8656] {
    position: absolute;
    right: 0;
    bottom: -97px;
    height: 194px;
    z-index: 100
}

.rect4[data-v-84bf8656] {
    position: absolute;
    height: 210px;
    left: 0;
    bottom: -10px
}

.rect5[data-v-84bf8656] {
    position: absolute;
    width: 194px;
    bottom: -150px;
    right: 100px
}

.rect3[data-v-84bf8656] {
    position: absolute;
    left: 0;
    bottom: -97px;
    height: 194px;
    z-index: 100
}

.lyg-container[data-v-84bf8656] {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 200px
}

.lyg-container .worm1[data-v-84bf8656],.lyg-container .worm2[data-v-84bf8656],.lyg-container .worm3[data-v-84bf8656],.lyg-container .worm4[data-v-84bf8656],.lyg-container .worm5[data-v-84bf8656] {
    position: absolute
}

.lyg-container .worm1[data-v-84bf8656] {
    width: 304px;
    top: -88px;
    left: 50%;
    margin-left: -152px;
    -webkit-animation: mymove2-data-v-84bf8656 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-84bf8656 1.5s 1s infinite alternate ease
}

.lyg-container .worm2[data-v-84bf8656] {
    width: 256px;
    top: 40px;
    right: 22px;
    -webkit-animation: mymove3-data-v-84bf8656 1.5s 1s infinite alternate ease;
    animation: mymove3-data-v-84bf8656 1.5s 1s infinite alternate ease
}

.lyg-container .worm3[data-v-84bf8656] {
    width: 280px;
    top: 155px;
    left: 320px;
    -webkit-animation: mymove1-data-v-84bf8656 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-84bf8656 1.5s 1s infinite alternate ease
}

.lyg-container .worm4[data-v-84bf8656] {
    width: 318px;
    top: 452px;
    left: 376px;
    -webkit-animation: mymove2-data-v-84bf8656 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-84bf8656 1.5s 1s infinite alternate ease
}

.lyg-container .worm5[data-v-84bf8656] {
    width: 280px;
    bottom: 0;
    right: 22px;
    -webkit-animation: mymove1-data-v-84bf8656 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-84bf8656 1.5s 1s infinite alternate ease
}

.lyg-container .lyg[data-v-84bf8656] {
    width: 340px;
    height: 180px;
	margin-left: 35px;
}

.lyg-container p[data-v-84bf8656] {
    color: #fff;
    font-size: 66px;
    padding-left: 30px;
    font-weight: 700;
    text-shadow: 0 0 40 0 rgba(16,43,47,.3)
}

.lyg-container .lyg-btn[data-v-84bf8656] {
    padding: 30px 0 0 20px;
    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: wrap;
    flex-wrap: wrap
}

.lyg-container .lyg-btn .lyg-btn-cover1[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover2[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover3[data-v-84bf8656] {
    cursor: pointer;
    position: relative;
    width: 227px;
    margin: 0 26px 20px;
    z-index: 4
}

.lyg-container .lyg-btn .lyg-btn-cover1 .lyg-btn1[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover2 .lyg-btn1[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover3 .lyg-btn1[data-v-84bf8656] {
    width: 227px;
    height: 72px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #4bd5bd;
    -webkit-box-shadow: 0 11px 33px 0 rgba(16,43,47,.3);
    box-shadow: 0 11px 33px 0 rgba(16,43,47,.3);
    border: none;
    outline: none;
    border-radius: 36px;
    color: #fff;
    font-size: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lyg-container .lyg-btn .lyg-btn-cover1 .lyg-btn1 img[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover2 .lyg-btn1 img[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover3 .lyg-btn1 img[data-v-84bf8656] {
    width: 30px;
    margin-right: 16px
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover2 .code[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover3 .code[data-v-84bf8656] {
    display: none;
    width: 170px;
    height: 190px;
    position: absolute;
    left: 50%;
    margin-left: -85px;
    bottom: -200px
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-top[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-top[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-top[data-v-84bf8656] {
    border: 10px solid #fff;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom-right-radius: 5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    content: "";
    width: 0;
    margin: 5px auto 0;
    margin-bottom: -10px
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-bottom[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-bottom[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-bottom[data-v-84bf8656] {
    width: 170px;
    height: 170px;
    border-radius: 20px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-bottom .code-cover[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-bottom .code-cover[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-bottom .code-cover[data-v-84bf8656] {
    width: 146px;
    height: 146px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative
}

.lyg-container .lyg-btn .lyg-btn-cover1 .code .code-bottom .code-cover .logo[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover2 .code .code-bottom .code-cover .logo[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover3 .code .code-bottom .code-cover .logo[data-v-84bf8656] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: url("/images/h5/dy/qr-logo.png") #fff no-repeat 50%;
    background-size: 80%
}

.lyg-container .lyg-btn .lyg-btn-cover1:hover .code[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover2:hover .code[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover3:hover .code[data-v-84bf8656] {
    display: block
}

.lyg-container .lyg-btn .lyg-btn-cover2[data-v-84bf8656],.lyg-container .lyg-btn .lyg-btn-cover3[data-v-84bf8656] {
    z-index: 2
}

.page-five[data-v-84bf8656],.page-two[data-v-84bf8656] {
    margin: 0 auto;
    min-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.page-five .color-left[data-v-84bf8656],.page-two .color-left[data-v-84bf8656] {
    width: 708px;
    height: 708px;
    position: relative;
    margin-right: 92px
}

.page-five .color-left img[data-v-84bf8656],.page-two .color-left img[data-v-84bf8656] {
    position: absolute
}

.page-five .color-left .card1[data-v-84bf8656],.page-two .color-left .card1[data-v-84bf8656] {
    width: 708px;
    height: 708px;
    right: 0;
    top: 50%;
    margin-top: -354px
}

.page-five .color-left .icon1[data-v-84bf8656],.page-two .color-left .icon1[data-v-84bf8656] {
    width: 69px;
    height: 69px;
    top: 79px;
    right: 109px;
    -webkit-animation: mymove1-data-v-84bf8656 1.5s 1s infinite alternate ease;
    animation: mymove1-data-v-84bf8656 1.5s 1s infinite alternate ease
}

.page-five .color-left .icon2[data-v-84bf8656],.page-two .color-left .icon2[data-v-84bf8656] {
    width: 87px;
    height: 87px;
    top: 276px;
    left: 31px;
    -webkit-animation: mymove2-data-v-84bf8656 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-84bf8656 1.5s 1s infinite alternate ease
}

.page-five .color-left .icon3[data-v-84bf8656],.page-two .color-left .icon3[data-v-84bf8656] {
    width: 79px;
    height: 79px;
    bottom: 72px;
    right: 115px;
    -webkit-animation: mymove2-data-v-84bf8656 1.5s 1s infinite alternate ease;
    animation: mymove2-data-v-84bf8656 1.5s 1s infinite alternate ease
}

.page-five .color-right[data-v-84bf8656],.page-two .color-right[data-v-84bf8656] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-five .color-right section .line-cover[data-v-84bf8656],.page-two .color-right section .line-cover[data-v-84bf8656] {
    padding-bottom: 10px
}

.page-five .color-right section h2[data-v-84bf8656],.page-two .color-right section h2[data-v-84bf8656] {
    color: #2e3033;
    font-size: 45px;
    margin: 0
}

.page-five .color-right section p[data-v-84bf8656],.page-two .color-right section p[data-v-84bf8656] {
    color: #5d6167;
    font-size: 22px;
    padding-top: 10px;
    line-height: 30px
}

.page-four[data-v-84bf8656],.page-three[data-v-84bf8656] {
    min-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-four .color-left[data-v-84bf8656],.page-four .color-right[data-v-84bf8656],.page-three .color-left[data-v-84bf8656],.page-three .color-right[data-v-84bf8656] {
    width: 50%
}

.page-four .color-left[data-v-84bf8656],.page-three .color-left[data-v-84bf8656] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.page-four .color-left .line-cover[data-v-84bf8656],.page-three .color-left .line-cover[data-v-84bf8656] {
    padding-bottom: 10px
}

.page-four .color-left section[data-v-84bf8656],.page-three .color-left section[data-v-84bf8656] {
    margin-right: 180px
}

.page-four .color-left section h2[data-v-84bf8656],.page-three .color-left section h2[data-v-84bf8656] {
    color: #2e3033;
    font-size: 45px;
    margin: 0
}

.page-four .color-left section p[data-v-84bf8656],.page-three .color-left section p[data-v-84bf8656] {
    color: #5d6167;
    font-size: 22px;
    padding-top: 10px;
    line-height: 30px
}

.page-four .color-right[data-v-84bf8656],.page-three .color-right[data-v-84bf8656] {
    position: relative;
    height: 100%;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.page-four .color-right .card-cover[data-v-84bf8656],.page-three .color-right .card-cover[data-v-84bf8656] {
    width: 560px;
    height: 614px;
    position: absolute;
    top: 50%;
    margin-top: -307px;
    left: -82px
}

.page-four .color-right .card-cover .card-one[data-v-84bf8656],.page-three .color-right .card-cover .card-one[data-v-84bf8656] {
    width: 560px;
    height: 614px;
    position: relative
}

.page-four .color-right .card-cover .card-one .card2[data-v-84bf8656],.page-three .color-right .card-cover .card-one .card2[data-v-84bf8656] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.page-four .color-right .card-cover .card-one .card2 img[data-v-84bf8656],.page-three .color-right .card-cover .card-one .card2 img[data-v-84bf8656] {
    height: 614px
}

.page-four .color-right .card-cover .card-one .card2-icon[data-v-84bf8656],.page-three .color-right .card-cover .card-one .card2-icon[data-v-84bf8656] {
    position: absolute;
    left: 304px;
    top: 98px;
    z-index: 5
}

.page-four .color-right .card-cover .card-one .card2-icon img[data-v-84bf8656],.page-three .color-right .card-cover .card-one .card2-icon img[data-v-84bf8656] {
    height: 415px
}

.page-four .color-right .color1[data-v-84bf8656],.page-three .color-right .color1[data-v-84bf8656] {
    width: 100%;
    height: 457px;
    background: url(./color1.057deb5.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.page-four .color-left[data-v-84bf8656] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.page-four .color-left section[data-v-84bf8656] {
    margin-left: 159px
}

.page-four .color-left img[data-v-84bf8656] {
    width: 312px;
    margin-top: 35px
}

.page-four .color-left p[data-v-84bf8656] {
    width: 500px
}

.page-four .color-right[data-v-84bf8656] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.page-four .color-right .card-cover1[data-v-84bf8656] {
    width: 560px;
    height: 614px;
    position: absolute;
    top: 50%;
    margin-top: -307px;
    right: -82px
}

.page-four .color-right .card-cover1 .card-one[data-v-84bf8656] {
    width: 560px;
    height: 614px;
    position: relative
}

.page-four .color-right .card-cover1 .card-one .card2[data-v-84bf8656] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.page-four .color-right .card-cover1 .card-one .card2 img[data-v-84bf8656] {
    height: 614px
}

.page-four .color-right .card-cover1 .card-one .card2-icon[data-v-84bf8656] {
    position: absolute;
    right: 304px;
    top: 98px;
    z-index: 5
}

.page-four .color-right .card-cover1 .card-one .card2-icon img[data-v-84bf8656] {
    height: 415px
}

.page-four .color-right .color1[data-v-84bf8656] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.page-five .img-cover[data-v-84bf8656] {
    width: 720px;
    height: 720px;
    position: relative;
    margin-left: 162px
}

.page-five .img-cover img[data-v-84bf8656] {
    position: absolute
}

.page-five .img-cover .animated2[data-v-84bf8656] {
    -webkit-animation: move3-data-v-84bf8656 1.7s .1s forwards;
    animation: move3-data-v-84bf8656 1.7s .1s forwards
}

.page-five .img-cover .card4[data-v-84bf8656] {
    width: 720px;
    height: 720px;
    z-index: 5;
    top: 0;
    left: 0
}

.page-five .img-cover .card4-icon1[data-v-84bf8656] {
    height: 621px;
    top: 53px;
    left: 188px;
    opacity: 0;
    z-index: 10
}

.page-five .img-cover .card4-icon2[data-v-84bf8656] {
    width: 320px;
    top: 247px;
    right: 119px;
    z-index: 15
}

.page-five .img-cover .card4-icon3[data-v-84bf8656] {
    width: 263px;
    left: 0;
    bottom: 150px;
    z-index: 7
}

.page-six[data-v-84bf8656] {
    height: 100%;
    min-width: 1200px;
    background: #f7f9fd;
    overflow: hidden;
    overflow-y: scroll
}

.page-six .scroll-cover[data-v-84bf8656] {
    min-height: 100vh
}

.page-six .scroll-cover .color-top[data-v-84bf8656],.page-six .scroll-cover[data-v-84bf8656] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-six .scroll-cover .color-top[data-v-84bf8656] {
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-six .scroll-cover .color-top .line-cover[data-v-84bf8656] {
    padding-top: 30px;
    padding-bottom: 10px
}

.page-six .scroll-cover .color-top h2[data-v-84bf8656] {
    color: #2e3033;
    font-size: 45px;
    margin: 0
}

.page-six .scroll-cover .color-top p[data-v-84bf8656] {
    color: #5d6167;
    font-size: 22px;
    padding-top: 15px
}

.page-six .scroll-cover .color-top .card5[data-v-84bf8656] {
    width: 1155px;
    height: 384px;
    background: url(./card5.2e92a51.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: 60px
}

.page-six .scroll-cover .color-top .card5 img[data-v-84bf8656] {
    position: absolute;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast
}

.page-six .scroll-cover .color-top .card5-icon1[data-v-84bf8656] {
    width: 262px;
    height: 278px;
    top: 0;
    left: 0
}

.page-six .scroll-cover .color-top .card5-icon2[data-v-84bf8656] {
    width: 262px;
    height: 278px;
    top: 0;
    left: 293px
}

.page-six .scroll-cover .color-top .card5-icon3[data-v-84bf8656] {
    width: 276px;
    height: 291px;
    top: 0;
    right: 293px
}

.page-six .scroll-cover .color-top .card5-icon4[data-v-84bf8656] {
    width: 262px;
    height: 278px;
    top: 0;
    right: 0
}

.line[data-v-84bf8656] {
    width: 32px;
    height: 6px;
    background: #4cd8c0;
    -webkit-box-shadow: 0 2px 8px 0 rgba(5,215,191,.7);
    box-shadow: 0 2px 8px 0 rgba(5,215,191,.7);
    border-radius: 3px
}

.animated1[data-v-84bf8656] {
    -webkit-animation: ani3-data-v-84bf8656 ease backwards;
    animation: ani3-data-v-84bf8656 ease backwards
}

.swiper-container-vertical>.swiper-pagination-bullets[data-v-84bf8656] {
    right: 50px
}

[data-v-84bf8656] #footer {
    background-color: #38424e
}

[data-v-84bf8656] #go {
    background-size: contain;
    background-position: 50%
}

[data-v-84bf8656] .swiper-pagination-bullet {
    background: rgba(0,0,0,.3);
    width: 12px;
    height: 12px;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

[data-v-84bf8656] .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 14px 0
}

[data-v-84bf8656] .swiper-pagination-bullet-active {
    background: #4cd8c0;
    width: 12px;
    height: 25px;
    border-radius: 6px
}

[data-v-84bf8656] .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active {
    background: #fff
}

[data-v-84bf8656] #header {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

@-webkit-keyframes mymove1-data-v-84bf8656 {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@keyframes mymove1-data-v-84bf8656 {
    0% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

    to {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@-webkit-keyframes mymove2-data-v-84bf8656 {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@keyframes mymove2-data-v-84bf8656 {
    0% {
        -webkit-transform: translate(5px,-3px);
        transform: translate(5px,-3px)
    }

    to {
        -webkit-transform: translate(-5px,3px);
        transform: translate(-5px,3px)
    }
}

@-webkit-keyframes mymove3-data-v-84bf8656 {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@keyframes mymove3-data-v-84bf8656 {
    0% {
        -webkit-transform: translate(7px,7px);
        transform: translate(7px,7px)
    }

    to {
        -webkit-transform: translate(-7px,-7px);
        transform: translate(-7px,-7px)
    }
}

@-webkit-keyframes ani3-data-v-84bf8656 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes ani3-data-v-84bf8656 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes move3-data-v-84bf8656 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes move3-data-v-84bf8656 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.error[data-v-77a357fb] {
    text-align: center
}

.error-img img[data-v-77a357fb] {
    width: 400px
}

.error-info[data-v-77a357fb] {
    font-size: 22px;
    color: #6d6d6d
}

.error-back .btn[data-v-77a357fb] {
    padding: 0;
    width: 120px;
    height: 40px;
    line-height: 40px
}

.error-message[data-v-77a357fb] {
    display: none
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    -webkit-transition: width .2s,opacity .4s;
    transition: width .2s,opacity .4s;
    opacity: 1;
    background-color: #efc14e;
    z-index: 999999
}

@font-face {
    font-family: element-icons;
    src: url(/nuxt/fonts/element-icons.2fad952.woff) format("woff"),url(/nuxt/fonts/element-icons.6f0a763.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

[class*=" el-icon-"],[class^=el-icon-] {
    font-family: element-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.el-icon-info:before {
    content: "\E61A"
}

.el-icon-error:before {
    content: "\E62C"
}

.el-icon-success:before {
    content: "\E62D"
}

.el-icon-warning:before {
    content: "\E62E"
}

.el-icon-question:before {
    content: "\E634"
}

.el-icon-back:before {
    content: "\E606"
}

.el-icon-arrow-left:before {
    content: "\E600"
}

.el-icon-arrow-down:before {
    content: "\E603"
}

.el-icon-arrow-right:before {
    content: "\E604"
}

.el-icon-arrow-up:before {
    content: "\E605"
}

.el-icon-caret-left:before {
    content: "\E60A"
}

.el-icon-caret-bottom:before {
    content: "\E60B"
}

.el-icon-caret-top:before {
    content: "\E60C"
}

.el-icon-caret-right:before {
    content: "\E60E"
}

.el-icon-d-arrow-left:before {
    content: "\E610"
}

.el-icon-d-arrow-right:before {
    content: "\E613"
}

.el-icon-minus:before {
    content: "\E621"
}

.el-icon-plus:before {
    content: "\E62B"
}

.el-icon-remove:before {
    content: "\E635"
}

.el-icon-circle-plus:before {
    content: "\E601"
}

.el-icon-remove-outline:before {
    content: "\E63C"
}

.el-icon-circle-plus-outline:before {
    content: "\E602"
}

.el-icon-close:before {
    content: "\E60F"
}

.el-icon-check:before {
    content: "\E611"
}

.el-icon-circle-close:before {
    content: "\E607"
}

.el-icon-circle-check:before {
    content: "\E639"
}

.el-icon-circle-close-outline:before {
    content: "\E609"
}

.el-icon-circle-check-outline:before {
    content: "\E63E"
}

.el-icon-zoom-out:before {
    content: "\E645"
}

.el-icon-zoom-in:before {
    content: "\E641"
}

.el-icon-d-caret:before {
    content: "\E615"
}

.el-icon-sort:before {
    content: "\E640"
}

.el-icon-sort-down:before {
    content: "\E630"
}

.el-icon-sort-up:before {
    content: "\E631"
}

.el-icon-tickets:before {
    content: "\E63F"
}

.el-icon-document:before {
    content: "\E614"
}

.el-icon-goods:before {
    content: "\E618"
}

.el-icon-sold-out:before {
    content: "\E63B"
}

.el-icon-news:before {
    content: "\E625"
}

.el-icon-message:before {
    content: "\E61B"
}

.el-icon-date:before {
    content: "\E608"
}

.el-icon-printer:before {
    content: "\E62F"
}

.el-icon-time:before {
    content: "\E642"
}

.el-icon-bell:before {
    content: "\E622"
}

.el-icon-mobile-phone:before {
    content: "\E624"
}

.el-icon-service:before {
    content: "\E63A"
}

.el-icon-view:before {
    content: "\E643"
}

.el-icon-menu:before {
    content: "\E620"
}

.el-icon-more:before {
    content: "\E646"
}

.el-icon-more-outline:before {
    content: "\E626"
}

.el-icon-star-on:before {
    content: "\E637"
}

.el-icon-star-off:before {
    content: "\E63D"
}

.el-icon-location:before {
    content: "\E61D"
}

.el-icon-location-outline:before {
    content: "\E61F"
}

.el-icon-phone:before {
    content: "\E627"
}

.el-icon-phone-outline:before {
    content: "\E628"
}

.el-icon-picture:before {
    content: "\E629"
}

.el-icon-picture-outline:before {
    content: "\E62A"
}

.el-icon-delete:before {
    content: "\E612"
}

.el-icon-search:before {
    content: "\E619"
}

.el-icon-edit:before {
    content: "\E61C"
}

.el-icon-edit-outline:before {
    content: "\E616"
}

.el-icon-rank:before {
    content: "\E632"
}

.el-icon-refresh:before {
    content: "\E633"
}

.el-icon-share:before {
    content: "\E636"
}

.el-icon-setting:before {
    content: "\E638"
}

.el-icon-upload:before {
    content: "\E60D"
}

.el-icon-upload2:before {
    content: "\E644"
}

.el-icon-download:before {
    content: "\E617"
}

.el-icon-loading:before {
    content: "\E61E"
}

.el-icon-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.el-pagination {
    white-space: nowrap;
    padding: 2px 5px;
    color: #303133;
    font-weight: 700
}

.el-pagination:after,.el-pagination:before {
    display: table;
    content: ""
}

.el-pagination:after {
    clear: both
}

.el-pagination button,.el-pagination span:not([class*=suffix]) {
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-pagination .el-input__inner {
    text-align: center;
    -moz-appearance: textfield;
    line-height: normal
}

.el-pagination .el-input__suffix {
    right: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-pagination .el-select .el-input {
    width: 100px;
    margin: 0 5px
}

.el-pagination .el-select .el-input .el-input__inner {
    padding-right: 25px;
    border-radius: 3px
}

.el-pagination button {
    border: none;
    padding: 0 6px;
    background: transparent
}

.el-pagination button:focus {
    outline: none
}

.el-pagination button:hover {
    color: #19c8a9
}

.el-pagination button:disabled {
    color: #c0c4cc;
    background-color: #fff;
    cursor: not-allowed
}

.el-pagination .btn-next,.el-pagination .btn-prev {
    background: 50% no-repeat;
    background-size: 16px;
    background-color: #fff;
    cursor: pointer;
    margin: 0;
    color: #303133
}

.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700
}

.el-pagination .btn-prev {
    padding-right: 12px
}

.el-pagination .btn-next {
    padding-left: 12px
}

.el-pagination .el-pager li.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child {
    border-color: transparent;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    min-width: 22px
}

.el-pagination--small .arrow.disabled {
    visibility: hidden
}

.el-pagination--small .more:before,.el-pagination--small li.more:before {
    line-height: 24px
}

.el-pagination--small button,.el-pagination--small span:not([class*=suffix]) {
    height: 22px;
    line-height: 22px
}

.el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
    height: 22px
}

.el-pagination__sizes {
    margin: 0 10px 0 0;
    font-weight: 400;
    color: #606266
}

.el-pagination__sizes .el-input .el-input__inner {
    font-size: 13px;
    padding-left: 8px
}

.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: #19c8a9
}

.el-pagination__total {
    margin-right: 10px;
    font-weight: 400;
    color: #606266
}

.el-pagination__jump {
    margin-left: 24px;
    font-weight: 400;
    color: #606266
}

.el-pagination__jump .el-input__inner {
    padding: 0 3px
}

.el-pagination__rightwrapper {
    float: right
}

.el-pagination__editor {
    line-height: 18px;
    padding: 0 2px;
    height: 28px;
    text-align: center;
    margin: 0 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px
}

.el-pagination__editor.el-input {
    width: 50px
}

.el-pagination__editor.el-input .el-input__inner {
    height: 28px
}

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li {
    margin: 0 5px;
    background-color: #fefefe;
    color: #606266;
    min-width: 30px;
    border-radius: 2px
}

.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .el-pager li.disabled {
    color: #c0c4cc
}

.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev {
    padding: 0
}

.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev:disabled {
    color: #c0c4cc
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #19c8a9
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #19c8a9;
    color: #fff
}

.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li {
    margin: 0 3px;
    min-width: 22px
}

.el-pager {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    padding: 0;
    margin: 0
}

.el-pager .more:before {
    line-height: 30px
}

.el-pager li {
    padding: 0 4px;
    background: #fff;
    vertical-align: top;
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 0
}

.el-pager li.btn-quicknext,.el-pager li.btn-quickprev {
    line-height: 28px;
    color: #303133
}

.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled {
    color: #c0c4cc
}

.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover {
    cursor: pointer
}

.el-pager li.active+li {
    border-left: 0
}

.el-pager li:hover {
    color: #19c8a9
}

.el-pager li.active {
    color: #19c8a9;
    cursor: default
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@-webkit-keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.el-dialog {
    position: relative;
    margin: 0 auto 50px;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

.el-dialog.is-fullscreen {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow: auto
}

.el-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0
}

.el-dialog__header {
    padding: 20px;
    padding-bottom: 10px
}

.el-dialog__headerbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px
}

.el-dialog__headerbtn .el-dialog__close {
    color: #f7f7f7
}

.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close {
    color: #19c8a9
}

.el-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: #303133
}

.el-dialog__body {
    padding: 30px 20px;
    color: #606266;
    font-size: 14px
}

.el-dialog__footer {
    padding: 20px;
    padding-top: 10px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-dialog--center {
    text-align: center
}

.el-dialog--center .el-dialog__body {
    text-align: left;
    text-align: initial;
    padding: 25px 25px 30px
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit
}

.dialog-fade-enter-active {
    -webkit-animation: dialog-fade-in .3s;
    animation: dialog-fade-in .3s
}

.dialog-fade-leave-active {
    -webkit-animation: dialog-fade-out .3s;
    animation: dialog-fade-out .3s
}

@-webkit-keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes dialog-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
}

@keyframes dialog-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
}

.el-autocomplete {
    position: relative;
    display: inline-block
}

.el-autocomplete-suggestion {
    margin: 5px 0;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border-radius: 4px
}

.el-autocomplete-suggestion__wrap {
    max-height: 280px;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px
}

.el-autocomplete-suggestion__list {
    margin: 0;
    padding: 0
}

.el-autocomplete-suggestion li {
    padding: 0 20px;
    margin: 0;
    line-height: 34px;
    cursor: pointer;
    color: #606266;
    font-size: 14px;
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover {
    background-color: #f5f7fa
}

.el-autocomplete-suggestion li.divider {
    margin-top: 6px;
    border-top: 1px solid #000
}

.el-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -6px
}

.el-autocomplete-suggestion.is-loading li {
    text-align: center;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    color: #999
}

.el-autocomplete-suggestion.is-loading li:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-autocomplete-suggestion.is-loading li:hover {
    background-color: #fff
}

.el-autocomplete-suggestion.is-loading .el-icon-loading {
    vertical-align: middle
}

.el-dropdown {
    display: inline-block;
    position: relative;
    color: #606266;
    font-size: 14px
}

.el-dropdown .el-button-group {
    display: block
}

.el-dropdown .el-button-group .el-button {
    float: none
}

.el-dropdown .el-dropdown__caret-button {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    border-left: none
}

.el-dropdown .el-dropdown__caret-button:before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    top: 5px;
    bottom: 5px;
    left: 0;
    background: hsla(0,0%,100%,.5)
}

.el-dropdown .el-dropdown__caret-button:hover:before {
    top: 0;
    bottom: 0
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
    padding-left: 0
}

.el-dropdown__icon {
    font-size: 12px;
    margin: 0 3px
}

.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
    outline-width: 0
}

.el-dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 10px 0;
    margin: 5px 0;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.el-dropdown-menu__item {
    list-style: none;
    line-height: 36px;
    padding: 0 20px;
    margin: 0;
    font-size: 14px;
    color: #606266;
    cursor: pointer;
    outline: none
}

.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #e8faf6;
    color: #47d3ba
}

.el-dropdown-menu__item--divided {
    position: relative;
    margin-top: 6px;
    border-top: 1px solid #ebeef5
}

.el-dropdown-menu__item--divided:before {
    content: "";
    height: 6px;
    display: block;
    margin: 0 -20px;
    background-color: #fff
}

.el-dropdown-menu__item.is-disabled {
    cursor: default;
    color: #bbb;
    pointer-events: none
}

.el-dropdown-menu--medium {
    padding: 6px 0
}

.el-dropdown-menu--medium .el-dropdown-menu__item {
    line-height: 30px;
    padding: 0 17px;
    font-size: 14px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 6px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 6px;
    margin: 0 -17px
}

.el-dropdown-menu--small {
    padding: 6px 0
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    line-height: 27px;
    padding: 0 15px;
    font-size: 13px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 4px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 4px;
    margin: 0 -15px
}

.el-dropdown-menu--mini {
    padding: 3px 0
}

.el-dropdown-menu--mini .el-dropdown-menu__item {
    line-height: 24px;
    padding: 0 10px;
    font-size: 12px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 3px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 3px;
    margin: 0 -10px
}

.el-menu {
    border-right: 1px solid #e6e6e6;
    list-style: none;
    position: relative;
    margin: 0;
    padding-left: 0;
    background-color: #fff
}

.el-menu:after,.el-menu:before {
    display: table;
    content: ""
}

.el-menu:after {
    clear: both
}

.el-menu.el-menu--horizontal {
    border-bottom: 1px solid #e6e6e6
}

.el-menu--horizontal {
    border-right: none
}

.el-menu--horizontal>.el-menu-item {
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 0;
    border-bottom: 2px solid transparent;
    color: #909399
}

.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover {
    color: inherit
}

.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover {
    background-color: #fff
}

.el-menu--horizontal>.el-submenu {
    float: left
}

.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover {
    outline: none
}

.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title {
    color: #303133
}

.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
    border-bottom: 2px solid #19c8a9;
    color: #303133
}

.el-menu--horizontal>.el-submenu .el-submenu__title {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid transparent;
    color: #909399
}

.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
    background-color: #fff
}

.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow {
    position: static;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -3px
}

.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title {
    background-color: #fff;
    float: none;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    color: #909399
}

.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title {
    color: #303133
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    outline: none;
    color: #303133
}

.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 2px solid #19c8a9;
    color: #303133
}

.el-menu--collapse {
    width: 64px
}

.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-] {
    margin: 0;
    vertical-align: middle;
    width: 24px;
    text-align: center
}

.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
    display: none
}

.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span {
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    display: inline-block
}

.el-menu--collapse>.el-menu-item.is-active i {
    color: inherit
}

.el-menu--collapse .el-menu .el-submenu {
    min-width: 200px
}

.el-menu--collapse .el-submenu {
    position: relative
}

.el-menu--collapse .el-submenu .el-menu {
    position: absolute;
    margin-left: 5px;
    top: 0;
    left: 100%;
    z-index: 10;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    -webkit-transform: none;
    transform: none
}

.el-menu--popup {
    z-index: 100;
    min-width: 200px;
    border: none;
    padding: 5px 0;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.el-menu--popup-bottom-start {
    margin-top: 5px
}

.el-menu--popup-right-start {
    margin-left: 5px;
    margin-right: 5px
}

.el-menu-item {
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: #303133;
    padding: 0 20px;
    list-style: none;
    cursor: pointer;
    position: relative;
    -webkit-transition: border-color .3s,background-color .3s,color .3s;
    transition: border-color .3s,background-color .3s,color .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap
}

.el-menu-item * {
    vertical-align: middle
}

.el-menu-item i {
    color: #909399
}

.el-menu-item:focus,.el-menu-item:hover {
    outline: none;
    background-color: #e8faf6
}

.el-menu-item.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: none!important
}

.el-menu-item [class^=el-icon-] {
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
    vertical-align: middle
}

.el-menu-item.is-active {
    color: #19c8a9
}

.el-menu-item.is-active i {
    color: inherit
}

.el-submenu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.el-submenu__title {
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: #303133;
    padding: 0 20px;
    list-style: none;
    cursor: pointer;
    position: relative;
    -webkit-transition: border-color .3s,background-color .3s,color .3s;
    transition: border-color .3s,background-color .3s,color .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap
}

.el-submenu__title * {
    vertical-align: middle
}

.el-submenu__title i {
    color: #909399
}

.el-submenu__title:focus,.el-submenu__title:hover {
    outline: none;
    background-color: #e8faf6
}

.el-submenu__title.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: none!important
}

.el-submenu__title:hover {
    background-color: #e8faf6
}

.el-submenu .el-menu {
    border: none
}

.el-submenu .el-menu-item {
    height: 50px;
    line-height: 50px;
    padding: 0 45px;
    min-width: 200px
}

.el-submenu__icon-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    font-size: 12px
}

.el-submenu.is-active .el-submenu__title {
    border-bottom-color: #19c8a9
}

.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title {
    opacity: .25;
    cursor: not-allowed;
    background: none!important
}

.el-submenu [class^=el-icon-] {
    vertical-align: middle;
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px
}

.el-menu-item-group>ul {
    padding: 0
}

.el-menu-item-group__title {
    padding: 7px 0 7px 20px;
    line-height: normal;
    font-size: 12px;
    color: #909399
}

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0
}

.el-radio {
    color: #606266;
    font-weight: 500;
    line-height: 1;
    position: relative;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    outline: none;
    font-size: 14px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.el-radio.is-bordered {
    padding: 12px 20px 0 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px
}

.el-radio.is-bordered.is-checked {
    border-color: #19c8a9
}

.el-radio.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: #ebeef5
}

.el-radio.is-bordered+.el-radio.is-bordered {
    margin-left: 10px
}

.el-radio--medium.is-bordered {
    padding: 10px 20px 0 10px;
    border-radius: 4px;
    height: 36px
}

.el-radio--medium.is-bordered .el-radio__label {
    font-size: 14px
}

.el-radio--medium.is-bordered .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio--small.is-bordered {
    padding: 8px 15px 0 10px;
    border-radius: 3px;
    height: 32px
}

.el-radio--small.is-bordered .el-radio__label {
    font-size: 12px
}

.el-radio--small.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio--mini.is-bordered {
    padding: 6px 15px 0 10px;
    border-radius: 3px;
    height: 28px
}

.el-radio--mini.is-bordered .el-radio__label {
    font-size: 12px
}

.el-radio--mini.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio+.el-radio {
    margin-left: 30px
}

.el-radio__input {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle
}

.el-radio__input.is-disabled .el-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner:after {
    cursor: not-allowed;
    background-color: #f5f7fa
}

.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
    cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: #c0c4cc
}

.el-radio__input.is-disabled+span.el-radio__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #19c8a9;
    background: #19c8a9
}

.el-radio__input.is-checked .el-radio__inner:after {
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1)
}

.el-radio__input.is-checked+.el-radio__label {
    color: #19c8a9
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: #19c8a9
}

.el-radio__inner {
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-radio__inner:hover {
    border-color: #19c8a9
}

.el-radio__inner:after {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in,-webkit-transform .15s ease-in
}

.el-radio__original {
    opacity: 0;
    outline: none;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    -webkit-box-shadow: 0 0 2px 2px #19c8a9;
    box-shadow: 0 0 2px 2px #19c8a9
}

.el-radio__label {
    font-size: 14px;
    padding-left: 10px
}

.el-radio-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: 0
}

.el-radio-button,.el-radio-button__inner {
    position: relative;
    display: inline-block;
    outline: none
}

.el-radio-button__inner {
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #dcdfe6;
    font-weight: 500;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-radio-button__inner.is-round {
    padding: 12px 20px
}

.el-radio-button__inner:hover {
    color: #19c8a9
}

.el-radio-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-radio-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-radio-button:first-child .el-radio-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.el-radio-button__orig-radio {
    opacity: 0;
    outline: none;
    position: absolute;
    z-index: -1
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    color: #fff;
    background-color: #19c8a9;
    border-color: #19c8a9;
    -webkit-box-shadow: -1px 0 0 0 #19c8a9;
    box-shadow: -1px 0 0 0 #19c8a9
}

.el-radio-button__orig-radio:disabled+.el-radio-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner {
    background-color: #f2f6fc
}

.el-radio-button:last-child .el-radio-button__inner {
    border-radius: 0 4px 4px 0
}

.el-radio-button:first-child:last-child .el-radio-button__inner {
    border-radius: 4px
}

.el-radio-button--medium .el-radio-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-radio-button--medium .el-radio-button__inner.is-round {
    padding: 10px 20px
}

.el-radio-button--small .el-radio-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-radio-button--small .el-radio-button__inner.is-round {
    padding: 9px 15px
}

.el-radio-button--mini .el-radio-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-radio-button--mini .el-radio-button__inner.is-round {
    padding: 7px 15px
}

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    -webkit-box-shadow: 0 0 2px 2px #19c8a9;
    box-shadow: 0 0 2px 2px #19c8a9
}

.el-switch {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    vertical-align: middle
}

.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__label {
    -webkit-transition: .2s;
    transition: .2s;
    height: 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    color: #303133
}

.el-switch__label.is-active {
    color: #19c8a9
}

.el-switch__label--left {
    margin-right: 10px
}

.el-switch__label--right {
    margin-left: 10px
}

.el-switch__label * {
    line-height: 1;
    font-size: 14px;
    display: inline-block
}

.el-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0
}

.el-switch__input:focus~.el-switch__core {
    outline: 1px solid #19c8a9
}

.el-switch__core {
    margin: 0;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 20px;
    border: 1px solid #dcdfe6;
    outline: none;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #dcdfe6;
    cursor: pointer;
    -webkit-transition: border-color .3s,background-color .3s;
    transition: border-color .3s,background-color .3s;
    vertical-align: middle
}

.el-switch__core:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 16px;
    height: 16px;
    background-color: #fff
}

.el-switch.is-checked .el-switch__core {
    border-color: #19c8a9;
    background-color: #19c8a9
}

.el-switch.is-checked .el-switch__core:after {
    left: 100%;
    margin-left: -17px
}

.el-switch.is-disabled {
    opacity: .6
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
    left: 10px
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
    right: 10px
}

.el-switch .label-fade-enter,.el-switch .label-fade-leave-active {
    opacity: 0
}

.el-select-dropdown {
    position: absolute;
    z-index: 1001;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #19c8a9;
    background-color: #fff
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: #f5f7fa
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
    position: absolute;
    right: 20px;
    font-family: element-icons;
    content: "\E611";
    font-size: 12px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0
}

.el-select-dropdown__empty {
    padding: 10px 0;
    margin: 0;
    text-align: center;
    color: #999;
    font-size: 14px
}

.el-select-dropdown__wrap {
    max-height: 274px
}

.el-select-dropdown__list {
    list-style: none;
    padding: 6px 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-select-dropdown__item {
    font-size: 14px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 34px;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.el-select-dropdown__item.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-select-dropdown__item.is-disabled:hover {
    background-color: #fff
}

.el-select-dropdown__item.hover,.el-select-dropdown__item:hover {
    background-color: #f5f7fa
}

.el-select-dropdown__item.selected {
    color: #19c8a9;
    font-weight: 700
}

.el-select-group {
    margin: 0;
    padding: 0
}

.el-select-group__wrap {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 24px
}

.el-select-group__wrap:not(:last-of-type):after {
    content: "";
    position: absolute;
    display: block;
    left: 20px;
    right: 20px;
    bottom: 12px;
    height: 1px;
    background: #e4e7ed
}

.el-select-group__title {
    padding-left: 20px;
    font-size: 12px;
    color: #f7f7f7;
    line-height: 30px
}

.el-select-group .el-select-dropdown__item {
    padding-left: 20px
}

.el-select {
    display: inline-block;
    position: relative
}

.el-select:hover .el-input__inner {
    border-color: #c0c4cc
}

.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 35px
}

.el-select .el-input__inner:focus {
    border-color: #19c8a9
}

.el-select .el-input .el-select__caret {
    color: #c0c4cc;
    font-size: 14px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer
}

.el-select .el-input .el-select__caret.is-reverse {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.el-select .el-input .el-select__caret.is-show-close {
    font-size: 14px;
    text-align: center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-radius: 100%;
    color: #c0c4cc;
    -webkit-transition: color .2s cubic-bezier(.645,.045,.355,1);
    transition: color .2s cubic-bezier(.645,.045,.355,1)
}

.el-select .el-input .el-select__caret.is-show-close:hover {
    color: #909399
}

.el-select .el-input.is-disabled .el-input__inner {
    cursor: not-allowed
}

.el-select .el-input.is-disabled .el-input__inner:hover {
    border-color: #e4e7ed
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: #19c8a9
}

.el-select>.el-input {
    display: block
}

.el-select__input {
    border: none;
    outline: none;
    padding: 0;
    margin-left: 15px;
    color: #666;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 28px;
    background-color: transparent
}

.el-select__input.is-mini {
    height: 14px
}

.el-select__close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    z-index: 1000;
    right: 25px;
    color: #c0c4cc;
    line-height: 18px;
    font-size: 14px
}

.el-select__close:hover {
    color: #909399
}

.el-select__tags {
    position: absolute;
    line-height: normal;
    white-space: normal;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.el-select .el-tag__close {
    margin-top: -2px
}

.el-select .el-tag {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: transparent;
    margin: 2px 0 2px 6px;
    background-color: #f0f2f5
}

.el-select .el-tag__close.el-icon-close {
    background-color: #c0c4cc;
    right: -7px;
    top: 0;
    color: #fff
}

.el-select .el-tag__close.el-icon-close:hover {
    background-color: #909399
}

.el-select .el-tag__close.el-icon-close:before {
    display: block;
    -webkit-transform: translateY(.5px);
    transform: translateY(.5px)
}

.el-table {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    font-size: 14px;
    color: #606266
}

.el-table__empty-block {
    min-height: 60px;
    text-align: center;
    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
}

.el-table__empty-text {
    width: 50%;
    color: #909399
}

.el-table__expand-column .cell {
    padding: 0;
    text-align: center
}

.el-table__expand-icon {
    position: relative;
    cursor: pointer;
    color: #666;
    font-size: 12px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
    height: 20px
}

.el-table__expand-icon--expanded {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.el-table__expand-icon>.el-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px
}

.el-table__expanded-cell {
    background-color: #fff
}

.el-table__expanded-cell[class*=cell] {
    padding: 20px 50px
}

.el-table__expanded-cell:hover {
    background-color: transparent!important
}

.el-table--fit {
    border-right: 0;
    border-bottom: 0
}

.el-table--fit td.gutter,.el-table--fit th.gutter {
    border-right-width: 1px
}

.el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: auto
}

.el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: auto
}

.el-table thead {
    color: #909399;
    font-weight: 500
}

.el-table thead.is-group th {
    background: #f5f7fa
}

.el-table td,.el-table th {
    padding: 12px 0;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative
}

.el-table td.is-center,.el-table th.is-center {
    text-align: center
}

.el-table td.is-left,.el-table th.is-left {
    text-align: left
}

.el-table td.is-right,.el-table th.is-right {
    text-align: right
}

.el-table td.gutter,.el-table th.gutter {
    width: 15px;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 0
}

.el-table td.is-hidden>*,.el-table th.is-hidden>* {
    visibility: hidden
}

.el-table--medium td,.el-table--medium th {
    padding: 10px 0
}

.el-table--small {
    font-size: 12px
}

.el-table--small td,.el-table--small th {
    padding: 8px 0
}

.el-table--mini {
    font-size: 12px
}

.el-table--mini td,.el-table--mini th {
    padding: 6px 0
}

.el-table tr {
    background-color: #fff
}

.el-table tr input[type=checkbox] {
    margin: 0
}

.el-table td,.el-table th.is-leaf {
    border-bottom: 1px solid #ebeef5
}

.el-table th.is-sortable {
    cursor: pointer
}

.el-table th {
    white-space: nowrap;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    background-color: #fff
}

.el-table th div {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap
}

.el-table th>.cell,.el-table th div {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis
}

.el-table th>.cell {
    position: relative;
    word-wrap: normal;
    vertical-align: middle;
    width: 100%
}

.el-table th>.cell.highlight {
    color: #19c8a9
}

.el-table th.required>div:before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4d51;
    margin-right: 5px;
    vertical-align: middle
}

.el-table td div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-table td.gutter {
    width: 0
}

.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    padding-left: 10px;
    padding-right: 10px
}

.el-table .cell.el-tooltip {
    white-space: nowrap;
    min-width: 50px
}

.el-table--border,.el-table--group {
    border: 1px solid #ebeef5
}

.el-table--border:after,.el-table--group:after,.el-table:before {
    content: "";
    position: absolute;
    background-color: #ebeef5;
    z-index: 1
}

.el-table--border:after,.el-table--group:after {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%
}

.el-table:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px
}

.el-table--border {
    border-right: none;
    border-bottom: none
}

.el-table--border.el-loading-parent--relative {
    border-color: transparent
}

.el-table--border td,.el-table--border th {
    border-right: 1px solid #ebeef5
}

.el-table--border td:first-child .cell,.el-table--border th:first-child .cell {
    padding-left: 10px
}

.el-table--border th.gutter:last-of-type {
    border-bottom: 1px solid #ebeef5;
    border-bottom-width: 1px
}

.el-table--border th {
    border-bottom: 1px solid #ebeef5
}

.el-table--hidden {
    visibility: hidden
}

.el-table__fixed,.el-table__fixed-right {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.12);
    box-shadow: 0 0 10px rgba(0,0,0,.12)
}

.el-table__fixed-right:before,.el-table__fixed:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ebeef5;
    z-index: 4
}

.el-table__fixed-right-patch {
    position: absolute;
    top: -1px;
    right: 0;
    background-color: #fff;
    border-bottom: 1px solid #ebeef5
}

.el-table__fixed-right {
    top: 0;
    left: auto;
    right: 0
}

.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper {
    left: auto;
    right: 0
}

.el-table__fixed-header-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

.el-table__fixed-footer-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3
}

.el-table__fixed-footer-wrapper tbody td {
    border-top: 1px solid #ebeef5;
    background-color: #f5f7fa;
    color: #606266
}

.el-table__fixed-body-wrapper {
    position: absolute;
    left: 0;
    top: 37px;
    overflow: hidden;
    z-index: 3
}

.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper {
    width: 100%
}

.el-table__footer-wrapper {
    margin-top: -1px
}

.el-table__footer-wrapper td {
    border-top: 1px solid #ebeef5
}

.el-table__body,.el-table__footer,.el-table__header {
    table-layout: fixed;
    border-collapse: separate
}

.el-table__footer-wrapper,.el-table__header-wrapper {
    overflow: hidden
}

.el-table__footer-wrapper tbody td,.el-table__header-wrapper tbody td {
    background-color: #f5f7fa;
    color: #606266
}

.el-table__body-wrapper {
    overflow: hidden;
    position: relative
}

.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right {
    -webkit-box-shadow: none;
    box-shadow: none
}

.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right {
    border-left: 1px solid #ebeef5
}

.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #ebeef5
}

.el-table .caret-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-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;
    height: 34px;
    width: 24px;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    overflow: initial;
    position: relative
}

.el-table .sort-caret {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    left: 7px
}

.el-table .sort-caret.ascending {
    border-bottom-color: #c0c4cc;
    top: 5px
}

.el-table .sort-caret.descending {
    border-top-color: #c0c4cc;
    bottom: 7px
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: #19c8a9
}

.el-table .descending .sort-caret.descending {
    border-top-color: #19c8a9
}

.el-table .hidden-columns {
    visibility: hidden;
    position: absolute;
    z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #fafafa
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,.el-table__body tr.current-row>td,.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td {
    background-color: #e8faf6
}

.el-table__column-resize-proxy {
    position: absolute;
    left: 200px;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 1px solid #ebeef5;
    z-index: 10
}

.el-table__column-filter-trigger {
    display: inline-block;
    line-height: 34px;
    cursor: pointer
}

.el-table__column-filter-trigger i {
    color: #f7f7f7;
    font-size: 12px;
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.el-table--enable-row-transition .el-table__body td {
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #f5f7fa
}

.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right {
    bottom: 0;
    overflow: hidden
}

.el-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px
}

.el-table-filter {
    border: 1px solid #ebeef5;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 0
}

.el-table-filter__list {
    padding: 5px 0;
    margin: 0;
    list-style: none;
    min-width: 100px
}

.el-table-filter__list-item {
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px
}

.el-table-filter__list-item:hover {
    background-color: #e8faf6;
    color: #47d3ba
}

.el-table-filter__list-item.is-active {
    background-color: #19c8a9;
    color: #fff
}

.el-table-filter__content {
    min-width: 100px
}

.el-table-filter__bottom {
    border-top: 1px solid #ebeef5;
    padding: 8px
}

.el-table-filter__bottom button {
    background: transparent;
    border: none;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
    padding: 0 3px
}

.el-table-filter__bottom button:hover {
    color: #19c8a9
}

.el-table-filter__bottom button:focus {
    outline: none
}

.el-table-filter__bottom button.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-table-filter__wrap {
    max-height: 280px
}

.el-table-filter__checkbox-group {
    padding: 10px
}

.el-table-filter__checkbox-group label.el-checkbox {
    display: block;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-left: 5px
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
    margin-bottom: 0
}

.el-date-table {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #f2f6fc
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: #606266
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.el-date-table.is-week-mode .el-date-table__row.current div {
    background-color: #f2f6fc
}

.el-date-table td {
    width: 32px;
    padding: 4px 0;
    text-align: center;
    cursor: pointer;
    position: relative
}

.el-date-table td,.el-date-table td div {
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-date-table td div {
    padding: 3px 0
}

.el-date-table td span {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    line-height: 24px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%
}

.el-date-table td.next-month,.el-date-table td.prev-month {
    color: #c0c4cc
}

.el-date-table td.today {
    position: relative
}

.el-date-table td.today span {
    color: #19c8a9;
    font-weight: 700
}

.el-date-table td.today.end-date span,.el-date-table td.today.start-date span {
    color: #fff
}

.el-date-table td.available:hover {
    color: #19c8a9
}

.el-date-table td.in-range div,.el-date-table td.in-range div:hover {
    background-color: #f2f6fc
}

.el-date-table td.current:not(.disabled) span {
    color: #fff;
    background-color: #19c8a9
}

.el-date-table td.end-date div,.el-date-table td.start-date div {
    color: #fff
}

.el-date-table td.end-date span,.el-date-table td.start-date span {
    background-color: #19c8a9
}

.el-date-table td.start-date div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.el-date-table td.end-date div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.el-date-table td.disabled div {
    background-color: #f5f7fa;
    opacity: 1;
    cursor: not-allowed;
    color: #c0c4cc
}

.el-date-table td.selected div {
    margin-left: 5px;
    margin-right: 5px;
    background-color: #f2f6fc;
    border-radius: 15px
}

.el-date-table td.selected div:hover {
    background-color: #f2f6fc
}

.el-date-table td.selected span {
    background-color: #19c8a9;
    color: #fff;
    border-radius: 15px
}

.el-date-table td.week {
    font-size: 80%;
    color: #606266
}

.el-date-table th {
    padding: 5px;
    color: #606266;
    font-weight: 400;
    border-bottom: 1px solid #ebeef5
}

.el-month-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-month-table td {
    text-align: center;
    padding: 20px 3px;
    cursor: pointer
}

.el-month-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc
}

.el-month-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-month-table td .cell {
    width: 48px;
    height: 32px;
    display: block;
    line-height: 32px;
    color: #606266;
    margin: 0 auto
}

.el-month-table td .cell:hover,.el-month-table td.current:not(.disabled) .cell {
    color: #19c8a9
}

.el-year-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-year-table .el-icon {
    color: #303133
}

.el-year-table td {
    text-align: center;
    padding: 20px 3px;
    cursor: pointer
}

.el-year-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc
}

.el-year-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-year-table td .cell {
    width: 48px;
    height: 32px;
    display: block;
    line-height: 32px;
    color: #606266;
    margin: 0 auto
}

.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell {
    color: #19c8a9
}

.el-date-range-picker {
    width: 646px
}

.el-date-range-picker.has-sidebar {
    width: 756px
}

.el-date-range-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 513px
}

.el-date-range-picker .el-picker-panel__content {
    margin: 0
}

.el-date-range-picker__header {
    position: relative;
    text-align: center;
    height: 28px
}

.el-date-range-picker__header [class*=arrow-left] {
    float: left
}

.el-date-range-picker__header [class*=arrow-right] {
    float: right
}

.el-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px
}

.el-date-range-picker__content {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 16px
}

.el-date-range-picker__content.is-left {
    border-right: 1px solid #e4e4e4
}

.el-date-range-picker__content.is-right .el-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px
}

.el-date-range-picker__editors-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell
}

.el-date-range-picker__editors-wrap.is-right {
    text-align: right
}

.el-date-range-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-date-range-picker__time-header>.el-icon-arrow-right {
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    color: #303133
}

.el-date-range-picker__time-picker-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    position: absolute;
    top: 13px;
    right: 0;
    z-index: 1;
    background: #fff
}

.el-date-picker {
    width: 322px
}

.el-date-picker.has-sidebar.has-time {
    width: 434px
}

.el-date-picker.has-sidebar {
    width: 438px
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-picker .el-picker-panel__content {
    width: 292px
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-picker__editor-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.el-date-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-date-picker__header {
    margin: 12px;
    text-align: center
}

.el-date-picker__header--bordered {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #ebeef5
}

.el-date-picker__header--bordered+.el-picker-panel__content {
    margin-top: 0
}

.el-date-picker__header-label {
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #606266
}

.el-date-picker__header-label.active,.el-date-picker__header-label:hover {
    color: #19c8a9
}

.el-date-picker__prev-btn {
    float: left
}

.el-date-picker__next-btn {
    float: right
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center
}

.el-date-picker__time-label {
    float: left;
    cursor: pointer;
    line-height: 30px;
    margin-left: 10px
}

.time-select {
    margin: 5px 0;
    min-width: 0
}

.time-select .el-picker-panel__content {
    max-height: 200px;
    margin: 0
}

.time-select-item {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px
}

.time-select-item.selected:not(.disabled) {
    color: #19c8a9;
    font-weight: 700
}

.time-select-item.disabled {
    color: #e4e7ed;
    cursor: not-allowed
}

.time-select-item:hover {
    background-color: #f5f7fa;
    font-weight: 700;
    cursor: pointer
}

.el-date-editor {
    position: relative;
    display: inline-block;
    text-align: left
}

.el-date-editor.el-input,.el-date-editor.el-input__inner {
    width: 220px
}

.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner {
    width: 350px
}

.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner {
    width: 400px
}

.el-date-editor--dates .el-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-date-editor .el-icon-circle-close {
    cursor: pointer
}

.el-date-editor .el-range__icon {
    font-size: 14px;
    margin-left: -5px;
    color: #c0c4cc;
    float: left;
    line-height: 32px
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 39%;
    text-align: center;
    font-size: 14px;
    color: #606266
}

.el-date-editor .el-range-input::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input::-moz-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input::-ms-input-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input::placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-separator {
    display: inline-block;
    height: 100%;
    padding: 0 5px;
    margin: 0;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    width: 5%;
    color: #303133
}

.el-date-editor .el-range__close-icon {
    font-size: 14px;
    color: #c0c4cc;
    width: 25px;
    display: inline-block;
    float: right;
    line-height: 32px
}

.el-range-editor.el-input__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 10px
}

.el-range-editor .el-range-input {
    line-height: 1
}

.el-range-editor.is-active,.el-range-editor.is-active:hover {
    border-color: #19c8a9
}

.el-range-editor--medium.el-input__inner {
    height: 36px
}

.el-range-editor--medium .el-range-separator {
    line-height: 28px;
    font-size: 14px
}

.el-range-editor--medium .el-range-input {
    font-size: 14px
}

.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon {
    line-height: 28px
}

.el-range-editor--small.el-input__inner {
    height: 32px
}

.el-range-editor--small .el-range-separator {
    line-height: 24px;
    font-size: 13px
}

.el-range-editor--small .el-range-input {
    font-size: 13px
}

.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon {
    line-height: 24px
}

.el-range-editor--mini.el-input__inner {
    height: 28px
}

.el-range-editor--mini .el-range-separator {
    line-height: 20px;
    font-size: 12px
}

.el-range-editor--mini .el-range-input {
    font-size: 12px
}

.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon {
    line-height: 20px
}

.el-range-editor.is-disabled {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover {
    border-color: #e4e7ed
}

.el-range-editor.is-disabled input {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-range-editor.is-disabled input::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input::-moz-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input::-ms-input-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input::placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled .el-range-separator {
    color: #c0c4cc
}

.el-picker-panel {
    color: #606266;
    border: 1px solid #e4e7ed;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    background: #fff;
    border-radius: 4px;
    line-height: 30px;
    margin: 5px 0
}

.el-picker-panel__body-wrapper:after,.el-picker-panel__body:after {
    content: "";
    display: table;
    clear: both
}

.el-picker-panel__content {
    position: relative;
    margin: 15px
}

.el-picker-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    text-align: right;
    background-color: #fff;
    position: relative;
    font-size: 0
}

.el-picker-panel__shortcut {
    display: block;
    width: 100%;
    border: 0;
    background-color: transparent;
    line-height: 28px;
    font-size: 14px;
    color: #606266;
    padding-left: 12px;
    text-align: left;
    outline: none;
    cursor: pointer
}

.el-picker-panel__shortcut:hover {
    color: #19c8a9
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #19c8a9
}

.el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    font-size: 12px
}

.el-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-picker-panel__icon-btn {
    font-size: 12px;
    color: #303133;
    border: 0;
    background: transparent;
    cursor: pointer;
    outline: none;
    margin-top: 8px
}

.el-picker-panel__icon-btn:hover {
    color: #19c8a9
}

.el-picker-panel__icon-btn.is-disabled {
    color: #bbb
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
}

.el-picker-panel__link-btn {
    vertical-align: middle
}

.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    border-right: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6px;
    background-color: #fff;
    overflow: auto
}

.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body {
    margin-left: 110px
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%
}

.el-time-spinner__wrapper {
    max-height: 190px;
    overflow: auto;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative
}

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px
}

.el-time-spinner__wrapper.is-arrow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #fff;
    cursor: default
}

.el-time-spinner__arrow {
    font-size: 12px;
    color: #909399;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.el-time-spinner__arrow:hover {
    color: #19c8a9
}

.el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px
}

.el-time-spinner__arrow.el-icon-arrow-down {
    bottom: 10px
}

.el-time-spinner__input.el-input {
    width: 70%
}

.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list {
    padding: 0;
    text-align: center
}

.el-time-spinner__list {
    margin: 0;
    list-style: none
}

.el-time-spinner__list:after,.el-time-spinner__list:before {
    content: "";
    display: block;
    width: 100%;
    height: 80px
}

.el-time-spinner__item {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #606266
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #f5f7fa;
    cursor: pointer
}

.el-time-spinner__item.active:not(.disabled) {
    color: #303133;
    font-weight: 700
}

.el-time-spinner__item.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-time-panel {
    margin: 5px 0;
    border: 1px solid #e4e7ed;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    position: absolute;
    width: 180px;
    left: 0;
    z-index: 1000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-time-panel__content {
    font-size: 0;
    position: relative;
    overflow: hidden
}

.el-time-panel__content:after,.el-time-panel__content:before {
    content: "";
    top: 50%;
    position: absolute;
    margin-top: -15px;
    height: 32px;
    z-index: -1;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6px;
    text-align: left;
    border-top: 1px solid #e4e7ed;
    border-bottom: 1px solid #e4e7ed
}

.el-time-panel__content:after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%
}

.el-time-panel__content:before {
    padding-left: 50%;
    margin-right: 12%;
    margin-left: 12%
}

.el-time-panel__content.has-seconds:after {
    left: 66.66667%
}

.el-time-panel__content.has-seconds:before {
    padding-left: 33.33333%
}

.el-time-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    height: 36px;
    line-height: 25px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-time-panel__btn {
    border: none;
    line-height: 28px;
    padding: 0 5px;
    margin: 0 5px;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    font-size: 12px;
    color: #303133
}

.el-time-panel__btn.confirm {
    font-weight: 800;
    color: #19c8a9
}

.el-time-range-picker {
    width: 354px;
    overflow: visible
}

.el-time-range-picker__content {
    position: relative;
    text-align: center;
    padding: 10px
}

.el-time-range-picker__cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%;
    display: inline-block
}

.el-time-range-picker__header {
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px
}

.el-time-range-picker__body {
    border-radius: 2px;
    border: 1px solid #e4e7ed
}

.el-popover {
    position: absolute;
    background: #fff;
    min-width: 150px;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.el-popover--plain {
    padding: 18px 20px
}

.el-popover__title {
    color: #303133;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 12px
}

.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing) {
    outline-width: 0
}

.v-modal-enter {
    -webkit-animation: v-modal-in .2s ease;
    animation: v-modal-in .2s ease
}

.v-modal-leave {
    -webkit-animation: v-modal-out .2s ease forwards;
    animation: v-modal-out .2s ease forwards
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000
}

.el-popup-parent--hidden {
    overflow: hidden
}

.el-message-box {
    display: inline-block;
    width: 420px;
    padding-bottom: 10px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    font-size: 18px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    text-align: left;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.el-message-box__wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.el-message-box__wrapper:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.el-message-box__header {
    position: relative;
    padding: 15px;
    padding-bottom: 10px
}

.el-message-box__title {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: #303133
}

.el-message-box__headerbtn {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    font-size: 16px;
    cursor: pointer
}

.el-message-box__headerbtn .el-message-box__close {
    color: #f7f7f7
}

.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close {
    color: #19c8a9
}

.el-message-box__content {
    position: relative;
    padding: 10px 15px;
    color: #606266;
    font-size: 14px
}

.el-message-box__input {
    padding-top: 15px
}

.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus {
    border-color: #ff645a
}

.el-message-box__status {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px!important
}

.el-message-box__status:before {
    padding-left: 1px
}

.el-message-box__status+.el-message-box__message {
    padding-left: 36px;
    padding-right: 12px
}

.el-message-box__status.el-icon-success {
    color: #67c23a
}

.el-message-box__status.el-icon-info {
    color: #f7f7f7
}

.el-message-box__status.el-icon-warning {
    color: #ea8553
}

.el-message-box__status.el-icon-error {
    color: #ff645a
}

.el-message-box__message {
    margin: 0
}

.el-message-box__message p {
    margin: 0;
    line-height: 24px
}

.el-message-box__errormsg {
    color: #ff645a;
    font-size: 12px;
    min-height: 18px;
    margin-top: 2px
}

.el-message-box__btns {
    padding: 5px 15px 0;
    text-align: right
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 10px
}

.el-message-box__btns-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.el-message-box--center {
    padding-bottom: 30px
}

.el-message-box--center .el-message-box__header {
    padding-top: 30px
}

.el-message-box--center .el-message-box__title {
    position: relative;
    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
}

.el-message-box--center .el-message-box__status {
    position: relative;
    top: auto;
    padding-right: 5px;
    text-align: center;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.el-message-box--center .el-message-box__message {
    margin-left: 0
}

.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content {
    text-align: center
}

.el-message-box--center .el-message-box__content {
    padding-left: 27px;
    padding-right: 27px
}

.msgbox-fade-enter-active {
    -webkit-animation: msgbox-fade-in .3s;
    animation: msgbox-fade-in .3s
}

.msgbox-fade-leave-active {
    -webkit-animation: msgbox-fade-out .3s;
    animation: msgbox-fade-out .3s
}

@-webkit-keyframes msgbox-fade-in {
    0% {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes msgbox-fade-in {
    0% {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes msgbox-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
}

@keyframes msgbox-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
}

.el-breadcrumb {
    font-size: 14px;
    line-height: 1
}

.el-breadcrumb:after,.el-breadcrumb:before {
    display: table;
    content: ""
}

.el-breadcrumb:after {
    clear: both
}

.el-breadcrumb__separator {
    margin: 0 9px;
    font-weight: 700;
    color: #c0c4cc
}

.el-breadcrumb__separator[class*=icon] {
    margin: 0 6px;
    font-weight: 400
}

.el-breadcrumb__item {
    float: left
}

.el-breadcrumb__inner {
    color: #606266
}

.el-breadcrumb__inner.is-link,.el-breadcrumb__inner a {
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: color .2s cubic-bezier(.645,.045,.355,1);
    transition: color .2s cubic-bezier(.645,.045,.355,1);
    color: #303133
}

.el-breadcrumb__inner.is-link:hover,.el-breadcrumb__inner a:hover {
    color: #19c8a9;
    cursor: pointer
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
    font-weight: 400;
    color: #606266;
    cursor: text
}

.el-breadcrumb__item:last-child .el-breadcrumb__separator {
    display: none
}

.el-form--label-left .el-form-item__label {
    text-align: left
}

.el-form--label-top .el-form-item__label {
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0 0 10px
}

.el-form--inline .el-form-item {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.el-form--inline .el-form-item__label {
    float: none;
    display: inline-block
}

.el-form--inline .el-form-item__content {
    display: inline-block;
    vertical-align: top
}

.el-form--inline.el-form--label-top .el-form-item__content {
    display: block
}

.el-form-item {
    margin-bottom: 22px
}

.el-form-item:after,.el-form-item:before {
    display: table;
    content: ""
}

.el-form-item:after {
    clear: both
}

.el-form-item .el-form-item {
    margin-bottom: 0
}

.el-form-item .el-input__validateIcon {
    display: none
}

.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label {
    line-height: 36px
}

.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label {
    line-height: 32px
}

.el-form-item--small.el-form-item {
    margin-bottom: 18px
}

.el-form-item--small .el-form-item__error {
    padding-top: 2px
}

.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label {
    line-height: 28px
}

.el-form-item--mini.el-form-item {
    margin-bottom: 18px
}

.el-form-item--mini .el-form-item__error {
    padding-top: 1px
}

.el-form-item__label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px
}

.el-form-item__content:after,.el-form-item__content:before {
    display: table;
    content: ""
}

.el-form-item__content:after {
    clear: both
}

.el-form-item__content .el-input-group {
    vertical-align: middle
}

.el-form-item__error {
    color: #ff645a;
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    left: 0
}

.el-form-item__error--inline {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-left: 10px
}

.el-form-item.is-required>.el-form-item__label:before {
    content: "*";
    color: #ff645a;
    margin-right: 4px
}

.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus {
    border-color: #ff645a
}

.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner {
    border-color: transparent
}

.el-form-item.is-error .el-input__validateIcon {
    color: #ff645a
}

.el-form-item.is-success .el-input__inner,.el-form-item.is-success .el-input__inner:focus,.el-form-item.is-success .el-textarea__inner,.el-form-item.is-success .el-textarea__inner:focus {
    border-color: #67c23a
}

.el-form-item.is-success .el-input-group__append .el-input__inner,.el-form-item.is-success .el-input-group__prepend .el-input__inner {
    border-color: transparent
}

.el-form-item.is-success .el-input__validateIcon {
    color: #67c23a
}

.el-form-item--feedback .el-input__validateIcon {
    display: inline-block
}

.el-tabs__header {
    padding: 0;
    position: relative;
    margin: 0 0 15px
}

.el-tabs__active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #19c8a9;
    z-index: 1;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    list-style: none
}

.el-tabs__new-tab {
    float: right;
    border: 1px solid #d3dce6;
    height: 18px;
    width: 18px;
    line-height: 18px;
    margin: 12px 0 9px 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    color: #d3dce6;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s
}

.el-tabs__new-tab .el-icon-plus {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-tabs__new-tab:hover {
    color: #19c8a9
}

.el-tabs__nav-wrap {
    overflow: hidden;
    margin-bottom: -1px;
    position: relative
}

.el-tabs__nav-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #e4e7ed;
    z-index: 1
}

.el-tabs__nav-wrap.is-scrollable {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-tabs__nav-scroll {
    overflow: hidden
}

.el-tabs__nav-next,.el-tabs__nav-prev {
    position: absolute;
    cursor: pointer;
    line-height: 44px;
    font-size: 12px;
    color: #909399
}

.el-tabs__nav-next {
    right: 0
}

.el-tabs__nav-prev {
    left: 0
}

.el-tabs__nav {
    white-space: nowrap;
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    float: left;
    z-index: 2
}

.el-tabs__nav.is-stretch {
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-tabs__nav.is-stretch>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.el-tabs__item {
    padding: 0 20px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    color: #303133;
    position: relative
}

.el-tabs__item:focus,.el-tabs__item:focus:active {
    outline: none
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
    -webkit-box-shadow: 0 0 2px 2px #409eff inset;
    box-shadow: inset 0 0 2px 2px #409eff;
    border-radius: 3px
}

.el-tabs__item .el-icon-close {
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    margin-left: 5px
}

.el-tabs__item .el-icon-close:before {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    display: inline-block
}

.el-tabs__item .el-icon-close:hover {
    background-color: #c0c4cc;
    color: #fff
}

.el-tabs__item.is-active {
    color: #19c8a9
}

.el-tabs__item:hover {
    color: #19c8a9;
    cursor: pointer
}

.el-tabs__item.is-disabled {
    color: #c0c4cc;
    cursor: default
}

.el-tabs__content {
    overflow: hidden;
    position: relative
}

.el-tabs--card>.el-tabs__header {
    border-bottom: 1px solid #e4e7ed
}

.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--card>.el-tabs__header .el-tabs__nav {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-tabs--card>.el-tabs__header .el-tabs__active-bar {
    display: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close {
    position: relative;
    font-size: 12px;
    width: 0;
    height: 14px;
    vertical-align: middle;
    line-height: 15px;
    overflow: hidden;
    top: -1px;
    right: -2px;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.el-tabs--card>.el-tabs__header .el-tabs__item {
    border-bottom: 1px solid transparent;
    border-left: 1px solid #e4e7ed;
    -webkit-transition: color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);
    transition: color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)
}

.el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
    border-left: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left: 13px;
    padding-right: 13px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
    width: 14px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: #fff
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
    padding-left: 20px;
    padding-right: 20px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
    width: 14px
}

.el-tabs--border-card {
    background: #fff;
    border: 1px solid #dcdfe6;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)
}

.el-tabs--border-card>.el-tabs__content {
    padding: 15px
}

.el-tabs--border-card>.el-tabs__header {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4e7ed;
    margin: 0
}

.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    border: 1px solid transparent;
    margin: -1px -1px 0;
    color: #909399
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    color: #19c8a9;
    background-color: #fff;
    border-right-color: #dcdfe6;
    border-left-color: #dcdfe6
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #19c8a9
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
    color: #c0c4cc
}

.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 0
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right .el-tabs__item:nth-child(2) {
    padding-left: 20px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--left .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card .el-tabs__item:last-child,.el-tabs--top.el-tabs--card .el-tabs__item:last-child,.el-tabs--top .el-tabs--left .el-tabs__item:last-child,.el-tabs--top .el-tabs--right .el-tabs__item:last-child {
    padding-right: 20px
}

.el-tabs--bottom .el-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 10px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 1px solid #dcdfe6
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-top: -1px;
    margin-bottom: 0
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid transparent
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
    margin: 0 -1px -1px
}

.el-tabs--left,.el-tabs--right {
    overflow: hidden
}

.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right {
    height: 100%
}

.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right {
    top: 0;
    bottom: auto;
    width: 2px;
    height: auto
}

.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    cursor: pointer
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    left: auto;
    top: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
    right: auto;
    bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left:after,.el-tabs--left .el-tabs__nav-wrap.is-right:after,.el-tabs--right .el-tabs__nav-wrap.is-left:after,.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    height: 100%;
    width: 2px;
    bottom: auto;
    top: 0
}

.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right {
    float: none
}

.el-tabs--left .el-tabs__item.is-left,.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-right {
    display: block
}

.el-tabs--left .el-tabs__header.is-left {
    float: left;
    margin-bottom: 0;
    margin-right: 10px
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -1px
}

.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left:after {
    left: auto;
    right: 0
}

.el-tabs--left .el-tabs__item.is-left {
    text-align: right
}

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
    display: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
    border-left: none;
    border-right: 1px solid #e4e7ed;
    border-bottom: none;
    border-top: 1px solid #e4e7ed
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
    border-right: 1px solid #e4e7ed;
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
    border: 1px solid #e4e7ed;
    border-right-color: #fff;
    border-left: none;
    border-bottom: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
    border-bottom: none
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
    border-radius: 4px 0 0 4px;
    border-bottom: 1px solid #e4e7ed;
    border-right: none
}

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
    float: none
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
    border-right: 1px solid #dfe4ed
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
    border: 1px solid transparent;
    margin: -1px 0 -1px -1px
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
    border-color: transparent;
    border-top-color: #d1dbe5;
    border-bottom-color: #d1dbe5
}

.el-tabs--right .el-tabs__header.is-right {
    float: right;
    margin-bottom: 0;
    margin-left: 10px
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-left: -1px
}

.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    left: 0;
    right: auto
}

.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0
}

.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
    border-bottom: none;
    border-top: 1px solid #e4e7ed
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
    border-left: 1px solid #e4e7ed;
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: 1px solid #e4e7ed;
    border-left-color: #fff;
    border-right: none;
    border-bottom: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
    border-bottom: none
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
    border-radius: 0 4px 4px 0;
    border-bottom: 1px solid #e4e7ed;
    border-left: none
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
    border-left: 1px solid #dfe4ed
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
    border: 1px solid transparent;
    margin: -1px -1px -1px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
    border-color: transparent;
    border-top-color: #d1dbe5;
    border-bottom-color: #d1dbe5
}

.slideInLeft-transition,.slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    -webkit-animation: slideInRight-enter .3s;
    animation: slideInRight-enter .3s
}

.slideInRight-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInRight-leave .3s;
    animation: slideInRight-leave .3s
}

.slideInLeft-enter {
    -webkit-animation: slideInLeft-enter .3s;
    animation: slideInLeft-enter .3s
}

.slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInLeft-leave .3s;
    animation: slideInLeft-leave .3s
}

@-webkit-keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInRight-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes slideInRight-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@-webkit-keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInLeft-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes slideInLeft-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

.el-tag {
    background-color: rgba(25,200,169,.1);
    display: inline-block;
    padding: 0 10px;
    height: 32px;
    line-height: 30px;
    font-size: 12px;
    color: #19c8a9;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(25,200,169,.2);
    white-space: nowrap
}

.el-tag .el-icon-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    top: -1px;
    right: -5px;
    color: #19c8a9
}

.el-tag .el-icon-close:before {
    display: block
}

.el-tag .el-icon-close:hover {
    background-color: #19c8a9;
    color: #fff
}

.el-tag--info {
    background-color: hsla(0,0%,97%,.1);
    border-color: hsla(0,0%,97%,.2);
    color: #f7f7f7
}

.el-tag--info.is-hit {
    border-color: #f7f7f7
}

.el-tag--info .el-tag__close {
    color: #f7f7f7
}

.el-tag--info .el-tag__close:hover {
    background-color: #f7f7f7;
    color: #fff
}

.el-tag--success {
    background-color: rgba(103,194,58,.1);
    border-color: rgba(103,194,58,.2);
    color: #67c23a
}

.el-tag--success.is-hit {
    border-color: #67c23a
}

.el-tag--success .el-tag__close {
    color: #67c23a
}

.el-tag--success .el-tag__close:hover {
    background-color: #67c23a;
    color: #fff
}

.el-tag--warning {
    background-color: rgba(234,133,83,.1);
    border-color: rgba(234,133,83,.2);
    color: #ea8553
}

.el-tag--warning.is-hit {
    border-color: #ea8553
}

.el-tag--warning .el-tag__close {
    color: #ea8553
}

.el-tag--warning .el-tag__close:hover {
    background-color: #ea8553;
    color: #fff
}

.el-tag--danger {
    background-color: rgba(255,100,90,.1);
    border-color: rgba(255,100,90,.2);
    color: #ff645a
}

.el-tag--danger.is-hit {
    border-color: #ff645a
}

.el-tag--danger .el-tag__close {
    color: #ff645a
}

.el-tag--danger .el-tag__close:hover {
    background-color: #ff645a;
    color: #fff
}

.el-tag--medium {
    height: 28px;
    line-height: 26px
}

.el-tag--medium .el-icon-close {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-tag--small {
    height: 24px;
    padding: 0 8px;
    line-height: 22px
}

.el-tag--small .el-icon-close {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-tag--mini {
    height: 20px;
    padding: 0 5px;
    line-height: 19px
}

.el-tag--mini .el-icon-close {
    margin-left: -3px;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.el-tree {
    position: relative;
    cursor: default;
    background: #fff;
    color: #606266
}

.el-tree__empty-block {
    position: relative;
    min-height: 60px;
    text-align: center;
    width: 100%;
    height: 100%
}

.el-tree__empty-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #5c8655
}

.el-tree__drop-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #19c8a9
}

.el-tree-node {
    white-space: nowrap;
    outline: none
}

.el-tree-node:focus>.el-tree-node__content {
    background-color: #f5f7fa
}

.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
    background-color: #19c8a9;
    color: #fff
}

.el-tree-node__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    cursor: pointer
}

.el-tree-node__content>.el-tree-node__expand-icon {
    padding: 6px
}

.el-tree-node__content>.el-checkbox {
    margin-right: 8px
}

.el-tree-node__content:hover {
    background-color: #f5f7fa
}

.el-tree.is-dragging .el-tree-node__content {
    cursor: move
}

.el-tree.is-dragging .el-tree-node__content * {
    pointer-events: none
}

.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
    cursor: not-allowed
}

.el-tree-node__expand-icon {
    cursor: pointer;
    color: #c0c4cc;
    font-size: 12px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default
}

.el-tree-node__label {
    font-size: 14px
}

.el-tree-node__loading-icon {
    margin-right: 8px;
    font-size: 14px;
    color: #c0c4cc
}

.el-tree-node>.el-tree-node__children {
    overflow: hidden;
    background-color: transparent
}

.el-tree-node.is-expanded>.el-tree-node__children {
    display: block
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: #edfbf8
}

.el-alert {
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.el-alert.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.el-alert--success {
    background-color: #f0f9eb;
    color: #67c23a
}

.el-alert--success .el-alert__description {
    color: #67c23a
}

.el-alert--info {
    background-color: #fefefe;
    color: #f7f7f7
}

.el-alert--info .el-alert__description {
    color: #f7f7f7
}

.el-alert--warning {
    background-color: #fdf3ee;
    color: #ea8553
}

.el-alert--warning .el-alert__description {
    color: #ea8553
}

.el-alert--error {
    background-color: #fff0ef;
    color: #ff645a
}

.el-alert--error .el-alert__description {
    color: #ff645a
}

.el-alert__content {
    display: table-cell;
    padding: 0 8px
}

.el-alert__icon {
    font-size: 16px;
    width: 16px
}

.el-alert__icon.is-big {
    font-size: 28px;
    width: 28px
}

.el-alert__title {
    font-size: 13px;
    line-height: 18px
}

.el-alert__title.is-bold {
    font-weight: 700
}

.el-alert .el-alert__description {
    font-size: 12px;
    margin: 5px 0 0
}

.el-alert__closebtn {
    font-size: 12px;
    color: #c0c4cc;
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer
}

.el-alert__closebtn.is-customed {
    font-style: normal;
    font-size: 13px;
    top: 9px
}

.el-alert-fade-enter,.el-alert-fade-leave-active {
    opacity: 0
}

.el-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 330px;
    padding: 14px 26px 14px 13px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ebeef5;
    position: fixed;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    -webkit-transition: opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;
    transition: opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;
    transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;
    overflow: hidden
}

.el-notification.right {
    right: 16px
}

.el-notification.left {
    left: 16px
}

.el-notification__group {
    margin-left: 13px
}

.el-notification__title {
    font-weight: 700;
    font-size: 16px;
    color: #303133;
    margin: 0
}

.el-notification__content {
    font-size: 14px;
    line-height: 21px;
    margin: 6px 0 0;
    color: #606266;
    text-align: justify
}

.el-notification__content p {
    margin: 0
}

.el-notification__icon {
    height: 24px;
    width: 24px;
    font-size: 24px
}

.el-notification__closeBtn {
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
    color: #909399;
    font-size: 16px
}

.el-notification__closeBtn:hover {
    color: #606266
}

.el-notification .el-icon-success {
    color: #67c23a
}

.el-notification .el-icon-error {
    color: #ff645a
}

.el-notification .el-icon-info {
    color: #f7f7f7
}

.el-notification .el-icon-warning {
    color: #ea8553
}

.el-notification-fade-enter.right {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.el-notification-fade-enter.left {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.el-notification-fade-leave-active {
    opacity: 0
}

.el-input-number {
    position: relative;
    display: inline-block;
    width: 180px;
    line-height: 38px
}

.el-input-number .el-input {
    display: block
}

.el-input-number .el-input__inner {
    -webkit-appearance: none;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center
}

.el-input-number__decrease,.el-input-number__increase {
    position: absolute;
    z-index: 1;
    top: 1px;
    width: 40px;
    height: auto;
    text-align: center;
    background: #f5f7fa;
    color: #606266;
    cursor: pointer;
    font-size: 13px
}

.el-input-number__decrease:hover,.el-input-number__increase:hover {
    color: #19c8a9
}

.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
    border-color: #19c8a9
}

.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-input-number__increase {
    right: 1px;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #dcdfe6
}

.el-input-number__decrease {
    left: 1px;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #dcdfe6
}

.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase {
    border-color: #e4e7ed;
    color: #e4e7ed
}

.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover {
    color: #e4e7ed;
    cursor: not-allowed
}

.el-input-number--medium {
    width: 200px;
    line-height: 34px
}

.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase {
    width: 36px;
    font-size: 14px
}

.el-input-number--medium .el-input__inner {
    padding-left: 43px;
    padding-right: 43px
}

.el-input-number--small {
    width: 130px;
    line-height: 30px
}

.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase {
    width: 32px;
    font-size: 13px
}

.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon] {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.el-input-number--small .el-input__inner {
    padding-left: 39px;
    padding-right: 39px
}

.el-input-number--mini {
    width: 130px;
    line-height: 26px
}

.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase {
    width: 28px;
    font-size: 12px
}

.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon] {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-input-number--mini .el-input__inner {
    padding-left: 35px;
    padding-right: 35px
}

.el-input-number.is-without-controls .el-input__inner {
    padding-left: 15px;
    padding-right: 15px
}

.el-input-number.is-controls-right .el-input__inner {
    padding-left: 15px;
    padding-right: 50px
}

.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase {
    height: auto;
    line-height: 19px
}

.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-input-number.is-controls-right .el-input-number__increase {
    border-radius: 0 4px 0 0;
    border-bottom: 1px solid #dcdfe6
}

.el-input-number.is-controls-right .el-input-number__decrease {
    right: 1px;
    bottom: 1px;
    top: auto;
    left: auto;
    border-right: none;
    border-left: 1px solid #dcdfe6;
    border-radius: 0 0 4px 0
}

.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase] {
    line-height: 17px
}

.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase] {
    line-height: 15px
}

.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase] {
    line-height: 13px
}

.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing) {
    outline-width: 0
}

.el-tooltip__popper {
    position: absolute;
    border-radius: 4px;
    padding: 10px;
    z-index: 2000;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px
}

.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.el-tooltip__popper .popper__arrow {
    border-width: 6px
}

.el-tooltip__popper .popper__arrow:after {
    content: " ";
    border-width: 5px
}

.el-tooltip__popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    border-top-color: #303133;
    border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    bottom: 1px;
    margin-left: -5px;
    border-top-color: #303133;
    border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    border-top-width: 0;
    border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
    top: 1px;
    margin-left: -5px;
    border-top-width: 0;
    border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=right] {
    margin-left: 12px
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
    left: -6px;
    border-right-color: #303133;
    border-left-width: 0
}

.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
    bottom: -5px;
    left: 1px;
    border-right-color: #303133;
    border-left-width: 0
}

.el-tooltip__popper[x-placement^=left] {
    margin-right: 12px
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
    right: -6px;
    border-right-width: 0;
    border-left-color: #303133
}

.el-tooltip__popper[x-placement^=left] .popper__arrow:after {
    right: 1px;
    bottom: -5px;
    margin-left: -5px;
    border-right-width: 0;
    border-left-color: #303133
}

.el-tooltip__popper.is-dark {
    background: #303133;
    color: #fff
}

.el-tooltip__popper.is-light {
    background: #fff;
    border: 1px solid #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
    border-top-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
    border-top-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
    border-left-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
    border-left-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
    border-right-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
    border-right-color: #fff
}

.el-slider:after,.el-slider:before {
    display: table;
    content: ""
}

.el-slider:after {
    clear: both
}

.el-slider__runway {
    width: 100%;
    height: 6px;
    margin: 16px 0;
    background-color: #e4e7ed;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    vertical-align: middle
}

.el-slider__runway.show-input {
    margin-right: 160px;
    width: auto
}

.el-slider__runway.disabled {
    cursor: default
}

.el-slider__runway.disabled .el-slider__bar {
    background-color: #c0c4cc
}

.el-slider__runway.disabled .el-slider__button {
    border-color: #c0c4cc
}

.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover {
    cursor: not-allowed
}

.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover {
    cursor: not-allowed
}

.el-slider__input {
    float: right;
    margin-top: 3px;
    width: 130px
}

.el-slider__input.el-input-number--mini {
    margin-top: 5px
}

.el-slider__input.el-input-number--medium {
    margin-top: 0
}

.el-slider__input.el-input-number--large {
    margin-top: -2px
}

.el-slider__bar {
    height: 6px;
    background-color: #19c8a9;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute
}

.el-slider__button-wrapper {
    height: 36px;
    width: 36px;
    position: absolute;
    z-index: 1001;
    top: -15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: transparent;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: normal
}

.el-slider__button-wrapper:after {
    content: "";
    height: 100%
}

.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper:after {
    display: inline-block;
    vertical-align: middle
}

.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover {
    cursor: -webkit-grab;
    cursor: grab
}

.el-slider__button-wrapper.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.el-slider__button {
    width: 16px;
    height: 16px;
    border: 2px solid #19c8a9;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.el-slider__button.hover,.el-slider__button:hover {
    cursor: -webkit-grab;
    cursor: grab
}

.el-slider__button.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.el-slider__stop {
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.el-slider.is-vertical {
    position: relative
}

.el-slider.is-vertical .el-slider__runway {
    width: 6px;
    height: 100%;
    margin: 0 16px
}

.el-slider.is-vertical .el-slider__bar {
    width: 6px;
    height: auto;
    border-radius: 0 0 3px 3px
}

.el-slider.is-vertical .el-slider__button-wrapper {
    top: auto;
    left: -15px
}

.el-slider.is-vertical .el-slider__button-wrapper,.el-slider.is-vertical .el-slider__stop {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.el-slider.is-vertical.el-slider--with-input {
    padding-bottom: 58px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input {
    overflow: visible;
    float: none;
    position: absolute;
    bottom: 22px;
    width: 36px;
    margin-top: 15px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    top: 32px;
    margin-top: -1px;
    border: 1px solid #dcdfe6;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
    width: 18px;
    right: 18px;
    border-bottom-left-radius: 4px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    width: 19px;
    border-bottom-right-radius: 4px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
    border-color: #c0c4cc
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
    border-color: #19c8a9
}

.el-loading-parent--relative {
    position: relative!important
}

.el-loading-parent--hidden {
    overflow: hidden!important
}

.el-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: hsla(0,0%,100%,.9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.el-loading-mask.is-fullscreen {
    position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: -25px
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
    height: 50px;
    width: 50px
}

.el-loading-spinner {
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute
}

.el-loading-spinner .el-loading-text {
    color: #19c8a9;
    margin: 3px 0;
    font-size: 14px
}

.el-loading-spinner .circular {
    height: 42px;
    width: 42px;
    -webkit-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite
}

.el-loading-spinner .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #19c8a9;
    stroke-linecap: round
}

.el-loading-spinner i {
    color: #19c8a9
}

.el-loading-fade-enter,.el-loading-fade-leave-active {
    opacity: 0
}

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

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

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}

.el-row {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-row:after,.el-row:before {
    display: table;
    content: ""
}

.el-row:after {
    clear: both
}

.el-row--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-row--flex:after,.el-row--flex:before {
    display: none
}

.el-row--flex.is-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.el-row--flex.is-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.el-row--flex.is-justify-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.el-row--flex.is-justify-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.el-row--flex.is-align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.el-row--flex.is-align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

[class*=el-col-] {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-col-0 {
    display: none;
    width: 0
}

.el-col-offset-0 {
    margin-left: 0
}

.el-col-pull-0 {
    position: relative;
    right: 0
}

.el-col-push-0 {
    position: relative;
    left: 0
}

.el-col-1 {
    width: 4.16667%
}

.el-col-offset-1 {
    margin-left: 4.16667%
}

.el-col-pull-1 {
    position: relative;
    right: 4.16667%
}

.el-col-push-1 {
    position: relative;
    left: 4.16667%
}

.el-col-2 {
    width: 8.33333%
}

.el-col-offset-2 {
    margin-left: 8.33333%
}

.el-col-pull-2 {
    position: relative;
    right: 8.33333%
}

.el-col-push-2 {
    position: relative;
    left: 8.33333%
}

.el-col-3 {
    width: 12.5%
}

.el-col-offset-3 {
    margin-left: 12.5%
}

.el-col-pull-3 {
    position: relative;
    right: 12.5%
}

.el-col-push-3 {
    position: relative;
    left: 12.5%
}

.el-col-4 {
    width: 16.66667%
}

.el-col-offset-4 {
    margin-left: 16.66667%
}

.el-col-pull-4 {
    position: relative;
    right: 16.66667%
}

.el-col-push-4 {
    position: relative;
    left: 16.66667%
}

.el-col-5 {
    width: 20.83333%
}

.el-col-offset-5 {
    margin-left: 20.83333%
}

.el-col-pull-5 {
    position: relative;
    right: 20.83333%
}

.el-col-push-5 {
    position: relative;
    left: 20.83333%
}

.el-col-6 {
    width: 25%
}

.el-col-offset-6 {
    margin-left: 25%
}

.el-col-pull-6 {
    position: relative;
    right: 25%
}

.el-col-push-6 {
    position: relative;
    left: 25%
}

.el-col-7 {
    width: 29.16667%
}

.el-col-offset-7 {
    margin-left: 29.16667%
}

.el-col-pull-7 {
    position: relative;
    right: 29.16667%
}

.el-col-push-7 {
    position: relative;
    left: 29.16667%
}

.el-col-8 {
    width: 33.33333%
}

.el-col-offset-8 {
    margin-left: 33.33333%
}

.el-col-pull-8 {
    position: relative;
    right: 33.33333%
}

.el-col-push-8 {
    position: relative;
    left: 33.33333%
}

.el-col-9 {
    width: 37.5%
}

.el-col-offset-9 {
    margin-left: 37.5%
}

.el-col-pull-9 {
    position: relative;
    right: 37.5%
}

.el-col-push-9 {
    position: relative;
    left: 37.5%
}

.el-col-10 {
    width: 41.66667%
}

.el-col-offset-10 {
    margin-left: 41.66667%
}

.el-col-pull-10 {
    position: relative;
    right: 41.66667%
}

.el-col-push-10 {
    position: relative;
    left: 41.66667%
}

.el-col-11 {
    width: 45.83333%
}

.el-col-offset-11 {
    margin-left: 45.83333%
}

.el-col-pull-11 {
    position: relative;
    right: 45.83333%
}

.el-col-push-11 {
    position: relative;
    left: 45.83333%
}

.el-col-12 {
    width: 50%
}

.el-col-offset-12 {
    margin-left: 50%
}

.el-col-pull-12 {
    position: relative;
    right: 50%
}

.el-col-push-12 {
    position: relative;
    left: 50%
}

.el-col-13 {
    width: 54.16667%
}

.el-col-offset-13 {
    margin-left: 54.16667%
}

.el-col-pull-13 {
    position: relative;
    right: 54.16667%
}

.el-col-push-13 {
    position: relative;
    left: 54.16667%
}

.el-col-14 {
    width: 58.33333%
}

.el-col-offset-14 {
    margin-left: 58.33333%
}

.el-col-pull-14 {
    position: relative;
    right: 58.33333%
}

.el-col-push-14 {
    position: relative;
    left: 58.33333%
}

.el-col-15 {
    width: 62.5%
}

.el-col-offset-15 {
    margin-left: 62.5%
}

.el-col-pull-15 {
    position: relative;
    right: 62.5%
}

.el-col-push-15 {
    position: relative;
    left: 62.5%
}

.el-col-16 {
    width: 66.66667%
}

.el-col-offset-16 {
    margin-left: 66.66667%
}

.el-col-pull-16 {
    position: relative;
    right: 66.66667%
}

.el-col-push-16 {
    position: relative;
    left: 66.66667%
}

.el-col-17 {
    width: 70.83333%
}

.el-col-offset-17 {
    margin-left: 70.83333%
}

.el-col-pull-17 {
    position: relative;
    right: 70.83333%
}

.el-col-push-17 {
    position: relative;
    left: 70.83333%
}

.el-col-18 {
    width: 75%
}

.el-col-offset-18 {
    margin-left: 75%
}

.el-col-pull-18 {
    position: relative;
    right: 75%
}

.el-col-push-18 {
    position: relative;
    left: 75%
}

.el-col-19 {
    width: 79.16667%
}

.el-col-offset-19 {
    margin-left: 79.16667%
}

.el-col-pull-19 {
    position: relative;
    right: 79.16667%
}

.el-col-push-19 {
    position: relative;
    left: 79.16667%
}

.el-col-20 {
    width: 83.33333%
}

.el-col-offset-20 {
    margin-left: 83.33333%
}

.el-col-pull-20 {
    position: relative;
    right: 83.33333%
}

.el-col-push-20 {
    position: relative;
    left: 83.33333%
}

.el-col-21 {
    width: 87.5%
}

.el-col-offset-21 {
    margin-left: 87.5%
}

.el-col-pull-21 {
    position: relative;
    right: 87.5%
}

.el-col-push-21 {
    position: relative;
    left: 87.5%
}

.el-col-22 {
    width: 91.66667%
}

.el-col-offset-22 {
    margin-left: 91.66667%
}

.el-col-pull-22 {
    position: relative;
    right: 91.66667%
}

.el-col-push-22 {
    position: relative;
    left: 91.66667%
}

.el-col-23 {
    width: 95.83333%
}

.el-col-offset-23 {
    margin-left: 95.83333%
}

.el-col-pull-23 {
    position: relative;
    right: 95.83333%
}

.el-col-push-23 {
    position: relative;
    left: 95.83333%
}

.el-col-24 {
    width: 100%
}

.el-col-offset-24 {
    margin-left: 100%
}

.el-col-pull-24 {
    position: relative;
    right: 100%
}

.el-col-push-24 {
    position: relative;
    left: 100%
}

@media only screen and (max-width: 768px) {
    .el-col-xs-0 {
        display:none;
        width: 0
    }

    .el-col-xs-offset-0 {
        margin-left: 0
    }

    .el-col-xs-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xs-push-0 {
        position: relative;
        left: 0
    }

    .el-col-xs-1 {
        width: 4.16667%
    }

    .el-col-xs-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xs-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xs-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-xs-2 {
        width: 8.33333%
    }

    .el-col-xs-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xs-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xs-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-xs-3 {
        width: 12.5%
    }

    .el-col-xs-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xs-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xs-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-xs-4 {
        width: 16.66667%
    }

    .el-col-xs-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xs-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xs-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-xs-5 {
        width: 20.83333%
    }

    .el-col-xs-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xs-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xs-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-xs-6 {
        width: 25%
    }

    .el-col-xs-offset-6 {
        margin-left: 25%
    }

    .el-col-xs-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xs-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-xs-7 {
        width: 29.16667%
    }

    .el-col-xs-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xs-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xs-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-xs-8 {
        width: 33.33333%
    }

    .el-col-xs-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xs-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xs-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-xs-9 {
        width: 37.5%
    }

    .el-col-xs-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xs-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xs-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-xs-10 {
        width: 41.66667%
    }

    .el-col-xs-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xs-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xs-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-xs-11 {
        width: 45.83333%
    }

    .el-col-xs-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xs-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xs-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-xs-12 {
        width: 50%
    }

    .el-col-xs-offset-12 {
        margin-left: 50%
    }

    .el-col-xs-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xs-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-xs-13 {
        width: 54.16667%
    }

    .el-col-xs-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xs-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xs-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-xs-14 {
        width: 58.33333%
    }

    .el-col-xs-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xs-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xs-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-xs-15 {
        width: 62.5%
    }

    .el-col-xs-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xs-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xs-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-xs-16 {
        width: 66.66667%
    }

    .el-col-xs-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xs-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xs-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-xs-17 {
        width: 70.83333%
    }

    .el-col-xs-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xs-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xs-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-xs-18 {
        width: 75%
    }

    .el-col-xs-offset-18 {
        margin-left: 75%
    }

    .el-col-xs-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xs-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-xs-19 {
        width: 79.16667%
    }

    .el-col-xs-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xs-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xs-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-xs-20 {
        width: 83.33333%
    }

    .el-col-xs-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xs-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xs-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-xs-21 {
        width: 87.5%
    }

    .el-col-xs-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xs-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xs-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-xs-22 {
        width: 91.66667%
    }

    .el-col-xs-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xs-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xs-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-xs-23 {
        width: 95.83333%
    }

    .el-col-xs-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xs-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xs-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-xs-24 {
        width: 100%
    }

    .el-col-xs-offset-24 {
        margin-left: 100%
    }

    .el-col-xs-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xs-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width: 768px) {
    .el-col-sm-0 {
        display:none;
        width: 0
    }

    .el-col-sm-offset-0 {
        margin-left: 0
    }

    .el-col-sm-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-sm-push-0 {
        position: relative;
        left: 0
    }

    .el-col-sm-1 {
        width: 4.16667%
    }

    .el-col-sm-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-sm-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-sm-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-sm-2 {
        width: 8.33333%
    }

    .el-col-sm-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-sm-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-sm-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-sm-3 {
        width: 12.5%
    }

    .el-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .el-col-sm-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-sm-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-sm-4 {
        width: 16.66667%
    }

    .el-col-sm-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-sm-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-sm-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-sm-5 {
        width: 20.83333%
    }

    .el-col-sm-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-sm-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-sm-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-sm-6 {
        width: 25%
    }

    .el-col-sm-offset-6 {
        margin-left: 25%
    }

    .el-col-sm-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-sm-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-sm-7 {
        width: 29.16667%
    }

    .el-col-sm-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-sm-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-sm-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-sm-8 {
        width: 33.33333%
    }

    .el-col-sm-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-sm-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-sm-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-sm-9 {
        width: 37.5%
    }

    .el-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .el-col-sm-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-sm-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-sm-10 {
        width: 41.66667%
    }

    .el-col-sm-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-sm-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-sm-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-sm-11 {
        width: 45.83333%
    }

    .el-col-sm-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-sm-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-sm-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-sm-12 {
        width: 50%
    }

    .el-col-sm-offset-12 {
        margin-left: 50%
    }

    .el-col-sm-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-sm-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-sm-13 {
        width: 54.16667%
    }

    .el-col-sm-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-sm-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-sm-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-sm-14 {
        width: 58.33333%
    }

    .el-col-sm-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-sm-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-sm-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-sm-15 {
        width: 62.5%
    }

    .el-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .el-col-sm-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-sm-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-sm-16 {
        width: 66.66667%
    }

    .el-col-sm-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-sm-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-sm-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-sm-17 {
        width: 70.83333%
    }

    .el-col-sm-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-sm-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-sm-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-sm-18 {
        width: 75%
    }

    .el-col-sm-offset-18 {
        margin-left: 75%
    }

    .el-col-sm-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-sm-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-sm-19 {
        width: 79.16667%
    }

    .el-col-sm-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-sm-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-sm-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-sm-20 {
        width: 83.33333%
    }

    .el-col-sm-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-sm-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-sm-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-sm-21 {
        width: 87.5%
    }

    .el-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .el-col-sm-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-sm-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-sm-22 {
        width: 91.66667%
    }

    .el-col-sm-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-sm-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-sm-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-sm-23 {
        width: 95.83333%
    }

    .el-col-sm-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-sm-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-sm-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-sm-24 {
        width: 100%
    }

    .el-col-sm-offset-24 {
        margin-left: 100%
    }

    .el-col-sm-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-sm-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width: 992px) {
    .el-col-md-0 {
        display:none;
        width: 0
    }

    .el-col-md-offset-0 {
        margin-left: 0
    }

    .el-col-md-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-md-push-0 {
        position: relative;
        left: 0
    }

    .el-col-md-1 {
        width: 4.16667%
    }

    .el-col-md-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-md-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-md-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-md-2 {
        width: 8.33333%
    }

    .el-col-md-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-md-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-md-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-md-3 {
        width: 12.5%
    }

    .el-col-md-offset-3 {
        margin-left: 12.5%
    }

    .el-col-md-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-md-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-md-4 {
        width: 16.66667%
    }

    .el-col-md-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-md-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-md-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-md-5 {
        width: 20.83333%
    }

    .el-col-md-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-md-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-md-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-md-6 {
        width: 25%
    }

    .el-col-md-offset-6 {
        margin-left: 25%
    }

    .el-col-md-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-md-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-md-7 {
        width: 29.16667%
    }

    .el-col-md-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-md-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-md-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-md-8 {
        width: 33.33333%
    }

    .el-col-md-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-md-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-md-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-md-9 {
        width: 37.5%
    }

    .el-col-md-offset-9 {
        margin-left: 37.5%
    }

    .el-col-md-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-md-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-md-10 {
        width: 41.66667%
    }

    .el-col-md-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-md-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-md-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-md-11 {
        width: 45.83333%
    }

    .el-col-md-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-md-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-md-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-md-12 {
        width: 50%
    }

    .el-col-md-offset-12 {
        margin-left: 50%
    }

    .el-col-md-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-md-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-md-13 {
        width: 54.16667%
    }

    .el-col-md-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-md-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-md-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-md-14 {
        width: 58.33333%
    }

    .el-col-md-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-md-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-md-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-md-15 {
        width: 62.5%
    }

    .el-col-md-offset-15 {
        margin-left: 62.5%
    }

    .el-col-md-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-md-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-md-16 {
        width: 66.66667%
    }

    .el-col-md-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-md-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-md-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-md-17 {
        width: 70.83333%
    }

    .el-col-md-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-md-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-md-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-md-18 {
        width: 75%
    }

    .el-col-md-offset-18 {
        margin-left: 75%
    }

    .el-col-md-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-md-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-md-19 {
        width: 79.16667%
    }

    .el-col-md-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-md-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-md-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-md-20 {
        width: 83.33333%
    }

    .el-col-md-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-md-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-md-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-md-21 {
        width: 87.5%
    }

    .el-col-md-offset-21 {
        margin-left: 87.5%
    }

    .el-col-md-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-md-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-md-22 {
        width: 91.66667%
    }

    .el-col-md-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-md-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-md-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-md-23 {
        width: 95.83333%
    }

    .el-col-md-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-md-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-md-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-md-24 {
        width: 100%
    }

    .el-col-md-offset-24 {
        margin-left: 100%
    }

    .el-col-md-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-md-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width: 1200px) {
    .el-col-lg-0 {
        display:none;
        width: 0
    }

    .el-col-lg-offset-0 {
        margin-left: 0
    }

    .el-col-lg-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-lg-push-0 {
        position: relative;
        left: 0
    }

    .el-col-lg-1 {
        width: 4.16667%
    }

    .el-col-lg-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-lg-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-lg-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-lg-2 {
        width: 8.33333%
    }

    .el-col-lg-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-lg-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-lg-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-lg-3 {
        width: 12.5%
    }

    .el-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .el-col-lg-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-lg-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-lg-4 {
        width: 16.66667%
    }

    .el-col-lg-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-lg-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-lg-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-lg-5 {
        width: 20.83333%
    }

    .el-col-lg-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-lg-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-lg-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-lg-6 {
        width: 25%
    }

    .el-col-lg-offset-6 {
        margin-left: 25%
    }

    .el-col-lg-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-lg-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-lg-7 {
        width: 29.16667%
    }

    .el-col-lg-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-lg-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-lg-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-lg-8 {
        width: 33.33333%
    }

    .el-col-lg-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-lg-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-lg-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-lg-9 {
        width: 37.5%
    }

    .el-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .el-col-lg-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-lg-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-lg-10 {
        width: 41.66667%
    }

    .el-col-lg-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-lg-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-lg-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-lg-11 {
        width: 45.83333%
    }

    .el-col-lg-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-lg-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-lg-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-lg-12 {
        width: 50%
    }

    .el-col-lg-offset-12 {
        margin-left: 50%
    }

    .el-col-lg-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-lg-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-lg-13 {
        width: 54.16667%
    }

    .el-col-lg-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-lg-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-lg-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-lg-14 {
        width: 58.33333%
    }

    .el-col-lg-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-lg-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-lg-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-lg-15 {
        width: 62.5%
    }

    .el-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .el-col-lg-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-lg-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-lg-16 {
        width: 66.66667%
    }

    .el-col-lg-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-lg-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-lg-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-lg-17 {
        width: 70.83333%
    }

    .el-col-lg-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-lg-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-lg-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-lg-18 {
        width: 75%
    }

    .el-col-lg-offset-18 {
        margin-left: 75%
    }

    .el-col-lg-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-lg-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-lg-19 {
        width: 79.16667%
    }

    .el-col-lg-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-lg-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-lg-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-lg-20 {
        width: 83.33333%
    }

    .el-col-lg-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-lg-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-lg-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-lg-21 {
        width: 87.5%
    }

    .el-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .el-col-lg-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-lg-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-lg-22 {
        width: 91.66667%
    }

    .el-col-lg-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-lg-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-lg-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-lg-23 {
        width: 95.83333%
    }

    .el-col-lg-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-lg-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-lg-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-lg-24 {
        width: 100%
    }

    .el-col-lg-offset-24 {
        margin-left: 100%
    }

    .el-col-lg-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-lg-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width: 1920px) {
    .el-col-xl-0 {
        display:none;
        width: 0
    }

    .el-col-xl-offset-0 {
        margin-left: 0
    }

    .el-col-xl-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xl-push-0 {
        position: relative;
        left: 0
    }

    .el-col-xl-1 {
        width: 4.16667%
    }

    .el-col-xl-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xl-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xl-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-xl-2 {
        width: 8.33333%
    }

    .el-col-xl-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xl-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xl-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-xl-3 {
        width: 12.5%
    }

    .el-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xl-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xl-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-xl-4 {
        width: 16.66667%
    }

    .el-col-xl-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xl-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xl-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-xl-5 {
        width: 20.83333%
    }

    .el-col-xl-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xl-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xl-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-xl-6 {
        width: 25%
    }

    .el-col-xl-offset-6 {
        margin-left: 25%
    }

    .el-col-xl-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xl-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-xl-7 {
        width: 29.16667%
    }

    .el-col-xl-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xl-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xl-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-xl-8 {
        width: 33.33333%
    }

    .el-col-xl-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xl-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xl-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-xl-9 {
        width: 37.5%
    }

    .el-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xl-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xl-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-xl-10 {
        width: 41.66667%
    }

    .el-col-xl-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xl-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xl-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-xl-11 {
        width: 45.83333%
    }

    .el-col-xl-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xl-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xl-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-xl-12 {
        width: 50%
    }

    .el-col-xl-offset-12 {
        margin-left: 50%
    }

    .el-col-xl-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xl-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-xl-13 {
        width: 54.16667%
    }

    .el-col-xl-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xl-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-xl-14 {
        width: 58.33333%
    }

    .el-col-xl-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xl-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-xl-15 {
        width: 62.5%
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xl-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-xl-16 {
        width: 66.66667%
    }

    .el-col-xl-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xl-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-xl-17 {
        width: 70.83333%
    }

    .el-col-xl-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xl-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-xl-18 {
        width: 75%
    }

    .el-col-xl-offset-18 {
        margin-left: 75%
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xl-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-xl-19 {
        width: 79.16667%
    }

    .el-col-xl-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xl-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-xl-20 {
        width: 83.33333%
    }

    .el-col-xl-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xl-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-xl-21 {
        width: 87.5%
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xl-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-xl-22 {
        width: 91.66667%
    }

    .el-col-xl-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xl-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-xl-23 {
        width: 95.83333%
    }

    .el-col-xl-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xl-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-xl-24 {
        width: 100%
    }

    .el-col-xl-offset-24 {
        margin-left: 100%
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xl-push-24 {
        position: relative;
        left: 100%
    }
}

@-webkit-keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

.el-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: none
}

.el-upload__input {
    display: none
}

.el-upload__tip {
    font-size: 12px;
    color: #606266;
    margin-top: 7px
}

.el-upload iframe {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.el-upload--picture-card {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    cursor: pointer;
    line-height: 146px;
    vertical-align: top
}

.el-upload--picture-card i {
    font-size: 28px;
    color: #8c939d
}

.el-upload--picture-card:hover,.el-upload:focus {
    border-color: #19c8a9;
    color: #19c8a9
}

.el-upload:focus .el-upload-dragger {
    border-color: #19c8a9
}

.el-upload-dragger {
    background-color: #fff;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 360px;
    height: 180px;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.el-upload-dragger .el-icon-upload {
    font-size: 67px;
    color: #c0c4cc;
    margin: 40px 0 16px;
    line-height: 50px
}

.el-upload-dragger+.el-upload__tip {
    text-align: center
}

.el-upload-dragger~.el-upload__files {
    border-top: 1px solid #dcdfe6;
    margin-top: 7px;
    padding-top: 5px
}

.el-upload-dragger .el-upload__text {
    color: #606266;
    font-size: 14px;
    text-align: center
}

.el-upload-dragger .el-upload__text em {
    color: #19c8a9;
    font-style: normal
}

.el-upload-dragger:hover {
    border-color: #19c8a9
}

.el-upload-dragger.is-dragover {
    background-color: rgba(32,159,255,.06);
    border: 2px dashed #19c8a9
}

.el-upload-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.el-upload-list__item {
    -webkit-transition: all .5s cubic-bezier(.55,0,.1,1);
    transition: all .5s cubic-bezier(.55,0,.1,1);
    font-size: 14px;
    color: #606266;
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
}

.el-upload-list__item .el-progress {
    position: absolute;
    top: 20px;
    width: 100%
}

.el-upload-list__item .el-progress__text {
    position: absolute;
    right: 0;
    top: -13px
}

.el-upload-list__item .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-upload-list__item:first-child {
    margin-top: 10px
}

.el-upload-list__item .el-icon-upload-success {
    color: #67c23a
}

.el-upload-list__item .el-icon-close {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: .75;
    color: #606266
}

.el-upload-list__item .el-icon-close:hover {
    opacity: 1
}

.el-upload-list__item .el-icon-close-tip {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    cursor: pointer;
    opacity: 1;
    color: #19c8a9
}

.el-upload-list__item:hover {
    background-color: #f5f7fa
}

.el-upload-list__item:hover .el-icon-close {
    display: inline-block
}

.el-upload-list__item:hover .el-progress__text {
    display: none
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover {
    color: #19c8a9;
    cursor: pointer
}

.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
    display: inline-block
}

.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0
}

.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
    display: none
}

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item-name {
    color: #606266;
    display: block;
    margin-right: 40px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    -webkit-transition: color .3s;
    transition: color .3s;
    white-space: nowrap
}

.el-upload-list__item-name [class^=el-icon] {
    height: 100%;
    margin-right: 7px;
    color: #909399;
    line-height: inherit
}

.el-upload-list__item-status-label {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit;
    display: none
}

.el-upload-list__item-delete {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    color: #606266;
    display: none
}

.el-upload-list__item-delete:hover {
    color: #19c8a9
}

.el-upload-list--picture-card {
    margin: 0;
    display: inline;
    vertical-align: top
}

.el-upload-list--picture-card .el-upload-list__item {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    margin: 0 8px 8px 0;
    display: inline-block
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
    color: #fff
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture-card .el-upload-list__item-name {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
    width: 100%;
    height: 100%
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 1px rgba(0,0,0,.2);
    box-shadow: 0 0 1pc 1px rgba(0,0,0,.2)
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.el-upload-list--picture-card .el-upload-list__item-actions {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    text-align: center;
    color: #fff;
    opacity: 0;
    font-size: 20px;
    background-color: rgba(0,0,0,.5);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.el-upload-list--picture-card .el-upload-list__item-actions:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
    display: none;
    cursor: pointer
}

.el-upload-list--picture-card .el-upload-list__item-actions span+span {
    margin-left: 15px
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
    position: static;
    font-size: inherit;
    color: inherit
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
    opacity: 1
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
    display: inline-block
}

.el-upload-list--picture-card .el-progress {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    bottom: auto;
    width: 126px
}

.el-upload-list--picture-card .el-progress .el-progress__text {
    top: 50%
}

.el-upload-list--picture .el-upload-list__item {
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px 10px 10px 90px;
    height: 92px
}

.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
    color: #fff
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: -2px;
    right: -12px
}

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
    line-height: 70px;
    margin-top: 0
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
    display: none
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    vertical-align: middle;
    display: inline-block;
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 1;
    margin-left: -80px
}

.el-upload-list--picture .el-upload-list__item-name {
    display: block;
    margin-top: 20px
}

.el-upload-list--picture .el-upload-list__item-name i {
    font-size: 70px;
    line-height: 1;
    position: absolute;
    left: 9px;
    top: 10px
}

.el-upload-list--picture .el-upload-list__item-status-label {
    position: absolute;
    right: -17px;
    top: -7px;
    width: 46px;
    height: 26px;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc
}

.el-upload-list--picture .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.el-upload-list--picture .el-progress {
    position: relative;
    top: -7px
}

.el-upload-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    cursor: default
}

.el-upload-cover:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-upload-cover img {
    display: block;
    width: 100%;
    height: 100%
}

.el-upload-cover__label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 1px rgba(0,0,0,.2);
    box-shadow: 0 0 1pc 1px rgba(0,0,0,.2)
}

.el-upload-cover__label i {
    font-size: 12px;
    margin-top: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #fff
}

.el-upload-cover__progress {
    display: inline-block;
    vertical-align: middle;
    position: static;
    width: 243px
}

.el-upload-cover__progress+.el-upload__inner {
    opacity: 0
}

.el-upload-cover__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.el-upload-cover__interact {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.72);
    text-align: center
}

.el-upload-cover__interact .btn {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    margin-top: 60px
}

.el-upload-cover__interact .btn i {
    margin-top: 0
}

.el-upload-cover__interact .btn span {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.el-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px
}

.el-upload-cover__interact .btn:hover {
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px)
}

.el-upload-cover__interact .btn:hover span {
    opacity: 1
}

.el-upload-cover__interact .btn i {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin: 0 auto 5px
}

.el-upload-cover__title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 36px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    text-align: left;
    padding: 0 10px;
    margin: 0;
    line-height: 36px;
    font-size: 14px;
    color: #303133
}

.el-upload-cover+.el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1
}

.el-progress {
    position: relative;
    line-height: 1
}

.el-progress__text {
    font-size: 14px;
    color: #606266;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    line-height: 1
}

.el-progress__text i {
    vertical-align: middle;
    display: block
}

.el-progress--circle {
    display: inline-block
}

.el-progress--circle .el-progress__text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.el-progress--circle .el-progress__text i {
    vertical-align: middle;
    display: inline-block
}

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar {
    padding-right: 0;
    margin-right: 0;
    display: block
}

.el-progress--text-inside .el-progress-bar {
    padding-right: 0;
    margin-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: #67c23a
}

.el-progress.is-success .el-progress__text {
    color: #67c23a
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: #ff645a
}

.el-progress.is-exception .el-progress__text {
    color: #ff645a
}

.el-progress-bar {
    padding-right: 50px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-right: -55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-progress-bar__outer {
    height: 6px;
    border-radius: 100px;
    background-color: #ebeef5;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #19c8a9;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
    white-space: nowrap
}

.el-progress-bar__inner:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-progress-bar__innerText {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    margin: 0 5px
}

@keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

.el-time-spinner {
    width: 100%;
    white-space: nowrap
}

.el-spinner {
    display: inline-block;
    vertical-align: middle
}

.el-spinner-inner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    width: 50px;
    height: 50px
}

.el-spinner-inner .path {
    stroke: #ececec;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

.el-message {
    min-width: 380px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    position: fixed;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #edf2fc;
    -webkit-transition: opacity .3s,-webkit-transform .4s;
    transition: opacity .3s,-webkit-transform .4s;
    transition: opacity .3s,transform .4s;
    transition: opacity .3s,transform .4s,-webkit-transform .4s;
    overflow: hidden;
    padding: 15px 15px 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.el-message.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.el-message.is-closable .el-message__content {
    padding-right: 16px
}

.el-message p {
    margin: 0
}

.el-message--info .el-message__content {
    color: #f7f7f7
}

.el-message--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8
}

.el-message--success .el-message__content {
    color: #67c23a
}

.el-message--warning {
    background-color: #fdf3ee;
    border-color: #fbe7dd
}

.el-message--warning .el-message__content {
    color: #ea8553
}

.el-message--error {
    background-color: #fff0ef;
    border-color: #ffe0de
}

.el-message--error .el-message__content {
    color: #ff645a
}

.el-message__icon {
    margin-right: 10px
}

.el-message__content {
    padding: 0;
    font-size: 14px;
    line-height: 1
}

.el-message__content:focus {
    outline-width: 0
}

.el-message__closeBtn {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #c0c4cc;
    font-size: 16px
}

.el-message__closeBtn:focus {
    outline-width: 0
}

.el-message__closeBtn:hover {
    color: #909399
}

.el-message .el-icon-success {
    color: #67c23a
}

.el-message .el-icon-error {
    color: #ff645a
}

.el-message .el-icon-info {
    color: #f7f7f7
}

.el-message .el-icon-warning {
    color: #ea8553
}

.el-message-fade-enter,.el-message-fade-leave-active {
    opacity: 0;
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%)
}

.el-badge {
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.el-badge__content {
    background-color: #ff645a;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #fff
}

.el-badge__content.is-fixed {
    position: absolute;
    top: 0;
    right: 10px;
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%)
}

.el-badge__content.is-fixed.is-dot {
    right: 5px
}

.el-badge__content.is-dot {
    height: 8px;
    width: 8px;
    padding: 0;
    right: 0;
    border-radius: 50%
}

.el-card {
    border-radius: 4px;
    border: 1px solid #ebeef5;
    background-color: #fff;
    overflow: hidden;
    color: #303133;
    -webkit-transition: .3s;
    transition: .3s
}

.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.el-card__header {
    padding: 18px 20px;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-card__body {
    padding: 20px
}

.el-rate {
    height: 20px;
    line-height: 1
}

.el-rate:active,.el-rate:focus {
    outline-width: 0
}

.el-rate__item {
    font-size: 0;
    vertical-align: middle
}

.el-rate__icon,.el-rate__item {
    display: inline-block;
    position: relative
}

.el-rate__icon {
    font-size: 18px;
    margin-right: 6px;
    color: #c0c4cc;
    -webkit-transition: .3s;
    transition: .3s
}

.el-rate__icon.hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.el-rate__decimal,.el-rate__icon .path2 {
    position: absolute;
    left: 0;
    top: 0
}

.el-rate__decimal {
    display: inline-block;
    overflow: hidden
}

.el-rate__text {
    font-size: 14px;
    vertical-align: middle
}

.el-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-steps--simple {
    padding: 13px 8%;
    border-radius: 4px;
    background: #f5f7fa
}

.el-steps--horizontal {
    white-space: nowrap
}

.el-steps--vertical {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.el-step {
    position: relative;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.el-step:last-of-type .el-step__line {
    display: none
}

.el-step:last-of-type.is-flex {
    -ms-flex-preferred-size: auto!important;
    flex-basis: auto!important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main {
    padding-right: 0
}

.el-step__head {
    position: relative;
    width: 100%
}

.el-step__head.is-process {
    color: #303133;
    border-color: #303133
}

.el-step__head.is-wait {
    color: #c0c4cc;
    border-color: #c0c4cc
}

.el-step__head.is-success {
    color: #67c23a;
    border-color: #67c23a
}

.el-step__head.is-error {
    color: #ff645a;
    border-color: #ff645a
}

.el-step__head.is-finish {
    color: #19c8a9;
    border-color: #19c8a9
}

.el-step__icon {
    position: relative;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out
}

.el-step__icon.is-text {
    border-radius: 50%;
    border: 2px solid;
    border-color: inherit
}

.el-step__icon.is-icon {
    width: 40px
}

.el-step__icon-inner {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 25px;
    font-weight: 400
}

.el-step__icon-inner.is-status {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.el-step__line {
    position: absolute;
    border-color: inherit;
    background-color: #c0c4cc
}

.el-step__line-inner {
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 0;
    height: 0
}

.el-step__main {
    white-space: normal;
    text-align: left
}

.el-step__title {
    font-size: 16px;
    line-height: 38px
}

.el-step__title.is-process {
    font-weight: 700;
    color: #303133
}

.el-step__title.is-wait {
    color: #c0c4cc
}

.el-step__title.is-success {
    color: #67c23a
}

.el-step__title.is-error {
    color: #ff645a
}

.el-step__title.is-finish {
    color: #19c8a9
}

.el-step__description {
    padding-right: 10%;
    margin-top: -5px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400
}

.el-step__description.is-process {
    color: #303133
}

.el-step__description.is-wait {
    color: #c0c4cc
}

.el-step__description.is-success {
    color: #67c23a
}

.el-step__description.is-error {
    color: #ff645a
}

.el-step__description.is-finish {
    color: #19c8a9
}

.el-step.is-horizontal {
    display: inline-block
}

.el-step.is-horizontal .el-step__line {
    height: 2px;
    top: 11px;
    left: 0;
    right: 0
}

.el-step.is-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-step.is-vertical .el-step__head {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 24px
}

.el-step.is-vertical .el-step__main {
    padding-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.el-step.is-vertical .el-step__title {
    line-height: 24px;
    padding-bottom: 8px
}

.el-step.is-vertical .el-step__line {
    width: 2px;
    top: 0;
    bottom: 0;
    left: 11px
}

.el-step.is-vertical .el-step__icon.is-icon {
    width: 24px
}

.el-step.is-center .el-step__head,.el-step.is-center .el-step__main {
    text-align: center
}

.el-step.is-center .el-step__description {
    padding-left: 20%;
    padding-right: 20%
}

.el-step.is-center .el-step__line {
    left: 50%;
    right: -50%
}

.el-step.is-simple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.el-step.is-simple .el-step__head {
    width: auto;
    font-size: 0;
    padding-right: 10px
}

.el-step.is-simple .el-step__icon {
    background: transparent;
    width: 16px;
    height: 16px;
    font-size: 12px
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 18px
}

.el-step.is-simple .el-step__icon-inner.is-status {
    -webkit-transform: scale(.8) translateY(1px);
    transform: scale(.8) translateY(1px)
}

.el-step.is-simple .el-step__main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.el-step.is-simple .el-step__title {
    font-size: 16px;
    line-height: 20px
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
    max-width: 50%;
    word-break: break-all
}

.el-step.is-simple .el-step__arrow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    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
}

.el-step.is-simple .el-step__arrow:after,.el-step.is-simple .el-step__arrow:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 15px;
    width: 1px;
    background: #c0c4cc
}

.el-step.is-simple .el-step__arrow:before {
    -webkit-transform: rotate(-45deg) translateY(-4px);
    transform: rotate(-45deg) translateY(-4px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.el-step.is-simple .el-step__arrow:after {
    -webkit-transform: rotate(45deg) translateY(4px);
    transform: rotate(45deg) translateY(4px);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.el-step.is-simple:last-of-type .el-step__arrow {
    display: none
}

.el-carousel {
    overflow-x: hidden;
    position: relative
}

.el-carousel__container {
    position: relative;
    height: 300px
}

.el-carousel__arrow {
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    height: 36px;
    width: 36px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    background-color: rgba(31,45,61,.11);
    color: #fff;
    position: absolute;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 12px
}

.el-carousel__arrow--left {
    left: 16px
}

.el-carousel__arrow--right {
    right: 16px
}

.el-carousel__arrow:hover {
    background-color: rgba(31,45,61,.23)
}

.el-carousel__arrow i {
    cursor: pointer
}

.el-carousel__indicators {
    position: absolute;
    list-style: none;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    z-index: 2
}

.el-carousel__indicators--outside {
    bottom: 26px;
    text-align: center;
    position: static;
    -webkit-transform: none;
    transform: none
}

.el-carousel__indicators--outside .el-carousel__indicator:hover button {
    opacity: .64
}

.el-carousel__indicators--outside button {
    background-color: #c0c4cc;
    opacity: .24
}

.el-carousel__indicators--labels {
    left: 0;
    right: 0;
    -webkit-transform: none;
    transform: none;
    text-align: center
}

.el-carousel__indicators--labels .el-carousel__button {
    height: auto;
    width: auto;
    padding: 2px 18px;
    font-size: 12px
}

.el-carousel__indicators--labels .el-carousel__indicator {
    padding: 6px 4px
}

.el-carousel__indicator {
    display: inline-block;
    background-color: transparent;
    padding: 12px 4px;
    cursor: pointer
}

.el-carousel__indicator:hover button {
    opacity: .72
}

.el-carousel__indicator.is-active button {
    opacity: 1
}

.el-carousel__button {
    display: block;
    opacity: .48;
    width: 30px;
    height: 2px;
    background-color: #fff;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.carousel-arrow-left-enter,.carousel-arrow-left-leave-active {
    -webkit-transform: translateY(-50%) translateX(-10px);
    transform: translateY(-50%) translateX(-10px);
    opacity: 0
}

.carousel-arrow-right-enter,.carousel-arrow-right-leave-active {
    -webkit-transform: translateY(-50%) translateX(10px);
    transform: translateY(-50%) translateX(10px);
    opacity: 0
}

.el-scrollbar {
    overflow: hidden;
    position: relative
}

.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar {
    opacity: 1;
    -webkit-transition: opacity .34s ease-out;
    transition: opacity .34s ease-out
}

.el-scrollbar__wrap {
    overflow: scroll;
    height: 100%
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    width: 0;
    height: 0
}

.el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: hsla(220,4%,58%,.3);
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.el-scrollbar__thumb:hover {
    background-color: hsla(220,4%,58%,.5)
}

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity .12s ease-out;
    transition: opacity .12s ease-out
}

.el-scrollbar__bar.is-vertical {
    width: 6px;
    top: 2px
}

.el-scrollbar__bar.is-vertical>div {
    width: 100%
}

.el-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px
}

.el-scrollbar__bar.is-horizontal>div {
    height: 100%
}

.el-carousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0
}

.el-carousel__item.is-active {
    z-index: 2
}

.el-carousel__item--card,.el-carousel__item.is-animating {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out
}

.el-carousel__item--card {
    width: 50%
}

.el-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: 1
}

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
    opacity: .12
}

.el-carousel__item--card.is-active {
    z-index: 2
}

.el-carousel__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .24;
    -webkit-transition: .2s;
    transition: .2s
}

.fade-in-linear-enter-active,.fade-in-linear-leave-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active {
    opacity: 0
}

.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active {
    opacity: 0
}

.el-fade-in-enter-active,.el-fade-in-leave-active {
    -webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
    transition: all .3s cubic-bezier(.55,0,.1,1)
}

.el-fade-in-enter,.el-fade-in-leave-active {
    opacity: 0
}

.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active {
    -webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
    transition: all .3s cubic-bezier(.55,0,.1,1)
}

.el-zoom-in-center-enter,.el-zoom-in-center-leave-active {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    -webkit-transform-origin: center top;
    transform-origin: center top
}

.el-zoom-in-top-enter,.el-zoom-in-top-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.el-zoom-in-left-enter,.el-zoom-in-left-leave-active {
    opacity: 0;
    -webkit-transform: scale(.45);
    transform: scale(.45)
}

.collapse-transition {
    -webkit-transition: height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;
    transition: height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out
}

.horizontal-collapse-transition {
    -webkit-transition: width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out;
    transition: width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out
}

.el-list-enter-active,.el-list-leave-active {
    -webkit-transition: all 1s;
    transition: all 1s
}

.el-list-enter,.el-list-leave-active {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.el-opacity-transition {
    -webkit-transition: opacity .3s cubic-bezier(.55,0,.1,1);
    transition: opacity .3s cubic-bezier(.55,0,.1,1)
}

.el-collapse {
    border-top: 1px solid #ebeef5;
    border-bottom: 1px solid #ebeef5
}

.el-collapse-item__header {
    height: 48px;
    line-height: 48px;
    background-color: #fff;
    color: #303133;
    cursor: pointer;
    border-bottom: 1px solid #ebeef5;
    font-size: 13px;
    font-weight: 500;
    -webkit-transition: border-bottom-color .3s;
    transition: border-bottom-color .3s;
    outline: none
}

.el-collapse-item__arrow {
    margin-right: 8px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    float: right;
    line-height: 48px;
    font-weight: 300
}

.el-collapse-item__arrow.is-active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.el-collapse-item__header.focusing:focus:not(:hover) {
    color: #19c8a9
}

.el-collapse-item__header.is-active {
    border-bottom-color: transparent
}

.el-collapse-item__wrap {
    will-change: height;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ebeef5
}

.el-collapse-item__content {
    padding-bottom: 25px;
    font-size: 13px;
    color: #303133;
    line-height: 1.769230769230769
}

.el-collapse-item:last-child {
    margin-bottom: -1px
}

.el-popper .popper__arrow,.el-popper .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.el-popper .popper__arrow {
    border-width: 6px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="12" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.03)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
    filter: drop-shadow(0 2px 12px rgba(0,0,0,.03))
}

.el-popper .popper__arrow:after {
    content: " ";
    border-width: 6px
}

.el-popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-color: #ebeef5;
    border-bottom-width: 0
}

.el-popper[x-placement^=top] .popper__arrow:after {
    bottom: 1px;
    margin-left: -6px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.el-popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-width: 0;
    border-bottom-color: #ebeef5
}

.el-popper[x-placement^=bottom] .popper__arrow:after {
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.el-popper[x-placement^=right] {
    margin-left: 12px
}

.el-popper[x-placement^=right] .popper__arrow {
    top: 50%;
    left: -6px;
    margin-bottom: 3px;
    border-right-color: #ebeef5;
    border-left-width: 0
}

.el-popper[x-placement^=right] .popper__arrow:after {
    bottom: -6px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
}

.el-popper[x-placement^=left] {
    margin-right: 12px
}

.el-popper[x-placement^=left] .popper__arrow {
    top: 50%;
    right: -6px;
    margin-bottom: 3px;
    border-right-width: 0;
    border-left-color: #ebeef5
}

.el-popper[x-placement^=left] .popper__arrow:after {
    right: 1px;
    bottom: -6px;
    margin-left: -6px;
    border-right-width: 0;
    border-left-color: #fff
}

.el-cascader {
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 40px
}

.el-cascader .el-input,.el-cascader .el-input__inner {
    cursor: pointer
}

.el-cascader .el-input.is-focus .el-input__inner {
    border-color: #19c8a9
}

.el-cascader .el-input__icon {
    -webkit-transition: none;
    transition: none
}

.el-cascader .el-icon-arrow-down {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    font-size: 14px
}

.el-cascader .el-icon-arrow-down.is-reverse {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.el-cascader .el-icon-circle-close {
    z-index: 2;
    -webkit-transition: color .2s cubic-bezier(.645,.045,.355,1);
    transition: color .2s cubic-bezier(.645,.045,.355,1)
}

.el-cascader .el-icon-circle-close:hover {
    color: #909399
}

.el-cascader__clearIcon {
    z-index: 2;
    position: relative
}

.el-cascader__label {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 0 25px 0 15px;
    color: #606266;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    font-size: inherit
}

.el-cascader__label span {
    color: #000
}

.el-cascader--medium {
    font-size: 14px;
    line-height: 36px
}

.el-cascader--small {
    font-size: 13px;
    line-height: 32px
}

.el-cascader--mini {
    font-size: 12px;
    line-height: 28px
}

.el-cascader.is-disabled .el-cascader__label {
    z-index: 2;
    color: #c0c4cc
}

.el-cascader-menus {
    white-space: nowrap;
    background: #fff;
    position: absolute;
    margin: 5px 0;
    z-index: 2;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.el-cascader-menu {
    display: inline-block;
    vertical-align: top;
    height: 204px;
    overflow: auto;
    border-right: 1px solid #e4e7ed;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 6px 0;
    min-width: 160px
}

.el-cascader-menu:last-child {
    border-right: 0
}

.el-cascader-menu__item {
    font-size: 14px;
    padding: 8px 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 34px;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    outline: none
}

.el-cascader-menu__item--extensible:after {
    font-family: element-icons;
    content: "\E604";
    font-size: 14px;
    color: #bfcbd9;
    position: absolute;
    right: 15px
}

.el-cascader-menu__item.is-disabled {
    color: #c0c4cc;
    background-color: #fff;
    cursor: not-allowed
}

.el-cascader-menu__item.is-disabled:hover {
    background-color: #fff
}

.el-cascader-menu__item.is-active {
    color: #19c8a9
}

.el-cascader-menu__item:focus:not(:active),.el-cascader-menu__item:hover {
    background-color: #f5f7fa
}

.el-cascader-menu__item.selected {
    color: #fff;
    background-color: #f5f7fa
}

.el-cascader-menu__item__keyword {
    font-weight: 700
}

.el-cascader-menu--flexible {
    height: auto;
    max-height: 180px;
    overflow: auto
}

.el-cascader-menu--flexible .el-cascader-menu__item {
    overflow: visible
}

.el-color-predefine {
    font-size: 12px;
    margin-top: 8px;
    width: 280px
}

.el-color-predefine,.el-color-predefine__colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-color-predefine__colors {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.el-color-predefine__color-selector {
    margin: 0 0 8px 8px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    cursor: pointer
}

.el-color-predefine__color-selector:nth-child(10n+1) {
    margin-left: 0
}

.el-color-predefine__color-selector.selected {
    -webkit-box-shadow: 0 0 3px 2px #19c8a9;
    box-shadow: 0 0 3px 2px #19c8a9
}

.el-color-predefine__color-selector>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    border-radius: 3px
}

.el-color-predefine__color-selector.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-hue-slider {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background-color: red;
    padding: 0 2px
}

.el-color-hue-slider__bar {
    position: relative;
    background: -webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,lime),color-stop(50%,cyan),color-stop(67%,blue),color-stop(83%,#f0f),to(red));
    background: linear-gradient(90deg,red 0,#ff0 17%,lime 33%,cyan 50%,blue 67%,#f0f 83%,red);
    height: 100%
}

.el-color-hue-slider__thumb {
    position: absolute;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.6);
    box-shadow: 0 0 2px rgba(0,0,0,.6);
    z-index: 1
}

.el-color-hue-slider.is-vertical {
    width: 12px;
    height: 180px;
    padding: 2px 0
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
    background: -webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,lime),color-stop(50%,cyan),color-stop(67%,blue),color-stop(83%,#f0f),to(red));
    background: linear-gradient(180deg,red 0,#ff0 17%,lime 33%,cyan 50%,blue 67%,#f0f 83%,red)
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px
}

.el-color-svpanel {
    position: relative;
    width: 280px;
    height: 180px
}

.el-color-svpanel__black,.el-color-svpanel__white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.el-color-svpanel__white {
    background: -webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));
    background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0))
}

.el-color-svpanel__black {
    background: -webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));
    background: linear-gradient(0deg,#000,transparent)
}

.el-color-svpanel__cursor {
    position: absolute
}

.el-color-svpanel__cursor>div {
    cursor: head;
    width: 4px;
    height: 4px;
    -webkit-box-shadow: 0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);
    border-radius: 50%;
    -webkit-transform: translate(-2px,-2px);
    transform: translate(-2px,-2px)
}

.el-color-alpha-slider {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-alpha-slider__bar {
    position: relative;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
    height: 100%
}

.el-color-alpha-slider__thumb {
    position: absolute;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.6);
    box-shadow: 0 0 2px rgba(0,0,0,.6);
    z-index: 1
}

.el-color-alpha-slider.is-vertical {
    width: 20px;
    height: 180px
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff)
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px
}

.el-color-dropdown {
    width: 300px
}

.el-color-dropdown__main-wrapper {
    margin-bottom: 6px
}

.el-color-dropdown__main-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.el-color-dropdown__btns {
    margin-top: 6px;
    text-align: right
}

.el-color-dropdown__value {
    float: left;
    line-height: 26px;
    font-size: 12px;
    color: #000;
    width: 160px
}

.el-color-dropdown__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    font-size: 12px
}

.el-color-dropdown__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-color-dropdown__btn:hover {
    color: #19c8a9;
    border-color: #19c8a9
}

.el-color-dropdown__link-btn {
    cursor: pointer;
    color: #19c8a9;
    text-decoration: none;
    padding: 15px;
    font-size: 12px
}

.el-color-dropdown__link-btn:hover {
    color: tint(#19c8a9,20%)
}

.el-color-picker {
    display: inline-block;
    position: relative;
    line-height: normal;
    height: 40px
}

.el-color-picker.is-disabled .el-color-picker__trigger {
    cursor: not-allowed
}

.el-color-picker--medium {
    height: 36px
}

.el-color-picker--medium .el-color-picker__trigger {
    height: 36px;
    width: 36px
}

.el-color-picker--medium .el-color-picker__mask {
    height: 34px;
    width: 34px
}

.el-color-picker--small {
    height: 32px
}

.el-color-picker--small .el-color-picker__trigger {
    height: 32px;
    width: 32px
}

.el-color-picker--small .el-color-picker__mask {
    height: 30px;
    width: 30px
}

.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon {
    -webkit-transform: translate3d(-50%,-50%,0) scale(.8);
    transform: translate3d(-50%,-50%,0) scale(.8)
}

.el-color-picker--mini {
    height: 28px
}

.el-color-picker--mini .el-color-picker__trigger {
    height: 28px;
    width: 28px
}

.el-color-picker--mini .el-color-picker__mask {
    height: 26px;
    width: 26px
}

.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon {
    -webkit-transform: translate3d(-50%,-50%,0) scale(.8);
    transform: translate3d(-50%,-50%,0) scale(.8)
}

.el-color-picker__mask {
    height: 38px;
    width: 38px;
    border-radius: 4px;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    cursor: not-allowed;
    background-color: hsla(0,0%,100%,.7)
}

.el-color-picker__trigger {
    display: inline-block;
    height: 40px;
    width: 40px;
    padding: 4px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    font-size: 0;
    cursor: pointer
}

.el-color-picker__color,.el-color-picker__trigger {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.el-color-picker__color {
    display: block;
    border: 1px solid #999;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    text-align: center
}

.el-color-picker__color.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-picker__color-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.el-color-picker__empty {
    color: #999
}

.el-color-picker__empty,.el-color-picker__icon {
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.el-color-picker__icon {
    display: inline-block;
    width: 100%;
    color: #fff;
    text-align: center
}

.el-color-picker__panel {
    position: absolute;
    z-index: 10;
    padding: 6px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.el-textarea {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    font-size: 14px
}

.el-textarea__inner {
    display: block;
    resize: vertical;
    padding: 5px 15px;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    color: #606266;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea__inner:hover {
    border-color: #c0c4cc
}

.el-textarea__inner:focus {
    outline: none;
    border-color: #19c8a9
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: #b4bccc
}

.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track {
    background: #fff
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px
}

.el-input .el-input__clear {
    color: #c0c4cc;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    -webkit-transition: color .2s cubic-bezier(.645,.045,.355,1);
    transition: color .2s cubic-bezier(.645,.045,.355,1)
}

.el-input .el-input__clear:hover {
    color: #909399
}

.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-input__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input__inner:hover {
    border-color: #c0c4cc
}

.el-input__inner:focus {
    outline: none;
    border-color: #19c8a9
}

.el-input__suffix {
    position: absolute;
    height: 100%;
    right: 5px;
    top: 0;
    text-align: center;
    color: #c0c4cc;
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: none
}

.el-input__suffix-inner {
    pointer-events: all
}

.el-input__prefix {
    position: absolute;
    left: 5px;
    top: 0;
    color: #c0c4cc
}

.el-input__icon,.el-input__prefix {
    height: 100%;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.el-input__icon {
    width: 25px;
    line-height: 40px
}

.el-input__icon:after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-active .el-input__inner {
    outline: none;
    border-color: #19c8a9
}

.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-input--suffix .el-input__inner {
    padding-right: 30px
}

.el-input--prefix .el-input__inner {
    padding-left: 30px
}

.el-input--medium {
    font-size: 14px
}

.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px
}

.el-input--medium .el-input__icon {
    line-height: 36px
}

.el-input--small {
    font-size: 13px
}

.el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px
}

.el-input--small .el-input__icon {
    line-height: 32px
}

.el-input--mini {
    font-size: 12px
}

.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px
}

.el-input--mini .el-input__icon {
    line-height: 28px
}

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.el-input-group>.el-input__inner {
    vertical-align: middle;
    display: table-cell
}

.el-input-group__append,.el-input-group__prepend {
    background-color: #f5f7fa;
    color: #f7f7f7;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap
}

.el-input-group__append:focus,.el-input-group__prepend:focus {
    outline: none
}

.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select {
    display: inline-block;
    margin: -10px -20px
}

.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0
}

.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input {
    font-size: inherit
}

.el-input-group__prepend {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-input-group__append {
    border-left: 0
}

.el-input-group--prepend .el-input__inner,.el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-input-group--append .el-input__inner {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-color: #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px
}

.el-button+.el-button {
    margin-left: 10px
}

.el-button.is-round {
    padding: 12px 20px
}

.el-button:focus,.el-button:hover {
    color: #19c8a9;
    border-color: #baefe5;
    background-color: #e8faf6
}

.el-button:active {
    color: #17b498;
    border-color: #17b498;
    outline: none
}

.el-button::-moz-focus-inner {
    border: 0
}

.el-button [class*=el-icon-]+span {
    margin-left: 5px
}

.el-button.is-plain:focus,.el-button.is-plain:hover {
    background: #fff;
    border-color: #19c8a9;
    color: #19c8a9
}

.el-button.is-plain:active {
    background: #fff;
    outline: none
}

.el-button.is-active,.el-button.is-plain:active {
    border-color: #17b498;
    color: #17b498
}

.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5
}

.el-button.is-disabled.el-button--text {
    background-color: transparent
}

.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover {
    background-color: #fff;
    border-color: #ebeef5;
    color: #c0c4cc
}

.el-button.is-loading {
    position: relative;
    pointer-events: none
}

.el-button.is-loading:before {
    pointer-events: none;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background-color: hsla(0,0%,100%,.35)
}

.el-button.is-round {
    border-radius: 20px;
    padding: 12px 23px
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 12px
}

.el-button--primary {
    color: #fff;
    background-color: #19c8a9;
    border-color: #19c8a9
}

.el-button--primary:focus,.el-button--primary:hover {
    background: #47d3ba;
    border-color: #47d3ba;
    color: #fff
}

.el-button--primary:active {
    outline: none
}

.el-button--primary.is-active,.el-button--primary:active {
    background: #17b498;
    border-color: #17b498;
    color: #fff
}

.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover {
    color: #fff;
    background-color: #8ce4d4;
    border-color: #8ce4d4
}

.el-button--primary.is-plain {
    color: #19c8a9;
    background: #e8faf6;
    border-color: #a3e9dd
}

.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover {
    background: #19c8a9;
    border-color: #19c8a9;
    color: #fff
}

.el-button--primary.is-plain:active {
    background: #17b498;
    border-color: #17b498;
    color: #fff;
    outline: none
}

.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover {
    color: #75decb;
    background-color: #e8faf6;
    border-color: #d1f4ee
}

.el-button--success {
    color: #fff;
    background-color: #67c23a;
    border-color: #67c23a
}

.el-button--success:focus,.el-button--success:hover {
    background: #85ce61;
    border-color: #85ce61;
    color: #fff
}

.el-button--success:active {
    outline: none
}

.el-button--success.is-active,.el-button--success:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff
}

.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover {
    color: #fff;
    background-color: #b3e19d;
    border-color: #b3e19d
}

.el-button--success.is-plain {
    color: #67c23a;
    background: #f0f9eb;
    border-color: #c2e7b0
}

.el-button--success.is-plain:focus,.el-button--success.is-plain:hover {
    background: #67c23a;
    border-color: #67c23a;
    color: #fff
}

.el-button--success.is-plain:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
    outline: none
}

.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover {
    color: #a4da89;
    background-color: #f0f9eb;
    border-color: #e1f3d8
}

.el-button--warning {
    color: #fff;
    background-color: #ea8553;
    border-color: #ea8553
}

.el-button--warning:focus,.el-button--warning:hover {
    background: #ee9d75;
    border-color: #ee9d75;
    color: #fff
}

.el-button--warning:active {
    outline: none
}

.el-button--warning.is-active,.el-button--warning:active {
    background: #d3784b;
    border-color: #d3784b;
    color: #fff
}

.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover {
    color: #fff;
    background-color: #f5c2a9;
    border-color: #f5c2a9
}

.el-button--warning.is-plain {
    color: #ea8553;
    background: #fdf3ee;
    border-color: #f7ceba
}

.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover {
    background: #ea8553;
    border-color: #ea8553;
    color: #fff
}

.el-button--warning.is-plain:active {
    background: #d3784b;
    border-color: #d3784b;
    color: #fff;
    outline: none
}

.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover {
    color: #f2b698;
    background-color: #fdf3ee;
    border-color: #fbe7dd
}

.el-button--danger {
    color: #fff;
    background-color: #ff645a;
    border-color: #ff645a
}

.el-button--danger:focus,.el-button--danger:hover {
    background: #ff837b;
    border-color: #ff837b;
    color: #fff
}

.el-button--danger:active {
    outline: none
}

.el-button--danger.is-active,.el-button--danger:active {
    background: #e65a51;
    border-color: #e65a51;
    color: #fff
}

.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover {
    color: #fff;
    background-color: #ffb2ad;
    border-color: #ffb2ad
}

.el-button--danger.is-plain {
    color: #ff645a;
    background: #fff0ef;
    border-color: #ffc1bd
}

.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover {
    background: #ff645a;
    border-color: #ff645a;
    color: #fff
}

.el-button--danger.is-plain:active {
    background: #e65a51;
    border-color: #e65a51;
    color: #fff;
    outline: none
}

.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover {
    color: #ffa29c;
    background-color: #fff0ef;
    border-color: #ffe0de
}

.el-button--info {
    color: #fff;
    background-color: #f7f7f7;
    border-color: #f7f7f7
}

.el-button--info:focus,.el-button--info:hover {
    background: #f9f9f9;
    border-color: #f9f9f9;
    color: #fff
}

.el-button--info:active {
    outline: none
}

.el-button--info.is-active,.el-button--info:active {
    background: #dedede;
    border-color: #dedede;
    color: #fff
}

.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover {
    color: #fff;
    background-color: #fbfbfb;
    border-color: #fbfbfb
}

.el-button--info.is-plain {
    color: #f7f7f7;
    background: #fefefe;
    border-color: #fcfcfc
}

.el-button--info.is-plain:focus,.el-button--info.is-plain:hover {
    background: #f7f7f7;
    border-color: #f7f7f7;
    color: #fff
}

.el-button--info.is-plain:active {
    background: #dedede;
    border-color: #dedede;
    color: #fff;
    outline: none
}

.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover {
    color: #fafafa;
    background-color: #fefefe;
    border-color: #fdfdfd
}

.el-button--medium {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px
}

.el-button--medium.is-round {
    padding: 10px 20px
}

.el-button--medium.is-circle {
    padding: 10px
}

.el-button--small {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 3px
}

.el-button--small.is-round {
    padding: 9px 15px
}

.el-button--small.is-circle {
    padding: 9px
}

.el-button--mini {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 3px
}

.el-button--mini.is-round {
    padding: 7px 15px
}

.el-button--mini.is-circle {
    padding: 7px
}

.el-button--text {
    border-color: transparent;
    color: #19c8a9;
    background: transparent;
    padding-left: 0;
    padding-right: 0
}

.el-button--text:focus,.el-button--text:hover {
    color: #47d3ba;
    border-color: transparent;
    background-color: transparent
}

.el-button--text:active {
    color: #17b498;
    background-color: transparent
}

.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active {
    border-color: transparent
}

.el-button-group {
    display: inline-block;
    vertical-align: middle
}

.el-button-group:after,.el-button-group:before {
    display: table;
    content: ""
}

.el-button-group:after {
    clear: both
}

.el-button-group .el-button {
    float: left;
    position: relative
}

.el-button-group .el-button+.el-button {
    margin-left: 0
}

.el-button-group .el-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-button-group .el-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.el-button-group .el-button:first-child:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.el-button-group .el-button:first-child:last-child.is-round {
    border-radius: 20px
}

.el-button-group .el-button:first-child:last-child.is-circle {
    border-radius: 50%
}

.el-button-group .el-button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.el-button-group .el-button:not(:last-child) {
    margin-right: -1px
}

.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover {
    z-index: 1
}

.el-button-group .el-button--primary:first-child {
    border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--primary:last-child {
    border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: hsla(0,0%,100%,.5);
    border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--success:first-child {
    border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--success:last-child {
    border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: hsla(0,0%,100%,.5);
    border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--warning:first-child {
    border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--warning:last-child {
    border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: hsla(0,0%,100%,.5);
    border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--danger:first-child {
    border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--danger:last-child {
    border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: hsla(0,0%,100%,.5);
    border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--info:first-child {
    border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--info:last-child {
    border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: hsla(0,0%,100%,.5);
    border-right-color: hsla(0,0%,100%,.5)
}

.el-checkbox {
    color: #606266;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-checkbox.is-bordered {
    padding: 9px 20px 9px 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    height: 40px
}

.el-checkbox.is-bordered.is-checked {
    border-color: #19c8a9
}

.el-checkbox.is-bordered.is-disabled {
    border-color: #ebeef5;
    cursor: not-allowed
}

.el-checkbox.is-bordered+.el-checkbox.is-bordered {
    margin-left: 10px
}

.el-checkbox.is-bordered.el-checkbox--medium {
    padding: 7px 20px 7px 10px;
    border-radius: 4px;
    height: 36px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
    line-height: 17px;
    font-size: 14px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
    padding: 5px 15px 5px 10px;
    border-radius: 3px;
    height: 32px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    line-height: 15px;
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox.is-bordered.el-checkbox--mini {
    padding: 3px 15px 3px 10px;
    border-radius: 3px;
    height: 28px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
    line-height: 12px;
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox__input {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: #edf2fc;
    border-color: #dcdfe6;
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    cursor: not-allowed;
    border-color: #c0c4cc
}

.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
    cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: #c0c4cc
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
    background-color: #c0c4cc;
    border-color: #c0c4cc
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #19c8a9;
    border-color: #19c8a9
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    -webkit-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #19c8a9
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #19c8a9
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #19c8a9;
    border-color: #19c8a9
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    left: 0;
    right: 0;
    top: 5px
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
    display: none
}

.el-checkbox__inner {
    display: inline-block;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
    transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)
}

.el-checkbox__inner:hover {
    border-color: #19c8a9
}

.el-checkbox__inner:after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg) scaleY(0);
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    -webkit-transition: -webkit-transform .15s ease-in .05s;
    transition: -webkit-transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.el-checkbox__original {
    opacity: 0;
    outline: none;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1
}

.el-checkbox__label {
    display: inline-block;
    padding-left: 10px;
    line-height: 19px;
    font-size: 14px
}

.el-checkbox+.el-checkbox {
    margin-left: 30px
}

.el-checkbox-button,.el-checkbox-button__inner {
    position: relative;
    display: inline-block
}

.el-checkbox-button__inner {
    line-height: 1;
    font-weight: 500;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-checkbox-button__inner.is-round {
    padding: 12px 20px
}

.el-checkbox-button__inner:hover {
    color: #19c8a9
}

.el-checkbox-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-checkbox-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-checkbox-button__original {
    opacity: 0;
    outline: none;
    position: absolute;
    margin: 0;
    z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #19c8a9;
    border-color: #19c8a9;
    -webkit-box-shadow: -1px 0 0 0 #75decb;
    box-shadow: -1px 0 0 0 #75decb
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #19c8a9
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
    border-left-color: #ebeef5
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #19c8a9
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0
}

.el-checkbox-button--medium .el-checkbox-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
    padding: 10px 20px
}

.el-checkbox-button--small .el-checkbox-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 9px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
    padding: 7px 15px
}

.el-checkbox-group {
    font-size: 0
}

.el-transfer {
    font-size: 14px
}

.el-transfer__buttons {
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px
}

.el-transfer__button {
    display: block;
    margin: 0 auto;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    background-color: #19c8a9;
    font-size: 0
}

.el-transfer__button.is-with-texts {
    border-radius: 4px
}

.el-transfer__button.is-disabled,.el-transfer__button.is-disabled:hover {
    border: 1px solid #dcdfe6;
    background-color: #f5f7fa;
    color: #c0c4cc
}

.el-transfer__button:first-child {
    margin-bottom: 10px
}

.el-transfer__button:nth-child(2) {
    margin: 0
}

.el-transfer__button i,.el-transfer__button span {
    font-size: 14px
}

.el-transfer__button [class*=el-icon-]+span {
    margin-left: 0
}

.el-transfer-panel {
    border: 1px solid #ebeef5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.el-transfer-panel__body {
    height: 246px
}

.el-transfer-panel__body.is-with-footer {
    padding-bottom: 40px
}

.el-transfer-panel__list {
    margin: 0;
    padding: 6px 0;
    list-style: none;
    height: 246px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-transfer-panel__list.is-filterable {
    height: 194px;
    padding-top: 0
}

.el-transfer-panel__item {
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    display: block
}

.el-transfer-panel__item+.el-transfer-panel__item {
    margin-left: 0
}

.el-transfer-panel__item.el-checkbox {
    color: #606266
}

.el-transfer-panel__item:hover {
    color: #19c8a9
}

.el-transfer-panel__item.el-checkbox .el-checkbox__label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 24px;
    line-height: 30px
}

.el-transfer-panel__item .el-checkbox__input {
    position: absolute;
    top: 8px
}

.el-transfer-panel__filter {
    text-align: center;
    margin: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: auto
}

.el-transfer-panel__filter .el-input__inner {
    height: 32px;
    width: 100%;
    font-size: 12px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 16px;
    padding-right: 10px;
    padding-left: 30px
}

.el-transfer-panel__filter .el-input__icon {
    margin-left: 5px
}

.el-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer
}

.el-transfer-panel .el-transfer-panel__header {
    height: 40px;
    line-height: 40px;
    background: #f5f7fa;
    margin: 0;
    padding-left: 15px;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox {
    display: block;
    line-height: 40px
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    font-size: 16px;
    color: #303133;
    font-weight: 400
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
    position: absolute;
    right: 15px;
    color: #909399;
    font-size: 12px;
    font-weight: 400
}

.el-transfer-panel .el-transfer-panel__footer {
    height: 40px;
    background: #fff;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ebeef5;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.el-transfer-panel .el-transfer-panel__footer:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
    padding-left: 20px;
    color: #606266
}

.el-transfer-panel .el-transfer-panel__empty {
    margin: 0;
    height: 30px;
    line-height: 30px;
    padding: 6px 15px 0;
    color: #909399;
    text-align: center
}

.el-transfer-panel .el-checkbox__label {
    padding-left: 8px
}

.el-transfer-panel .el-checkbox__inner {
    height: 14px;
    width: 14px;
    border-radius: 3px
}

.el-transfer-panel .el-checkbox__inner:after {
    height: 6px;
    width: 3px;
    left: 4px
}

.el-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0
}

.el-container.is-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.el-header {
    padding: 0 20px
}

.el-aside,.el-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.el-aside {
    overflow: auto
}

.el-main {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    overflow: auto;
    padding: 20px
}

.el-footer,.el-main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-footer {
    padding: 0 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(/nuxt/fonts/VideoJS.46ac662.eot?#iefix) format("eot")
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJRiV3RAAABjAAAAFZjbWFwOfT3xgAAAmgAAAMiZ2x5ZgMJ0sMAAAXQAAARCGhlYWQSy2hLAAAA4AAAADZoaGVhDgMHIQAAALwAAAAkaG10eOAAAAAAAAHkAAAAhGxvY2E9NEHGAAAFjAAAAERtYXhwATIAgQAAARgAAAAgbmFtZdXH9aAAABbYAAACCnBvc3RAAl/0AAAY5AAAAZ4AAQAABwAAAAAABwAAAP//BwEAAQAAAAAAAAAAAAAAAAAAACEAAQAAAAEAAFYfTwlfDzz1AAsHAAAAAADWVg6nAAAAANZWDqcAAAAABwEHAAAAAAgAAgAAAAAAAAABAAAAIQB1AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEGygGQAAUAAARxBOYAAAD6BHEE5gAAA1wAVwHOAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEB8SAHAAAAAKEHAAAAAAAAAQAAAAAAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAUAAAADAAAALAAAAAQAAAGSAAEAAAAAAIwAAwABAAAALAADAAoAAAGSAAQAYAAAAAQABAABAADxIP//AADxAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGQAAAAAAAAACAAAPEBAADxAQAAAAEAAPECAADxAgAAAAIAAPEDAADxAwAAAAMAAPEEAADxBAAAAAQAAPEFAADxBQAAAAUAAPEGAADxBgAAAAYAAPEHAADxBwAAAAcAAPEIAADxCAAAAAgAAPEJAADxCQAAAAkAAPEKAADxCgAAAAoAAPELAADxCwAAAAsAAPEMAADxDAAAAAwAAPENAADxDQAAAA0AAPEOAADxDgAAAA4AAPEPAADxDwAAAA8AAPEQAADxEAAAABAAAPERAADxEQAAABEAAPESAADxEgAAABIAAPETAADxEwAAABMAAPEUAADxFAAAABQAAPEVAADxFQAAABUAAPEWAADxFgAAABYAAPEXAADxFwAAABcAAPEYAADxGAAAABgAAPEZAADxGQAAABkAAPEaAADxGgAAABoAAPEbAADxGwAAABsAAPEcAADxHAAAABwAAPEdAADxHQAAAB0AAPEeAADxHgAAAB4AAPEfAADxHwAAAB8AAPEgAADxIAAAACAAAAAAAAAADgBoAH4AzADgAQIBQgFsAZgBwgIYAlgCtALgAzADsAPeBDAElgTcBSQFZgWKBiAGZga0BuoHWAgSCFgIbgiEAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAbADQAAAkCEyIHDgEHBhAXHgEXFiA3PgE3NhAnLgEnJgMiJy4BJyY0Nz4BNzYyFx4BFxYUBw4BBwYC6wHA/kCVmIuGzjk7OznOhosBMIuGzjk7OznOhouYeW9rpi0vLy2ma2/yb2umLS8vLaZrbwIwAVABUAGbOznOhov+0IuGzjk7OznOhosBMIuGzjk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiEGIAAHABcAJwAqAAABNCcmJxUXNjcUBxc2NTQnLgEnFR4BFxYBBwEhESEBEQEGBxU2Nxc3AQcXBNA0MlW4A7spcU1FQ+6VbKovMfu0XwFh/p8BKwF1AT5QWZl6mV/9YJycA4BhUlAqpbgYGGNicZKknYyHvSKaIJNlaQIsX/6f/kD+iwH2/sI9G5ojZJhfBJacnAAAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYACAAOAAABNCcmJxE2NzYBESEBEQEFZTQyVFQyNPwQASsBdf6LA4BhUlAq/aYqUFIBQf5A/osEqv6LAAMAAAAABiAGDwAFAA4AIgAAExEhAREBBTQnJicRNjc2AxUeARcWFAcOAQcVPgE3NhAnLgHgASsBdf6LAsU0MlVVMjS7bKovMTEvqmyV7kNFRUPuBGD+QP6LBKr+i+BhUlAq/aYqUFIC8Jogk2Vp6GllkyCaIr2HjAE6jIe9AAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gATABcAAAEhIg4BFREUHgEzITI+ATURNC4BAyERIQVA/IApRCgoRCkDgClEKChEKfyAA4AF1ShEKfyAKUQoKEQpA4ApRCj76wOAAAYAAAAABmsGawAIAA0AFQAeACMALAAACQEmIyIHBgcBJS4BJwEFIQE2NzY1NAUBBgcGFRQXIQUeARcBMwEWMzI3NjcBAr4BZFJQhHt2YwESA44z7Z/+7gLl/dABel0zNfwS/t1dMzUPAjD95DPtnwESeP7dU0+Ee3Zj/u4D8AJoEy0rUf4nd6P6PP4nS/1zZn+Ej0tLAfhmf4SPS0pLo/o8Adn+CBMtK1EB2QAFAAAAAAZrBdYAEwAXABsAHwAjAAABISIOARURFB4BMyEyPgE1ETQuAQEhFSEBITUhBSE1ITUhNSEF1ftWKUUoKEUpBKopRSgoRfstASr+1gLq/RYC6gHA/tYBKv0WAuoF1ShEKfyAKUQoKEQpA4ApRCj9q5X+1ZWVlZaVAAAAAAMAAAAABiAF1gATACsAQwAAASEiDgEVERQeATMhMj4BNRE0LgEBIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFi/vqKEUoKEUoBBYoRSgoRf2CcJWVcCsf4B8sLB/gHysCC3CVlXAsH+AfKysf4B8sBdUoRCn8gClEKChEKQOAKUQo/fYl4CVKHywsHwEqHywsH0ol4CVKHywsHwEqHywsHwAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIQZsADEAAAEiBgcBNjQnAR4BMzI+ATQuASIOARUUFwEuASMiDgEUHgEzMjY3AQYVFB4BMj4BNC4BBUAqSx797AcHAg8eTys9Zzw8Z3pnPAf98R5PKz1nPDxnPStPHgIUBjtkdmQ7O2QCTx4cATcbMhsBNB0gPGd6Zzw8Zz0ZG/7NHCA8Z3pnPCAc/soZGDtkOjpkdmQ7AAAAAAIAAAAABlkGawBDAFAAAAE2NCc3PgEnAy4BDwEmLwEuASMhIgYPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEzITI2PwE2NxcWNjcTNiYnBSIuATQ+ATIeARQOAQWrBQWeCgYHlgcaDLo8QhwDFQ7+1g4VAhxEOroNGgeVBwULnQUFnQsFB5UHGg26O0McAhUOASoOFQIcRDq6DRoHlQcFC/04R3hGRniOeEZGeAM3Kj4qewkbDAEDDAkFSy4bxg4SEg7GHC1LBQkM/v0MGwl7Kj4qewkbDP79DAkFSy4bxg4SEg7GHC1LBQkMAQMMGwlBRniOeEZGeI54RgABAAAAAAZrBmsAGAAAExQXHgEXFiA3PgE3NhAnLgEnJiAHDgEHBpU7Oc6GiwEwi4bOOTs7Oc6Gi/7Qi4bOOTsDgJiLhs45Ozs5zoaLATCLhs45Ozs5zoaLAAAAAAIAAAAABmsGawAYADEAAAEiBw4BBwYQFx4BFxYgNz4BNzYQJy4BJyYDIicuAScmNDc+ATc2MhceARcWFAcOAQcGA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi5h5b2umLS8vLaZrb/Jva6YtLy8tpmtvBms7Oc6Gi/7Qi4bOOTs7Oc6GiwEwi4bOOTv6wC8tpmtv8m9rpi0vLy2ma2/yb2umLS8AAwAAAAAGawZrABgAMQA+AAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmAyInLgEnJjQ3PgE3NjIXHgEXFhQHDgEHBhMUDgEiLgE0PgEyHgEDgJiKhs85Ozs5z4aKATCKhs85Ozs5z4aKmHlva6YtLy8tpmtv8m9rpi0vLy2ma29nPGd6Zzw8Z3pnPAZrOznPhor+0IqGzzk7OznPhooBMIqGzzk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAlU9Zzw8Z3pnPDxnAAAABAAAAAAGIAYhABMAHwApAC0AAAEhIg4BFREUHgEzITI+ATURNC4BASM1IxUjETMVMzU7ASEyFhURFAYjITczNSMFi/vqKEUoKEUoBBYoRSgoRf2CcJVwcJVwlgEqHywsH/7WcJWVBiAoRSj76ihFKChFKAQWKEUo/ICVlQHAu7ssH/7WHyxw4AAAAAACAAAAAAZrBmsAGAAkAAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmEwcJAScJATcJARcBA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi91p/vT+9GkBC/71aQEMAQxp/vUGazs5zoaL/tCLhs45Ozs5zoaLATCLhs45O/wJaQEL/vVpAQwBDGn+9QELaf70AAABAAAAAAXWBrYAJwAAAREJAREyFxYXFhQHBgcGIicmJyY1IxQXHgEXFjI3PgE3NjQnLgEnJgOA/osBdXpoZjs9PTtmaPRoZjs9lS8tpWtv9G9rpS0vLy2la28FiwEq/ov+iwEqPTtmaPNpZTw9PTxlaXl5b2umLS8vLaZrb/Nva6UuLwABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcBBM8AFwAhADgATwBmAHEAdAAAAREzNhcWFxYXFhcWBw4BBwYHBicmLwEmNxY2NzYuAQcRFAUWNzY/ATY3NjU2JyMGFxYfARYXFhcUFxY3Nj8BNjc2NzYnIwYXFh8BFhcWFRYXFjc2PwE2NzY3NicjBhcWHwEWFxYVFgUzPwEVMxEjBgsBARUnAxwcaC5MND0sTSsvCgdVREdTNWg1KgECq1JrCQcwYkABfhoSCxAKJBQXAX4dAQMCBgMnFxsBJBoSCxAKJBQWAQF+HgEEAgUEJxcbASMZEwsQCiQUFgEBfh4BBAIFBCcXGwH5Q+5B4arNDfHvAhaOAckC/QIBAwwPHzdcZXlZmC8xCAQBAQIDBMIDVkxCZDQF/pUHwgcTCyAUQEdPU8etCAgFCQZHTFxbwLoHEwsgFEBHT1PHrQgIBQkGR0xcW8C6BxMLIBRAR09Tx60ICAUJBkdMXFvAwGQBZQMMFf6D/oYB/fkBAAABAAAAAAYhBrYALAAAASIHDgEHBhURFB4BOwERITU0Nz4BNzYyFx4BFxYdASERMzI+ATURNCcuAScmA4CJfXi6MzU8Zz3g/tUpKJFeYdRhXpEoKf7V4D1nPDUzunh9BrU0M7t4fYn99j1nPAJVlWthXpAoKSkokF5ha5X9qzxnPQIKiX14uzM0AAAAAAIAAAAABUAFQAACAAYAAAkCIREzEQHAAnv9hQLrlQHAAcABwPyAA4AAAAAAAgAAAAAFQAVAAAMABgAAATMRIwkBEQHAlZUBBQJ7BUD8gAHA/kADgAAAAAAAABAAxgABAAAAAAABAAcAAAABAAAAAAACAAcABwABAAAAAAADAAcADgABAAAAAAAEAAcAFQABAAAAAAAFAAsAHAABAAAAAAAGAAcAJwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQABAA4AbAADAAEECQACAA4AegADAAEECQADAA4AiAADAAEECQAEAA4AlgADAAEECQAFABYApAADAAEECQAGAA4AugADAAEECQAKAFYAyAADAAEECQALACYBHlZpZGVvSlNSZWd1bGFyVmlkZW9KU1ZpZGVvSlNWZXJzaW9uIDEuMFZpZGVvSlNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBWAGkAZABlAG8ASgBTAFIAZQBnAHUAbABhAHIAVgBpAGQAZQBvAEoAUwBWAGkAZABlAG8ASgBTAFYAZQByAHMAaQBvAG4AIAAxAC4AMABWAGkAZABlAG8ASgBTAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before {
    content: "\F101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\F102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before {
    content: "\F103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before {
    content: "\F104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before {
    content: "\F105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before {
    content: "\F106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before {
    content: "\F107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before {
    content: "\F108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before {
    content: "\F109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\F10A"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\F10B"
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before {
    content: "\F10C"
}

.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before {
    content: "\F10D"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before {
    content: "\F10E"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\F10F"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\F110"
}

.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before {
    content: "\F111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\F112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\F113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\F114"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before {
    content: "\F115"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before {
    content: "\F116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\F117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\F118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\F119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\F11A"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\F11B"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\F11C"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before {
    content: "\F11D"
}

.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before {
    content: "\F11E"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\F11F"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\F120"
}

.video-js {
    display: block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
    word-break: normal
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100%!important;
    height: 100%!important
}

.video-js[tabindex="-1"] {
    outline: none
}

.video-js *,.video-js :after,.video-js :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-4-3,.video-js.vjs-16-9,.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill,.video-js .vjs-tech {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100%!important;
    height: 100%!important;
    padding-top: 0!important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none!important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block!important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    border-radius: .3em;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    -webkit-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0,0,0,.8);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(hsla(0,0%,100%,0)));
    background: linear-gradient(180deg,rgba(0,0,0,.8),hsla(0,0%,100%,0));
    overflow: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.video-js .vjs-modal-dialog>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    overflow: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.vjs-menu .vjs-menu-content>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115,133,159,.5)
}

.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43,51,63,.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s,opacity .1s;
    transition: visibility .1s,opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s,opacity 1s;
    transition: visibility 1s,opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar {
    display: none!important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em;
    -ms-touch-action: none;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.333333333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115,133,159,.5)
}

.video-js .vjs-load-progress div {
    background: #fff;
    background: rgba(115,133,159,.75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s,opacity 1s;
    transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,.8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 3em
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical,.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.video-js .vjs-volume-panel {
    -webkit-transition: width 1s;
    transition: width 1s
}

.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel .vjs-volume-control:hover,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel:hover .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;
    transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s
}

.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em
}

.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: 9em;
    -webkit-transition: width .1s;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3.5em;
    -webkit-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;
    transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    -webkit-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;
    transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: none;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.vjs-poster {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-poster,.vjs-poster img {
    vertical-align: middle;
    padding: 0
}

.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    width: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time,.vjs-live .vjs-time-control,.vjs-no-flex .vjs-current-time {
    display: none
}

.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
    width: 0!important;
    white-space: nowrap
}

.video-js .vjs-duration,.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial,Helvetica,sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43,51,63,.7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: 0s linear .3s forwards vjs-spinner-show;
    animation: 0s linear .3s forwards vjs-spinner-show
}

.vjs-loading-spinner:after,.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\F10D";
    font-size: 1.5em;
    line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \F11D";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: block
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43,51,63,.75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr auto
    }

    .vjs-text-track-settings .vjs-track-settings-colors {
        display: block;
        grid-column: 1;
        grid-row: 1
    }

    .vjs-text-track-settings .vjs-track-settings-font {
        grid-column: 2;
        grid-row: 1
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 2;
        grid-row: 2
    }
}

.vjs-track-setting>select {
    margin-right: 5px
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    display: block;
    margin: 0 0 5px;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(88%,#fff),to(#73859f));
    background-image: linear-gradient(0deg,#fff 88%,#73859f)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43,51,63,.75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(88%,#fff),to(#73859f));
    background-image: linear-gradient(-180deg,#fff 88%,#73859f);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible),.video-js :focus:not(:focus-visible) {
    outline: none
}

@media \0screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
        content: ""
    }
}

@media \0screen {
    .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        visibility: hidden
    }
}

[flex] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[flex]>* {
    display: block
}

[flex]>[flex] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[flex~="dir:left"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

[flex~="dir:right"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end
}

[flex~="dir:top"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

[flex~="dir:bottom"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end
}

[flex~="main:left"] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

[flex~="main:right"] {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

[flex~="main:around"] {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

[flex~="main:justify"] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[flex~="main:center"] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[flex~="cross:top"] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

[flex~="cross:bottom"] {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

[flex~="cross:center"] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[flex~="cross:baseline"] {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

[flex~="cross:stretch"] {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

[flex~="box:first"]>*,[flex~="box:justify"]>*,[flex~="box:last"]>*,[flex~="box:mean"]>* {
    width: 0;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

[flex~="box:first"]>:first-child,[flex~="box:justify"]>:first-child,[flex~="box:justify"]>:last-child,[flex~="box:last"]>:last-child {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

[flex~="dir:bottom"][flex~="box:first"]>*,[flex~="dir:bottom"][flex~="box:justify"]>*,[flex~="dir:bottom"][flex~="box:last"]>*,[flex~="dir:bottom"][flex~="box:mean"]>*,[flex~="dir:top"][flex~="box:first"]>*,[flex~="dir:top"][flex~="box:justify"]>*,[flex~="dir:top"][flex~="box:last"]>*,[flex~="dir:top"][flex~="box:mean"]>* {
    width: auto;
    height: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

[flex~="dir:bottom"][flex~="box:first"]>:first-child,[flex~="dir:bottom"][flex~="box:justify"]>:first-child [flex~="dir:bottom"][flex~="box:justify"]>:last-child,[flex~="dir:bottom"][flex~="box:last"]>:last-child,[flex~="dir:top"][flex~="box:first"]>:first-child,[flex~="dir:top"][flex~="box:justify"]>:first-child,[flex~="dir:top"][flex~="box:justify"]>:last-child,[flex~="dir:top"][flex~="box:last"]>:last-child {
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

[flex-box="0"] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

[flex-box="1"] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

[flex-box="2"] {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-negative: 2;
    flex-shrink: 2
}

[flex-box="3"] {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
    -ms-flex-negative: 3;
    flex-shrink: 3
}

[flex-box="4"] {
    -webkit-box-flex: 4;
    -ms-flex-positive: 4;
    flex-grow: 4;
    -ms-flex-negative: 4;
    flex-shrink: 4
}

[flex-box="5"] {
    -webkit-box-flex: 5;
    -ms-flex-positive: 5;
    flex-grow: 5;
    -ms-flex-negative: 5;
    flex-shrink: 5
}

[flex-box="6"] {
    -webkit-box-flex: 6;
    -ms-flex-positive: 6;
    flex-grow: 6;
    -ms-flex-negative: 6;
    flex-shrink: 6
}

[flex-box="7"] {
    -webkit-box-flex: 7;
    -ms-flex-positive: 7;
    flex-grow: 7;
    -ms-flex-negative: 7;
    flex-shrink: 7
}

[flex-box="8"] {
    -webkit-box-flex: 8;
    -ms-flex-positive: 8;
    flex-grow: 8;
    -ms-flex-negative: 8;
    flex-shrink: 8
}

[flex-box="9"] {
    -webkit-box-flex: 9;
    -ms-flex-positive: 9;
    flex-grow: 9;
    -ms-flex-negative: 9;
    flex-shrink: 9
}

[flex-box="10"] {
    -webkit-box-flex: 10;
    -ms-flex-positive: 10;
    flex-grow: 10;
    -ms-flex-negative: 10;
    flex-shrink: 10
}

[flex-fixed="0"] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%
}

[flex-fixed="1"] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%
}

[flex-fixed="2"] {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-negative: 2;
    flex-shrink: 2;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%
}

[flex-fixed="3"] {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
    -ms-flex-negative: 3;
    flex-shrink: 3;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%
}

[flex-fixed="4"] {
    -webkit-box-flex: 4;
    -ms-flex-positive: 4;
    flex-grow: 4;
    -ms-flex-negative: 4;
    flex-shrink: 4;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%
}

[flex-fixed="5"] {
    -webkit-box-flex: 5;
    -ms-flex-positive: 5;
    flex-grow: 5;
    -ms-flex-negative: 5;
    flex-shrink: 5;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%
}

[flex-fixed="6"] {
    -webkit-box-flex: 6;
    -ms-flex-positive: 6;
    flex-grow: 6;
    -ms-flex-negative: 6;
    flex-shrink: 6;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%
}

[flex-fixed="7"] {
    -webkit-box-flex: 7;
    -ms-flex-positive: 7;
    flex-grow: 7;
    -ms-flex-negative: 7;
    flex-shrink: 7;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%
}

[flex-fixed="8"] {
    -webkit-box-flex: 8;
    -ms-flex-positive: 8;
    flex-grow: 8;
    -ms-flex-negative: 8;
    flex-shrink: 8;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%
}

[flex-fixed="9"] {
    -webkit-box-flex: 9;
    -ms-flex-positive: 9;
    flex-grow: 9;
    -ms-flex-negative: 9;
    flex-shrink: 9;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%
}

[flex-fixed="10"] {
    -webkit-box-flex: 10;
    -ms-flex-positive: 10;
    flex-grow: 10;
    -ms-flex-negative: 10;
    flex-shrink: 10;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
 
Copyright (c) 2015 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.page-enter-active,.page-leave-active {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.page-enter,.page-leave-active {
    opacity: 0
}

.icons-mobile {
    background-image: url(./mobile-sprite.a01643.a01643c.png);
    display: inline-block;
    cursor: pointer
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .icons-mobile {
        background-image:url(./mobile-sprite.124668@2x.1246687.png);
        background-size: 203px 201px
    }
}

.icons-mobile.back.hover {
    background-position: -138px -48px;
    width: 22px;
    height: 22px
}

.icons-mobile.back {
    background-position: -82px -74px;
    width: 22px;
    height: 22px
}

.icons-mobile.bad-black.actived {
    background-position: -80px -169px!important;
    width: 16px;
    height: 16px
}

.icons-mobile.bad-black {
    background-position: -96px -169px;
    width: 16px;
    height: 16px
}

.icons-mobile.bad-white.actived {
    background-position: -112px -169px!important;
    width: 16px;
    height: 16px
}

.icons-mobile.bad-white {
    background-position: -176px -169px;
    width: 16px;
    height: 16px
}

.icons-mobile.cai.actived {
    background-position: 0 -185px!important;
    width: 16px;
    height: 16px
}

.icons-mobile.cai.hover {
    background-position: -32px -185px;
    width: 16px;
    height: 16px
}

.icons-mobile.cai {
    background-position: -48px -185px;
    width: 16px;
    height: 16px
}

.icons-mobile.caino {
    background-position: -182px -70px;
    width: 17px;
    height: 17px
}

.icons-mobile.camera {
    background-position: -182px 0;
    width: 21px;
    height: 17px
}

.icons-mobile.chat-black {
    background-position: -16px -185px;
    width: 16px;
    height: 16px
}

.icons-mobile.chat-white {
    background-position: -182px -138px;
    width: 16px;
    height: 16px
}

.icons-mobile.dian.hover {
    background-position: -201px -17px;
    width: 2px;
    height: 16px
}

.icons-mobile.dian {
    background-position: -200px -35px;
    width: 3px;
    height: 17px
}

.icons-mobile.email {
    background-position: -104px -148px;
    width: 24px;
    height: 16px
}

.icons-mobile.foottel {
    background-position: -144px -169px;
    width: 16px;
    height: 16px
}

.icons-mobile.footteladdress {
    background-position: -128px -169px;
    width: 16px;
    height: 16px
}

.icons-mobile.good-black.actived {
    background-position: -64px -169px!important;
    width: 16px;
    height: 16px
}

.icons-mobile.good-black {
    background-position: -48px -169px;
    width: 16px;
    height: 16px
}

.icons-mobile.good-white.actived {
    background-position: 0 -169px!important;
    width: 16px;
    height: 16px
}

.icons-mobile.good-white {
    background-position: -128px -148px;
    width: 16px;
    height: 16px
}

.icons-mobile.heart.actived {
    background-position: -84px -148px!important;
    width: 20px;
    height: 20px
}

.icons-mobile.heart {
    background-position: -140px -120px;
    width: 20px;
    height: 20px
}

.icons-mobile.home.hover {
    background-position: -160px -22px;
    width: 22px;
    height: 22px
}

.icons-mobile.home {
    background-position: -160px -44px;
    width: 22px;
    height: 22px
}

.icons-mobile.lenovo {
    background-position: -148px -74px;
    width: 12px;
    height: 12px
}

.icons-mobile.logout.hover {
    background-position: -21px -148px;
    width: 21px;
    height: 21px
}

.icons-mobile.logout {
    background-position: -63px -148px;
    width: 21px;
    height: 21px
}

.icons-mobile.menu.actived {
    background-position: -160px 0!important;
    width: 22px;
    height: 22px
}

.icons-mobile.menu.hover {
    background-position: -118px -120px;
    width: 22px;
    height: 22px
}

.icons-mobile.menu {
    background-position: -122px -96px;
    width: 22px;
    height: 22px
}

.icons-mobile.minback {
    background-position: -182px -17px;
    width: 19px;
    height: 18px
}

.icons-mobile.notice.hover {
    background-position: -100px -96px;
    width: 22px;
    height: 22px
}

.icons-mobile.notice {
    background-position: -126px -74px;
    width: 22px;
    height: 22px
}

.icons-mobile.playbtn {
    background-position: 0 -96px;
    width: 52px;
    height: 52px
}

.icons-mobile.point-black {
    background-position: -199px -53px;
    width: 2px;
    height: 14px
}

.icons-mobile.point-white {
    background-position: -201px -53px;
    width: 2px;
    height: 14px
}

.icons-mobile.publish.hover {
    background-position: -182px -121px;
    width: 17px;
    height: 17px
}

.icons-mobile.publish {
    background-position: -182px -104px;
    width: 17px;
    height: 17px
}

.icons-mobile.qq {
    background-position: -86px -48px;
    width: 26px;
    height: 26px
}

.icons-mobile.rank-1 {
    background-position: -160px -116px;
    width: 19px;
    height: 25px
}

.icons-mobile.rank-2 {
    background-position: -160px -66px;
    width: 19px;
    height: 25px
}

.icons-mobile.rank-3 {
    background-position: -160px -91px;
    width: 19px;
    height: 25px
}

.icons-mobile.reply.hover {
    background-position: -144px -148px;
    width: 16px;
    height: 16px
}

.icons-mobile.reply {
    background-position: -160px -148px;
    width: 16px;
    height: 16px
}

.icons-mobile.replyno {
    background-position: -182px -87px;
    width: 17px;
    height: 17px
}

.icons-mobile.republish {
    background-position: -148px -86px;
    width: 10px;
    height: 10px
}

.icons-mobile.sandian {
    background-position: -199px -70px;
    width: 2px;
    height: 9px
}

.icons-mobile.search.hover {
    background-position: -74px -120px;
    width: 22px;
    height: 22px
}

.icons-mobile.search {
    background-position: -52px -120px;
    width: 22px;
    height: 22px
}

.icons-mobile.see.hover {
    background-position: -140px -185px;
    width: 15px;
    height: 12px
}

.icons-mobile.see-pick {
    background-position: -125px -185px;
    width: 15px;
    height: 12px
}

.icons-mobile.see {
    background-position: -110px -185px;
    width: 15px;
    height: 12px
}

.icons-mobile.setting.hover {
    background-position: 0 -148px;
    width: 21px;
    height: 21px
}

.icons-mobile.setting {
    background-position: -42px -148px;
    width: 21px;
    height: 21px
}

.icons-mobile.singlestar {
    background-position: -76px -96px;
    width: 24px;
    height: 24px
}

.icons-mobile.singlestardefault {
    background-position: -52px -96px;
    width: 24px;
    height: 24px
}

.icons-mobile.staractive {
    background-position: 0 -24px;
    width: 160px;
    height: 24px
}

.icons-mobile.stardefault {
    background-position: 0 0;
    width: 160px;
    height: 24px
}

.icons-mobile.uploadimg.hover {
    background-position: -64px -185px;
    width: 18px;
    height: 14px
}

.icons-mobile.uploadimg {
    background-position: -182px -154px;
    width: 18px;
    height: 14px
}

.icons-mobile.vdel {
    background-position: -182px -35px;
    width: 18px;
    height: 18px
}

.icons-mobile.vdone {
    background-position: -60px -74px;
    width: 22px;
    height: 22px
}

.icons-mobile.vfail {
    background-position: -96px -120px;
    width: 22px;
    height: 22px
}

.icons-mobile.vloading {
    background-position: -104px -74px;
    width: 22px;
    height: 22px
}

.icons-mobile.write {
    background-position: -160px -169px;
    width: 16px;
    height: 16px
}

.icons-mobile.wx {
    background-position: -60px -48px;
    width: 26px;
    height: 26px
}

.icons-mobile.xiangji {
    background-position: 0 -48px;
    width: 60px;
    height: 48px
}

.icons-mobile.xin.actived {
    background-position: -96px -185px!important;
    width: 14px;
    height: 14px
}

.icons-mobile.xin {
    background-position: -82px -185px;
    width: 14px;
    height: 14px
}

.icons-mobile.xl {
    background-position: -112px -48px;
    width: 26px;
    height: 26px
}

.icons-mobile.zan.actived {
    background-position: -32px -169px!important;
    width: 16px;
    height: 16px
}

.icons-mobile.zan.hover {
    background-position: -16px -169px;
    width: 16px;
    height: 16px
}

.icons-mobile.zan {
    background-position: -144px -96px;
    width: 16px;
    height: 16px
}

.icons-mobile.zanno {
    background-position: -182px -53px;
    width: 17px;
    height: 17px
}

.icons-pc {
    background-image: url(./pc-sprite.9d7e7b.9d7e7b8.png);
    display: inline-block;
    cursor: pointer
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .icons-pc {
        background-image:url(./pc-sprite.ed1a6e@2x.ed1a6e7.png);
        background-size: 202px 197px
    }
}

.icons-pc.add {
    background-position: -187px -18px;
    width: 14px;
    height: 14px
}

.icons-pc.alipay {
    background-position: -93px -124px;
    width: 30px;
    height: 30px
}

.icons-pc.close {
    background-position: -162px -157px;
    width: 18px;
    height: 18px
}

.icons-pc.closered {
    background-position: -116px -107px;
    width: 16px;
    height: 16px
}

.icons-pc.discount {
    background-position: 0 0;
    width: 137px;
    height: 24px
}

.icons-pc.download.hover {
    background-position: -50px -24px;
    width: 50px;
    height: 50px
}

.icons-pc.download {
    background-position: 0 -74px;
    width: 50px;
    height: 50px
}

.icons-pc.expression.hover {
    background-position: -26px -157px;
    width: 24px;
    height: 24px
}

.icons-pc.expression {
    background-position: -137px -100px;
    width: 24px;
    height: 24px
}

.icons-pc.foottel {
    background-position: -100px -107px;
    width: 16px;
    height: 16px;
	
}

.icons-pc.footteladdress {
    background-position: -116px -58px;
    width: 16px;
    height: 16px
}

.icons-pc.hyperlink.hover {
    background-position: -74px -157px;
    width: 24px;
    height: 24px
}

.icons-pc.hyperlink {
    background-position: -50px -157px;
    width: 24px;
    height: 24px
}

.icons-pc.image.hover {
    background-position: -161px -100px;
    width: 24px;
    height: 24px
}

.icons-pc.image {
    background-position: -98px -157px;
    width: 24px;
    height: 24px
}

.icons-pc.link {
    background-position: -100px -58px;
    width: 16px;
    height: 16px
}

.icons-pc.loginout {
    background-position: 0 -183px;
    width: 16px;
    height: 14px
}

.icons-pc.message.hover {
    background-position: -187px -45px;
    width: 14px;
    height: 13px
}

.icons-pc.message {
    background-position: -187px -32px;
    width: 14px;
    height: 13px
}

.icons-pc.more {
    background-position: -187px -110px;
    width: 12px;
    height: 2px
}

.icons-pc.paysure {
    background-position: -100px -24px;
    width: 34px;
    height: 34px
}

.icons-pc.person {
    background-position: -187px 0;
    width: 15px;
    height: 18px
}

.icons-pc.portrait {
    background-position: -122px -157px;
    width: 20px;
    height: 20px
}

.icons-pc.qq {
    background-position: 0 -157px;
    width: 26px;
    height: 26px
}

.icons-pc.sdownload {
    background-position: -187px -100px;
    width: 15px;
    height: 10px
}

.icons-pc.search {
    background-position: -142px -157px;
    width: 20px;
    height: 20px
}

.icons-pc.selected {
    background-position: 0 -124px;
    width: 33px;
    height: 33px
}

.icons-pc.split {
    background-position: -200px -58px;
    width: 2px;
    height: 9px
}

.icons-pc.sqq {
    background-position: -123px -124px;
    width: 26px;
    height: 26px
}

.icons-pc.sweibo {
    background-position: -149px -124px;
    width: 26px;
    height: 26px
}

.icons-pc.top.hover {
    background-position: -137px -50px;
    width: 50px;
    height: 50px
}

.icons-pc.top {
    background-position: 0 -24px;
    width: 50px;
    height: 50px
}

.icons-pc.unselected {
    background-position: -100px -74px;
    width: 33px;
    height: 33px
}

.icons-pc.view.hover {
    background-position: -16px -183px;
    width: 16px;
    height: 12px
}

.icons-pc.view {
    background-position: -32px -183px;
    width: 16px;
    height: 12px
}

.icons-pc.wechat {
    background-position: -33px -124px;
    width: 30px;
    height: 31px
}

.icons-pc.weibo.hover {
    background-position: -50px -74px;
    width: 50px;
    height: 50px
}

.icons-pc.weibo {
    background-position: -137px 0;
    width: 50px;
    height: 50px
}

.icons-pc.ysf {
    background-position: -63px -124px;
    width: 30px;
    height: 30px
}

.icons-pc.zan.actived {
    background-position: -187px -58px!important;
    width: 13px;
    height: 14px
}

.icons-pc.zan.hover {
    background-position: -187px -72px;
    width: 13px;
    height: 14px
}

.icons-pc.zan {
    background-position: -187px -86px;
    width: 13px;
    height: 14px
}

.vjs-custom-skin>.video-js {
    width: 100%;
    height: 100%;
    font-family: PingFang SC,Helvetica Neue,Hiragino Sans GB,Segoe UI,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,sans-serif
}

.video-js.vjs-no-flex .vjs-menu-button-inline,.vjs-custom-skin>.video-js .vjs-menu-button-inline.vjs-slider-active,.vjs-custom-skin>.video-js .vjs-menu-button-inline:focus,.vjs-custom-skin>.video-js .vjs-menu-button-inline:hover {
    width: 10em
}

.vjs-custom-skin>.video-js .vjs-controls-disabled .vjs-big-play-button {
    display: none!important
}

.vjs-custom-skin>.video-js .vjs-control {
    width: 3em
}

.vjs-custom-skin>.video-js .vjs-control.vjs-live-control {
    width: auto;
    padding-left: .5em;
    letter-spacing: .1em
}

.vjs-custom-skin>.video-js .vjs-menu-button-inline:before {
    width: 1.5em
}

.vjs-menu-button-inline .vjs-menu {
    left: 3em
}

.vjs-custom-skin>.video-js .vjs-load-progress div,.vjs-seeking .vjs-big-play-button,.vjs-waiting .vjs-big-play-button {
    display: none!important
}

.vjs-custom-skin>.video-js .vjs-mouse-display:after,.vjs-custom-skin>.video-js .vjs-play-progress:after {
    padding: 0 .4em .3em
}

.video-js.vjs-ended .vjs-loading-spinner {
    display: none
}

.video-js.vjs-ended .vjs-big-play-button {
    display: block!important
}

.video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started.vjs-custom-skin>.video-js .vjs-big-play-button {
    display: block
}

.vjs-custom-skin>.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-left: -1.5em;
    margin-top: -1em;
    background-color: rgba(0,0,0,.45);
    font-size: 3.5em;
    height: 2em!important;
    line-height: 2em!important;
    margin-top: -1em!important
}

.video-js:hover .vjs-big-play-button,.vjs-custom-skin>.video-js .vjs-big-play-button:active,.vjs-custom-skin>.video-js .vjs-big-play-button:focus {
    background-color: rgba(36,131,213,.9)
}

.vjs-custom-skin>.video-js .vjs-loading-spinner {
    border-color: rgba(36,131,213,.8)
}

.vjs-custom-skin>.video-js .vjs-control-bar2 {
    background-color: #000
}

.vjs-custom-skin>.video-js .vjs-control-bar {
    color: #fff;
    font-size: 14px
}

.vjs-custom-skin>.video-js .vjs-play-progress,.vjs-custom-skin>.video-js .vjs-volume-level {
    background-color: #2483d5
}

.vjs-custom-skin>.video-js .vjs-play-progress:before {
    top: -.3em
}

.vjs-custom-skin>.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.3em
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: 0
}

.vjs-custom-skin>.video-js .vjs-menu li {
    padding: 0;
    line-height: 2em;
    font-size: 1.1em;
    font-family: PingFang SC,Helvetica Neue,Hiragino Sans GB,Segoe UI,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,sans-serif
}

.vjs-custom-skin>.video-js .vjs-mouse-display:after,.vjs-custom-skin>.video-js .vjs-play-progress:after,.vjs-custom-skin>.video-js .vjs-time-tooltip {
    border-radius: 0;
    font-size: 1em;
    padding: 0;
    width: 3em;
    height: 1.5em;
    line-height: 1.5em;
    top: -3em
}

.vjs_video_3-dimensions {
    width: 100%;
    height: 100%
}

.vjs-custom-skin>.video-js .vjs-menu-button-popup .vjs-menu {
    width: 5em;
    left: -1em
}

.vjs-custom-skin>.video-js .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: 0
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-play-control {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-time-control {
    min-width: 1em;
    padding: 0;
    margin: 0 .1em;
    text-align: center;
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.2em;
    line-height: 2.4
}

.vjs-custom-skin>.video-js .vjs-progress-control.vjs-control {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-volume-menu-button {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-resolution-button {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-resolution-button .vjs-resolution-button-label {
    display: block;
    line-height: 3em
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-playback-rate {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-fullscreen-control {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

h1,p,ul {
    padding: 0;
    margin: 0
}

dd,dl,dt,li,ul {
    list-style: none
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

[nohover]:hover {
    cursor: default
}

.clearfix {
    *zoom:1}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both;
    overflow: hidden
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.fl {
    float: left
}

.fr {
    float: right
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.wrapper {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.pr {
    position: relative
}

.pb {
    position: absolute
}

.hide {
    display: none
}

.cricle {
    border-radius: 100%;
    overflow: hidden
}

.cp {
    cursor: pointer
}

body .hover-color:hover {
    cursor: pointer;
    color: #19c8a9
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    background-color: #fff;
    background-image: none
}

.el-container .el-main {
    padding: 0
}

.mt5 {
    margin-top: 5px
}

.mr5 {
    margin-right: 5px
}

.mb5 {
    margin-bottom: 5px
}

.ml5 {
    margin-left: 5px
}

.pt5 {
    padding-top: 5px
}

.pr5 {
    padding-right: 5px
}

.pb5 {
    padding-bottom: 5px
}

.pl5 {
    padding-left: 5px
}

.mt10 {
    margin-top: 10px
}

.mr10 {
    margin-right: 10px
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.pt10 {
    padding-top: 10px
}

.pr10 {
    padding-right: 10px
}

.pb10 {
    padding-bottom: 10px
}

.pl10 {
    padding-left: 10px
}

.mt15 {
    margin-top: 15px
}

.mr15 {
    margin-right: 15px
}

.mb15 {
    margin-bottom: 15px
}

.ml15 {
    margin-left: 15px
}

.pt15 {
    padding-top: 15px
}

.pr15 {
    padding-right: 15px
}

.pb15 {
    padding-bottom: 15px
}

.pl15 {
    padding-left: 15px
}

.mt20 {
    margin-top: 20px
}

.mr20 {
    margin-right: 20px
}

.mb20 {
    margin-bottom: 20px
}

.ml20 {
    margin-left: 20px
}

.pt20 {
    padding-top: 20px
}

.pr20 {
    padding-right: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pl20 {
    padding-left: 20px
}

.mt25 {
    margin-top: 25px
}

.mr25 {
    margin-right: 25px
}

.mb25 {
    margin-bottom: 25px
}

.ml25 {
    margin-left: 25px
}

.pt25 {
    padding-top: 25px
}

.pr25 {
    padding-right: 25px
}

.pb25 {
    padding-bottom: 25px
}

.pl25 {
    padding-left: 25px
}

.mt30 {
    margin-top: 30px
}

.mr30 {
    margin-right: 30px
}

.mb30 {
    margin-bottom: 30px
}

.ml30 {
    margin-left: 30px
}

.pt30 {
    padding-top: 30px
}

.pr30 {
    padding-right: 30px
}

.pb30 {
    padding-bottom: 30px
}

.pl30 {
    padding-left: 30px
}

.mt35 {
    margin-top: 35px
}

.mr35 {
    margin-right: 35px
}

.mb35 {
    margin-bottom: 35px
}

.ml35 {
    margin-left: 35px
}

.pt35 {
    padding-top: 35px
}

.pr35 {
    padding-right: 35px
}

.pb35 {
    padding-bottom: 35px
}

.pl35 {
    padding-left: 35px
}

.mt40 {
    margin-top: 40px
}

.mr40 {
    margin-right: 40px
}

.mb40 {
    margin-bottom: 40px
}

.ml40 {
    margin-left: 40px
}

.pt40 {
    padding-top: 40px
}

.pr40 {
    padding-right: 40px
}

.pb40 {
    padding-bottom: 40px
}

.pl40 {
    padding-left: 40px
}

.mt45 {
    margin-top: 45px
}

.mr45 {
    margin-right: 45px
}

.mb45 {
    margin-bottom: 45px
}

.ml45 {
    margin-left: 45px
}

.pt45 {
    padding-top: 45px
}

.pr45 {
    padding-right: 45px
}

.pb45 {
    padding-bottom: 45px
}

.pl45 {
    padding-left: 45px
}

.mt50 {
    margin-top: 50px
}

.mr50 {
    margin-right: 50px
}

.mb50 {
    margin-bottom: 50px
}

.ml50 {
    margin-left: 50px
}

.pt50 {
    padding-top: 50px
}

.pr50 {
    padding-right: 50px
}

.pb50 {
    padding-bottom: 50px
}

.pl50 {
    padding-left: 50px
}

.mt55 {
    margin-top: 55px
}

.mr55 {
    margin-right: 55px
}

.mb55 {
    margin-bottom: 55px
}

.ml55 {
    margin-left: 55px
}

.pt55 {
    padding-top: 55px
}

.pr55 {
    padding-right: 55px
}

.pb55 {
    padding-bottom: 55px
}

.pl55 {
    padding-left: 55px
}

.mt60 {
    margin-top: 60px
}

.mr60 {
    margin-right: 60px
}

.mb60 {
    margin-bottom: 60px
}

.ml60 {
    margin-left: 60px
}

.pt60 {
    padding-top: 60px
}

.pr60 {
    padding-right: 60px
}

.pb60 {
    padding-bottom: 60px
}

.pl60 {
    padding-left: 60px
}

.mt65 {
    margin-top: 65px
}

.mr65 {
    margin-right: 65px
}

.mb65 {
    margin-bottom: 65px
}

.ml65 {
    margin-left: 65px
}

.pt65 {
    padding-top: 65px
}

.pr65 {
    padding-right: 65px
}

.pb65 {
    padding-bottom: 65px
}

.pl65 {
    padding-left: 65px
}

.mt70 {
    margin-top: 70px
}

.mr70 {
    margin-right: 70px
}

.mb70 {
    margin-bottom: 70px
}

.ml70 {
    margin-left: 70px
}

.pt70 {
    padding-top: 70px
}

.pr70 {
    padding-right: 70px
}

.pb70 {
    padding-bottom: 70px
}

.pl70 {
    padding-left: 70px
}

.mt75 {
    margin-top: 75px
}

.mr75 {
    margin-right: 75px
}

.mb75 {
    margin-bottom: 75px
}

.ml75 {
    margin-left: 75px
}

.pt75 {
    padding-top: 75px
}

.pr75 {
    padding-right: 75px
}

.pb75 {
    padding-bottom: 75px
}

.pl75 {
    padding-left: 75px
}

.mt80 {
    margin-top: 80px
}

.mr80 {
    margin-right: 80px
}

.mb80 {
    margin-bottom: 80px
}

.ml80 {
    margin-left: 80px
}

.pt80 {
    padding-top: 80px
}

.pr80 {
    padding-right: 80px
}

.pb80 {
    padding-bottom: 80px
}

.pl80 {
    padding-left: 80px
}

.mt85 {
    margin-top: 85px
}

.mr85 {
    margin-right: 85px
}

.mb85 {
    margin-bottom: 85px
}

.ml85 {
    margin-left: 85px
}

.pt85 {
    padding-top: 85px
}

.pr85 {
    padding-right: 85px
}

.pb85 {
    padding-bottom: 85px
}

.pl85 {
    padding-left: 85px
}

.mt90 {
    margin-top: 90px
}

.mr90 {
    margin-right: 90px
}

.mb90 {
    margin-bottom: 90px
}

.ml90 {
    margin-left: 90px
}

.pt90 {
    padding-top: 90px
}

.pr90 {
    padding-right: 90px
}

.pb90 {
    padding-bottom: 90px
}

.pl90 {
    padding-left: 90px
}

.mt95 {
    margin-top: 95px
}

.mr95 {
    margin-right: 95px
}

.mb95 {
    margin-bottom: 95px
}

.ml95 {
    margin-left: 95px
}

.pt95 {
    padding-top: 95px
}

.pr95 {
    padding-right: 95px
}

.pb95 {
    padding-bottom: 95px
}

.pl95 {
    padding-left: 95px
}

.mt100 {
    margin-top: 100px
}

.mr100 {
    margin-right: 100px
}

.mb100 {
    margin-bottom: 100px
}

.ml100 {
    margin-left: 100px
}

.pt100 {
    padding-top: 100px
}

.pr100 {
    padding-right: 100px
}

.pb100 {
    padding-bottom: 100px
}

.pl100 {
    padding-left: 100px
}

.mt105 {
    margin-top: 105px
}

.mr105 {
    margin-right: 105px
}

.mb105 {
    margin-bottom: 105px
}

.ml105 {
    margin-left: 105px
}

.pt105 {
    padding-top: 105px
}

.pr105 {
    padding-right: 105px
}

.pb105 {
    padding-bottom: 105px
}

.pl105 {
    padding-left: 105px
}

.mt110 {
    margin-top: 110px
}

.mr110 {
    margin-right: 110px
}

.mb110 {
    margin-bottom: 110px
}

.ml110 {
    margin-left: 110px
}

.pt110 {
    padding-top: 110px
}

.pr110 {
    padding-right: 110px
}

.pb110 {
    padding-bottom: 110px
}

.pl110 {
    padding-left: 110px
}

.mt115 {
    margin-top: 115px
}

.mr115 {
    margin-right: 115px
}

.mb115 {
    margin-bottom: 115px
}

.ml115 {
    margin-left: 115px
}

.pt115 {
    padding-top: 115px
}

.pr115 {
    padding-right: 115px
}

.pb115 {
    padding-bottom: 115px
}

.pl115 {
    padding-left: 115px
}

.mt120 {
    margin-top: 120px
}

.mr120 {
    margin-right: 120px
}

.mb120 {
    margin-bottom: 120px
}

.ml120 {
    margin-left: 120px
}

.pt120 {
    padding-top: 120px
}

.pr120 {
    padding-right: 120px
}

.pb120 {
    padding-bottom: 120px
}

.pl120 {
    padding-left: 120px
}

.mt125 {
    margin-top: 125px
}

.mr125 {
    margin-right: 125px
}

.mb125 {
    margin-bottom: 125px
}

.ml125 {
    margin-left: 125px
}

.pt125 {
    padding-top: 125px
}

.pr125 {
    padding-right: 125px
}

.pb125 {
    padding-bottom: 125px
}

.pl125 {
    padding-left: 125px
}

.mt130 {
    margin-top: 130px
}

.mr130 {
    margin-right: 130px
}

.mb130 {
    margin-bottom: 130px
}

.ml130 {
    margin-left: 130px
}

.pt130 {
    padding-top: 130px
}

.pr130 {
    padding-right: 130px
}

.pb130 {
    padding-bottom: 130px
}

.pl130 {
    padding-left: 130px
}

.mt135 {
    margin-top: 135px
}

.mr135 {
    margin-right: 135px
}

.mb135 {
    margin-bottom: 135px
}

.ml135 {
    margin-left: 135px
}

.pt135 {
    padding-top: 135px
}

.pr135 {
    padding-right: 135px
}

.pb135 {
    padding-bottom: 135px
}

.pl135 {
    padding-left: 135px
}

.mt140 {
    margin-top: 140px
}

.mr140 {
    margin-right: 140px
}

.mb140 {
    margin-bottom: 140px
}

.ml140 {
    margin-left: 140px
}

.pt140 {
    padding-top: 140px
}

.pr140 {
    padding-right: 140px
}

.pb140 {
    padding-bottom: 140px
}

.pl140 {
    padding-left: 140px
}

.mt145 {
    margin-top: 145px
}

.mr145 {
    margin-right: 145px
}

.mb145 {
    margin-bottom: 145px
}

.ml145 {
    margin-left: 145px
}

.pt145 {
    padding-top: 145px
}

.pr145 {
    padding-right: 145px
}

.pb145 {
    padding-bottom: 145px
}

.pl145 {
    padding-left: 145px
}

.mt150 {
    margin-top: 150px
}

.mr150 {
    margin-right: 150px
}

.mb150 {
    margin-bottom: 150px
}

.ml150 {
    margin-left: 150px
}

.pt150 {
    padding-top: 150px
}

.pr150 {
    padding-right: 150px
}

.pb150 {
    padding-bottom: 150px
}

.pl150 {
    padding-left: 150px
}

.mt155 {
    margin-top: 155px
}

.mr155 {
    margin-right: 155px
}

.mb155 {
    margin-bottom: 155px
}

.ml155 {
    margin-left: 155px
}

.pt155 {
    padding-top: 155px
}

.pr155 {
    padding-right: 155px
}

.pb155 {
    padding-bottom: 155px
}

.pl155 {
    padding-left: 155px
}

.mt160 {
    margin-top: 160px
}

.mr160 {
    margin-right: 160px
}

.mb160 {
    margin-bottom: 160px
}

.ml160 {
    margin-left: 160px
}

.pt160 {
    padding-top: 160px
}

.pr160 {
    padding-right: 160px
}

.pb160 {
    padding-bottom: 160px
}

.pl160 {
    padding-left: 160px
}

.mt165 {
    margin-top: 165px
}

.mr165 {
    margin-right: 165px
}

.mb165 {
    margin-bottom: 165px
}

.ml165 {
    margin-left: 165px
}

.pt165 {
    padding-top: 165px
}

.pr165 {
    padding-right: 165px
}

.pb165 {
    padding-bottom: 165px
}

.pl165 {
    padding-left: 165px
}

.mt170 {
    margin-top: 170px
}

.mr170 {
    margin-right: 170px
}

.mb170 {
    margin-bottom: 170px
}

.ml170 {
    margin-left: 170px
}

.pt170 {
    padding-top: 170px
}

.pr170 {
    padding-right: 170px
}

.pb170 {
    padding-bottom: 170px
}

.pl170 {
    padding-left: 170px
}

.mt175 {
    margin-top: 175px
}

.mr175 {
    margin-right: 175px
}

.mb175 {
    margin-bottom: 175px
}

.ml175 {
    margin-left: 175px
}

.pt175 {
    padding-top: 175px
}

.pr175 {
    padding-right: 175px
}

.pb175 {
    padding-bottom: 175px
}

.pl175 {
    padding-left: 175px
}

.mt180 {
    margin-top: 180px
}

.mr180 {
    margin-right: 180px
}

.mb180 {
    margin-bottom: 180px
}

.ml180 {
    margin-left: 180px
}

.pt180 {
    padding-top: 180px
}

.pr180 {
    padding-right: 180px
}

.pb180 {
    padding-bottom: 180px
}

.pl180 {
    padding-left: 180px
}

.mt185 {
    margin-top: 185px
}

.mr185 {
    margin-right: 185px
}

.mb185 {
    margin-bottom: 185px
}

.ml185 {
    margin-left: 185px
}

.pt185 {
    padding-top: 185px
}

.pr185 {
    padding-right: 185px
}

.pb185 {
    padding-bottom: 185px
}

.pl185 {
    padding-left: 185px
}

.mt190 {
    margin-top: 190px
}

.mr190 {
    margin-right: 190px
}

.mb190 {
    margin-bottom: 190px
}

.ml190 {
    margin-left: 190px
}

.pt190 {
    padding-top: 190px
}

.pr190 {
    padding-right: 190px
}

.pb190 {
    padding-bottom: 190px
}

.pl190 {
    padding-left: 190px
}

.mt195 {
    margin-top: 195px
}

.mr195 {
    margin-right: 195px
}

.mb195 {
    margin-bottom: 195px
}

.ml195 {
    margin-left: 195px
}

.pt195 {
    padding-top: 195px
}

.pr195 {
    padding-right: 195px
}

.pb195 {
    padding-bottom: 195px
}

.pl195 {
    padding-left: 195px
}

.mt200 {
    margin-top: 200px
}

.mr200 {
    margin-right: 200px
}

.mb200 {
    margin-bottom: 200px
}

.ml200 {
    margin-left: 200px
}

.pt200 {
    padding-top: 200px
}

.pr200 {
    padding-right: 200px
}

.pb200 {
    padding-bottom: 200px
}

.pl200 {
    padding-left: 200px
}

.view-main {
    min-height: 66vh
}

.el-dropdown-link {
    cursor: pointer
}

.el-pagination,.role-card-popover {
    padding: 0
}

.fixed-side {
    position: fixed;
    width: 220px
}

body .animate_bottom_line {
    position: relative;
    cursor: pointer
}

body .animate_bottom_line:before {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    background: #19c8a9;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width .3s;
    transition: width .3s
}

body .animate_bottom_line.active,body .animate_bottom_line:hover {
    color: #19c8a9
}

body .animate_bottom_line.active:before,body .animate_bottom_line:hover:before {
    width: 100%
}

.el-container .el-aside {
    width: 220px;
    margin-left: 20px;
    position: relative
}

[class*=el-popover__] {
    cursor: pointer
}

.el-button--info,.el-button--info:focus,.el-button--info:hover {
    color: #282828
}

.el-carousel__button {
    height: 10px;
    width: 10px;
    opacity: .5;
    background: #fff;
    border-radius: 50%
}

.el-carousel__indicator.is-active button {
    opacity: 1;
    background: #19c8a9
}

.home-wrap .el-carousel__arrow {
    width: 40px;
    height: 40px;
    border: 1px solid #fff
}

.submenu .el-tabs__nav-wrap:after {
    background-color: transparent
}

.submenu .el-tabs--left .el-tabs__active-bar.is-left {
    width: 0
}

.submenu .el-tabs__header {
    min-width: 120px;
    background: #f4f4f4;
    min-height: 220px
}

.submenu .el-tabs__content {
    margin-left: 125px
}

.submenu .el-tabs__item {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0;
    text-align: center!important;
    background: #f4f4f4;
    color: #8e8e8e
}

.submenu .el-tabs__item.is-active {
    color: #19c8a9;
    background-color: #fff
}

.web-dialog .el-dialog {
    border-radius: 4px
}

.web-dialog .el-dialog__header {
    height: 62px;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    position: relative
}

.web-dialog .el-dialog__title {
    font-size: 16px;
    color: #282828;
    font-family: PingFangSC-Regular
}

.web-dialog .el-icon-close {
    font-size: 24px;
    font-weight: 700;
    color: #d8d8d8
}

.web-dialog .el-dialog__body {
    padding: 20px 20px 0
}

.web-dialog .el-form-item {
    margin-bottom: 20px
}

.web-dialog .el-form-item:last-of-type {
    margin-bottom: 0
}

.web-dialog .el-dialog__footer {
    padding: 20px
}

.web-dialog .el-dialog__footer .el-button {
    width: 120px;
    height: 40px;
    line-height: 40px;
    padding: 0
}

.web-dialog .el-input__inner {
    background: #f7f7f7;
    border-color: #e8e8e8
}

.web-dialog .el-input__inner:focus {
    border-color: #19c8a9
}

.web-dialog .content {
    padding: 10px 0;
    font-size: 14px;
    color: #666
}

.web-dialog .el-dialog__headerbtn {
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.center-block {
    width: 100%
}

.sticker {
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.comment-link {
    color: #19c8a9
}

.el-pagination.is-background {
    margin-right: -5px
}

.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li {
    background-color: #ececec;
    color: #999
}

body .infinite-loading-container .infinite-status-prompt {
    padding: 0
}

.infinite-loading-container .infinite-status-prompt span {
    display: block;
    color: #999
}

.infinite-loading-container .infinite-status-prompt span:not(.wave-item) {
    padding: 22px 0 21px
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: PingFangSC-Regular,Helvetica,Microsoft YaHei,Arial,sans-serif
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    /*overflow: hidden;*/
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    -o-transition-property: transform,height;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s,-webkit-transform .2s;
    transition: top .2s,-webkit-transform .2s;
    -o-transition: .2s transform,.2s top;
    transition: transform .2s,top .2s;
    transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s,-webkit-transform .2s;
    transition: left .2s,-webkit-transform .2s;
    -o-transition: .2s transform,.2s left;
    transition: transform .2s,left .2s;
    transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s,-webkit-transform .2s;
    transition: right .2s,-webkit-transform .2s;
    -o-transition: .2s transform,.2s right;
    transition: transform .2s,right .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0,0%,100%,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.default-view[data-v-71386cf8] {
    background: #f4f4f4;
    padding-top: 80px
}

.default-view {
    background: #f4f4f4;
    padding-top: 80px
}

.to-top-wrap[data-v-51c02a15] {
    position: fixed;
    bottom: 10%;
    z-index: 40;
    opacity: 0
}

.btn-item[data-v-51c02a15] {
    width: 50px;
    height: 50px;
    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;
    overflow: hidden;
    cursor: pointer;
    border-radius: 2px
}

.btn-item i[data-v-51c02a15] {
    color: #b8b8b8;
    font-size: 22px
}

.btn-item .top-icon[data-v-51c02a15] {
    width: 50px;
    height: 50px;
    background-image: url(./icon_top.d2dc445.png);
    background-repeat: no-repeat;
    background-size: contain
}

.btn-item .top-icon[data-v-51c02a15]:hover {
    background-image: url(./icon_top_hovered.e51b8bb.png)
}

.btn-item:hover i[data-v-51c02a15] {
    color: #fff
}

.dialog-login .logo[data-v-7bce738f] {
    width: 175px;
    height: 59px;
    display: block;
    margin: 0 auto
}

.dialog-login .title[data-v-7bce738f] {
    margin: 30px 0;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #282828;
    letter-spacing: 0;
    text-align: left
}

.dialog-login .row[data-v-7bce738f] {
    margin-bottom: 20px
}

.dialog-login .login-btn[data-v-7bce738f] {
    width: 100%;
    height: 50px
}

.dialog-login .login-btn.is-disabled[data-v-7bce738f] {
    background: #c6c6c6;
    border-color: #c6c6c6
}

.dialog-login .footer[data-v-7bce738f] {
    border-top: 1px solid #f4f4f4;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-left: -20px;
    margin-right: -20px
}

.dialog-login .important[data-v-7bce738f] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #19c8a9;
    letter-spacing: 0;
    line-height: 20px;
    cursor: pointer
}

.dialog-login[data-v-7bce738f] .el-dialog__close {
    color: #d8d8d8;
    font-size: 20px;
    font-weight: bolder
}

.dialog-login[data-v-7bce738f] .el-dialog__close:hover {
    color: #19c8a9
}

.dialog-login .el-dialog__body {
    padding: 0 20px
}

.dialog-login .el-input__inner {
    height: 50px;
    line-height: 50px
}

.dialog-login .el-select .el-input {
    width: 90px
}

.dialog-login .input-with-select .el-input-group__prepend {
    background-color: #fff;
    color: #606266
}

.dialog-register .logo[data-v-32304022] {
    width: 175px;
    height: 59px;
    display: block;
    margin: 0 auto
}

.dialog-register .title[data-v-32304022] {
    margin: 30px 0;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #282828;
    letter-spacing: 0;
    text-align: left
}

.dialog-register .row[data-v-32304022] {
    margin-bottom: 20px
}

.dialog-register .login-btn[data-v-32304022] {
    width: 100%;
    height: 50px
}

.dialog-register .login-btn.is-disabled[data-v-32304022] {
    background: #c6c6c6;
    border-color: #c6c6c6
}

.dialog-register .footer[data-v-32304022] {
    border-top: 1px solid #f4f4f4;
    height: 60px;
    line-height: 60px;
    text-align: center
}

.dialog-register .important[data-v-32304022] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #19c8a9;
    letter-spacing: 0;
    line-height: 20px;
    cursor: pointer
}

.dialog-register[data-v-32304022] .el-dialog__close {
    color: #d8d8d8;
    font-size: 20px;
    font-weight: bolder
}

.dialog-register[data-v-32304022] .el-dialog__close:hover {
    color: #19c8a9
}

.dialog-register .agreement[data-v-32304022] {
    font-family: PingFangSC-Regular;
    font-size: 11px;
    color: #666;
    letter-spacing: 0;
    line-height: 15px
}

.dialog-register .agreement .link[data-v-32304022] {
    font-family: PingFangSC-Regular;
    font-size: 11px;
    color: #ea8553;
    letter-spacing: 0;
    line-height: 15px
}

.dialog-register .el-dialog__body {
    padding: 0 20px
}

.dialog-register .el-input__inner {
    height: 50px;
    line-height: 50px
}

.dialog-register .verify-btn {
    width: 100%;
    height: 50px
}

.dialog-register .el-select .el-input {
    width: 90px
}

.dialog-register .input-with-select .el-input-group__prepend {
    background-color: #fff;
    color: #606266
}

.verify-btn[data-v-778d1ce0] {
    width: 100%
}

.verify-btn.is-disabled[data-v-778d1ce0] {
    background: #c6c6c6;
    border-color: #c6c6c6
}

.dialog-register .logo[data-v-4fd92339] {
    width: 175px;
    height: 59px;
    display: block;
    margin: 0 auto
}

.dialog-register .title[data-v-4fd92339] {
    margin: 30px 0;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #282828;
    letter-spacing: 0;
    text-align: left
}

.dialog-register .row[data-v-4fd92339] {
    margin-bottom: 20px
}

.dialog-register .login-btn[data-v-4fd92339] {
    width: 100%;
    height: 50px
}

.dialog-register .login-btn.is-disabled[data-v-4fd92339] {
    background: #c6c6c6;
    border-color: #c6c6c6
}

.dialog-register .footer[data-v-4fd92339] {
    border-top: 1px solid #f4f4f4;
    height: 60px;
    line-height: 60px;
    text-align: center
}

.dialog-register .important[data-v-4fd92339] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #19c8a9;
    letter-spacing: 0;
    line-height: 20px;
    cursor: pointer
}

.dialog-register[data-v-4fd92339] .el-dialog__close {
    color: #d8d8d8;
    font-size: 20px;
    font-weight: bolder
}

.dialog-register[data-v-4fd92339] .el-dialog__close:hover {
    color: #19c8a9
}

.dialog-register .agreement[data-v-4fd92339] {
    font-family: PingFangSC-Regular;
    font-size: 11px;
    color: #666;
    letter-spacing: 0;
    line-height: 15px
}

.dialog-register .agreement .link[data-v-4fd92339] {
    font-family: PingFangSC-Regular;
    font-size: 11px;
    color: #ea8553;
    letter-spacing: 0;
    line-height: 15px
}

.dialog-register .el-dialog__body {
    padding: 0 20px
}

.dialog-register .el-input__inner {
    height: 50px;
    line-height: 50px
}

.dialog-register .verify-btn {
    width: 100%;
    height: 50px
}

.dialog-register .el-select .el-input {
    width: 90px
}

.dialog-register .input-with-select .el-input-group__prepend {
    background-color: #fff;
    color: #606266
}

.default-view[data-v-32b0304d] {
    height: 100%;
    max-width: 540px;
    margin: 0 auto
}

.hidden[data-v-32b0304d] {
    visibility: hidden
}

.view-main[data-v-32b0304d] {
    height: 100%;
    margin: 0
}

#__layout,#__nuxt,body,html {
    height: 100%
}

[data-v-1a6f3acc] {
    -webkit-tap-highlight-color: transparent
}

.shadow[data-v-1a6f3acc] {
    background: url("./immd.png") no-repeat;
    background-size: 100% 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 20.693px;
    top: 1.29333rem;
    z-index: 10000
}

.shadow[data-v-1a6f3acc],.shadow ul li[data-v-1a6f3acc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shadow ul li[data-v-1a6f3acc] {
    color: #2e3033;
    font-weight: 700;
    font-size: 6.826px;
    font-size: .42667rem;
    margin: 0 0 12.373px;
    margin: 0 0 .77333rem
}

.shadow ul li img[data-v-1a6f3acc] {
    width: 5.12px;
    width: .32rem;
    height: 5.12px;
    height: .32rem;
    margin-left: 1.706px;
    margin-left: .10667rem
}

.header[data-v-1a6f3acc] {
    max-width: 540px;
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 3;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.05);
    box-shadow: 0 3px 3px rgba(0,0,0,.05);
    border: 0
}

.header-container[data-v-1a6f3acc] {
    padding-left: 6.4px;
    padding-left: .4rem;
    padding-right: 7.893px;
    padding-right: .49333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    height: 20.693px;
    height: 1.29333rem;
    align-items: center;
    position: relative;
    border: 0;
    margin-left: 0
}

.logo[data-v-1a6f3acc] {
    cursor: pointer
}

.logo a[data-v-1a6f3acc],.logo img[data-v-1a6f3acc] {
    height: 13.44px;
    height: .84rem;
    display: block
}

.nav-bar[data-v-1a6f3acc] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.nav-bar .info:hover .pop-wrap[data-v-1a6f3acc] {
    display: block
}

.nav-bar .pop-wrap[data-v-1a6f3acc] {
    display: none
}

.nav-bar li[data-v-1a6f3acc] {
    float: left;
    margin-right: 20px
}

.nav-bar li .link[data-v-1a6f3acc] {
    font-size: 16px;
    color: #282828;
    display: block;
    padding: 0 15px
}

.nav-bar li .link.nuxt-link-exact-active[data-v-1a6f3acc],.nav-bar li .link[data-v-1a6f3acc]:hover {
    color: #19c8a9
}

.goTo[data-v-1a6f3acc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #439fff;
    font-size: 6.826px;
    font-size: .42667rem;
    cursor: pointer
}

.goTo img[data-v-1a6f3acc] {
    width: 10.24px;
    width: .64rem;
    height: 10.24px;
    height: .64rem;
    margin-left: .853px;
    margin-left: .05333rem
}

.default-view[data-v-1ee5586e] {
    height: 100%;
    max-width: 540px;
    margin: 0 auto
}

.hidden[data-v-1ee5586e] {
    visibility: hidden
}

.view-main[data-v-1ee5586e] {
    height: 100%;
    margin: 0
}

#__layout,#__nuxt,body,html {
    height: 100%
}

[data-v-7539fc18] {
    -webkit-tap-highlight-color: transparent
}

.shadow[data-v-7539fc18] {
    background: url("./immd.png") no-repeat;
    background-size: 100% 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 20.693px;
    top: 1.29333rem;
    z-index: 10000
}

.shadow[data-v-7539fc18],.shadow ul li[data-v-7539fc18] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shadow ul li[data-v-7539fc18] {
    color: #2e3033;
    font-weight: 700;
    font-size: 6.826px;
    font-size: .42667rem;
    margin: 0 0 12.373px;
    margin: 0 0 .77333rem
}

.shadow ul li img[data-v-7539fc18] {
    width: 5.12px;
    width: .32rem;
    height: 5.12px;
    height: .32rem;
    margin-left: 1.706px;
    margin-left: .10667rem
}

.header[data-v-7539fc18] {
    max-width: 540px;
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 3;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.05);
    box-shadow: 0 3px 3px rgba(0,0,0,.05);
    border: 0
}

.header-container[data-v-7539fc18] {
    padding-left: 6.4px;
    padding-left: .4rem;
    padding-right: 7.893px;
    padding-right: .49333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    height: 20.693px;
    height: 1.29333rem;
    align-items: center;
    position: relative;
    border: 0;
    margin-left: 0
}

.logo[data-v-7539fc18] {
    cursor: pointer
}

.logo a[data-v-7539fc18],.logo img[data-v-7539fc18] {
    height: 13.44px;
    height: .84rem;
    display: block
}

.nav-bar[data-v-7539fc18] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.nav-bar .info:hover .pop-wrap[data-v-7539fc18] {
    display: block
}

.nav-bar .pop-wrap[data-v-7539fc18] {
    display: none
}

.nav-bar li[data-v-7539fc18] {
    float: left;
    margin-right: 20px
}

.nav-bar li .link[data-v-7539fc18] {
    font-size: 16px;
    color: #282828;
    display: block;
    padding: 0 15px
}

.nav-bar li .link.nuxt-link-exact-active[data-v-7539fc18],.nav-bar li .link[data-v-7539fc18]:hover {
    color: #19c8a9
}

.goTo[data-v-7539fc18] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #439fff;
    font-size: 6.826px;
    font-size: .42667rem;
    cursor: pointer
}

.goTo img[data-v-7539fc18] {
    width: 10.24px;
    width: .64rem;
    height: 10.24px;
    height: .64rem;
    margin-left: .853px;
    margin-left: .05333rem
}

.default-view[data-v-3af10d82] {
    height: 100%;
    max-width: 540px;
    margin: 0 auto
}

.hidden[data-v-3af10d82] {
    visibility: hidden
}

.view-main[data-v-3af10d82] {
    height: 100%;
    margin: 0
}

#__layout,#__nuxt,body,html {
    height: 100%
}

[data-v-c491cd9e] {
    -webkit-tap-highlight-color: transparent
}

.shadow[data-v-c491cd9e] {
    background: url("./immd.png") no-repeat;
    background-size: 100% 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 20.693px;
    top: 1.29333rem;
    z-index: 10000
}

.shadow[data-v-c491cd9e],.shadow ul li[data-v-c491cd9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shadow ul li[data-v-c491cd9e] {
    color: #2e3033;
    font-weight: 700;
    font-size: 6.826px;
    font-size: .42667rem;
    margin: 0 0 12.373px;
    margin: 0 0 .77333rem
}

.shadow ul li img[data-v-c491cd9e] {
    width: 5.12px;
    width: .32rem;
    height: 5.12px;
    height: .32rem;
    margin-left: 1.706px;
    margin-left: .10667rem
}

.header[data-v-c491cd9e] {
    max-width: 540px;
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 3;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.05);
    box-shadow: 0 3px 3px rgba(0,0,0,.05);
    border: 0
}

.header-container[data-v-c491cd9e] {
    padding-left: 6.4px;
    padding-left: .4rem;
    padding-right: 7.893px;
    padding-right: .49333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    height: 20.693px;
    height: 1.29333rem;
    align-items: center;
    position: relative;
    border: 0;
    margin-left: 0
}

.logo[data-v-c491cd9e] {
    cursor: pointer
}

.logo a[data-v-c491cd9e],.logo img[data-v-c491cd9e] {
    height: 13.44px;
    height: .84rem;
    display: block
}

.nav-bar[data-v-c491cd9e] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.nav-bar .info:hover .pop-wrap[data-v-c491cd9e] {
    display: block
}

.nav-bar .pop-wrap[data-v-c491cd9e] {
    display: none
}

.nav-bar li[data-v-c491cd9e] {
    float: left;
    margin-right: 20px
}

.nav-bar li .link[data-v-c491cd9e] {
    font-size: 16px;
    color: #282828;
    display: block;
    padding: 0 15px
}

.nav-bar li .link.nuxt-link-exact-active[data-v-c491cd9e],.nav-bar li .link[data-v-c491cd9e]:hover {
    color: #19c8a9
}

.goTo[data-v-c491cd9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #439fff;
    font-size: 6.826px;
    font-size: .42667rem;
    cursor: pointer
}

.goTo img[data-v-c491cd9e] {
    width: 10.24px;
    width: .64rem;
    height: 10.24px;
    height: .64rem;
    margin-left: .853px;
    margin-left: .05333rem
}

body {
    background: #f4f4f4;
    padding-top: 80px
}

.header[data-v-7c97a9fe] {
    background: #fff;
    margin-bottom: 20px;
    position: fixed;
    width: 100%;
    min-width: 680px;
    top: 0;
    z-index: 40;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.05);
    box-shadow: 0 3px 3px rgba(0,0,0,.05)
}

.header-container[data-v-7c97a9fe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.logo[data-v-7c97a9fe] {
    width: 170px
}

.logo img[data-v-7c97a9fe] {
    height: 30px
}

.nav-bar[data-v-7c97a9fe] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.nav-bar .info:hover .pop-wrap[data-v-7c97a9fe] {
    display: block
}

.nav-bar .pop-wrap[data-v-7c97a9fe] {
    display: none
}

.nav-bar li[data-v-7c97a9fe] {
    float: left;
    margin-right: 20px
}

.nav-bar li .link[data-v-7c97a9fe] {
    font-size: 16px;
    color: #282828;
    display: block;
    padding: 0 15px
}

.nav-bar li .link.nuxt-link-exact-active[data-v-7c97a9fe],.nav-bar li .link[data-v-7c97a9fe]:hover {
    color: #19c8a9
}

* {
    outline: none
}

.default-view-71 {
    background: #f4f4f4
}

.wrapper1 {
    max-width: 100%
}

.default-view[data-v-446d57f0] {
    height: 100%;
    max-width: 100%;
    margin: 0 auto
}

.hidden[data-v-446d57f0] {
    visibility: hidden
}

.view-main[data-v-446d57f0] {
    height: 100%;
    margin: 0
}

#__layout,#__nuxt,body,html {
    height: 100%
}

.plane-view[data-v-10979680] {
    background: #000;
    color: #fff
}

body,html {
    padding: 0;
    height: 100%;
    background: #000
}

.default-view[data-v-404ea063] {
    background: #f4f4f4;
    padding-top: 80px
}

html {
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif
}

a {
    text-decoration: none
}

button,input,textarea {
    color: inherit;
    font: inherit
}

[class*=van-]:focus,a:focus,button:focus,input:focus,textarea:focus {
    outline: 0
}

ol,ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.van-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
    -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,.van-multi-ellipsis--l3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
    -webkit-line-clamp: 3
}

.van-clearfix:after {
    display: table;
    clear: both;
    content: ""
}

[class*=van-hairline]:after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    border: 0 solid #ebedf0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom {
    position: relative
}

.van-hairline--top:after {
    border-top-width: 1px
}

.van-hairline--left:after {
    border-left-width: 1px
}

.van-hairline--right:after {
    border-right-width: 1px
}

.van-hairline--bottom:after {
    border-bottom-width: 1px
}

.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after {
    border-width: 1px 0
}

.van-hairline--surround:after {
    border-width: 1px
}

@-webkit-keyframes van-slide-up-enter {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes van-slide-up-enter {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes van-slide-up-leave {
    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes van-slide-up-leave {
    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes van-slide-down-enter {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes van-slide-down-enter {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-webkit-keyframes van-slide-down-leave {
    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes van-slide-down-leave {
    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-webkit-keyframes van-slide-left-enter {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes van-slide-left-enter {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes van-slide-left-leave {
    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes van-slide-left-leave {
    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes van-slide-right-enter {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes van-slide-right-enter {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes van-slide-right-leave {
    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes van-slide-right-leave {
    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes van-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes van-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes van-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes van-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes van-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes van-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.van-fade-enter-active {
    -webkit-animation: .3s van-fade-in both ease-out;
    animation: .3s van-fade-in both ease-out
}

.van-fade-leave-active {
    -webkit-animation: .3s van-fade-out both ease-in;
    animation: .3s van-fade-out both ease-in
}

.van-slide-up-enter-active {
    -webkit-animation: van-slide-up-enter .3s both ease-out;
    animation: van-slide-up-enter .3s both ease-out
}

.van-slide-up-leave-active {
    -webkit-animation: van-slide-up-leave .3s both ease-in;
    animation: van-slide-up-leave .3s both ease-in
}

.van-slide-down-enter-active {
    -webkit-animation: van-slide-down-enter .3s both ease-out;
    animation: van-slide-down-enter .3s both ease-out
}

.van-slide-down-leave-active {
    -webkit-animation: van-slide-down-leave .3s both ease-in;
    animation: van-slide-down-leave .3s both ease-in
}

.van-slide-left-enter-active {
    -webkit-animation: van-slide-left-enter .3s both ease-out;
    animation: van-slide-left-enter .3s both ease-out
}

.van-slide-left-leave-active {
    -webkit-animation: van-slide-left-leave .3s both ease-in;
    animation: van-slide-left-leave .3s both ease-in
}

.van-slide-right-enter-active {
    -webkit-animation: van-slide-right-enter .3s both ease-out;
    animation: van-slide-right-enter .3s both ease-out
}

.van-slide-right-leave-active {
    -webkit-animation: van-slide-right-leave .3s both ease-in;
    animation: van-slide-right-leave .3s both ease-in
}

.van-count-down {
    color: #323233;
    font-size: 14px;
    line-height: 20px
}