@import url(//at.alicdn.com/t/font_jxi52fr9vlmzpvi.css);
@import url(//at.alicdn.com/t/font_326332_lcy8ljjbf9bjra4i.css);
@import url(//at.alicdn.com/t/font_326332_5m262k16noq.css);

.vux-1px, .vux-1px-b, .vux-1px-l, .vux-1px-r, .vux-1px-t, .vux-1px-tb {
    position: relative
}

    .vux-1px:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        border: 1px solid #c7c7c7;
        color: #c7c7c7;
        height: 200%;
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    .vux-1px-t:before {
        top: 0;
        border-top: 1px solid #c7c7c7;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .vux-1px-b:after, .vux-1px-t:before {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        color: #c7c7c7
    }

    .vux-1px-b:after {
        bottom: 0;
        border-bottom: 1px solid #c7c7c7;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .vux-1px-tb:before {
        top: 0;
        border-top: 1px solid #c7c7c7;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .vux-1px-tb:after, .vux-1px-tb:before {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        color: #c7c7c7
    }

    .vux-1px-tb:after {
        bottom: 0;
        border-bottom: 1px solid #c7c7c7;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .vux-1px-l:before {
        left: 0;
        border-left: 1px solid #c7c7c7;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }

    .vux-1px-l:before, .vux-1px-r:after {
        content: " ";
        position: absolute;
        top: 0;
        width: 1px;
        bottom: 0;
        color: #c7c7c7
    }

    .vux-1px-r:after {
        right: 0;
        border-right: 1px solid #c7c7c7;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    line-height: 1.6;
    /*font-family: -apple-system-font,Helvetica Neue,sans-serif*/
    font-family: "Microsoft YaHei";
}

* {
    margin: 0;
    padding: 0
}

a img {
    border: 0
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

::-webkit-input-placeholder {
    font-family: -apple-system-font,Helvetica Neue,sans-serif
}

a {
    -webkit-touch-callout: none
}

html {
    height: 100%;
    background: #fff
}

body, html {
    width: 100%;
    /*overflow-x: hidden;*/
    min-height: 100%;
    margin: 0 auto
}

body {
    height: auto;
    position: relative
}

i {
    font-style: normal
}

input, textarea {
    -webkit-appearance: none;
    outline: 0;
    background: transparent;
    border: none
}

.mt-0 {
    margin-top: 0
}

.mt-05 {
    margin-top: .5rem
}

.mt-1 {
    margin-top: 1rem
}

.mt-2 {
    margin-top: 2rem
}

.mt-3 {
    margin-top: 3rem
}

.mt-4 {
    margin-top: 4rem
}

.mt-5 {
    margin-top: 5rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-05 {
    margin-bottom: .5rem
}

.mb-1 {
    margin-bottom: 1rem
}

.mb-2 {
    margin-bottom: 2rem
}

.mb-3 {
    margin-bottom: 3rem
}

.mb-4 {
    margin-bottom: 4rem
}

.mb-5 {
    margin-bottom: 5rem
}

.ml-0 {
    margin-left: 0
}

.ml-05 {
    margin-left: .5rem
}

.ml-1 {
    margin-left: 1rem
}

.ml-2 {
    margin-left: 2rem
}

.ml-3 {
    margin-left: 3rem
}

.ml-4 {
    margin-left: 4rem
}

.ml-5 {
    margin-left: 5rem
}

.mr-0 {
    margin-right: 0
}

.mr-05 {
    margin-right: .5rem
}

.mr-1 {
    margin-right: 1rem
}

.mr-2 {
    margin-right: 2rem
}

.mr-3 {
    margin-right: 3rem
}

.mr-4 {
    margin-right: 4rem
}

.mr-5 {
    margin-right: 5rem
}

.mg-0 {
    margin: 0
}

.mg-05 {
    margin: .5rem
}

.mg-1 {
    margin: 1rem
}

.mg-2 {
    margin: 2rem
}

.mg-3 {
    margin: 3rem
}

.mg-4 {
    margin: 4rem
}

.mg-5 {
    margin: 5rem
}

.mg-center {
    margin: 0 auto
}

.pt-0 {
    padding-top: 0
}

.pt-05 {
    padding-top: .5rem
}

.pt-1 {
    padding-top: 1rem
}

.pt-2 {
    padding-top: 2rem
}

.pt-3 {
    padding-top: 3rem
}

.pt-4 {
    padding-top: 4rem
}

.pt-5 {
    padding-top: 5rem
}

.pb-0 {
    padding-bottom: 0
}

.pb-05 {
    padding-bottom: .5rem
}

.pb-1 {
    padding-bottom: 1rem
}

.pb-2 {
    padding-bottom: 2rem
}

.pb-3 {
    padding-bottom: 3rem
}

.pb-4 {
    padding-bottom: 4rem
}

.pb-5 {
    padding-bottom: 5rem
}

.pl-0 {
    padding-left: 0
}

.pl-05 {
    padding-left: .5rem
}

.pl-1 {
    padding-left: 1rem
}

.pl-2 {
    padding-left: 2rem
}

.pl-3 {
    padding-left: 3rem
}

.pl-4 {
    padding-left: 4rem
}

.pl-5 {
    padding-left: 5rem
}

.pr-0 {
    padding-right: 0
}

.pr-05 {
    padding-right: .5rem
}

.pr-1 {
    padding-right: 1rem
}

.pr-2 {
    padding-right: 2rem
}

.pr-3 {
    padding-right: 3rem
}

.pr-4 {
    padding-right: 4rem
}

.pr-5 {
    padding-right: 5rem
}

.pd-05 {
    padding: .5rem
}

.pd-1 {
    padding: 1rem
}

.pd-2 {
    padding: 2rem
}

.pd-3 {
    padding: 3rem
}

.pd-4 {
    padding: 4rem
}

.pd-5 {
    padding: 5rem
}

.fl-l {
    float: left
}

.fl-r {
    float: right
}

.cl-l {
    clear: left
}

.cl-r {
    clear: right
}

.cl-b {
    clear: both
}

.fsz-0 {
    font-size: 0
}

.fsz-05 {
    font-size: .5rem
}

.fsz-06 {
    font-size: .6rem
}

.fsz-07 {
    font-size: .7rem
}

.fsz-08 {
    font-size: .8rem
}

.fsz-1 {
    font-size: 1rem
}

.fsz-1_2 {
    font-size: 1.2rem
}

.fsz-1_5 {
    font-size: 1.5rem
}

.fsz-2 {
    font-size: 2rem
}

.fsz-3 {
    font-size: 3rem
}

.fsz-4 {
    font-size: 4rem
}

.fsz-5 {
    font-size: 5rem
}

.fst-n {
    font-style: normal
}

.fst-i {
    font-style: italic
}

.fw-b {
    font-weight: 700
}

.fw-n {
    font-weight: 400
}

.dp-n {
    display: none
}

.dp-b {
    display: block
}

.dp-ib {
    display: inline-block
}

.dp-i {
    display: inline
}

.of-h {
    overflow: hidden
}

.of-a {
    overflow: auto
}

.of-s {
    overflow: scroll
}

.of-s, .of-y-s {
    -webkit-overflow-scrolling: touch
}

.of-y-s {
    overflow-y: scroll;
    overflow-x: hidden
}

.of-x-s {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden
}

.pos-a {
    position: absolute
}

.pos-r {
    position: relative
}

.pos-s {
    position: static
}

.pos-f {
    position: fixed
}

.ts-02 {
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s
}

.ts-05 {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.ts-08 {
    transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -o-transition: all .8s
}

.ts-1 {
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s
}

.ta-c {
    text-align: center
}

.ta-l {
    text-align: left
}

.ta-r {
    text-align: right
}

.bg-white {
    background: #fff
}

.bg-gray {
    background: #f4f4f4
}

.bgc-gray-middle {
    background: #cbcbcb
}

.bgc-gray-light {
    background-color: #f7f7f7
}

.w-80p {
    width: 80%
}

.color-white {
    color: #fff
}

.color-black {
    color: #000
}

.color-gray-light {
    color: #f7f7f7
}

.color-gray-middle {
    color: #666
}

.color-gray-deep {
    color: #333
}

.color-red {
    color: #ef4f4f
}

.dir-ltr {
    direction: ltr
}

.dir-rtl {
    direction: rtl
}

.cube {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000
}

.t-of {
    text-overflow: ellipsis
}

.radius-clip {
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

div.dp-header .dp-item.dp-right {
    color: #3094fa
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.invalid {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

    .invalid img {
        width: 40%;
        margin-top: 10%
    }

::-webkit-scrollbar {
    width: 0;
    background: transparent
}

* {
    box-sizing: border-box
}

body, html {
    background: #f7f7f7
}

body {
    -webkit-flex-direction: column;
    flex-direction: column
}

#app, body {
   /* display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal*/
}

#app {
    /*-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;*/
    /*max-width: 1200px;*/
    margin: 0 auto;
    width: 100%
}

.weui-dialog {
    border-radius: 12px !important
}

.vux-popup-header {
    background-color: #fff !important
}

.weui-dialog__bd {
    color: #313131 !important
}

.vux-tab .vux-tab-item {
    font-size: 15px !important
}

.editor-style {
    padding: 20px 10px 0;
    letter-spacing: 1px;
    line-height: 1.6
}

    .editor-style iframe {
        width: 100%;
        height: auto
    }

    .editor-style table {
        word-wrap: break-word;
        word-break: break-all;
        width: 100% !important;
        border: none;
        border-color: #999
    }

    .editor-style dl, .editor-style li, .editor-style ol, .editor-style ul {
        list-style-position: inside
    }

    .editor-style tr:after {
        content: "";
        display: block;
        min-height: 20px
    }

    .editor-style img {
        max-width: 100% !important;
        height: auto;
        display: block;
        margin: 0 auto
    }

    .editor-style.J_preview_wrap {
        padding: 10px
    }

        .editor-style.J_preview_wrap img {
            padding: 0
        }

.fade-enter-active, .fade-leave-active {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

.dplayer.dplayer-mobile .dplayer-mobile-play {
    display: none
}

.loading-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    z-index: 11111;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

    .loading-container .loading-wrap {
        min-width: 30%;
        font-size: 16px;
        color: #eee;
        background-color: rgba(0,0,0,.6);
        text-align: center;
        border-radius: 8%
    }

        .loading-container .loading-wrap .loading-text {
            padding-bottom: 20px
        }

    .loading-container .weui-icon_toast.weui-loading {
        margin-top: 22px
    }

.fade-delay-enter-active, .fade-delay-leave-active {
    -webkit-transition: opacity .2s .5s;
    transition: opacity .2s .5s
}

.fade-delay-enter, .fade-delay-leave-to {
    opacity: 0
}

.vux-loading .weui-toast {
    z-index: 5001
}

.weui-icon_toast.weui-loading {
    display: inline-block
}

.vux-mask-enter, .vux-mask-enter-active, .vux-mask-leave-active {
    position: relative;
    z-index: 1
}

.vux-loading-no-text .weui-toast {
    min-height: 98px
}

.weui_icon.icon_big:before {
    font-size: 100px
}

body, div {
    -webkit-overflow-scrolling: touch
}

.theme-color-red {
    color: #ef4f4f
}

.theme-color-blue {
    color: #3094fa
}

.theme-color-green {
    color: #04be02
}

.theme-bg-blue {
    background-color: #3094fa
}

.theme-btn-yellow {
    background-color: #ff8b04;
    color: #fff
}

    .theme-btn-yellow:active {
        background-color: #fba23a
    }

.theme-btn-blue {
    background-color: #3094fa;
    color: #fff
}

    .theme-btn-blue:active {
        background-color: #449cfd
    }

.theme-btn-white {
    background-color: #fff;
    color: #3094fa
}

    .theme-btn-white:active {
        background-color: #f1f1f1
    }

.bg-blue {
    background: #3094fa
}

h3.global-header {
    color: #3094fa;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.blur {
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    filter: blur(8px)
}

div.vux-timeline-item-head, div.vux-timeline-item-head-first {
    z-index: 1
}

div.vux-header {
    background-color: #fff
}

    div.vux-header .vux-flexbox-item, div.vux-header .vux-header-title {
        color: #3094fa
    }

button.weui-btn_primary {
    background-color: #3094fa
}

    button.weui-btn_primary.weui-btn_plain_primary, button.weui-btn_primary input.weui_btn_plain_primary {
        background: transparent;
        border: 1px solid #3094fa;
        color: #3094fa
    }

    button.weui-btn_primary:not(.weui-btn_disabled):active {
        background: #067af1;
        color: #fff
    }

    button.weui-btn_primary.weui-btn_disabled {
        background-color: #94c7fc
    }

div.vux-tab-ink-bar.vux-tab-ink-bar-transition-backward, div.vux-tab-ink-bar.vux-tab-ink-bar-transition-forward {
    background: #3094fa !important
}

div.vux-tab-item.vux-tab-selected {
    color: #3094fa !important
}

div.vux-popup-picker-header {
    color: #3094fa;
    background: #fff
}

.vux-button-group > a.hover, .vux-button-group > a:active, div.vux-button-group > a.vux-button-group-current {
    background: #3094fa !important;
    border-color: #3094fa !important
}

div.weui_tabbar:before {
    content: none
}

div.weui_tabbar .weui_tabbar_item.active {
    color: #3094fa
}

div.picker-dialog {
    background: #f1f1f1
}

.vux-toast .weui_toast_forbidden i.weui_icon_toast:before {
    color: #fff
}

.weui_cell .weui_icon_clear:before {
    font-size: 18px
}

.weui_icon.disable:before {
    color: #cbcbcb
}

a.weui_search_cancel {
    color: #3094fa
}

div.inline-calendar td.current > span {
    background-color: #3094fa
}

div.inline-calendar td.is-today {
    color: #000
}

div.vux-button-group a:first-child {
    border-radius: 8px 0 0 8px
}

div.vux-button-group a:last-child {
    border-radius: 0 8px 8px 0
}

div.weui_toast.weui_toast_text {
    min-height: 0
}

.icon_color_blue.weui_icon_download:before, .icon_color_blue.weui_icon_info_circle:before, a.weui_btn_dialog.primary {
    color: #3094fa
}

.weui_icon_info_circle.disable:before {
    color: #c9c9c9
}

input.weui_switch:checked {
    border-color: #3094fa;
    background-color: #3094fa
}

div.dp-header .dp-item, i.weui_icon_success:before {
    color: #3094fa
}

div.dp-header .dp-right {
    text-align: right;
    margin-right: 1rem
}

div.dp-header .dp-left {
    margin-left: 1rem;
    text-align: left
}

a.picker-mask, div.vux-fade-transition {
    transition: none
}

.active-blue:active {
    color: #3094fa
}

.active-bg-blue:active {
    background: #3094fa
}

.global-nameheader {
    width: 40px;
    height: 40px;
    background: #cbcbcb;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    display: block;
    font-size: .5rem;
    overflow: hidden
}

    .global-nameheader.active {
        background: #3094fa
    }

a.weui-dialog__btn_primary {
    color: #3094fa
}

.mt-0 > .vux-no-group-title {
    margin-top: 0
}

a.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon .ma_icon {
    color: #3094fa !important
}

a.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
    color: #3094fa
}

button.weui-btn_plain-primary {
    color: #3094fa;
    border: 1px solid #3094fa
}

div.weui-dialog {
    border-radius: 5px !important
}

div.weui-dialog__ft {
    line-height: 45px;
    font-size: 15px
}

div.vux-fade-enter-active, div.vux-fade-leave-active {
    transition: opacity .1s
}

button.weui-btn, button.weui-btn:after {
    border-radius: 3px
}

div.vux-dialog-enter {
    transform: translate(-50%,-50%) scale(.93) !important;
    opacity: 1
}

input.weui-switch-cp__input:checked ~ input.weui-switch-cp__box, input.weui-switch:checked {
    border-color: #3094fa;
    background-color: #3094fa
}

.nofound {
    height: 100px;
    padding: 100px;
    color: #fff;
    font-size: 40px
}

.weui-btn {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 2.33333333;
    border-radius: 5px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    overflow: hidden
}

    .weui-btn:after {
        content: " ";
        width: 200%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid rgba(0,0,0,.2);
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        box-sizing: border-box;
        border-radius: 10px
    }

.weui-btn_inline {
    display: inline-block
}

.weui-btn_default {
    color: #000;
    background-color: #f8f8f8
}

    .weui-btn_default:not(.weui-btn_disabled):visited {
        color: #000
    }

    .weui-btn_default:not(.weui-btn_disabled):active {
        color: rgba(0,0,0,.6);
        background-color: #dedede
    }

.weui-btn_primary {
    background-color: #1aad19
}

    .weui-btn_primary:not(.weui-btn_disabled):visited {
        color: #fff
    }

    .weui-btn_primary:not(.weui-btn_disabled):active {
        color: hsla(0,0%,100%,.6);
        background-color: #179b16
    }

.weui-btn_warn {
    background-color: #e64340
}

    .weui-btn_warn:not(.weui-btn_disabled):visited {
        color: #fff
    }

    .weui-btn_warn:not(.weui-btn_disabled):active {
        color: hsla(0,0%,100%,.6);
        background-color: #ce3c39
    }

.weui-btn_disabled {
    color: hsla(0,0%,100%,.6)
}

    .weui-btn_disabled.weui-btn_default {
        color: rgba(0,0,0,.3);
        background-color: #f7f7f7
    }

    .weui-btn_disabled.weui-btn_primary {
        background-color: #9ed99d
    }

    .weui-btn_disabled.weui-btn_warn {
        background-color: #ec8b89
    }

.weui-btn_loading .weui-loading {
    margin: -.2em .34em 0 0
}

.weui-btn_loading.weui-btn_primary, .weui-btn_loading.weui-btn_warn {
    color: hsla(0,0%,100%,.6)
}

    .weui-btn_loading.weui-btn_primary .weui-loading, .weui-btn_loading.weui-btn_warn .weui-loading {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjAnIGhlaWdodD0nMTIwJyB2aWV3Qm94PScwIDAgMTAwIDEwMCc+PHBhdGggZmlsbD0nbm9uZScgZD0nTTAgMGgxMDB2MTAwSDB6Jy8+PHJlY3QgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjU2KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwIC0zMCknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDEwNS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjQzKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA3NS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjM4KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2NSA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjMyKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTguNjYgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4yOCknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoMTUwIDU0LjAyIDY1KScvPjxyZWN0IHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyB4PSc0Ni41JyB5PSc0MCcgZmlsbD0ncmdiYSgyNTUsMjU1LDI1NSwuMjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA1MCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjIpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKC0xNTAgNDUuOTggNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xNyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTEyMCA0MS4zNCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjE0KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtOTAgMzUgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtNjAgMjQuMDIgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4wMyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTMwIC01Ljk4IDY1KScvPjwvc3ZnPg==")
    }

.weui-btn_loading.weui-btn_primary {
    background-color: #179b16
}

.weui-btn_loading.weui-btn_warn {
    background-color: #ce3c39
}

.weui-btn_plain-primary {
    color: #1aad19;
    border: 1px solid #1aad19
}

    .weui-btn_plain-primary:not(.weui-btn_plain-disabled):active {
        color: rgba(26,173,25,.6);
        border-color: rgba(26,173,25,.6);
        background-color: transparent
    }

    .weui-btn_plain-primary:after {
        border-width: 0
    }

.weui-btn_plain-default {
    color: #353535;
    border: 1px solid #353535
}

    .weui-btn_plain-default:not(.weui-btn_plain-disabled):active {
        color: rgba(53,53,53,.6);
        border-color: rgba(53,53,53,.6)
    }

    .weui-btn_plain-default:after {
        border-width: 0
    }

button.weui-btn.weui-btn_plain-warn, input.weui-btn.weui-btn_plain-warn {
    border-width: 1px;
    background-color: transparent
}

.weui-btn_plain-warn {
    color: #ce3c39;
    border: 1px solid #ce3c39;
    background: transparent
}

    .weui-btn_plain-warn:not(.weui-btn_plain-disabled):active {
        color: rgba(206,60,57,.6);
        border-color: rgba(206,60,57,.6)
    }

    .weui-btn_plain-warn:after {
        border-width: 0
    }

.weui-btn_plain-disabled {
    color: rgba(0,0,0,.2);
    border-color: rgba(0,0,0,.2)
}

button.weui-btn, input.weui-btn {
    width: 100%;
    border-width: 0;
    outline: 0;
    -webkit-appearance: none
}

    button.weui-btn:focus, input.weui-btn:focus {
        outline: 0
    }

button.weui-btn_inline, button.weui-btn_mini, input.weui-btn_inline, input.weui-btn_mini {
    width: auto
}

button.weui-btn_plain-default, button.weui-btn_plain-primary, input.weui-btn_plain-default, input.weui-btn_plain-primary {
    border-width: 1px;
    background-color: transparent
}

.weui-btn_mini {
    display: inline-block;
    padding: 0 1.32em;
    line-height: 2.3;
    font-size: 13px
}

.weui-btn + .weui-btn {
    margin-top: 15px
}

.weui-btn.weui-btn_inline + .weui-btn.weui-btn_inline {
    margin-top: auto;
    margin-left: 15px
}

.weui-btn-area {
    margin: 1.17647059em 15px .3em
}

.weui-btn-area_inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

    .weui-btn-area_inline .weui-btn {
        margin-top: auto;
        margin-right: 15px;
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }

        .weui-btn-area_inline .weui-btn:last-child {
            margin-right: 0
        }

.weui-btn.vux-x-button-no-border:after {
    display: none
}

.weui-tabbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    z-index: 500;
    bottom: 0;
    width: 100%;
    background-color: #f7f7fa
}

    .weui-tabbar:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 1px;
        border-top: 1px solid #c0bfc4;
        color: #c0bfc4;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

.weui-tabbar__item {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 5px 0 0;
    font-size: 0;
    color: #999;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
        color: #09bb07
    }

.weui-tabbar__icon {
    display: inline-block;
    width: 27px;
    height: 27px
}

    .weui-tabbar__icon > i, i.weui-tabbar__icon {
        font-size: 24px;
        color: #999
    }

    .weui-tabbar__icon img {
        width: 100%;
        height: 100%
    }

.weui-tabbar__label {
    text-align: center;
    color: #999;
    font-size: 10px;
    line-height: 1.8
}

.weui-tab {
    position: relative;
    height: 100%
}

.weui-tab__panel {
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 50px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.weui-tab__content {
    display: none
}

.weui-cell_access {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color: inherit
}

    .weui-cell_access:active {
        background-color: #ececec
    }

    .weui-cell_access .weui-cell__ft {
        padding-right: 13px;
        position: relative
    }

        .weui-cell_access .weui-cell__ft:after {
            content: " ";
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 2px 2px 0 0;
            border-color: #c8c8cd;
            border-style: solid;
            -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
            transform: matrix(.71,.71,-.71,.71,0,0);
            position: relative;
            top: -2px;
            position: absolute;
            top: 50%;
            margin-top: -4px;
            right: 2px
        }

.weui-cell_link {
    color: #586c94;
    font-size: 14px
}

    .weui-cell_link.weui-cell:first-child:before {
        display: block
    }

.weui-cell_access.vux-cell-box {
    padding-right: 13px;
    position: relative
}

    .weui-cell_access.vux-cell-box:after {
        content: " ";
        display: inline-block;
        height: 6px;
        width: 6px;
        border-width: 2px 2px 0 0;
        border-color: #c8c8cd;
        border-style: solid;
        -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
        transform: matrix(.71,.71,-.71,.71,0,0);
        position: relative;
        top: -2px;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 17px
    }

.vux-blank-half:before {
    content: "\2002";
    speak: none
}

.vux-blank-full:before {
    content: "\2003";
    speak: none
}

.vux-no-group-title {
    margin-top: .77em
}

.vux-group-footer-title.weui-cells__title {
    margin-top: .3em;
    margin-bottom: .77em;
    padding-top: 0;
    font-size: 12px
}

.vux-cell-placeholder, .vux-cell-value {
    color: #999
}

.icon-big:before {
    font-size: 93px
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: weui;
    src: url("data:application/octet-stream;base64,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") format("truetype")
}

[class*=" weui-icon-"], [class^=weui-icon-] {
    display: inline-block;
    vertical-align: middle;
    font: normal normal normal 14px/1 weui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

    [class*=" weui-icon-"]:before, [class^=weui-icon-]:before {
        display: inline-block;
        margin-left: .2em;
        margin-right: .2em
    }

.weui-icon-circle:before {
    content: "\EA01"
}

.weui-icon-download:before {
    content: "\EA02"
}

.weui-icon-info:before {
    content: "\EA03"
}

.weui-icon-safe-success:before {
    content: "\EA04"
}

.weui-icon-safe-warn:before {
    content: "\EA05"
}

.weui-icon-success:before {
    content: "\EA06"
}

.weui-icon-success-circle:before {
    content: "\EA07"
}

.weui-icon-success-no-circle:before {
    content: "\EA08"
}

.weui-icon-waiting:before {
    content: "\EA09"
}

.weui-icon-waiting-circle:before {
    content: "\EA0A"
}

.weui-icon-warn:before {
    content: "\EA0B"
}

.weui-icon-info-circle:before {
    content: "\EA0C"
}

.weui-icon-cancel:before {
    content: "\EA0D"
}

.weui-icon-search:before {
    content: "\EA0E"
}

.weui-icon-clear:before {
    content: "\EA0F"
}

.weui-icon-back:before {
    content: "\EA10"
}

.weui-icon-delete:before {
    content: "\EA11"
}

[class*=" weui-icon_"]:before, [class^=weui-icon_]:before {
    margin: 0
}

.weui-icon-success {
    font-size: 23px;
    color: #09bb07
}

.weui-icon-waiting {
    font-size: 23px;
    color: #10aeff
}

.weui-icon-warn {
    font-size: 23px;
    color: #f43530
}

.weui-icon-info {
    font-size: 23px;
    color: #10aeff
}

.weui-icon-success-circle, .weui-icon-success-no-circle {
    font-size: 23px;
    color: #09bb07
}

.weui-icon-waiting-circle {
    font-size: 23px;
    color: #10aeff
}

.weui-icon-circle {
    font-size: 23px;
    color: #c9c9c9
}

.weui-icon-download, .weui-icon-info-circle {
    font-size: 23px;
    color: #09bb07
}

.weui-icon-safe-success {
    color: #09bb07
}

.weui-icon-safe-warn {
    color: #ffbe00
}

.weui-icon-cancel {
    color: #f43530;
    font-size: 22px
}

.weui-icon-clear, .weui-icon-search {
    color: #b2b2b2;
    font-size: 14px
}

.weui-icon-delete.weui-icon_gallery-delete {
    color: #fff;
    font-size: 22px
}

.weui-icon_msg {
    font-size: 93px
}

    .weui-icon_msg.weui-icon-warn {
        color: #f76260
    }

.weui-icon_msg-primary {
    font-size: 93px
}

    .weui-icon_msg-primary.weui-icon-warn {
        color: #ffbe00
    }

.weui-toast {
    position: fixed;
    z-index: 5001;
    width: 7.6em;
    min-height: 7.6em;
    top: 180px;
    left: 50%;
    margin-left: -3.8em;
    background: hsla(0,0%,7%,.7);
    text-align: center;
    border-radius: 5px;
    color: #fff
}

.weui-icon_toast {
    margin: 22px 0 0;
    display: block
}

    .weui-icon_toast.weui-icon-success-no-circle:before {
        color: #fff;
        font-size: 55px
    }

    .weui-icon_toast.weui-loading {
        margin: 30px 0 0;
        width: 38px;
        height: 38px;
        vertical-align: baseline
    }

.weui-toast__content {
    margin: 0 0 15px
}

.weui-toast.vux-toast-top {
    top: 10px
}

.weui-toast.vux-toast-bottom {
    top: auto;
    bottom: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.weui-toast.vux-toast-middle {
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.vux-slide-from-top-enter, .vux-slide-from-top-leave-active {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-100%) !important;
    transform: translateX(-50%) translateY(-100%) !important
}

.vux-slide-from-bottom-enter, .vux-slide-from-bottom-leave-active {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(100%) !important;
    transform: translateX(-50%) translateY(100%) !important
}

.vux-slide-from-bottom-enter-active, .vux-slide-from-bottom-leave-active, .vux-slide-from-top-enter-active, .vux-slide-from-top-leave-active {
    -webkit-transition: all .4s cubic-bezier(.36,.66,.04,1);
    transition: all .4s cubic-bezier(.36,.66,.04,1)
}

.weui-toast {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 0 !important
}

    .weui-toast.weui-toast_forbidden {
        color: #f76260
    }

        .weui-toast.weui-toast_forbidden .weui-toast__content {
            margin-top: 10px
        }

    .weui-toast.weui-toast_text {
        min-height: 0
    }

.weui-toast_text .weui-toast__content {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 15px
}

.weui-toast__content {
    font-size: 16px
}

.weui-loading_toast .weui-toast__content {
    margin-top: 0
}

.weui-toast_success .weui-icon_toast:before {
    content: "\EA08"
}

.weui-toast_cancel .weui-icon_toast:before {
    content: "\EA0D"
}

.weui-toast_forbidden .weui-icon_toast.weui-icon-success-no-circle:before {
    content: "\EA0B";
    color: #f76260
}

.vux-label-desc {
    font-size: 14px;
    color: #666
}

.vux-tap-active {
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none
}

    .vux-tap-active:active {
        background-color: #ececec
    }

.weui-cells {
    margin-top: 1.17647059em;
    background-color: #fff;
    line-height: 1.41176471;
    font-size: 17px;
    overflow: hidden;
    position: relative
}

    .weui-cells:before {
        top: 0;
        border-top: 1px solid #d9d9d9;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .weui-cells:after, .weui-cells:before {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        color: #d9d9d9
    }

    .weui-cells:after {
        bottom: 0;
        border-bottom: 1px solid #d9d9d9;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

.weui-cells__title {
    margin-top: .77em;
    margin-bottom: .3em;
    padding-left: 15px;
    padding-right: 15px;
    color: #999;
    font-size: 14px
}

    .weui-cells__title + .weui-cells {
        margin-top: 0
    }

.weui-cells__tips {
    margin-top: .3em;
    color: #999;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px
}

.weui-cell {
    padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .weui-cell:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 1px;
        border-top: 1px solid #d9d9d9;
        color: #d9d9d9;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        left: 15px
    }

    .weui-cell:first-child:before {
        display: none
    }

.weui-cell_primary {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.weui-cell__bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.weui-cell__ft {
    text-align: right;
    color: #999
}

.vux-cell-justify {
    height: 1.41176471em
}

    .vux-cell-justify.vux-cell-justify:after {
        content: ".";
        display: inline-block;
        width: 100%;
        overflow: hidden;
        height: 0
    }

.weui-loading {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: weuiLoading 1s steps(12) infinite;
    animation: weuiLoading 1s steps(12) infinite;
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=") no-repeat;
    background-size: 100%
}

    .weui-loading.weui-loading_transparent {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjAnIGhlaWdodD0nMTIwJyB2aWV3Qm94PScwIDAgMTAwIDEwMCc+PHBhdGggZmlsbD0nbm9uZScgZD0nTTAgMGgxMDB2MTAwSDB6Jy8+PHJlY3QgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjU2KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwIC0zMCknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDEwNS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjQzKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA3NS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjM4KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2NSA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjMyKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTguNjYgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4yOCknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoMTUwIDU0LjAyIDY1KScvPjxyZWN0IHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyB4PSc0Ni41JyB5PSc0MCcgZmlsbD0ncmdiYSgyNTUsMjU1LDI1NSwuMjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA1MCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjIpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKC0xNTAgNDUuOTggNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xNyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTEyMCA0MS4zNCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjE0KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtOTAgMzUgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtNjAgMjQuMDIgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4wMyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTMwIC01Ljk4IDY1KScvPjwvc3ZnPgo=")
    }

@-webkit-keyframes weuiLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes weuiLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

.vux-label {
    word-wrap: break-word;
    word-break: break-all
}

.vux-label, .weui-cell__ft .weui-loading {
    display: inline-block
}

.weui-cell__ft.vux-cell-align-left {
    text-align: left
}

.weui-cell.vux-cell-no-border-intent:before {
    left: 0
}

.weui-cell_access .weui-cell__ft.vux-cell-arrow-down:after {
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0) rotate(90deg);
    transform: matrix(.71,.71,-.71,.71,0,0) rotate(90deg)
}

.weui-cell_access .weui-cell__ft.vux-cell-arrow-up:after {
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0) rotate(-90deg);
    transform: matrix(.71,.71,-.71,.71,0,0) rotate(-90deg)
}

.vux-cell-arrow-transition:after {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.vux-cell-disabled .vux-label {
    color: #b2b2b2
}

.vux-cell-disabled.weui-cell_access .weui-cell__ft:after {
    border-color: #e2e2e2
}

.vux-modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%
}

.vux-modal-open-for-container {
    overflow: hidden !important
}

.vux-x-dialog-absolute .weui-dialog {
    position: absolute
}

.dp-container.vux-datetime-view {
    position: static;
    -webkit-transition: none;
    transition: none
}

    .dp-container.vux-datetime-view .dp-header {
        display: none
    }

.vux-datetime-clear {
    text-align: center
}

.scroller-component {
    display: block;
    position: relative;
    height: 238px;
    overflow: hidden;
    width: 100%
}

.scroller-content {
    z-index: -1
}

.scroller-content, .scroller-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.scroller-mask {
    height: 100%;
    margin: 0 auto;
    z-index: 3;
    background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
    background-position: top,bottom;
    background-size: 100% 102px;
    background-repeat: no-repeat
}

.scroller-item {
    text-align: center;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    color: #000
}

.scroller-indicator {
    width: 100%;
    height: 34px;
    position: absolute;
    left: 0;
    top: 102px;
    z-index: 3;
    background-image: -webkit-linear-gradient(top,#d0d0d0,#d0d0d0,transparent,transparent),-webkit-linear-gradient(bottom,#d0d0d0,#d0d0d0,transparent,transparent);
    background-image: linear-gradient(180deg,#d0d0d0,#d0d0d0,transparent,transparent),linear-gradient(0deg,#d0d0d0,#d0d0d0,transparent,transparent);
    background-position: top,bottom;
    background-size: 100% 1px;
    background-repeat: no-repeat
}

.dp-container {
    bottom: 0;
    z-index: 10000;
    background-color: #fff;
    display: none;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.dp-container, .dp-mask {
    position: fixed;
    width: 100%;
    left: 0
}

.dp-mask {
    z-index: 998;
    height: 100%;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    background-color: #000;
    z-index: 9999
}

.dp-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    box-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-image: -webkit-linear-gradient(top,#e7e7e7,#e7e7e7,transparent,transparent);
    background-image: linear-gradient(180deg,#e7e7e7,#e7e7e7,transparent,transparent);
    background-position: bottom;
    background-size: 100% 1px;
    background-repeat: no-repeat
}

    .dp-header .dp-item {
        color: #04be02;
        font-size: 16px;
        height: 44px;
        line-height: 44px;
        cursor: pointer
    }

        .dp-header .dp-item.dp-left {
            color: #828282
        }

        .dp-header .dp-item.dp-right {
            color: #04be02
        }

.dp-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    box-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px 0
}

    .dp-content .dp-item, .dp-header .dp-item {
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }

.vux-datetime-cancel {
    text-align: left;
    padding-left: 15px
}

.vux-datetime-confirm {
    text-align: right;
    padding-right: 15px
}

.vux-datetime {
    color: #000;
    text-decoration: none
}

    .vux-datetime .vux-input-icon {
        float: right
    }

.vux-cell-primary {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.vux-prompt {
    padding-bottom: 1.6em
}

.vux-prompt-msgbox {
    width: 80%;
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 4px 5px;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    font-size: 16px
}

.vux-fade-enter-active, .vux-fade-leave-active {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.vux-fade-enter, .vux-fade-leave-to {
    opacity: 0
}

.vux-dialog-enter-active {
    -webkit-animation: vux-dialog-in .5s;
    animation: vux-dialog-in .5s
}

.vux-dialog-leave-active {
    -webkit-animation: vux-dialog-out .3s;
    animation: vux-dialog-out .3s
}

@-webkit-keyframes vux-dialog-in {
    0% {
        -webkit-transform: scale(1.185);
        transform: scale(1.185);
        opacity: 0
    }

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

@keyframes vux-dialog-in {
    0% {
        -webkit-transform: scale(1.185);
        transform: scale(1.185);
        opacity: 0
    }

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

@-webkit-keyframes vux-dialog-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        opacity: 0
    }
}

@keyframes vux-dialog-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        opacity: 0
    }
}

.vux-mask-enter, .vux-mask-leave-active {
    opacity: 0
}

.vux-mask-enter-active, .vux-mask-leave-active {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.weui-mask {
    background: rgba(0,0,0,.6)
}

.weui-mask, .weui-mask_transparent {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.weui-dialog {
    position: fixed;
    display: table;
    z-index: 5000;
    width: 80%;
    max-width: 300px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden
}

.weui-dialog__hd {
    padding: 1.3em 1.6em .5em
}

    .weui-dialog__hd.with-no-content {
        padding: 1.7em 1.6em
    }

.weui-dialog__title {
    font-weight: 400;
    font-size: 18px
}

.weui-dialog__bd {
    padding: 0 1.6em .8em;
    min-height: 40px;
    font-size: 15px;
    line-height: 1.3;
    word-wrap: break-word;
    word-break: break-all;
    color: #999
}

    .weui-dialog__bd:first-child {
        padding: 2.7em 20px 1.7em;
        color: #353535
    }

.weui-dialog__ft {
    position: relative;
    line-height: 48px;
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

    .weui-dialog__ft:after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 1px;
        border-top: 1px solid #d5d5d6;
        color: #d5d5d6;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

.weui-dialog__btn {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #3cc51f;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position: relative
}

    .weui-dialog__btn:active {
        background-color: #eee
    }

    .weui-dialog__btn:after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        bottom: 0;
        border-left: 1px solid #d5d5d6;
        color: #d5d5d6;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }

    .weui-dialog__btn:first-child:after {
        display: none
    }

.weui-dialog__btn_default {
    color: #353535
}

.weui-dialog__btn_primary {
    color: #0bb20c
}

.weui-dialog__btn_warn {
    color: #e64340
}

.weui-skin_android .weui-dialog {
    text-align: left;
    box-shadow: 0 6px 30px 0 rgba(0,0,0,.1)
}

.weui-skin_android .weui-dialog__title {
    font-size: 21px
}

.weui-skin_android .weui-dialog__hd {
    text-align: left
}

.weui-skin_android .weui-dialog__bd {
    color: #999;
    padding: .25em 1.6em 2em;
    font-size: 17px;
    text-align: left
}

    .weui-skin_android .weui-dialog__bd:first-child {
        padding: 1.6em 1.6em 2em;
        color: #353535
    }

.weui-skin_android .weui-dialog__ft {
    display: block;
    text-align: right;
    line-height: 42px;
    font-size: 16px;
    padding: 0 1.6em .7em
}

    .weui-skin_android .weui-dialog__ft:after {
        display: none
    }

.weui-skin_android .weui-dialog__btn {
    display: inline-block;
    vertical-align: top;
    padding: 0 .8em
}

    .weui-skin_android .weui-dialog__btn:after {
        display: none
    }

    .weui-skin_android .weui-dialog__btn:active, .weui-skin_android .weui-dialog__btn:visited {
        background-color: rgba(0,0,0,.06)
    }

    .weui-skin_android .weui-dialog__btn:last-child {
        margin-right: -.8em
    }

.weui-skin_android .weui-dialog__btn_default {
    color: gray
}

@media screen and (min-width:1024px) {
    .weui-dialog {
        width: 35%
    }
}

.mt-pic-upload-btn[data-v-4b963912] {
    position: relative;
    width: 60px;
    height: 60px;
    padding: 5px;
    font-size: 10px;
    line-height: 60px;
    box-shadow: inset 0 1px 2px #cbcbcb;
    text-align: center;
    border-radius: 4px;
    color: #3094fa;
    background-color: #f7f7f7;
    border: 1px solid #cbcbcb;
    background-size: cover;
    background-position: 50%
}

    .mt-pic-upload-btn[data-v-4b963912]:active {
        box-shadow: inset 0 1px 4px #cbcbcb
    }

.fade-enter-active[data-v-4b963912], .fade-leave-active[data-v-4b963912] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-enter[data-v-4b963912], .fade-leave-to[data-v-4b963912] {
    opacity: 0
}

label input[data-v-4b963912] {
    pointer-events: none
}

.mt-pic-upload-item input {
    display: block;
    width: 60px;
    height: 60px
}

.vux-circle {
    position: relative;
    width: 100%;
    height: 100%
}

.vux-circle-content {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ma_icon {
    vertical-align: middle;
    color: #666
}

.dplayer-time {
    display: none
}

.dplayer-video {
    width: auto;
    margin: 0 auto
}

.dplayer.dplayer-mobile .dplayer-full-in-icon {
    display: none !important
}

.ma_icon {
    display: inline-block;
    vertical-align: baseline;
    line-height: 1
}

.card[data-v-10701efe] {
    margin: 10px;
    box-shadow: 0 1px 3px #cbcbcb;
    background: #fff
}

.card.islink[data-v-10701efe]:active {
    background: #f1f1f1
}

.med-slide-gift {
    position: absolute;
    top: 20px;
    left: 0;
    -webkit-transition: all .5s cubic-bezier(.18,1.11,.46,.98);
    transition: all .5s cubic-bezier(.18,1.11,.46,.98);
    background: url(data:image/png;base64,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) no-repeat 50%;
    background-size: contain;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 235px;
    padding-left: 22px
}

    .med-slide-gift .text {
        width: 120px
    }

    .med-slide-gift .user {
        font-size: 14px;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .med-slide-gift p {
        font-size: 10px;
        color: #fff
    }

    .med-slide-gift .icon-img {
        position: absolute;
        right: 50px;
        top: 0
    }

        .med-slide-gift .icon-img img {
            width: 48px;
            height: 44px
        }

    .med-slide-gift .count {
        position: absolute;
        right: 10px;
        top: -5px
    }

        .med-slide-gift .count .x-icon {
            background-image: -webkit-linear-gradient(#ffde2a,#d42d1f);
            background-image: linear-gradient(#ffde2a,#d42d1f);
            font-size: 20px;
            margin-right: 5px
        }

        .med-slide-gift .count .num-icon, .med-slide-gift .count .x-icon {
            -webkit-background-clip: text;
            -webkit-text-stroke: 1.2px #57000f;
            color: transparent;
            font-weight: 700;
            font-style: italic
        }

        .med-slide-gift .count .num-icon {
            background-image: -webkit-linear-gradient(#f9eb07,#e73f2a 80%,#d5301f);
            background-image: linear-gradient(#f9eb07,#e73f2a 80%,#d5301f);
            font-size: 30px
        }

.gift-slide-enter, .gift-slide-leave-to {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.med-tabs_nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: center;
    align-content: center;
    position: relative
}

    .med-tabs_nav .med-tabs__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        text-align: center;
        padding: 10px
    }

.med-tabs_active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #409eff;
    -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)
}

.med-dialog {
    position: fixed;
    top: 45%;
    max-width: 300px;
    left: 50%;
    width: 80%;
    z-index: 4001;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

    .med-dialog .med-dialog__header {
        padding: 5px;
        font-size: 18px;
        font-weight: 700
    }

    .med-dialog .med-dialog_content {
        max-height: 60vh;
        overflow-y: auto
    }

    .med-dialog .med-dialog__footer {
        width: 100%
    }

.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(-50%,-55%,0);
        transform: translate3d(-50%,-55%,0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        opacity: 1
    }
}

@keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(-50%,-55%,0);
        transform: translate3d(-50%,-55%,0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        opacity: 1
    }
}

@-webkit-keyframes dialog-fade-out {
    0% {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-50%,-55%,0);
        transform: translate3d(-50%,-55%,0);
        opacity: 0
    }
}

@keyframes dialog-fade-out {
    0% {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-50%,-55%,0);
        transform: translate3d(-50%,-55%,0);
        opacity: 0
    }
}

.vant-radio {
    display: flex;
    align-items: initial
}

    .vant-radio .vant-radio__label {
        margin-left: 17px
    }

    .vant-radio .vant-radio__icon i {
        display: block;
        width: 1.25em;
        height: 1.25em;
        line-height: 1.25em;
        text-align: center;
        font-size: .8em
    }

.vant-checkbox {
    display: flex;
    align-items: initial
}

    .vant-checkbox .vant-checkbox__label {
        margin-left: 17px
    }

    .vant-checkbox .vant-checkbox__icon i {
        display: block;
        width: 1.25em;
        height: 1.25em;
        line-height: 1.25em;
        text-align: center;
        font-size: .8em
    }

.vant-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    white-space: pre-wrap;
    text-align: center;
    word-wrap: break-word;
    background-color: #323233;
    border-radius: 5px;
    transform: translate3d(-50%,-50%,0);
    color: #fff;
    max-width: 70%;
    min-height: 88px;
    padding: 10px;
    font-size: 14px
}

.vant-toast--text {
    min-height: unset
}

@keyframes van-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes van-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.van-fade-enter-active {
    animation: .3s van-fade-in
}

.van-fade-leave-active {
    animation: .3s van-fade-out
}

.med-message-box__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .med-message-box__wrapper .med-message-box .med-message-box__btns {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        font-size: 14px;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

        .med-message-box__wrapper .med-message-box .med-message-box__btns .button {
            text-align: center
        }

.v-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #252b37;
    opacity: .7;
    z-index: 4000
}

.v-modal-enter {
    animation: v-modal-in .2s ease
}

.v-modal-leave {
    animation: v-modal-out .2s ease forwards
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

button[data-balloon] {
    overflow: visible
}

[data-balloon] {
    position: relative;
    cursor: pointer
}

    [data-balloon]:after {
        font-family: sans-serif !important;
        font-weight: 400 !important;
        font-style: normal !important;
        text-shadow: none !important;
        font-size: 12px !important;
        background: hsla(0,0%,7%,.9);
        border-radius: 4px;
        color: #fff;
        content: attr(data-balloon);
        padding: .5em 1em;
        white-space: nowrap
    }

    [data-balloon]:after, [data-balloon]:before {
        filter: alpha(opactiy=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        pointer-events: none;
        transition: all .18s ease-out .18s;
        position: absolute;
        z-index: 10
    }

    [data-balloon]:before {
        background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E");
        background-size: 100% auto;
        width: 18px;
        height: 6px;
        content: ""
    }

    [data-balloon]:hover:after, [data-balloon]:hover:before, [data-balloon][data-balloon-visible]:after, [data-balloon][data-balloon-visible]:before {
        filter: alpha(opactiy=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        pointer-events: auto
    }

    [data-balloon].font-awesome:after {
        font-family: FontAwesome
    }

    [data-balloon][data-balloon-break]:after {
        white-space: pre
    }

    [data-balloon][data-balloon-blunt]:after, [data-balloon][data-balloon-blunt]:before {
        transition: none
    }

    [data-balloon][data-balloon-pos=up]:after {
        margin-bottom: 11px
    }

    [data-balloon][data-balloon-pos=up]:after, [data-balloon][data-balloon-pos=up]:before {
        bottom: 100%;
        left: 50%;
        -webkit-transform: translate(-50%,10px);
        transform: translate(-50%,10px);
        -webkit-transform-origin: top;
        transform-origin: top
    }

    [data-balloon][data-balloon-pos=up]:before {
        margin-bottom: 5px
    }

    [data-balloon][data-balloon-pos=up]:hover:after, [data-balloon][data-balloon-pos=up]:hover:before, [data-balloon][data-balloon-pos=up][data-balloon-visible]:after, [data-balloon][data-balloon-pos=up][data-balloon-visible]:before {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

    [data-balloon][data-balloon-pos=up-left]:after {
        left: 0;
        margin-bottom: 11px
    }

    [data-balloon][data-balloon-pos=up-left]:after, [data-balloon][data-balloon-pos=up-left]:before {
        bottom: 100%;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transform-origin: top;
        transform-origin: top
    }

    [data-balloon][data-balloon-pos=up-left]:before {
        left: 5px;
        margin-bottom: 5px
    }

    [data-balloon][data-balloon-pos=up-left]:hover:after, [data-balloon][data-balloon-pos=up-left]:hover:before, [data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after, [data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    [data-balloon][data-balloon-pos=up-right]:after {
        right: 0;
        margin-bottom: 11px
    }

    [data-balloon][data-balloon-pos=up-right]:after, [data-balloon][data-balloon-pos=up-right]:before {
        bottom: 100%;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transform-origin: top;
        transform-origin: top
    }

    [data-balloon][data-balloon-pos=up-right]:before {
        right: 5px;
        margin-bottom: 5px
    }

    [data-balloon][data-balloon-pos=up-right]:hover:after, [data-balloon][data-balloon-pos=up-right]:hover:before, [data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after, [data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    [data-balloon][data-balloon-pos=down]:after {
        margin-top: 11px
    }

    [data-balloon][data-balloon-pos=down]:after, [data-balloon][data-balloon-pos=down]:before {
        left: 50%;
        top: 100%;
        -webkit-transform: translate(-50%,-10px);
        transform: translate(-50%,-10px)
    }

    [data-balloon][data-balloon-pos=down]:before {
        background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");
        background-size: 100% auto;
        width: 18px;
        height: 6px;
        margin-top: 5px
    }

    [data-balloon][data-balloon-pos=down]:hover:after, [data-balloon][data-balloon-pos=down]:hover:before, [data-balloon][data-balloon-pos=down][data-balloon-visible]:after, [data-balloon][data-balloon-pos=down][data-balloon-visible]:before {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

    [data-balloon][data-balloon-pos=down-left]:after {
        left: 0;
        margin-top: 11px;
        top: 100%;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    [data-balloon][data-balloon-pos=down-left]:before {
        background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");
        background-size: 100% auto;
        width: 18px;
        height: 6px;
        left: 5px;
        margin-top: 5px;
        top: 100%;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    [data-balloon][data-balloon-pos=down-left]:hover:after, [data-balloon][data-balloon-pos=down-left]:hover:before, [data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after, [data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    [data-balloon][data-balloon-pos=down-right]:after {
        right: 0;
        margin-top: 11px;
        top: 100%;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    [data-balloon][data-balloon-pos=down-right]:before {
        background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");
        background-size: 100% auto;
        width: 18px;
        height: 6px;
        right: 5px;
        margin-top: 5px;
        top: 100%;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    [data-balloon][data-balloon-pos=down-right]:hover:after, [data-balloon][data-balloon-pos=down-right]:hover:before, [data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after, [data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    [data-balloon][data-balloon-pos=left]:after {
        margin-right: 11px;
        right: 100%;
        top: 50%;
        -webkit-transform: translate(10px,-50%);
        transform: translate(10px,-50%)
    }

    [data-balloon][data-balloon-pos=left]:before {
        background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E");
        background-size: 100% auto;
        width: 6px;
        height: 18px;
        margin-right: 5px;
        right: 100%;
        top: 50%;
        -webkit-transform: translate(10px,-50%);
        transform: translate(10px,-50%)
    }

    [data-balloon][data-balloon-pos=left]:hover:after, [data-balloon][data-balloon-pos=left]:hover:before, [data-balloon][data-balloon-pos=left][data-balloon-visible]:after, [data-balloon][data-balloon-pos=left][data-balloon-visible]:before {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    [data-balloon][data-balloon-pos=right]:after {
        left: 100%;
        margin-left: 11px;
        top: 50%;
        -webkit-transform: translate(-10px,-50%);
        transform: translate(-10px,-50%)
    }

    [data-balloon][data-balloon-pos=right]:before {
        background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E");
        background-size: 100% auto;
        width: 6px;
        height: 18px;
        left: 100%;
        margin-left: 5px;
        top: 50%;
        -webkit-transform: translate(-10px,-50%);
        transform: translate(-10px,-50%)
    }

    [data-balloon][data-balloon-pos=right]:hover:after, [data-balloon][data-balloon-pos=right]:hover:before, [data-balloon][data-balloon-pos=right][data-balloon-visible]:after, [data-balloon][data-balloon-pos=right][data-balloon-visible]:before {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    [data-balloon][data-balloon-length=small]:after {
        white-space: normal;
        width: 80px
    }

    [data-balloon][data-balloon-length=medium]:after {
        white-space: normal;
        width: 150px
    }

    [data-balloon][data-balloon-length=large]:after {
        white-space: normal;
        width: 260px
    }

    [data-balloon][data-balloon-length=xlarge]:after {
        white-space: normal;
        width: 380px
    }

@media screen and (max-width:768px) {
    [data-balloon][data-balloon-length=xlarge]:after {
        white-space: normal;
        width: 90vw
    }
}

[data-balloon][data-balloon-length=fit]:after {
    white-space: normal;
    width: 100%
}

@-webkit-keyframes my-face {
    2% {
        -webkit-transform: translateY(1.5px) rotate(1.5deg);
        transform: translateY(1.5px) rotate(1.5deg)
    }

    4% {
        -webkit-transform: translateY(-1.5px) rotate(-.5deg);
        transform: translateY(-1.5px) rotate(-.5deg)
    }

    6% {
        -webkit-transform: translateY(1.5px) rotate(-1.5deg);
        transform: translateY(1.5px) rotate(-1.5deg)
    }

    8% {
        -webkit-transform: translateY(-1.5px) rotate(-1.5deg);
        transform: translateY(-1.5px) rotate(-1.5deg)
    }

    10% {
        -webkit-transform: translateY(2.5px) rotate(1.5deg);
        transform: translateY(2.5px) rotate(1.5deg)
    }

    12% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
    }

    14% {
        -webkit-transform: translateY(-1.5px) rotate(1.5deg);
        transform: translateY(-1.5px) rotate(1.5deg)
    }

    16% {
        -webkit-transform: translateY(-.5px) rotate(-1.5deg);
        transform: translateY(-.5px) rotate(-1.5deg)
    }

    18% {
        -webkit-transform: translateY(.5px) rotate(-1.5deg);
        transform: translateY(.5px) rotate(-1.5deg)
    }

    20% {
        -webkit-transform: translateY(-1.5px) rotate(2.5deg);
        transform: translateY(-1.5px) rotate(2.5deg)
    }

    22% {
        -webkit-transform: translateY(.5px) rotate(-1.5deg);
        transform: translateY(.5px) rotate(-1.5deg)
    }

    24% {
        -webkit-transform: translateY(1.5px) rotate(1.5deg);
        transform: translateY(1.5px) rotate(1.5deg)
    }

    26% {
        -webkit-transform: translateY(.5px) rotate(.5deg);
        transform: translateY(.5px) rotate(.5deg)
    }

    28% {
        -webkit-transform: translateY(.5px) rotate(1.5deg);
        transform: translateY(.5px) rotate(1.5deg)
    }

    30% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
    }

    32% {
        -webkit-transform: translateY(1.5px) rotate(-.5deg);
        transform: translateY(1.5px) rotate(-.5deg)
    }

    34% {
        -webkit-transform: translateY(1.5px) rotate(-.5deg);
        transform: translateY(1.5px) rotate(-.5deg)
    }

    36% {
        -webkit-transform: translateY(-1.5px) rotate(2.5deg);
        transform: translateY(-1.5px) rotate(2.5deg)
    }

    38% {
        -webkit-transform: translateY(1.5px) rotate(-1.5deg);
        transform: translateY(1.5px) rotate(-1.5deg)
    }

    40% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
    }

    42% {
        -webkit-transform: translateY(2.5px) rotate(-1.5deg);
        transform: translateY(2.5px) rotate(-1.5deg)
    }

    44% {
        -webkit-transform: translateY(1.5px) rotate(.5deg);
        transform: translateY(1.5px) rotate(.5deg)
    }

    46% {
        -webkit-transform: translateY(-1.5px) rotate(2.5deg);
        transform: translateY(-1.5px) rotate(2.5deg)
    }

    48% {
        -webkit-transform: translateY(-.5px) rotate(.5deg);
        transform: translateY(-.5px) rotate(.5deg)
    }

    50% {
        -webkit-transform: translateY(.5px) rotate(.5deg);
        transform: translateY(.5px) rotate(.5deg)
    }

    52% {
        -webkit-transform: translateY(2.5px) rotate(2.5deg);
        transform: translateY(2.5px) rotate(2.5deg)
    }

    54% {
        -webkit-transform: translateY(-1.5px) rotate(1.5deg);
        transform: translateY(-1.5px) rotate(1.5deg)
    }

    56% {
        -webkit-transform: translateY(2.5px) rotate(2.5deg);
        transform: translateY(2.5px) rotate(2.5deg)
    }

    58% {
        -webkit-transform: translateY(.5px) rotate(2.5deg);
        transform: translateY(.5px) rotate(2.5deg)
    }

    60% {
        -webkit-transform: translateY(2.5px) rotate(2.5deg);
        transform: translateY(2.5px) rotate(2.5deg)
    }

    62% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
    }

    64% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
    }

    66% {
        -webkit-transform: translateY(1.5px) rotate(-.5deg);
        transform: translateY(1.5px) rotate(-.5deg)
    }

    68% {
        -webkit-transform: translateY(-1.5px) rotate(-.5deg);
        transform: translateY(-1.5px) rotate(-.5deg)
    }

    70% {
        -webkit-transform: translateY(1.5px) rotate(.5deg);
        transform: translateY(1.5px) rotate(.5deg)
    }

    72% {
        -webkit-transform: translateY(2.5px) rotate(1.5deg);
        transform: translateY(2.5px) rotate(1.5deg)
    }

    74% {
        -webkit-transform: translateY(-.5px) rotate(.5deg);
        transform: translateY(-.5px) rotate(.5deg)
    }

    76% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
    }

    78% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
    }

    80% {
        -webkit-transform: translateY(1.5px) rotate(1.5deg);
        transform: translateY(1.5px) rotate(1.5deg)
    }

    82% {
        -webkit-transform: translateY(-.5px) rotate(.5deg);
        transform: translateY(-.5px) rotate(.5deg)
    }

    84% {
        -webkit-transform: translateY(1.5px) rotate(2.5deg);
        transform: translateY(1.5px) rotate(2.5deg)
    }

    86% {
        -webkit-transform: translateY(-1.5px) rotate(-1.5deg);
        transform: translateY(-1.5px) rotate(-1.5deg)
    }

    88% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
    }

    90% {
        -webkit-transform: translateY(2.5px) rotate(-.5deg);
        transform: translateY(2.5px) rotate(-.5deg)
    }

    92% {
        -webkit-transform: translateY(.5px) rotate(-.5deg);
        transform: translateY(.5px) rotate(-.5deg)
    }

    94% {
        -webkit-transform: translateY(2.5px) rotate(.5deg);
        transform: translateY(2.5px) rotate(.5deg)
    }

    96% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
    }

    98% {
        -webkit-transform: translateY(-1.5px) rotate(-.5deg);
        transform: translateY(-1.5px) rotate(-.5deg)
    }

    0%,to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }
}

@keyframes my-face {
    2% {
        -webkit-transform: translateY(1.5px) rotate(1.5deg);
        transform: translateY(1.5px) rotate(1.5deg)
    }

    4% {
        -webkit-transform: translateY(-1.5px) rotate(-.5deg);
        transform: translateY(-1.5px) rotate(-.5deg)
    }

    6% {
        -webkit-transform: translateY(1.5px) rotate(-1.5deg);
        transform: translateY(1.5px) rotate(-1.5deg)
    }

    8% {
        -webkit-transform: translateY(-1.5px) rotate(-1.5deg);
        transform: translateY(-1.5px) rotate(-1.5deg)
    }

    10% {
        -webkit-transform: translateY(2.5px) rotate(1.5deg);
        transform: translateY(2.5px) rotate(1.5deg)
    }

    12% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
    }

    14% {
        -webkit-transform: translateY(-1.5px) rotate(1.5deg);
        transform: translateY(-1.5px) rotate(1.5deg)
    }

    16% {
        -webkit-transform: translateY(-.5px) rotate(-1.5deg);
        transform: translateY(-.5px) rotate(-1.5deg)
    }

    18% {
        -webkit-transform: translateY(.5px) rotate(-1.5deg);
        transform: translateY(.5px) rotate(-1.5deg)
    }

    20% {
        -webkit-transform: translateY(-1.5px) rotate(2.5deg);
        transform: translateY(-1.5px) rotate(2.5deg)
    }

    22% {
        -webkit-transform: translateY(.5px) rotate(-1.5deg);
        transform: translateY(.5px) rotate(-1.5deg)
    }

    24% {
        -webkit-transform: translateY(1.5px) rotate(1.5deg);
        transform: translateY(1.5px) rotate(1.5deg)
    }

    26% {
        -webkit-transform: translateY(.5px) rotate(.5deg);
        transform: translateY(.5px) rotate(.5deg)
    }

    28% {
        -webkit-transform: translateY(.5px) rotate(1.5deg);
        transform: translateY(.5px) rotate(1.5deg)
    }

    30% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
    }

    32% {
        -webkit-transform: translateY(1.5px) rotate(-.5deg);
        transform: translateY(1.5px) rotate(-.5deg)
    }

    34% {
        -webkit-transform: translateY(1.5px) rotate(-.5deg);
        transform: translateY(1.5px) rotate(-.5deg)
    }

    36% {
        -webkit-transform: translateY(-1.5px) rotate(2.5deg);
        transform: translateY(-1.5px) rotate(2.5deg)
    }

    38% {
        -webkit-transform: translateY(1.5px) rotate(-1.5deg);
        transform: translateY(1.5px) rotate(-1.5deg)
    }

    40% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
    }

    42% {
        -webkit-transform: translateY(2.5px) rotate(-1.5deg);
        transform: translateY(2.5px) rotate(-1.5deg)
    }

    44% {
        -webkit-transform: translateY(1.5px) rotate(.5deg);
        transform: translateY(1.5px) rotate(.5deg)
    }

    46% {
        -webkit-transform: translateY(-1.5px) rotate(2.5deg);
        transform: translateY(-1.5px) rotate(2.5deg)
    }

    48% {
        -webkit-transform: translateY(-.5px) rotate(.5deg);
        transform: translateY(-.5px) rotate(.5deg)
    }

    50% {
        -webkit-transform: translateY(.5px) rotate(.5deg);
        transform: translateY(.5px) rotate(.5deg)
    }

    52% {
        -webkit-transform: translateY(2.5px) rotate(2.5deg);
        transform: translateY(2.5px) rotate(2.5deg)
    }

    54% {
        -webkit-transform: translateY(-1.5px) rotate(1.5deg);
        transform: translateY(-1.5px) rotate(1.5deg)
    }

    56% {
        -webkit-transform: translateY(2.5px) rotate(2.5deg);
        transform: translateY(2.5px) rotate(2.5deg)
    }

    58% {
        -webkit-transform: translateY(.5px) rotate(2.5deg);
        transform: translateY(.5px) rotate(2.5deg)
    }

    60% {
        -webkit-transform: translateY(2.5px) rotate(2.5deg);
        transform: translateY(2.5px) rotate(2.5deg)
    }

    62% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
    }

    64% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
    }

    66% {
        -webkit-transform: translateY(1.5px) rotate(-.5deg);
        transform: translateY(1.5px) rotate(-.5deg)
    }

    68% {
        -webkit-transform: translateY(-1.5px) rotate(-.5deg);
        transform: translateY(-1.5px) rotate(-.5deg)
    }

    70% {
        -webkit-transform: translateY(1.5px) rotate(.5deg);
        transform: translateY(1.5px) rotate(.5deg)
    }

    72% {
        -webkit-transform: translateY(2.5px) rotate(1.5deg);
        transform: translateY(2.5px) rotate(1.5deg)
    }

    74% {
        -webkit-transform: translateY(-.5px) rotate(.5deg);
        transform: translateY(-.5px) rotate(.5deg)
    }

    76% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
    }

    78% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
    }

    80% {
        -webkit-transform: translateY(1.5px) rotate(1.5deg);
        transform: translateY(1.5px) rotate(1.5deg)
    }

    82% {
        -webkit-transform: translateY(-.5px) rotate(.5deg);
        transform: translateY(-.5px) rotate(.5deg)
    }

    84% {
        -webkit-transform: translateY(1.5px) rotate(2.5deg);
        transform: translateY(1.5px) rotate(2.5deg)
    }

    86% {
        -webkit-transform: translateY(-1.5px) rotate(-1.5deg);
        transform: translateY(-1.5px) rotate(-1.5deg)
    }

    88% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
    }

    90% {
        -webkit-transform: translateY(2.5px) rotate(-.5deg);
        transform: translateY(2.5px) rotate(-.5deg)
    }

    92% {
        -webkit-transform: translateY(.5px) rotate(-.5deg);
        transform: translateY(.5px) rotate(-.5deg)
    }

    94% {
        -webkit-transform: translateY(2.5px) rotate(.5deg);
        transform: translateY(2.5px) rotate(.5deg)
    }

    96% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
    }

    98% {
        -webkit-transform: translateY(-1.5px) rotate(-.5deg);
        transform: translateY(-1.5px) rotate(-.5deg)
    }

    0%,to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }
}

.dplayer {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    line-height: 1
}

    .dplayer * {
        box-sizing: content-box
    }

    .dplayer svg {
        width: 100%;
        height: 100%
    }

        .dplayer svg circle, .dplayer svg path {
            fill: #fff
        }

    .dplayer:-webkit-full-screen {
        width: 100%;
        height: 100%;
        background: #000;
        position: fixed;
        z-index: 100000;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

        .dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move, .dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move {
            -webkit-animation: danmaku-center 6s linear;
            animation: danmaku-center 6s linear;
            -webkit-animation-play-state: inherit;
            animation-play-state: inherit
        }

        .dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move {
            -webkit-animation: danmaku 8s linear;
            animation: danmaku 8s linear;
            -webkit-animation-play-state: inherit;
            animation-play-state: inherit
        }

    .dplayer.dplayer-live .dplayer-bar-wrap, .dplayer.dplayer-live.dplayer-no-danmaku .dplayer-setting, .dplayer.dplayer-live .dplayer-setting-loop, .dplayer.dplayer-live .dplayer-setting-speed, .dplayer.dplayer-live .dplayer-time, .dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-comment, .dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box .dplayer-setting-danmaku, .dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box .dplayer-setting-danunlimit, .dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box .dplayer-setting-showdan, .dplayer.dplayer-no-danmaku .dplayer-danmaku {
        display: none
    }

    .dplayer.dplayer-arrow .dplayer-danmaku {
        font-size: 18px
    }

    .dplayer.dplayer-arrow .dplayer-icon {
        margin: 0 -3px
    }

    .dplayer.dplayer-playing .dplayer-danmaku .dplayer-danmaku-move {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

@media (min-width:900px) {
    .dplayer.dplayer-playing .dplayer-controller, .dplayer.dplayer-playing .dplayer-controller-mask {
        opacity: 0
    }

    .dplayer.dplayer-playing:hover .dplayer-controller, .dplayer.dplayer-playing:hover .dplayer-controller-mask {
        opacity: 1
    }
}

.dplayer.dplayer-loading .dplayer-bezel .diplayer-loading-icon {
    display: block
}

.dplayer.dplayer-loading .dplayer-danmaku, .dplayer.dplayer-loading .dplayer-danmaku-move, .dplayer.dplayer-paused .dplayer-danmaku, .dplayer.dplayer-paused .dplayer-danmaku-move {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.dplayer.dplayer-hide-controller {
    cursor: none
}

    .dplayer.dplayer-hide-controller .dplayer-controller, .dplayer.dplayer-hide-controller .dplayer-controller-mask {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

.dplayer.dplayer-show-controller .dplayer-controller, .dplayer.dplayer-show-controller .dplayer-controller-mask {
    opacity: 1
}

.dplayer.dplayer-fulled {
    position: fixed;
    z-index: 100000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-camera-icon, .dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-volume {
    display: none
}

.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-full .dplayer-full-in-icon {
    position: static;
    display: inline-block
}

.dplayer.dplayer-mobile .dplayer-bar-time {
    display: none
}

.dplayer-web-fullscreen-fix {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0
}

[data-balloon]:before {
    display: none
}

[data-balloon]:after {
    padding: .3em .7em;
    background: hsla(0,0%,7%,.7)
}

[data-balloon][data-balloon-pos=up]:after {
    margin-bottom: 0
}

.dplayer-bezel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 22px;
    color: #fff;
    pointer-events: none
}

    .dplayer-bezel .dplayer-bezel-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -26px 0 0 -26px;
        height: 52px;
        width: 52px;
        padding: 12px;
        box-sizing: border-box;
        background: rgba(0,0,0,.5);
        border-radius: 50%;
        opacity: 0;
        pointer-events: none
    }

        .dplayer-bezel .dplayer-bezel-icon.dplayer-bezel-transition {
            -webkit-animation: bezel-hide .5s linear;
            animation: bezel-hide .5s linear
        }

@-webkit-keyframes bezel-hide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

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

@keyframes bezel-hide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

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

.dplayer-bezel .dplayer-danloading {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    -webkit-animation: my-face 5s infinite ease-in-out;
    animation: my-face 5s infinite ease-in-out
}

.dplayer-bezel .diplayer-loading-icon {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    height: 36px;
    width: 36px;
    pointer-events: none
}

    .dplayer-bezel .diplayer-loading-icon .diplayer-loading-hide {
        display: none
    }

    .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot {
        -webkit-animation: diplayer-loading-dot-fade .8s ease infinite;
        animation: diplayer-loading-dot-fade .8s ease infinite;
        opacity: 0;
        -webkit-transform-origin: 4px 4px;
        transform-origin: 4px 4px
    }

        .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-7 {
            -webkit-animation-delay: .7s;
            animation-delay: .7s
        }

        .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-6 {
            -webkit-animation-delay: .6s;
            animation-delay: .6s
        }

        .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-5 {
            -webkit-animation-delay: .5s;
            animation-delay: .5s
        }

        .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-4 {
            -webkit-animation-delay: .4s;
            animation-delay: .4s
        }

        .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-3 {
            -webkit-animation-delay: .3s;
            animation-delay: .3s
        }

        .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-2 {
            -webkit-animation-delay: .2s;
            animation-delay: .2s
        }

        .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-1 {
            -webkit-animation-delay: .1s;
            animation-delay: .1s
        }

@-webkit-keyframes diplayer-loading-dot-fade {
    0% {
        opacity: .7;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    50% {
        opacity: .25;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: .25;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }
}

@keyframes diplayer-loading-dot-fade {
    0% {
        opacity: .7;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    50% {
        opacity: .25;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: .25;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }
}

.dplayer-controller-mask {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;
    height: 98px;
    width: 100%
}

.dplayer-controller, .dplayer-controller-mask {
    position: absolute;
    bottom: 0;
    transition: all .3s ease
}

.dplayer-controller {
    left: 0;
    right: 0;
    height: 41px;
    padding: 0 20px;
    -webkit-user-select: none;
    user-select: none
}

    .dplayer-controller.dplayer-controller-comment .dplayer-icons {
        display: none
    }

        .dplayer-controller.dplayer-controller-comment .dplayer-icons.dplayer-comment-box {
            display: block
        }

    .dplayer-controller .dplayer-bar-wrap {
        padding: 5px 0;
        cursor: pointer;
        position: absolute;
        bottom: 33px;
        width: calc(100% - 40px);
        height: 3px
    }

        .dplayer-controller .dplayer-bar-wrap:hover .dplayer-bar .dplayer-played .dplayer-thumb {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .dplayer-controller .dplayer-bar-wrap:hover .dplayer-highlight {
            display: block;
            width: 8px;
            -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
            top: 4px;
            height: 40%
        }

        .dplayer-controller .dplayer-bar-wrap .dplayer-highlight {
            z-index: 12;
            position: absolute;
            top: 5px;
            width: 6px;
            height: 20%;
            border-radius: 6px;
            background-color: #fff;
            text-align: center;
            -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
            transition: all .2s ease-in-out
        }

            .dplayer-controller .dplayer-bar-wrap .dplayer-highlight:hover .dplayer-highlight-text {
                display: block
            }

            .dplayer-controller .dplayer-bar-wrap .dplayer-highlight:hover ~ .dplayer-bar-preview, .dplayer-controller .dplayer-bar-wrap .dplayer-highlight:hover ~ .dplayer-bar-time {
                opacity: 0
            }

            .dplayer-controller .dplayer-bar-wrap .dplayer-highlight .dplayer-highlight-text {
                display: none;
                position: absolute;
                left: 50%;
                top: -24px;
                padding: 5px 8px;
                background-color: rgba(0,0,0,.62);
                color: #fff;
                border-radius: 4px;
                font-size: 12px;
                white-space: nowrap;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%)
            }

        .dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview {
            position: absolute;
            background: #fff;
            pointer-events: none;
            display: none;
            background-size: 16000px 100%
        }

        .dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview-canvas {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
            pointer-events: none
        }

        .dplayer-controller .dplayer-bar-wrap .dplayer-bar-time {
            position: absolute;
            left: 0;
            top: -20px;
            border-radius: 4px;
            padding: 5px 7px;
            background-color: rgba(0,0,0,.62);
            color: #fff;
            font-size: 12px;
            text-align: center;
            opacity: 1;
            transition: opacity .1s ease-in-out;
            word-wrap: normal;
            word-break: normal;
            z-index: 2;
            pointer-events: none
        }

            .dplayer-controller .dplayer-bar-wrap .dplayer-bar-time.hidden {
                opacity: 0
            }

        .dplayer-controller .dplayer-bar-wrap .dplayer-bar {
            position: relative;
            height: 3px;
            width: 100%;
            background: hsla(0,0%,100%,.2);
            cursor: pointer
        }

            .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-loaded {
                background: hsla(0,0%,100%,.4);
                transition: all .5s ease
            }

            .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-loaded, .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played {
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                height: 3px;
                will-change: width
            }

                .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played .dplayer-thumb {
                    position: absolute;
                    top: 0;
                    right: 5px;
                    margin-top: -4px;
                    margin-right: -10px;
                    height: 11px;
                    width: 11px;
                    border-radius: 50%;
                    cursor: pointer;
                    transition: all .3s ease-in-out;
                    -webkit-transform: scale(0);
                    transform: scale(0)
                }

    .dplayer-controller .dplayer-icons {
        height: 38px;
        position: absolute;
        bottom: 0
    }

        .dplayer-controller .dplayer-icons.dplayer-comment-box {
            display: none;
            position: absolute;
            transition: all .3s ease-in-out;
            z-index: 2;
            height: 38px;
            bottom: 0;
            left: 20px;
            right: 20px;
            color: #fff
        }

            .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-icon {
                padding: 7px
            }

            .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-icon {
                position: absolute;
                left: 0;
                top: 0
            }

            .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-send-icon {
                position: absolute;
                right: 0;
                top: 0
            }

            .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box {
                position: absolute;
                background: rgba(28,28,28,.9);
                bottom: 41px;
                left: 0;
                box-shadow: 0 0 25px rgba(0,0,0,.3);
                border-radius: 4px;
                padding: 10px 10px 16px;
                font-size: 14px;
                width: 204px;
                transition: all .3s ease-in-out;
                -webkit-transform: scale(0);
                transform: scale(0)
            }

                .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box.dplayer-comment-setting-open {
                    -webkit-transform: scale(1);
                    transform: scale(1)
                }

                .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box input[type=radio] {
                    display: none
                }

                .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box label {
                    cursor: pointer
                }

                .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-title {
                    font-size: 13px;
                    color: #fff;
                    line-height: 30px
                }

                .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type {
                    font-size: 0
                }

                    .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type .dplayer-comment-setting-title {
                        margin-bottom: 6px
                    }

                    .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(2) span {
                        border-radius: 4px 0 0 4px
                    }

                    .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(4) span {
                        border-radius: 0 4px 4px 0
                    }

                    .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type span {
                        width: 33%;
                        padding: 4px 6px;
                        line-height: 16px;
                        display: inline-block;
                        font-size: 12px;
                        color: #fff;
                        border: 1px solid #fff;
                        margin-right: -1px;
                        box-sizing: border-box;
                        text-align: center;
                        cursor: pointer
                    }

                    .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type input:checked + span {
                        background: #e4e4e6;
                        color: #1c1c1c
                    }

                .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color {
                    font-size: 0
                }

                    .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color label {
                        font-size: 0;
                        padding: 6px;
                        display: inline-block
                    }

                    .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span {
                        width: 22px;
                        height: 22px;
                        display: inline-block;
                        border-radius: 50%;
                        box-sizing: border-box;
                        cursor: pointer
                    }

                        .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span:hover {
                            -webkit-animation: my-face 5s infinite ease-in-out;
                            animation: my-face 5s infinite ease-in-out
                        }

            .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-input {
                outline: none;
                border: none;
                padding: 8px 31px;
                font-size: 14px;
                line-height: 18px;
                text-align: center;
                border-radius: 4px;
                background: none;
                margin: 0;
                height: 100%;
                box-sizing: border-box;
                width: 100%;
                color: #fff
            }

                .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-input::-webkit-input-placeholder {
                    color: #fff;
                    opacity: .8
                }

                .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-input::placeholder {
                    color: #fff;
                    opacity: .8
                }

                .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-input::-ms-clear {
                    display: none
                }

        .dplayer-controller .dplayer-icons.dplayer-icons-left .dplayer-icon {
            padding: 7px
        }

        .dplayer-controller .dplayer-icons.dplayer-icons-right {
            right: 20px
        }

            .dplayer-controller .dplayer-icons.dplayer-icons-right .dplayer-icon {
                padding: 8px
            }

        .dplayer-controller .dplayer-icons .dplayer-live-badge, .dplayer-controller .dplayer-icons .dplayer-time {
            line-height: 38px;
            color: #eee;
            text-shadow: 0 0 2px rgba(0,0,0,.5);
            vertical-align: middle;
            font-size: 13px;
            cursor: default
        }

        .dplayer-controller .dplayer-icons .dplayer-live-dot {
            display: inline-block;
            width: 6px;
            height: 6px;
            vertical-align: 4%;
            margin-right: 5px;
            content: "";
            border-radius: 6px
        }

        .dplayer-controller .dplayer-icons .dplayer-icon {
            width: 40px;
            height: 100%;
            border: none;
            background-color: transparent;
            outline: none;
            cursor: pointer;
            vertical-align: middle;
            box-sizing: border-box;
            display: inline-block
        }

            .dplayer-controller .dplayer-icons .dplayer-icon .dplayer-icon-content {
                transition: all .2s ease-in-out;
                opacity: .8
            }

            .dplayer-controller .dplayer-icons .dplayer-icon:hover .dplayer-icon-content {
                opacity: 1
            }

            .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-quality-icon {
                color: #fff;
                width: auto;
                line-height: 22px;
                font-size: 14px
            }

            .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-comment-icon {
                padding: 10px 9px 9px
            }

            .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon {
                padding-top: 8.5px
            }

            .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-volume-icon {
                width: 43px
            }

        .dplayer-controller .dplayer-icons .dplayer-volume {
            position: relative;
            display: inline-block;
            cursor: pointer;
            height: 100%
        }

            .dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-volume-bar-wrap .dplayer-volume-bar {
                width: 45px
            }

                .dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner .dplayer-thumb {
                    -webkit-transform: scale(1);
                    transform: scale(1)
                }

            .dplayer-controller .dplayer-icons .dplayer-volume.dplayer-volume-active .dplayer-volume-bar-wrap .dplayer-volume-bar {
                width: 45px
            }

                .dplayer-controller .dplayer-icons .dplayer-volume.dplayer-volume-active .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner .dplayer-thumb {
                    -webkit-transform: scale(1);
                    transform: scale(1)
                }

            .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap {
                display: inline-block;
                margin: 0 10px 0 -5px;
                vertical-align: middle;
                height: 100%
            }

                .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar {
                    position: relative;
                    top: 17px;
                    width: 0;
                    height: 3px;
                    background: #aaa;
                    transition: all .3s ease-in-out
                }

                    .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        height: 100%;
                        transition: all .1s ease;
                        will-change: width
                    }

                        .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner .dplayer-thumb {
                            position: absolute;
                            top: 0;
                            right: 5px;
                            margin-top: -4px;
                            margin-right: -10px;
                            height: 11px;
                            width: 11px;
                            border-radius: 50%;
                            cursor: pointer;
                            transition: all .3s ease-in-out;
                            -webkit-transform: scale(0);
                            transform: scale(0)
                        }

        .dplayer-controller .dplayer-icons .dplayer-setting, .dplayer-controller .dplayer-icons .dplayer-subtitle-btn {
            display: inline-block;
            height: 100%
        }

            .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box {
                position: absolute;
                right: 0;
                bottom: 50px;
                -webkit-transform: scale(0);
                transform: scale(0);
                width: 150px;
                border-radius: 2px;
                background: rgba(28,28,28,.9);
                padding: 7px 0;
                transition: all .3s ease-in-out;
                overflow: hidden;
                z-index: 2
            }

                .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box > div {
                    display: none
                }

                    .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box > div.dplayer-setting-origin-panel {
                        display: block
                    }

                .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-open {
                    -webkit-transform: scale(1);
                    transform: scale(1)
                }

                .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-narrow {
                    width: 70px;
                    height: 180px;
                    text-align: center
                }

                .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-speed .dplayer-setting-origin-panel {
                    display: none
                }

                .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-speed .dplayer-setting-speed-panel {
                    display: block
                }

            .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item, .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item {
                height: 30px;
                padding: 5px 10px;
                box-sizing: border-box;
                cursor: pointer;
                position: relative
            }

                .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item:hover, .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item:hover {
                    background-color: hsla(0,0%,100%,.1)
                }

            .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku {
                padding: 5px 0
            }

                .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-label {
                    padding: 0 10px;
                    display: inline
                }

                .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-label {
                    display: none
                }

                .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-danmaku-bar-wrap {
                    display: inline-block
                }

                .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-label {
                    display: none
                }

                .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-danmaku-bar-wrap {
                    display: inline-block
                }

                .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap {
                    padding: 0 10px;
                    box-sizing: border-box;
                    display: none;
                    vertical-align: middle;
                    height: 100%;
                    width: 100%
                }

                    .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar {
                        position: relative;
                        top: 8.5px;
                        width: 100%;
                        height: 3px;
                        background: #fff;
                        transition: all .3s ease-in-out
                    }

                        .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner {
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            height: 100%;
                            transition: all .1s ease;
                            background: #aaa;
                            will-change: width
                        }

                            .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner .dplayer-thumb {
                                position: absolute;
                                top: 0;
                                right: 5px;
                                margin-top: -4px;
                                margin-right: -10px;
                                height: 11px;
                                width: 11px;
                                border-radius: 50%;
                                cursor: pointer;
                                transition: all .3s ease-in-out;
                                background: #aaa
                            }

        .dplayer-controller .dplayer-icons .dplayer-full {
            display: inline-block;
            height: 100%;
            position: relative
        }

            .dplayer-controller .dplayer-icons .dplayer-full:hover .dplayer-full-in-icon {
                display: block
            }

            .dplayer-controller .dplayer-icons .dplayer-full .dplayer-full-in-icon {
                position: absolute;
                top: -30px;
                z-index: 1;
                display: none
            }

        .dplayer-controller .dplayer-icons .dplayer-quality {
            position: relative;
            display: inline-block;
            height: 100%;
            z-index: 2
        }

            .dplayer-controller .dplayer-icons .dplayer-quality:hover .dplayer-quality-list, .dplayer-controller .dplayer-icons .dplayer-quality:hover .dplayer-quality-mask {
                display: block
            }

            .dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-mask {
                display: none;
                position: absolute;
                bottom: 38px;
                left: -18px;
                width: 80px;
                padding-bottom: 12px
            }

            .dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-list {
                display: none;
                font-size: 12px;
                width: 80px;
                border-radius: 2px;
                background: rgba(28,28,28,.9);
                padding: 5px 0;
                transition: all .3s ease-in-out;
                overflow: hidden;
                color: #fff;
                text-align: center
            }

            .dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-item {
                height: 25px;
                box-sizing: border-box;
                cursor: pointer;
                line-height: 25px
            }

                .dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-item:hover {
                    background-color: hsla(0,0%,100%,.1)
                }

        .dplayer-controller .dplayer-icons .dplayer-comment {
            display: inline-block;
            height: 100%
        }

        .dplayer-controller .dplayer-icons .dplayer-label {
            color: #eee;
            font-size: 13px;
            display: inline-block;
            vertical-align: middle;
            white-space: nowrap
        }

        .dplayer-controller .dplayer-icons .dplayer-toggle {
            width: 32px;
            height: 20px;
            text-align: center;
            font-size: 0;
            vertical-align: middle;
            position: absolute;
            top: 5px;
            right: 10px
        }

            .dplayer-controller .dplayer-icons .dplayer-toggle input {
                max-height: 0;
                max-width: 0;
                display: none
            }

                .dplayer-controller .dplayer-icons .dplayer-toggle input + label {
                    display: inline-block;
                    position: relative;
                    box-shadow: inset 0 0 0 0 #dfdfdf;
                    border: 1px solid #dfdfdf;
                    height: 20px;
                    width: 32px;
                    border-radius: 10px;
                    box-sizing: border-box;
                    cursor: pointer;
                    transition: .2s ease-in-out
                }

                    .dplayer-controller .dplayer-icons .dplayer-toggle input + label:after, .dplayer-controller .dplayer-icons .dplayer-toggle input + label:before {
                        content: "";
                        position: absolute;
                        display: block;
                        height: 18px;
                        width: 18px;
                        top: 0;
                        left: 0;
                        border-radius: 15px;
                        transition: .2s ease-in-out
                    }

                    .dplayer-controller .dplayer-icons .dplayer-toggle input + label:after {
                        background: #fff;
                        box-shadow: 0 1px 3px rgba(0,0,0,.4)
                    }

                .dplayer-controller .dplayer-icons .dplayer-toggle input:checked + label {
                    border-color: hsla(0,0%,100%,.5)
                }

                    .dplayer-controller .dplayer-icons .dplayer-toggle input:checked + label:before {
                        width: 30px;
                        background: hsla(0,0%,100%,.5)
                    }

                    .dplayer-controller .dplayer-icons .dplayer-toggle input:checked + label:after {
                        left: 12px
                    }

.dplayer-danmaku {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 22px;
    color: #fff
}

    .dplayer-danmaku .dplayer-danmaku-item {
        display: inline-block;
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none;
        cursor: default;
        white-space: nowrap;
        text-shadow: .5px .5px .5px rgba(0,0,0,.5)
    }

    .dplayer-danmaku .dplayer-danmaku-item--demo {
        position: absolute;
        visibility: hidden
    }

    .dplayer-danmaku .dplayer-danmaku-right {
        position: absolute;
        right: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

        .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move {
            will-change: transform;
            -webkit-animation: danmaku 5s linear;
            animation: danmaku 5s linear;
            -webkit-animation-play-state: paused;
            animation-play-state: paused
        }

@-webkit-keyframes danmaku {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes danmaku {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.dplayer-danmaku .dplayer-danmaku-bottom, .dplayer-danmaku .dplayer-danmaku-top {
    position: absolute;
    width: 100%;
    text-align: center;
    visibility: hidden
}

    .dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move, .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move {
        will-change: visibility;
        -webkit-animation: danmaku-center 4s linear;
        animation: danmaku-center 4s linear;
        -webkit-animation-play-state: paused;
        animation-play-state: paused
    }

@-webkit-keyframes danmaku-center {
    0% {
        visibility: visible
    }

    to {
        visibility: visible
    }
}

@keyframes danmaku-center {
    0% {
        visibility: visible
    }

    to {
        visibility: visible
    }
}

.dplayer-logo {
    pointer-events: none;
    position: absolute;
    left: 20px;
    top: 20px;
    max-width: 50px;
    max-height: 50px
}

    .dplayer-logo img {
        max-width: 100%;
        max-height: 100%;
        background: none
    }

.dplayer-menu {
    position: absolute;
    width: 170px;
    border-radius: 2px;
    background: rgba(28,28,28,.85);
    padding: 5px 0;
    overflow: hidden;
    z-index: 3;
    display: none
}

    .dplayer-menu.dplayer-menu-show {
        display: block
    }

    .dplayer-menu .dplayer-menu-item {
        height: 30px;
        box-sizing: border-box;
        cursor: pointer
    }

        .dplayer-menu .dplayer-menu-item:hover {
            background-color: hsla(0,0%,100%,.1)
        }

        .dplayer-menu .dplayer-menu-item a {
            padding: 0 10px;
            line-height: 30px;
            color: #eee;
            font-size: 13px;
            display: inline-block;
            vertical-align: middle;
            width: 100%;
            box-sizing: border-box;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

            .dplayer-menu .dplayer-menu-item a:hover {
                text-decoration: none
            }

.dplayer-notice {
    opacity: 0;
    position: absolute;
    bottom: 60px;
    left: 20px;
    font-size: 14px;
    border-radius: 2px;
    background: rgba(28,28,28,.9);
    padding: 7px 20px;
    transition: all .3s ease-in-out;
    overflow: hidden;
    color: #fff;
    pointer-events: none
}

.dplayer-subtitle {
    position: absolute;
    bottom: 40px;
    width: 90%;
    left: 5%;
    text-align: center;
    color: #fff;
    text-shadow: .5px .5px .5px rgba(0,0,0,.5);
    font-size: 20px
}

    .dplayer-subtitle.dplayer-subtitle-hide {
        display: none
    }

.dplayer-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: none
}

    .dplayer-mask.dplayer-mask-show {
        display: block
    }

.dplayer-video-wrap {
    position: relative;
    background: #000;
    font-size: 0;
    width: 100%;
    height: 100%
}

    .dplayer-video-wrap .dplayer-video {
        width: 100%;
        height: 100%;
        display: none
    }

    .dplayer-video-wrap .dplayer-video-current {
        display: block
    }

    .dplayer-video-wrap .dplayer-video-prepare {
        display: none
    }

.dplayer-info-panel {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 400px;
    background: rgba(28,28,28,.8);
    padding: 10px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px
}

.dplayer-info-panel-hide {
    display: none
}

.dplayer-info-panel .dplayer-info-panel-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.dplayer-info-panel .dplayer-info-panel-item > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.dplayer-info-panel .dplayer-info-panel-item-title {
    width: 100px;
    text-align: right;
    margin-right: 10px
}

.dplayer-info-panel .dplayer-info-panel-item-data {
    width: 260px
}