.common-checkout {
    display: inline-block;
    cursor: pointer
}

.common-checkout .checkout-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1
}

.common-checkout .icon {
    vertical-align: middle;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: none
}

.common-checkout .checkbox-disabled {
    cursor: not-allowed
}

.common-loading[data-v-26c84f86] {
    position: relative;
    display: inline-block
}

.common-loading-content[data-v-26c84f86] {
    position: absolute
}

.mmd-loading-wrap[data-v-26c84f86] {
    animation: mmd-loading-animation-wrap-26c84f86 2.5s linear infinite;
    -webkit-animation: mmd-loading-animation-wrap-26c84f86 2.5s linear infinite
}

.mmd-loading-circle-layout[data-v-26c84f86] {
    width: 100%;
    height: 100%;
    animation: mmd-loading-animation-circle-26c84f86 3s cubic-bezier(.4, 0, .2, 1) infinite;
    -webkit-animation: mmd-loading-animation-circle-26c84f86 3s cubic-bezier(.4, 0, .2, 1) infinite
}

.mmd-loading-layout-left[data-v-26c84f86] {
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.mmd-loading-layout-right[data-v-26c84f86] {
    float: right;
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.mmd-loading-circle-left-com[data-v-26c84f86] {
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-radius: 50%;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    animation: loading-animation-circle-left-26c84f86 1.5s cubic-bezier(.4, 0, .2, 1) infinite;
    -webkit-animation: loading-animation-circle-left-26c84f86 1.5s cubic-bezier(.4, 0, .2, 1) infinite
}

.mmd-loading-circle-right-com[data-v-26c84f86] {
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-radius: 50%;
    -webkit-transform: rotate(-310deg);
    transform: rotate(-310deg);
    animation: loading-animation-circle-right-26c84f86 1.5s cubic-bezier(.4, 0, .2, 1) infinite;
    -webkit-animation: loading-animation-circle-right-26c84f86 1.5s cubic-bezier(.4, 0, .2, 1) infinite
}

@-webkit-keyframes loading-animation-circle-left-26c84f86 {
    0% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }

    50% {
        -webkit-transform: rotate(-100deg);
        transform: rotate(-100deg)
    }

    to {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

@keyframes loading-animation-circle-left-26c84f86 {
    0% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }

    50% {
        -webkit-transform: rotate(-100deg);
        transform: rotate(-100deg)
    }

    to {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

@-webkit-keyframes loading-animation-circle-right-26c84f86 {
    0% {
        -webkit-transform: rotate(-310deg);
        transform: rotate(-310deg)
    }

    50% {
        -webkit-transform: rotate(-170deg);
        transform: rotate(-170deg)
    }

    to {
        -webkit-transform: rotate(-310deg);
        transform: rotate(-310deg)
    }
}

@keyframes loading-animation-circle-right-26c84f86 {
    0% {
        -webkit-transform: rotate(-310deg);
        transform: rotate(-310deg)
    }

    50% {
        -webkit-transform: rotate(-170deg);
        transform: rotate(-170deg)
    }

    to {
        -webkit-transform: rotate(-310deg);
        transform: rotate(-310deg)
    }
}

@-webkit-keyframes mmd-loading-animation-circle-26c84f86 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

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

    75% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }

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

@keyframes mmd-loading-animation-circle-26c84f86 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

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

    75% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }

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

@-webkit-keyframes mmd-loading-animation-wrap-26c84f86 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes mmd-loading-animation-wrap-26c84f86 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

.otcReminder[data-v-5c0fcbdb] {
    margin-top: 40px;
    font-size: 12px
}

.otcReminder .otcReminder-title[data-v-5c0fcbdb] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.otcReminder .otcReminder-list[data-v-5c0fcbdb] {
    line-height: 22px;
    margin-top: 20px
}

.otcReminder .otcReminder-list li[data-v-5c0fcbdb] {
    max-width: 680px
}

.page-banner {
    height: 200px;
    padding-top: 1px;
    margin-top: 0;
    text-align: center;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: cover !important
}

.page-banner .title {
    font-weight: 400;
    margin: 70px 0 20px
}

.common-redio {
    display: inline-block;
    cursor: pointer
}

.common-redio .redio-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1
}

.common-redio .redio-list-content {
    padding: 14px 16px;
    border-radius: 4px;
    border-width: 1.5px;
    border-style: solid;
    position: relative
}

.common-redio .redio-list-content .option-active {
    position: absolute;
    top: -1px;
    right: -1px
}

.common-redio .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 4px;
    fill: none
}

.common-redio .redio-disabled {
    cursor: not-allowed
}

.switchWrap {
    cursor: pointer;
    position: relative
}

.switchWrap .circle {
    position: absolute;
    -webkit-transition: all .35s;
    transition: all .35s
}

.common-AliyunCaptcha-errorStence[data-v-a2be4668] {
    height: 24px;
    position: relative
}

.common-AliyunCaptcha-errorStence .common-AliyunCaptcha-error[data-v-a2be4668] {
    position: absolute;
    bottom: 2px;
    margin: 0;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#common-AliyunCaptcha[data-v-a2be4668] {
    height: 40px;
    margin-bottom: 20px
}

#common-AliyunCaptcha #ln[data-v-a2be4668] .nc_wrapper {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    overflow: hidden
}

#common-AliyunCaptcha #ln[data-v-a2be4668] .nc_wrapper .nc_scale {
    height: 40px;
    line-height: 40px
}

#common-AliyunCaptcha #ln[data-v-a2be4668] .nc_wrapper .btn_error,
#common-AliyunCaptcha #ln[data-v-a2be4668] .nc_wrapper .btn_ok,
#common-AliyunCaptcha #ln[data-v-a2be4668] .nc_wrapper .btn_slide {
    width: 55px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    border: none
}

#common-AliyunCaptcha #ln[data-v-a2be4668] .nc_wrapper .scale_text {
    line-height: 40px
}

#common-AliyunCaptcha #ln[data-v-a2be4668] .nc_wrapper .nc-lang-cnt {
    height: 40px;
    line-height: 40px;
    background: none;
    -webkit-text-fill-color: currentColor
}

.common-geetest .common-geetest-baseStance {
    position: relative;
    height: 38px;
    border-bottom-width: 2px;
    border-bottom-style: solid
}

.common-geetest .common-geetest-baseStance .common-geetest-activeLine {
    position: absolute;
    top: 38px;
    height: 2px;
    width: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.common-geetest .common-geetest-baseStance .common-geetest-loading {
    position: absolute;
    height: 30px;
    line-height: 30px;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 14px
}

.common-geetest .common-geetest-errorStence {
    height: 24px;
    position: relative
}

.common-geetest .common-geetest-errorStence .common-geetest-error {
    position: absolute;
    bottom: 2px;
    margin: 0;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#captchaBox .geetest_wind {
    height: 38px
}

#captchaBox .geetest_radar {
    width: 24px;
    height: 24px;
    top: 3px
}

#captchaBox .geetest_radar_tip_content,
#captchaBox geetest_reset_tip_content {
    font-size: 14px
}

#captchaBox .geetest_radar_tip,
#captchaBox .geetest_reset_tip_content {
    height: 38px;
    line-height: 42px
}

#captchaBox .geetest_holder.geetest_wind.geetest_radar_click_ready .geetest_radar_tip {
    opacity: 1
}

#captchaBox .geetest_holder.geetest_wind .geetest_radar_btn,
#captchaBox .geetest_holder.geetest_wind .geetest_radar_btn:hover {
    background: none;
    border: none
}

#captchaBox .geetest_holder.geetest_wind .geetest_success_btn,
#captchaBox .geetest_holder.geetest_wind .geetest_success_btn:hover {
    border: none;
    height: 38px;
    background-color: transparent
}

#captchaBox .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box .geetest_success_show {
    background: none;
    border: none
}

#captchaBox .geetest_logo,
#captchaBox .geetest_success_logo {
    display: none
}

.common-verify {
    position: relative;
    z-index: 1
}

.common-header {
    width: 100%;
    height: 60px;
    font-family: HarmonyOS-Medium
}

.common-header .common-dialog .dialog-frame {
    border-radius: 4px;
    overflow: hidden
}

.common-header .header_wrap {
    -ms-flex-align: center;
    height: 100%
}

.common-header .header_wrap,
.common-header .header_wrap .header-nav_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.common-header .header_wrap .header-nav_section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center
}

.common-header .header_wrap .logo-icon {
    cursor: pointer;
    padding: 0 24px 0 20px
}

.common-header .header_wrap .logo-icon img {
    max-height: 50px;
    max-width: 160px;
    vertical-align: middle
}

.common-header .header_wrap .header-nav_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.common-header .header_wrap .header-nav_wrap .nav-subscript {
    padding-left: 4px
}

.common-header .header_wrap .header-nav_wrap .nav-subscript,
.common-header .header_wrap .header-nav_wrap .sub-nav-subscript {
    line-height: 1
}

.common-header .header_wrap .header-nav_wrap .nav-subscript img,
.common-header .header_wrap .header-nav_wrap .sub-nav-subscript img {
    width: 28px;
    height: 14px;
    vertical-align: middle
}

.common-header .header_wrap .header-nav_wrap .header-nav_item {
    font-weight: 500;
    line-height: 60px;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.common-header .header_wrap .header-nav_wrap .header-nav_item .icon {
    width: .5em;
    height: .5em;
    vertical-align: middle
}

.common-header .header_wrap .header-nav_wrap .header-nav_item .hoverShow {
    display: none
}

.common-header .header_wrap .header-nav_wrap .header-nav_item .header-subNav_wrap {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    padding: 12px 8px;
    border-radius: 4px;
    z-index: 100
}

.common-header .header_wrap .header-nav_wrap .header-nav_item .header-subNav_wrap .header-subNav_item {
    cursor: pointer;
    text-align: left;
    min-width: 160px;
    padding: 0 20px;
    line-height: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.common-header .header_wrap .header-nav_wrap .header-nav_item:hover {
    line-height: 60px
}

.common-header .header_wrap .header-nav_wrap .header-nav_item:hover .hoverHide {
    display: none
}

.common-header .header_wrap .header-nav_wrap .header-nav_item:hover .hoverShow {
    display: inline-block
}

.common-header .header_wrap .header-nav_wrap .header-nav_item:hover .header-subNav_wrap {
    display: block
}

.common-header .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    height: auto
}

.common-header .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item img.logo {
    width: 28px;
    height: 28px;
    margin-right: 12px
}

.common-header .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item dl {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap
}

.common-header .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item dt {
    line-height: 18px;
    margin-bottom: 4px
}

.common-header .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item dd {
    font-size: 12px;
    line-height: 14px
}

.common-header .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item .active-icon {
    width: 16px;
    margin-left: 20px
}

.common-header .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item svg {
    width: 16px;
    display: none
}

.common-header .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item:hover svg.icon {
    display: block
}

.common-header .header_wrap .showScroll {
    cursor: pointer;
    position: relative;
    line-height: 60px
}

.common-header .header_wrap .showScroll .showScroll-menu .icon {
    width: .5em;
    height: .5em;
    vertical-align: middle
}

.common-header .header_wrap .showScroll .hoverShow {
    display: none
}

.common-header .header_wrap .showScroll .scroll-list-box {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    padding: 12px 8px;
    border-radius: 4px;
    z-index: 100
}

.common-header .header_wrap .showScroll .scroll-list-box .scroll-nav_item {
    cursor: pointer;
    text-align: left;
    min-width: 160px;
    padding: 0 20px;
    line-height: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    white-space: nowrap
}

.common-header .header_wrap .showScroll .scroll-list-box .scroll-nav_item .subNav_wrap {
    display: none
}

.common-header .header_wrap .showScroll .scroll-list-box .scroll-nav_item .active-icon {
    width: 16px
}

.common-header .header_wrap .showScroll .scroll-list-box .scroll-nav_item .scroll-subNav_item {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    height: auto;
    display: none
}

.common-header .header_wrap .showScroll .scroll-list-box .scroll-nav_item .scroll-subNav_item .active-icon {
    width: 16px;
    margin-left: 20px
}

.common-header .header_wrap .showScroll .scroll-list-box .scroll-nav_item .scroll-subNav_item_one {
    cursor: pointer;
    text-align: left;
    min-width: 160px;
    padding: 0 20px;
    line-height: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    display: none
}

.common-header .header_wrap .showScroll .scroll-list-box .scroll-nav_item:hover .subNav_wrap {
    display: block;
    position: absolute;
    top: 0;
    left: 160px;
    padding: 12px 8px;
    border-radius: 4px;
    z-index: 100
}

.common-header .header_wrap .showScroll .scroll-list-box .scroll-nav_item:hover .subNav_wrap .scroll-subNav_item_one {
    display: block
}

.common-header .header_wrap .showScroll .scroll-list-box .scroll-nav_item:hover .scroll-subNav_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-header .header_wrap .showScroll .scroll-list-box .scroll-nav_item img.logo {
    width: 28px;
    height: 28px;
    margin-right: 12px
}

.common-header .header_wrap .showScroll .scroll-list-box .scroll-nav_item dl {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap
}

.common-header .header_wrap .showScroll .scroll-list-box .scroll-nav_item dt {
    line-height: 18px;
    margin-bottom: 4px
}

.common-header .header_wrap .showScroll .scroll-list-box .scroll-nav_item dd {
    font-size: 12px;
    line-height: 14px
}

.common-header .header_wrap .showScroll:hover .hoverHide {
    display: none
}

.common-header .header_wrap .showScroll:hover .hoverShow {
    display: inline-block
}

.common-header .header_wrap .showScroll:hover .scroll-list-box {
    display: block
}

.common-header .header_wrap .header-options_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.common-header .header_wrap .header-options_wrap .header-sign {
    margin-right: 20px
}

.common-header .header_wrap .header-options_wrap .header-sign .login-btn {
    margin-right: 20px;
    cursor: pointer
}

.common-header .header_wrap .header-options_wrap .header-sign .register-btn {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    cursor: pointer
}

.common-header .header_wrap .header-options_wrap .header-sign .register-btn .hover-layout {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none
}

.common-header .header_wrap .header-options_wrap .header-sign .register-btn:hover .hover-layout {
    display: block
}

.common-header .header_wrap .header-options_wrap .header-options_title {
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 60px
}

.common-header .header_wrap .header-options_wrap .header-options_title .options-list {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    padding: 12px 8px;
    border-radius: 0 0 4px 4px;
    max-height: 300px;
    overflow: auto;
    z-index: 10
}

.common-header .header_wrap .header-options_wrap .header-options_title .options-list .options-list_item {
    cursor: pointer;
    text-align: left;
    min-width: 144px;
    padding: 0 12px;
    line-height: 36px;
    height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    white-space: nowrap
}

.common-header .header_wrap .header-options_wrap .header-options_title:hover .header-assets-overview,
.common-header .header_wrap .header-options_wrap .header-options_title:hover .options-list,
.common-header .header_wrap .header-options_wrap .header-options_title:hover .qrcode-wrap {
    display: block
}

.common-header .header_wrap .header-options_wrap .assets-title-text {
    padding-left: 32px
}

.common-header .header_wrap .header-options_wrap .qrcode-wrap {
    position: absolute;
    right: 0;
    height: auto;
    border-radius: 0 0 4px 4px;
    top: 60px;
    overflow: hidden;
    display: none;
    padding: 12px 0;
    width: 160px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    z-index: 100;
    line-height: 1
}

.common-header .header_wrap .header-options_wrap .qrcode-wrap img {
    width: 136px;
    height: 136px;
    border-radius: 4px
}

.common-header .header_wrap .header-options_wrap .qrcode-wrap .download-options-codeText {
    font-size: 12px;
    margin-top: 12px;
    line-height: 1
}

.common-header .header_wrap .header-options_wrap .qrcode-wrap .download-btn {
    width: 136px;
    height: 30px;
    border-radius: 4px;
    font-size: 12px;
    position: relative;
    margin-top: 12px
}

.common-header .header_wrap .header-options_wrap .qrcode-wrap .download-btn .hover-layout {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none
}

.common-header .header_wrap .header-options_wrap .qrcode-wrap .download-btn:hover .hover-layout {
    display: block
}

.common-header .header_wrap .header-options_wrap .header-setting_icon {
    cursor: pointer
}

.common-header .header_wrap .header-options_wrap .header-setting_icon .icon-hover,
.common-header .header_wrap .header-options_wrap .header-setting_icon:hover .icon-static {
    display: none
}

.common-header .header_wrap .header-options_wrap .header-setting_icon:hover .icon-hover {
    display: inline-block
}

.common-header .header_wrap .header-options_wrap .header-message {
    position: relative
}

.common-header .header_wrap .header-options_wrap .header-message .messageCount {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100px;
    top: 20px;
    right: 0
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_info {
    top: 60px;
    display: none;
    position: absolute;
    width: 320px;
    min-height: 100px;
    right: -90px;
    z-index: 10;
    border-radius: 0 0 4px 4px;
    padding-bottom: 12px
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_list {
    padding: 16px 22px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 24px;
    text-align: left;
    font-size: 12px;
    max-height: 260px;
    overflow-y: auto
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_list .header-message_item {
    line-height: 24px;
    overflow: hidden;
    font-size: 12px;
    cursor: pointer
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_more {
    height: 40px;
    padding: 0 22px;
    line-height: 40px;
    text-align: left;
    font-size: 12px;
    cursor: pointer;
    border-radius: 4px
}

.common-header .header_wrap .header-options_wrap .header-message:hover .header-message_info {
    display: block
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_userinfo {
    top: 60px;
    position: absolute;
    display: none;
    width: 240px;
    min-height: 100px;
    right: 0;
    z-index: 11;
    border-radius: 0 0 4px 4px
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_userinfo .userinfo {
    padding: 20px 16px 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_userinfo .userinfo .avatarSelect {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_userinfo .userinfo .authSatus {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 8px;
    line-height: normal;
    gap: 4px;
    border-radius: 4px;
    font-size: 12px
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_userinfo .userinfo .authSatus span {
    line-height: 14px;
    margin-top: 1px
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_userinfo .userText {
    height: 21px;
    line-height: 21px;
    font-family: HarmonyOS-Bold;
    font-size: 16px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_userinfo .userStatus {
    height: 17px;
    line-height: 17px;
    font-size: 12px
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_userinfo .header-message_useritem_quit {
    height: 48px;
    line-height: 48px !important
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_userinfo .header-message_useritem {
    cursor: pointer;
    text-align: left;
    min-width: 144px;
    padding: 16px;
    line-height: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 4px
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_userinfo .header-message_useritem svg {
    margin-right: 12px
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_userinfo .header-message_useritem .taskUndone-tip {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: red;
    border-radius: 100%;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_userinfo .loginOut {
    border-top-width: 1px;
    border-top-style: solid;
    padding: 0 16px !important
}

.common-header .header_wrap .header-options_wrap .header-message .header-message_userinfo .loginOut svg {
    margin-left: 0;
    margin-right: 12px
}

.common-header .header_wrap .header-options_wrap .header-message:hover .header-message_userinfo {
    display: block
}

.common-header .header_wrap .header-options_wrap .header-language {
    margin-right: 20px;
    padding-left: 10px;
    position: relative
}

.common-header .header_wrap .header-options_wrap .header-language .langAndCurrency-list {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    max-height: 300px;
    overflow: hidden;
    padding: 16px 2px;
    border-radius: 0 0 4px 4px;
    z-index: 100
}

.common-header .header_wrap .header-options_wrap .header-language .lang-selected {
    cursor: pointer;
    line-height: 60px
}

.common-header .header_wrap .header-options_wrap .header-language .lang-list_wrap {
    padding: 0 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.common-header .header_wrap .header-options_wrap .header-language .list-title {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 7px;
    padding-left: 12px
}

.common-header .header_wrap .header-options_wrap .header-language .header-lang_list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}

.common-header .header_wrap .header-options_wrap .header-language .header-lang_list .header-lang_item {
    cursor: pointer;
    text-align: left;
    min-width: 144px;
    padding: 0 12px;
    line-height: 36px;
    height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.common-header .header_wrap .header-options_wrap .header-language:hover .langAndCurrency-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.common-header .header-assets-overview {
    display: none;
    width: 320px;
    position: absolute;
    top: 60px;
    right: 0;
    border-radius: 0 0 4px 4px;
    overflow: auto;
    z-index: 10;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.common-header .header-assets-overview .assets-totalFold {
    padding: 24px 20px 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.common-header .header-assets-overview .assets-totalFold .totalFold-title {
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px
}

.common-header .header-assets-overview .assets-totalFold .totalFold-title .icon-eye {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    text-align: center;
    line-height: 20px;
    margin-left: 4px;
    display: inline-block
}

.common-header .header-assets-overview .assets-totalFold .totalFold-title .icon-eye .icon {
    vertical-align: middle
}

.common-header .header-assets-overview .assets-totalFold .totalFold-num {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px
}

.common-header .header-assets-overview .assets-totalFold .assets-operation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.common-header .header-assets-overview .assets-totalFold .assets-operation .operation-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 12px
}

.common-header .header-assets-overview .assets-totalFold .assets-operation .operation-btn:last-child {
    margin-right: 0
}

.common-header .header-assets-overview .overview-list {
    padding: 4px 0
}

.common-header .header-assets-overview .overview-list .overview-list_item {
    padding: 16px 20px;
    font-size: 16px;
    line-height: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-header .header-assets-overview .overview-list .overview-list_item .item-titleText {
    margin-bottom: 4px
}

.common-header .header-assets-overview .overview-list .overview-list_item .item-percent {
    font-size: 12px;
    line-height: 14px
}

.footer-box {
    min-height: 264px;
    padding-bottom: 40px;
    margin-top: 4px
}

.footer-box .temp-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-box .temp-footer .temp-footer-logo {
    width: 146px;
    -webkit-transform: translateY(-36px);
    transform: translateY(-36px)
}

.footer-box .temp-footer .temp-footer-logo .logo-img {
    max-height: 50px;
    margin-bottom: 12px
}

.footer-box .temp-footer .temp-footer-logo .temp-footer-communication {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 22px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-box .temp-footer .temp-footer-logo .temp-footer-communication li {
    margin-right: 12px;
    margin-bottom: 12px
}

.footer-box .temp-footer .temp-footer-logo .temp-footer-communication li img {
    width: 24px
}

.footer-box .temp-footer .temp-footer-logo .copy-right {
    font-size: 14px
}

.footer-box .temp-footer .empty-col-3 {
    width: 200px;
    height: 100%
}

.footer-box .temp-footer .empty-col-4 {
    width: 120px;
    height: 100%
}

.footer-box .temp-footer .temp-footer-template {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

.footer-box .temp-footer .temp-footer-template .temp-footer-menuList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-box .temp-footer .temp-footer-template .temp-footer-menuItem {
    margin-bottom: 12px
}

.footer-box .temp-footer .temp-footer-template .temp-footer-menuItem .menuItem-title {
    display: inline-block;
    margin-bottom: 16px;
    font-size: 18px
}

.footer-box .temp-footer .temp-footer-template .menuItem-child {
    width: 150px;
    line-height: 16px;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.footer-box .temp-footer .temp-footer-template .menuItem-child .hoverShow {
    display: none
}

.footer-box .temp-footer .temp-footer-template .menuItem-child :hover .hoverShow {
    display: inline-block
}

.footer-box .temp-footer .temp-footer-template .menuItem-child :hover .hoverHide {
    display: none
}

.no-margin {
    margin-top: 0
}

.footer-bar {
    font-size: 14px;
    padding-top: 40px;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.footer-default {
    padding-top: 80px
}

.footer-logo {
    width: 260px;
    float: left;
    padding-left: 40px
}

.footer-logo img {
    max-height: 70px
}

.logo {
    max-height: 120px;
    max-width: 120px
}

.footer-menu {
    margin: 0 auto;
    width: 1200px
}

.footer-template {
    width: 900px;
    overflow: hidden;
    float: right
}

.menu-ul-default {
    width: 100%
}

.menu-ul-default li {
    float: left;
    width: 260px;
    padding-left: 40px;
    line-height: 26px
}

.menu-ul-default li .hoverShow {
    display: none
}

.menu-ul-default li:hover .hoverShow {
    display: inline-block
}

.menu-ul-default li:hover .hoverHide {
    display: none
}

.menu-ul-default .tit {
    margin-bottom: 15px
}

.int-footer-bar {
    padding: 96px 110px 0 110px
}

.int-footer-left {
    float: left
}

.int-footer-left p {
    line-height: 26px
}

.int-footer-logo {
    width: 260px;
    margin-bottom: 40px
}

.int-footer-template {
    float: right
}

.menu-ul-int {
    width: 600px
}

.menu-ul-int li {
    float: left;
    width: 150px;
    padding-left: 40px;
    line-height: 26px
}

.menu-ul-int li .hoverShow {
    display: none
}

.menu-ul-int li:hover .hoverShow {
    display: inline-block
}

.menu-ul-int li:hover .hoverHide {
    display: none
}

.menu-ul-int .tit {
    margin-bottom: 15px
}

.footer-box .copy {
    text-align: center;
    padding-top: 20px
}

.footer-box .copy,
.footer-box .int-copy {
    border-top-width: 1px;
    border-top-style: solid;
    font-size: 14px;
    margin-top: 80px
}

.footer-box .int-copy {
    text-align: left;
    padding: 20px 110px 0 110px
}

.common-QRcode .common-QRcode-market[data-v-3e970872] {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1001;
    top: 0;
    left: 0
}

.common-QRcode .common-QRcode-maxEvm[data-v-3e970872] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    padding: 10px;
    border-radius: 2px
}

.common-QRcode .common-QRcode-maxEvm img[data-v-3e970872] {
    min-width: 500px;
    max-width: 740px;
    min-height: 500px;
    max-height: 740px
}

.common-securityAlert-alert .alertError-icon {
    display: none
}

.common-upload[data-v-036912fc] {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.common-upload .upload_upload[data-v-036912fc] {
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: dashed;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.common-upload .upload_input[data-v-036912fc] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer
}

.common-upload .upload_btn[data-v-036912fc] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

.common-upload .upload_btn .icon-20[data-v-036912fc] {
    margin-bottom: 12px
}

.common-upload .upload_btn span[data-v-036912fc] {
    font-size: 12px
}

.common-upload .upload_uploaded[data-v-036912fc] {
    width: 100%;
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%
}

.common-upload .upload_uploaded .delete[data-v-036912fc] {
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    border-radius: 0 0 4px 4px;
    text-align: center;
    line-height: 20px;
    cursor: pointer
}

.common-button {
    font-family: HarmonyOS-Medium !important
}

.common-button.common-button {
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.common-button.common-button .common-button-slot {
    position: relative;
    display: inline
}

.common-button.common-button .button-background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.common-button.common-button-solid {
    font-size: 14px
}

.common-button.common-button-solid-disabled {
    font-size: 14px;
    cursor: not-allowed !important;
    position: relative
}

.common-button.common-button-solid-loading {
    font-size: 14px;
    cursor: not-allowed !important
}

.common-button.common-button-hollow {
    font-size: 14px;
    border-width: 1px;
    border-style: solid
}

.common-button.common-button-hollow-disabled {
    cursor: not-allowed !important
}

.common-button.common-button-text-kind .common-button-slot,
.common-button.common-button-text .common-button-slot {
    font-size: 14px;
    line-height: 16px
}

.common-button.common-button-text-disabled {
    cursor: not-allowed !important
}

.common-button .button-canv {
    position: absolute;
    left: 20px;
    top: 20px;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.common-button .mmd-waves-effect {
    border-radius: 100%;
    background-color: #d8d8d8
}

.common-button .mmd-waves-effect-animation {
    animation: mmd-maves-animation-definition .8s ease-out;
    -moz-animation: mmd-maves-animation-definition .8s ease-out;
    -webkit-animation: mmd-maves-animation-definition .8s ease-out;
    -o-animation: mmd-maves-animation-definition .8s ease-out
}

@-webkit-keyframes mmd-maves-animation-definition {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .5
    }

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

@keyframes mmd-maves-animation-definition {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .5
    }

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

.slideInDown-enter-active[data-v-af8b82f4] {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.slideInDown-leave-active[data-v-af8b82f4] {
    -webkit-transition: all .5s cubic-bezier(1, .5, .8, 1);
    transition: all .5s cubic-bezier(1, .5, .8, 1)
}

.slideInDown-enter[data-v-af8b82f4],
.slideInDown-leave-to[data-v-af8b82f4] {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0
}

.select-options-box[data-v-af8b82f4] {
    position: absolute;
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
    z-index: 2005;
    border-radius: 4px;
    padding: 4px 0;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1)
}

.select-options-box .select-filter[data-v-af8b82f4] {
    padding: 8px 12px
}

.select-options-box .select-search-optional[data-v-af8b82f4] {
    padding: 12px 16px
}

.select-options-box .select-search-optional .search-optional-item[data-v-af8b82f4] {
    margin-bottom: 16px;
    position: relative
}

.select-options-box .select-search-optional .search-optional-item[data-v-af8b82f4]:last-child {
    margin-bottom: 0
}

.select-options-box .select-search-optional .optional-title[data-v-af8b82f4] {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 8px
}

.select-options-box .select-search-optional .optional-list[data-v-af8b82f4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.select-options-box .select-search-optional .optional-list .optional-list-item[data-v-af8b82f4] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer
}

.select-options-box .select-search-optional .optional-delete[data-v-af8b82f4] {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.select-options-box .select-search-optional .optional-delete .hoverShow[data-v-af8b82f4] {
    display: none
}

.select-options-box .select-search-optional .optional-delete:hover .hoverShow[data-v-af8b82f4] {
    display: block
}

.select-options-box .select-search-optional .optional-delete:hover .hoverHide[data-v-af8b82f4] {
    display: none
}

.select-options-box .select-option-list .select-option[data-v-af8b82f4] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.select-options-box .select-option-list .select-option-item[data-v-af8b82f4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
    position: relative
}

.select-options-box .select-option-list .select-option-item .item-colorTag[data-v-af8b82f4] {
    display: inline-block;
    width: 4px;
    height: 14px;
    border-radius: 2px;
    margin-right: 8px;
    vertical-align: middle
}

.select-options-box .select-option-list .select-option-item .item-text[data-v-af8b82f4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.select-options-box .select-option-list .select-option-item .item-text .subText[data-v-af8b82f4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
}

.select-options-box .select-option-list .select-option-item img[data-v-af8b82f4] {
    border-radius: 100%;
    margin-right: 8px
}

.select-options-box .select-option-list .select-option-item svg.icon[data-v-af8b82f4] {
    margin-right: 8px
}

.select-options-box .select-option-list .select-option-item .subText[data-v-af8b82f4] {
    padding-left: 4px
}

.select-options-box .select-option-list .select-option-item .label[data-v-af8b82f4] {
    font-size: 12px;
    line-height: 18px;
    margin-left: 8px
}

.select-options-box .select-option-list .select-option_double .select-option-item[data-v-af8b82f4] {
    display: block;
    padding: 12px 16px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1
}

.select-options-box .select-option-list .select-option_double .select-option-item .item-text[data-v-af8b82f4] {
    line-height: 18px;
    margin-bottom: 4px
}

.select-options-box .select-option-list .select-option_double .select-option-item .subText[data-v-af8b82f4] {
    font-size: 12px;
    line-height: 14px;
    padding-left: 0
}

.select-options-box .select-option-list .select-option_double .select-option-item .item-colorTag[data-v-af8b82f4] {
    display: inline-block;
    width: 4px;
    height: 14px;
    border-radius: 2px;
    margin-right: 8px;
    vertical-align: middle
}

.select-options-box .select-option-list .select-option_double .select-option-item .item-subtitle[data-v-af8b82f4] {
    padding: 2px 4px;
    margin-right: 4px;
    border-radius: 2px
}

.select-options-box .select-option-list .select-option_double .select-option-item .label[data-v-af8b82f4] {
    position: absolute;
    right: 16px;
    top: 22px
}

.select-options-box .select-option-list .not-allow[data-v-af8b82f4] {
    cursor: not-allowed;
    opacity: .6
}

.select-options-box.common-lg-options .select-option-list .select-option-item[data-v-af8b82f4] {
    height: 44px;
    padding: 0 16px
}

.select-options-box.common-lg-options .select-option-list .select-option-item img[data-v-af8b82f4] {
    width: 20px;
    height: 20px
}

.select-options-box.common-lg-options .select-option-list .select-option-item .label[data-v-af8b82f4],
.select-options-box.common-lg-options .select-option-list .select-option-item .subText[data-v-af8b82f4] {
    font-size: 14px;
    line-height: 16px
}

.select-options-box.common-md-options .select-option-list .select-option-item[data-v-af8b82f4] {
    height: 40px;
    padding: 0 12px
}

.select-options-box.common-md-options .select-option-list .select-option-item img[data-v-af8b82f4] {
    width: 20px;
    height: 20px
}

.select-options-box.common-md-options .select-option-list .select-option-item .subText .label[data-v-af8b82f4] {
    font-size: 12px;
    line-height: 14px
}

.select-options-box.common-sm-options .select-option-list .select-option-item[data-v-af8b82f4] {
    height: 40px;
    padding: 0 12px
}

.select-options-box.common-sm-options .select-option-list .select-option-item img[data-v-af8b82f4] {
    width: 20px;
    height: 20px
}

.select-options-box.common-sm-options .select-option-list .select-option-item .subText .label[data-v-af8b82f4] {
    font-size: 12px;
    line-height: 14px
}

.select-options-box.common-none-options .select-option-list .select-option-item[data-v-af8b82f4] {
    height: 40px;
    padding: 0 12px
}

.select-options-box.common-none-options .select-option-list .select-option-item img[data-v-af8b82f4] {
    width: 16px;
    height: 16px
}

.select-options-box.common-none-options .select-option-list .select-option-item .label[data-v-af8b82f4],
.select-options-box.common-none-options .select-option-list .select-option-item .subText[data-v-af8b82f4] {
    font-size: 12px;
    line-height: 14px
}

.select-options-box .not_option[data-v-af8b82f4] {
    height: 216px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.select-options-box .not_option img[data-v-af8b82f4] {
    margin-bottom: 12px
}

.common-select[data-v-d97f6a56] {
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-family: HarmonyOS-Medium;
    line-height: 1
}

.common-select.common-lg-select[data-v-d97f6a56] {
    font-size: 14px
}

.common-select.common-lg-select .input_line_content[data-v-d97f6a56] {
    height: 44px
}

.common-select.common-lg-select .select-img[data-v-d97f6a56] {
    width: 20px;
    height: 20px
}

.common-select.common-md-select[data-v-d97f6a56] {
    font-size: 14px
}

.common-select.common-md-select .input_line_content[data-v-d97f6a56] {
    height: 40px
}

.common-select.common-md-select .select-img[data-v-d97f6a56] {
    width: 20px;
    height: 20px
}

.common-select.common-sm-select[data-v-d97f6a56] {
    font-size: 14px
}

.common-select.common-sm-select .input_line_content[data-v-d97f6a56] {
    height: 32px
}

.common-select.common-sm-select .select-img[data-v-d97f6a56] {
    width: 20px;
    height: 20px
}

.common-select.common-none-select[data-v-d97f6a56] {
    font-size: 14px
}

.common-select.common-none-select .input_line_content[data-v-d97f6a56] {
    border: none;
    padding: 0 12px 0 0
}

.common-select.common-none-select .select-img[data-v-d97f6a56] {
    width: 16px;
    height: 16px
}

.common-select .input_line_content[data-v-d97f6a56] {
    width: 100%;
    padding: 0 12px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border .3s;
    transition: border .3s;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-select .input_line_content input[data-v-d97f6a56] {
    cursor: pointer
}

.common-select .select-img[data-v-d97f6a56] {
    border-radius: 100%;
    margin-right: 8px
}

.common-select .select-color-tag[data-v-d97f6a56] {
    display: inline-block;
    width: 4px;
    height: 14px;
    border-radius: 2px;
    margin-right: 8px
}

.common-select .input_line_label[data-v-d97f6a56] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.common-select .input_line_label_subTitle[data-v-d97f6a56] {
    font-size: 12px;
    margin-left: 6px
}

.common-select .input_line_inp[data-v-d97f6a56] {
    position: absolute;
    outline: none;
    font-family: HarmonyOS-Medium;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.common-select .input_line_prompt[data-v-d97f6a56] {
    line-height: 16px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 8px
}

.common-select .input-line-errorStence[data-v-d97f6a56] {
    width: 100%
}

.common-select .input-line-errorStence.input-error-position[data-v-d97f6a56] {
    position: relative
}

.common-select .input-line-errorStence.input-error-position .input-line-error[data-v-d97f6a56],
.common-select .input-line-errorStence.input-error-position .input-line-warning[data-v-d97f6a56] {
    position: absolute;
    top: 4px;
    line-height: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-select .input-line-errorStence.input-error-block[data-v-d97f6a56] {
    margin-top: 4px;
    position: static
}

.common-select .input-line-errorStence.input-error-block .input-line-error[data-v-d97f6a56] {
    line-height: 16px
}

.common-select .input-line-errorStence.input-error-block .input-line-error[data-v-d97f6a56],
.common-select .input-line-errorStence.input-error-block .input-line-warning[data-v-d97f6a56] {
    position: static;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-select .icon-triangle[data-v-d97f6a56] {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin-left: 4px
}

.common-select .icon-triangle .icon[data-v-d97f6a56] {
    vertical-align: 0
}

.common-select.select-disabled .input_line_inp[data-v-d97f6a56] {
    cursor: no-drop
}

.common-select.select-visible .icon-triangle[data-v-d97f6a56] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.common-input-content[data-v-f62cd942] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: inline-block;
    position: relative;
    font-family: HarmonyOS-Medium;
    font-weight: 500;
    font-size: 14px
}

.common-input-content.common-lg-input .content[data-v-f62cd942] {
    height: 44px
}

.common-input-content.common-md-input .content[data-v-f62cd942] {
    height: 40px
}

.common-input-content.common-sm-input .content[data-v-f62cd942] {
    height: 32px
}

.common-input-content .input_line_prompt[data-v-f62cd942] {
    line-height: 16px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 8px
}

.common-input-content .content[data-v-f62cd942] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.common-input-content .content input[data-v-f62cd942] {
    width: 0;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 12px;
    outline: none;
    font-family: HarmonyOS-Medium;
    font-size: 14px
}

.common-input-content .content input[type=password][data-v-f62cd942] {
    font-family: robotoregular, PingFang SC
}

.common-input-content .content input[data-v-f62cd942]::-webkit-inner-spin-button,
.common-input-content .content input[data-v-f62cd942]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.common-input-content .content input:-webkit-autofill+[data-v-f62cd942],
.common-input-content .content input:-webkit-autofill:active+[data-v-f62cd942],
.common-input-content .content input:-webkit-autofill:focus+[data-v-f62cd942],
.common-input-content .content input:-webkit-autofill:hover+[data-v-f62cd942] {
    cursor: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.common-input-content .clear[data-v-f62cd942] {
    margin-right: 12px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.common-input-content .clear .icon[data-v-f62cd942] {
    vertical-align: 0
}

.common-input-content .clear .hoverShow[data-v-f62cd942],
.common-input-content .clear:hover .hoverHide[data-v-f62cd942] {
    display: none
}

.common-input-content .clear:hover .hoverShow[data-v-f62cd942] {
    display: inline-block
}

.common-input-content .password-toggle-icon[data-v-f62cd942] {
    margin-right: 12px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.common-input-content .password-toggle-icon .icon[data-v-f62cd942] {
    vertical-align: 0
}

.common-input-content .password-toggle-icon .hoverShow[data-v-f62cd942],
.common-input-content .password-toggle-icon:hover .hoverHide[data-v-f62cd942] {
    display: none
}

.common-input-content .password-toggle-icon:hover .hoverShow[data-v-f62cd942] {
    display: inline-block
}

.common-input-content.input-disabled .input_line[data-v-f62cd942] {
    cursor: no-drop
}

.common-input-content .input-line-errorStence[data-v-f62cd942] {
    width: 100%
}

.common-input-content .input-line-errorStence.input-error-position[data-v-f62cd942] {
    position: relative
}

.common-input-content .input-line-errorStence.input-error-position .input-line-error[data-v-f62cd942],
.common-input-content .input-line-errorStence.input-error-position .input-line-warning[data-v-f62cd942] {
    position: absolute;
    top: 4px;
    line-height: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-input-content .input-line-errorStence.input-error-block[data-v-f62cd942] {
    margin-top: 4px;
    position: static
}

.common-input-content .input-line-errorStence.input-error-block .input-line-error[data-v-f62cd942] {
    line-height: 16px
}

.common-input-content .input-line-errorStence.input-error-block .input-line-error[data-v-f62cd942],
.common-input-content .input-line-errorStence.input-error-block .input-line-warning[data-v-f62cd942] {
    position: static;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.upload-attachment[data-v-7b427a92] {
    position: relative;
    display: inline-block;
    min-width: 80px;
    height: 25px;
    line-height: 24px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    font-size: 12px
}

.upload-attachment .upload-btn[data-v-7b427a92] {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    cursor: pointer
}

.upload-attachment .upload-btn input[data-v-7b427a92] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    z-index: -1
}

.upload-attachment .promptText[data-v-7b427a92] {
    margin-left: 4px
}

.upload-attachment .upload-delete[data-v-7b427a92] {
    position: absolute;
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
    cursor: pointer
}

.upload-attachment .upload-delete .icon[data-v-7b427a92] {
    position: absolute;
    left: 0;
    top: 0
}

.common-dialog[data-v-0e251a46] {
    font-family: HarmonyOS-Medium
}

.common-dialog .zoom-enter-active[data-v-0e251a46] {
    -webkit-animation: zoom-in-0e251a46 .5s;
    animation: zoom-in-0e251a46 .5s
}

.common-dialog .zoom-leave-active[data-v-0e251a46] {
    animation: zoom-in-0e251a46 .5s reverse
}

.common-dialog .btnClass[data-v-0e251a46] {
    margin-right: 10px
}

.common-dialog .dialog-markAll[data-v-0e251a46] {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0
}

.common-dialog .dialog-frame[data-v-0e251a46] {
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
    border-radius: 12px;
    max-height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.common-dialog .dialog-frame-head-close[data-v-0e251a46] {
    position: absolute;
    cursor: pointer;
    right: 24px;
    top: 24px;
    z-index: 99
}

.common-dialog .dialog-frame-head-close .hoverShow[data-v-0e251a46],
.common-dialog .dialog-frame-head-close:hover .hoverHide[data-v-0e251a46] {
    display: none
}

.common-dialog .dialog-frame-head-close:hover .hoverShow[data-v-0e251a46] {
    display: block
}

.common-dialog .dialog-frame-head[data-v-0e251a46] {
    width: 100%;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px 12px 0 0;
    text-align: left
}

.common-dialog .dialog-frame-head-text[data-v-0e251a46] {
    font-size: 18px;
    line-height: 20px
}

.common-dialog .dialog-frame-body-content[data-v-0e251a46] {
    padding: 8px 24px 12px
}

.common-dialog .dialog-frame-body[data-v-0e251a46] {
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.common-dialog .dialog-frame-bottom[data-v-0e251a46] {
    padding: 20px 24px 24px;
    margin: 0
}

.common-dialog .dialog-frame-bottom .dialog-frame-options[data-v-0e251a46] {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.common-dialog .dialog-frame-bottom .dialog-frame-options .dialog-button[data-v-0e251a46] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.common-dialog .dialog-frame-bottom .dialog-frame-options .cancel-button[data-v-0e251a46] {
    margin-right: 16px
}

.common-dialog .dialog-frame-bottom .dialog-frame-options.dialog-frame-options-v[data-v-0e251a46] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.common-dialog .dialog-frame-bottom .dialog-frame-options.dialog-frame-options-v .cancel-button[data-v-0e251a46] {
    margin-top: 8px
}

.common-dialog.common-noOption-dialog .dialog-frame-body-content[data-v-0e251a46] {
    padding-bottom: 24px
}

.common-dialog.common-huge-dialog .dialog-frame[data-v-0e251a46] {
    width: 600px
}

.common-dialog.common-large-dialog .dialog-frame[data-v-0e251a46] {
    width: 508px
}

.common-dialog.common-medium-dialog .dialog-frame[data-v-0e251a46] {
    width: 350px
}

.common-dialog.common-small-dialog .dialog-frame[data-v-0e251a46] {
    width: 360px
}

.common-dialog.common-auto-dialog .dialog-frame-body-content[data-v-0e251a46] {
    padding-bottom: 16px
}

.common-dialog.common-auto-dialog .dialog-frame-bottom[data-v-0e251a46] {
    padding-top: 16px
}

@-webkit-keyframes zoom-in-0e251a46 {
    0% {
        opacity: .7;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
        transform: translate3d(-50%, -50%, 0) scale(0)
    }

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

@keyframes zoom-in-0e251a46 {
    0% {
        opacity: .7;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
        transform: translate3d(-50%, -50%, 0) scale(0)
    }

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

.dark-theme .table-prefix-shadow {
    -webkit-box-shadow: 10px 0 10px -10px #000;
    box-shadow: 10px 0 10px -10px #000
}

.dark-theme .table-suffix-shadow {
    -webkit-box-shadow: -10px 0 10px -10px #000;
    box-shadow: -10px 0 10px -10px #000
}

.light-theme .table-prefix-shadow {
    -webkit-box-shadow: 10px 0 10px -10px #fff;
    box-shadow: 10px 0 10px -10px #fff
}

.light-theme .table-suffix-shadow {
    -webkit-box-shadow: -10px 0 10px -10px #fff;
    box-shadow: -10px 0 10px -10px #fff
}

.common-table {
    font-family: HarmonyOS-Medium;
    position: relative;
    scrollbar-color: transparent transparent
}

.common-table ::-webkit-scrollbar-thumb,
.common-table ::-webkit-scrollbar-track {
    background: transparent
}

.common-table .expand-enter-active,
.common-table .expand-leave-active {
    -webkit-transition: all .5s;
    transition: all .5s
}

.common-table .expand-enter,
.common-table .expand-leave-to {
    height: 0
}

.common-table .table-scroll-wrap {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 100%
}

.common-table .common-table-content,
.common-table .common-table-content table {
    width: 100%
}

.common-table .common-table-content .is-hidden {
    visibility: hidden
}

.common-table .common-table-content.is-fixed {
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 100%
}

.common-table .common-table-content.is-fixed .table-scroll-wrap {
    position: absolute;
    top: 0
}

.common-table .common-table-content.is-prefixed,
.common-table .common-table-content.is-prefixed .table-scroll-wrap {
    left: 0
}

.common-table .common-table-content.is-suffixed,
.common-table .common-table-content.is-suffixed .table-scroll-wrap {
    right: 0
}

.common-table .table-head {
    padding: 0 16px 12px;
    border: none;
    font-size: 12px;
    line-height: 14px
}

.common-table .table-head .tr {
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.common-table .table-head .th {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-table .table-head .th:first-child {
    padding-left: 0
}

.common-table .table-head .th:last-child {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    padding-right: 0
}

.common-table .table-head .isSorte {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    line-height: 14px;
    height: 14px
}

.common-table .table-head .isSorte .icon {
    vertical-align: -.1em
}

.common-table .table-body {
    line-height: 16px;
    font-size: 14px
}

.common-table .table-body .table-body-bar {
    padding: 0
}

.common-table .table-body .tr-bg {
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.common-table .table-body .tr-content {
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.common-table .table-body .tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 16px;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.common-table .table-body .td {
    text-align: left;
    vertical-align: middle;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.common-table .table-body .td:first-child {
    padding-left: 0
}

.common-table .table-body .td:last-child {
    text-align: right;
    padding-right: 0
}

.common-table .sub-table {
    overflow: hidden
}

.common-table .sub-table .sub-table-wrap {
    padding: 24px 40px
}

.common-table .sub-table .sub-table-head {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 14px
}

.common-table .sub-table .sub-table-head .sub-tr {
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.common-table .sub-table .sub-table-head .sub-tr .sub-td {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.common-table .sub-table .sub-table-body .sub-tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

.common-table .sub-table .sub-table-body .sub-tr:last-child {
    margin-bottom: 0
}

.common-table .sub-no-data {
    margin-top: 16px;
    text-align: center;
    font-size: 12px
}

.common-table .sub-no-data p {
    margin-top: 12px
}

.common-table .no-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px
}

.common-table .no-data p {
    margin-top: 12px
}

.common-table .common-tabel-content {
    width: 100%
}

.common-table.common-noBorder-table .table-body .tr-content .tr {
    border: none
}

.common-table.common-table-small .table-body {
    font-size: 12px
}

.pagenation-pager[data-v-6e475a78] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pagenation-pager .pager-number[data-v-6e475a78] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    cursor: pointer;
    margin: 0 4px
}

.pagenation-pager .pager-number.more[data-v-6e475a78] {
    cursor: default
}

.common-pagination[data-v-20e8d330] {
    padding: 20px;
    font-family: HarmonyOS-Medium
}

.pagination-bar[data-v-20e8d330] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: right;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination-bar .rotate[data-v-20e8d330] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pagination-bar .num[data-v-20e8d330] {
    margin-right: 12px
}

.pagination-bar .pagination-btn[data-v-20e8d330] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pagination-bar .pagination-btn.btn-prev[data-v-20e8d330] {
    margin-right: 4px
}

.pagination-bar .pagination-btn.btn-next[data-v-20e8d330] {
    margin-left: 4px
}

.pagination-bar .disabled[data-v-20e8d330] {
    cursor: default
}

.common-getCode[data-v-8e2b23f6] {
    font-family: HarmonyOS-Medium;
    padding-right: 12px
}

.common-getCode .double-verify[data-v-8e2b23f6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-getCode .double-verify .cut-line[data-v-8e2b23f6] {
    height: 12px;
    width: 1px;
    margin: 0 8px
}

.common-getCode .times[data-v-8e2b23f6] {
    font-size: 12px;
    line-height: 30px;
    cursor: no-drop;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    padding-right: 10px
}

.common-navTab {
    position: relative;
    font-family: HarmonyOS-Medium;
    font-size: 14px;
    line-height: 16px
}

.common-navTab.common-line-navTab.common-lg-navTab .c_list_nav_item {
    font-size: 16px;
    line-height: 19px;
    padding: 20px 0 16px
}

.common-navTab.common-line-navTab.common-md-navTab .c_list_nav_item {
    padding: 14px 0
}

.common-navTab.common-block-navTab.common-lg-navTab .c_list_nav_item,
.common-navTab.common-iconBlock-navTab.common-lg-navTab .c_list_nav_item {
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    border-radius: 4px;
    margin-right: 12px
}

.common-navTab.common-block-navTab.common-md-navTab .c_list_nav_item,
.common-navTab.common-iconBlock-navTab.common-md-navTab .c_list_nav_item {
    padding: 0 8px;
    font-size: 12px;
    line-height: 14px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    margin-right: 8px
}

.common-navTab.common-card-navTab .c_list_nav_item {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.common-navTab.common-card-navTab.common-lg-navTab .c_list_nav_item {
    height: 32px;
    padding: 0 16px
}

.common-navTab.common-card-navTab.common-md-navTab .c_list_nav_item {
    height: 22px;
    padding: 0 8px
}

.common-navTab .c_list_nav_card {
    width: 100%;
    border-radius: 4px
}

.common-navTab .c_list_nav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.common-navTab .c_list_nav li {
    cursor: pointer;
    position: relative;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.common-navTab .c_list_nav li svg {
    margin-right: 4px
}

.common-navTab .c_list_nav li span {
    letter-spacing: 0;
    text-align: left;
    vertical-align: middle;
    display: inline-block
}

.common-navTab .c_list_nav li:last-child {
    margin-right: 0 !important
}

.common-navTab .c_list_nav li.disabled {
    cursor: not-allowed
}

.common-navTab .c_list_nav .tabItemIndex {
    z-index: 99
}

.common-navTab .active-line {
    width: 24px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.common-navTab .active-block {
    position: absolute;
    height: 100%;
    top: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.echart_box,
.echart_content {
    width: 100%;
    height: 100%
}

.common-popover .scale-fade-enter-active[data-v-74352dd8] {
    -webkit-transition: all .5s;
    transition: all .5s
}

.common-popover .scale-fade-leave-active[data-v-74352dd8] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.common-popover .scale-fade-enter[data-v-74352dd8],
.common-popover .scale-fade-leave-to[data-v-74352dd8] {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.common-popover .defaultBg[data-v-74352dd8] {
    background: #7b828e
}

.common-popover .c-popover_content[data-v-74352dd8] {
    position: fixed;
    padding: 8px 12px;
    max-width: 340px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    z-index: 1100;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.common-popover .c-popover_content .triangle-content[data-v-74352dd8] {
    position: absolute;
    width: 100%;
    height: 7px;
    left: 0
}

.common-popover .c-popover_content .triangle-content.top-triangle[data-v-74352dd8] {
    top: -6px
}

.common-popover .c-popover_content .triangle-content.top-triangle .triangle[data-v-74352dd8] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.common-popover .c-popover_content .triangle-content.bottom-triangle[data-v-74352dd8] {
    bottom: -6px
}

.common-popover .c-popover_content .triangle-content .triangle[data-v-74352dd8] {
    position: absolute;
    top: 0
}

.mirror[data-v-74352dd8] {
    position: fixed;
    max-width: 340px;
    padding: 8px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    left: -99999px;
    top: -99999px;
    opacity: 0
}

.common-quick-select[data-v-5c4ff7af] {
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-family: HarmonyOS-Medium
}

.common-quick-select .colorWhite[data-v-5c4ff7af] {
    color: #fff
}

.common-quick-select .input_line_content[data-v-5c4ff7af] {
    width: 100%;
    height: 44px;
    padding-left: 12px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-quick-select .input-comp[data-v-5c4ff7af] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.common-quick-select .input-comp[data-v-5c4ff7af],
.common-quick-select .select-comp[data-v-5c4ff7af] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.common-quick-select .select-img[data-v-5c4ff7af] {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    margin-right: 4px
}

.common-quick-select .normal-logo[data-v-5c4ff7af] {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 8px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden
}

.common-quick-select .normal-logo.is-selected[data-v-5c4ff7af] {
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-right: 4px
}

.common-quick-select .input_line_inp_number[data-v-5c4ff7af] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.common-quick-select .input_line_inp[data-v-5c4ff7af] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    outline: none;
    font-family: HarmonyOS-Medium;
    line-height: 16px;
    cursor: pointer
}

.common-quick-select .input_line_inp_number[data-v-5c4ff7af] {
    font-family: HarmonyOS-Medium
}

.common-quick-select .input_line_prompt[data-v-5c4ff7af] {
    line-height: 16px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 8px
}

.common-quick-select .input_line_errorStence[data-v-5c4ff7af] {
    width: 100%;
    position: relative
}

.common-quick-select .input_line_errorStence .input_line_error[data-v-5c4ff7af] {
    position: absolute;
    top: 4px;
    line-height: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-quick-select .icon-triangle[data-v-5c4ff7af] {
    margin-right: 12px;
    margin-left: 8px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.common-quick-select .icon-triangle .icon[data-v-5c4ff7af] {
    vertical-align: 0
}

.common-quick-select .select-options-box[data-v-5c4ff7af] {
    width: 100%;
    position: absolute;
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
    top: 56px;
    left: 0;
    z-index: 9;
    border-radius: 4px;
    padding: 4px 0;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1)
}

.common-quick-select .select-options-box .select-filter[data-v-5c4ff7af] {
    padding: 8px 16px
}

.common-quick-select .select-options-box .select-option-list .select-option[data-v-5c4ff7af] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.common-quick-select .select-options-box .select-option-list .select-option-item[data-v-5c4ff7af] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
    position: relative;
    line-height: 1;
    padding: 0 16px
}

.common-quick-select .select-options-box .select-option-list .select-option-item[data-v-5c4ff7af]:last-child {
    margin-bottom: 0
}

.common-quick-select .select-options-box .select-option-list .select-option-item .item-text[data-v-5c4ff7af] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.common-quick-select .select-options-box .select-option-list .select-option-item .item-text .subText[data-v-5c4ff7af] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
}

.common-quick-select .select-options-box .select-option-list .select-option-item img[data-v-5c4ff7af] {
    border-radius: 100%;
    margin-right: 8px;
    width: 20px;
    height: 20px
}

.common-quick-select .select-options-box .select-option-list .select-option-item .subText[data-v-5c4ff7af] {
    padding-left: 4px
}

.common-quick-select .select-options-box .select-option-list .select-option-item .label[data-v-5c4ff7af] {
    font-size: 12px;
    line-height: 18px;
    margin-left: 8px
}

.common-quick-select .select-options-box .not_option[data-v-5c4ff7af] {
    height: 216px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.common-quick-select .select-options-box .not_option img[data-v-5c4ff7af] {
    margin-bottom: 12px
}

.common-quick-select.select-disabled .input_line_inp[data-v-5c4ff7af] {
    cursor: no-drop
}

.common-quick-select.select-visible .icon-triangle[data-v-5c4ff7af] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.common-quick-select .slideInDown-enter-active[data-v-5c4ff7af] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.common-quick-select .slideInDown-leave-active[data-v-5c4ff7af] {
    -webkit-transition: all .3s cubic-bezier(1, .5, .8, 1);
    transition: all .3s cubic-bezier(1, .5, .8, 1)
}

.common-quick-select .slideInDown-enter[data-v-5c4ff7af],
.common-quick-select .slideInDown-leave-to[data-v-5c4ff7af] {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0
}

@-webkit-keyframes shake-5c4ff7af {
    59% {
        margin-left: 0
    }

    60%,
    80% {
        margin-left: 2px
    }

    70%,
    90% {
        margin-left: -2px
    }
}

@keyframes shake-5c4ff7af {
    59% {
        margin-left: 0
    }

    60%,
    80% {
        margin-left: 2px
    }

    70%,
    90% {
        margin-left: -2px
    }
}

.upload-box[data-v-46835c32] {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 42px;
    left: 0;
    cursor: pointer;
    z-index: 40
}

.upload-box .input_upload_file[data-v-46835c32] {
    opacity: 0;
    display: block;
    width: 120px;
    height: 120px
}

.upload-box .upload-div[data-v-46835c32] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.upload-box .remove[data-v-46835c32] {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: #fe595e;
    color: #fff;
    font-weight: 600;
    cursor: pointer
}

.common-header-world {
    width: 100%;
    height: 60px;
    position: absolute;
    top: 0;
    z-index: 99;
    font-family: HarmonyOS-Medium
}

.common-header-world .common-dialog .dialog-frame {
    border-radius: 4px;
    overflow: hidden
}

.common-header-world .header_wrap {
    -ms-flex-align: center;
    height: 100%
}

.common-header-world .header_wrap,
.common-header-world .header_wrap .header-nav_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.common-header-world .header_wrap .header-nav_section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center
}

.common-header-world .header_wrap .logo-icon {
    cursor: pointer;
    padding: 0 40px 0 20px
}

.common-header-world .header_wrap .logo-icon img {
    max-height: 50px;
    max-width: 160px;
    vertical-align: middle
}

.common-header-world .header_wrap .header-nav_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-header-world .header_wrap .header-nav_wrap .header-nav_item {
    font-size: 14px;
    font-weight: 500;
    line-height: 60px;
    margin-right: 32px;
    position: relative;
    cursor: pointer
}

.common-header-world .header_wrap .header-nav_wrap .header-nav_item .icon {
    width: .5em;
    height: .5em;
    vertical-align: .1em
}

.common-header-world .header_wrap .header-nav_wrap .header-nav_item .hoverShow {
    display: none
}

.common-header-world .header_wrap .header-nav_wrap .header-nav_item .header-subNav_wrap {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    padding: 12px 8px;
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    border-radius: 4px;
    background: #fff;
    z-index: 100
}

.common-header-world .header_wrap .header-nav_wrap .header-nav_item .header-subNav_wrap .header-subNav_item {
    cursor: pointer;
    text-align: left;
    min-width: 160px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    color: #16181d
}

.common-header-world .header_wrap .header-nav_wrap .header-nav_item .header-subNav_wrap .header-subNav_item:hover {
    background: #eceff6
}

.common-header-world .header_wrap .header-nav_wrap .header-nav_item:hover {
    line-height: 60px
}

.common-header-world .header_wrap .header-nav_wrap .header-nav_item:hover .hoverHide {
    display: none
}

.common-header-world .header_wrap .header-nav_wrap .header-nav_item:hover .hoverShow {
    display: inline-block
}

.common-header-world .header_wrap .header-nav_wrap .header-nav_item:hover .header-subNav_wrap {
    display: block
}

.common-header-world .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    padding: 12px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    height: auto
}

.common-header-world .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item img.logo {
    width: 28px;
    height: 28px;
    margin-right: 12px
}

.common-header-world .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item dl {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap
}

.common-header-world .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item dt {
    line-height: 20px;
    color: #16181d
}

.common-header-world .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item dd {
    font-size: 12px;
    line-height: 17px;
    color: #888fa1
}

.common-header-world .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item .active-icon {
    width: 16px;
    margin-left: 20px
}

.common-header-world .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item svg {
    width: 16px;
    display: none
}

.common-header-world .header_wrap .header-nav_wrap.navigation-type_two .header-subNav_wrap .header-subNav_item:hover svg.icon {
    display: block
}

.common-header-world .header_wrap .header-options_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-header-world .header_wrap .header-options_wrap .header-sign {
    margin-right: 32px
}

.common-header-world .header_wrap .header-options_wrap .header-sign .login-btn {
    font-size: 14px;
    margin-right: 20px;
    cursor: pointer
}

.common-header-world .header_wrap .header-options_wrap .header-sign .register-btn {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    cursor: pointer
}

.common-header-world .header_wrap .header-options_wrap .header-sign .register-btn .hover-layout {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    left: 0;
    top: 0;
    display: none
}

.common-header-world .header_wrap .header-options_wrap .header-sign .register-btn:hover .hover-layout {
    display: block
}

.common-header-world .header_wrap .header-options_wrap .header-options_title {
    margin-right: 32px;
    font-size: 14px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 60px
}

.common-header-world .header_wrap .header-options_wrap .header-options_title .options-list {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    padding: 12px 8px;
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    border-radius: 4px;
    max-height: 300px;
    overflow: auto;
    background: #fff;
    z-index: 10
}

.common-header-world .header_wrap .header-options_wrap .header-options_title .options-list .options-list_item {
    cursor: pointer;
    text-align: left;
    min-width: 144px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 36px;
    height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    color: #16181d
}

.common-header-world .header_wrap .header-options_wrap .header-options_title .options-list .options-list_item:hover {
    background: #eceff6
}

.common-header-world .header_wrap .header-options_wrap .header-options_title:hover .options-list,
.common-header-world .header_wrap .header-options_wrap .header-options_title:hover .qrcode-wrap {
    display: block
}

.common-header-world .header_wrap .header-options_wrap .qrcode-wrap {
    position: absolute;
    right: 0;
    height: auto;
    border-radius: 4px;
    top: 60px;
    overflow: hidden;
    display: none;
    padding: 10px 5px 12px;
    width: 160px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    z-index: 100;
    line-height: 1
}

.common-header-world .header_wrap .header-options_wrap .qrcode-wrap img {
    width: 150px;
    height: 150px;
    border-radius: 4px
}

.common-header-world .header_wrap .header-options_wrap .qrcode-wrap .download-options-codeText {
    font-size: 12px;
    color: #16181d;
    margin-top: 8px;
    line-height: 1
}

.common-header-world .header_wrap .header-options_wrap .qrcode-wrap .download-btn {
    width: 136px;
    height: 30px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    position: relative;
    margin-top: 12px
}

.common-header-world .header_wrap .header-options_wrap .qrcode-wrap .download-btn .hover-layout {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    left: 0;
    top: 0;
    display: none
}

.common-header-world .header_wrap .header-options_wrap .qrcode-wrap .download-btn:hover .hover-layout {
    display: block
}

.common-header-world .header_wrap .header-options_wrap .header-setting_icon {
    cursor: pointer
}

.common-header-world .header_wrap .header-options_wrap .header-setting_icon .icon-hover,
.common-header-world .header_wrap .header-options_wrap .header-setting_icon:hover .icon-static {
    display: none
}

.common-header-world .header_wrap .header-options_wrap .header-setting_icon:hover .icon-hover {
    display: inline-block
}

.common-header-world .header_wrap .header-options_wrap .header-message {
    position: relative
}

.common-header-world .header_wrap .header-options_wrap .header-message .messageCount {
    position: absolute;
    width: 6px;
    height: 6px;
    background: red;
    border-radius: 100px;
    top: 20px;
    right: 0
}

.common-header-world .header_wrap .header-options_wrap .header-message .header-message_info {
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    top: 60px;
    display: none;
    position: absolute;
    width: 320px;
    min-height: 100px;
    right: -90px;
    z-index: 10;
    border-radius: 4px;
    background: #fff;
    padding-bottom: 12px
}

.common-header-world .header_wrap .header-options_wrap .header-message .header-message_list {
    padding: 16px 22px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 24px;
    text-align: left;
    font-size: 12px;
    max-height: 260px;
    overflow-y: auto
}

.common-header-world .header_wrap .header-options_wrap .header-message .header-message_list .header-message_item {
    line-height: 24px;
    overflow: hidden;
    font-size: 12px;
    cursor: pointer;
    color: #16181d
}

.common-header-world .header_wrap .header-options_wrap .header-message .header-message_more {
    height: 40px;
    padding: 0 22px;
    line-height: 40px;
    text-align: left;
    font-size: 12px;
    cursor: pointer;
    border-radius: 4px;
    background: #eceff6
}

.common-header-world .header_wrap .header-options_wrap .header-message:hover .header-message_info {
    display: block
}

.common-header-world .header_wrap .header-options_wrap .header-message .header-message_userinfo {
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    top: 60px;
    position: absolute;
    display: none;
    width: 200px;
    min-height: 100px;
    right: -90px;
    z-index: 10;
    border-radius: 4px;
    background: #fff
}

.common-header-world .header_wrap .header-options_wrap .header-message .header-message_userinfo .userinfo {
    padding: 16px 0 12px 20px
}

.common-header-world .header_wrap .header-options_wrap .header-message .header-message_userinfo .userText {
    height: 21px;
    line-height: 21px;
    font-family: HarmonyOS-Bold;
    font-size: 16px;
    margin-bottom: 4px;
    color: #16181d
}

.common-header-world .header_wrap .header-options_wrap .header-message .header-message_userinfo .userStatus {
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #888fa1
}

.common-header-world .header_wrap .header-options_wrap .header-message .header-message_userinfo .header-message_userlist {
    padding: 0 8px
}

.common-header-world .header_wrap .header-options_wrap .header-message .header-message_userinfo .header-message_useritem {
    cursor: pointer;
    text-align: left;
    min-width: 144px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    color: #16181d
}

.common-header-world .header_wrap .header-options_wrap .header-message .header-message_userinfo .header-message_useritem:hover {
    background: #eceff6
}

.common-header-world .header_wrap .header-options_wrap .header-message .header-message_userinfo .header-message_useritem svg {
    margin-right: 6px
}

.common-header-world .header_wrap .header-options_wrap .header-message .header-message_userinfo .loginOut {
    height: 50px !important;
    border-top: 1px solid #e8ebf3;
    margin-top: 6px;
    padding: 0 20px !important
}

.common-header-world .header_wrap .header-options_wrap .header-message:hover .header-message_userinfo {
    display: block
}

.common-header-world .header_wrap .header-options_wrap .header-language {
    margin-right: 20px;
    position: relative
}

.common-header-world .header_wrap .header-options_wrap .header-language .langAndCurrency-list {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    max-height: 300px;
    overflow: hidden;
    padding: 16px 2px;
    border-radius: 4px;
    z-index: 100;
    background: #fff;
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28)
}

.common-header-world .header_wrap .header-options_wrap .header-language .lang-selected {
    font-size: 14px;
    cursor: pointer;
    line-height: 60px
}

.common-header-world .header_wrap .header-options_wrap .header-language .lang-list_wrap {
    padding: 0 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.common-header-world .header_wrap .header-options_wrap .header-language .list-title {
    font-size: 12px;
    color: #747f91;
    line-height: 14px;
    margin-bottom: 7px;
    padding-left: 12px
}

.common-header-world .header_wrap .header-options_wrap .header-language .header-lang_list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}

.common-header-world .header_wrap .header-options_wrap .header-language .header-lang_list .header-lang_item {
    cursor: pointer;
    text-align: left;
    min-width: 144px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 36px;
    height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #16181d
}

.common-header-world .header_wrap .header-options_wrap .header-language .header-lang_list .header-lang_item.active {
    background: #eceff6
}

.common-header-world .header_wrap .header-options_wrap .header-language:hover .langAndCurrency-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header.int-header {
    height: 100%;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5)
}

.header.int-header .int-header_wrap .button-logo {
    height: 70px;
    line-height: 70px;
    display: block;
    text-align: center
}

.header.int-header .int-header_wrap .button-logo img {
    width: 28px;
    vertical-align: middle
}

.header.int-header .int-header_wrap .int-header-nav_item {
    height: 36px;
    padding: 12px 0;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-size: 12px;
    color: #fff
}

.header.int-header .int-header_wrap .int-header-nav_item .hover-show {
    display: none
}

.header.int-header .int-header_wrap .int-header-nav_item:hover .hover-show {
    display: inline-block
}

.header.int-header .int-header_wrap .int-header-nav_item:hover .hover-hide {
    display: none
}

.header.int-header .int-header_wrap .int-header-nav_item .nav-item_icon {
    width: 18px;
    height: 18px
}

.header.int-header .int-header_wrap .int-header-nav_item .nav-item_title {
    margin-top: 4px;
    display: block;
    font-size: 12px
}

.header.int-header .int-header_wrap .int-header-nav_item .int-header-subNav_wrap {
    display: none;
    position: absolute;
    top: 10px;
    left: 80px;
    padding: 12px 8px;
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    border-radius: 4px;
    background: #fff;
    z-index: 100
}

.header.int-header .int-header_wrap .int-header-nav_item .int-header-subNav_wrap .int-header-subNav_item {
    cursor: pointer;
    text-align: left;
    min-width: 160px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    color: #16181d
}

.header.int-header .int-header_wrap .int-header-nav_item .int-header-subNav_wrap .int-header-subNav_item:hover {
    background: #eceff6
}

.header.int-header .int-header_wrap .int-header-nav_item .int-header-subNav_wrap--b .int-header-subNav_item {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    padding: 12px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    height: auto
}

.header.int-header .int-header_wrap .int-header-nav_item .int-header-subNav_wrap--b .int-header-subNav_item img.logo {
    width: 28px;
    height: 28px;
    margin-right: 12px
}

.header.int-header .int-header_wrap .int-header-nav_item .int-header-subNav_wrap--b .int-header-subNav_item dl {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap
}

.header.int-header .int-header_wrap .int-header-nav_item .int-header-subNav_wrap--b .int-header-subNav_item dt {
    line-height: 20px;
    color: #16181d
}

.header.int-header .int-header_wrap .int-header-nav_item .int-header-subNav_wrap--b .int-header-subNav_item dd {
    font-size: 12px;
    line-height: 17px;
    color: #888fa1
}

.header.int-header .int-header_wrap .int-header-nav_item .int-header-subNav_wrap--b .int-header-subNav_item .active-icon {
    width: 16px;
    margin-left: 20px
}

.header.int-header .int-header_wrap .int-header-nav_item .int-header-subNav_wrap--b .int-header-subNav_item svg {
    width: 16px;
    display: none
}

.header.int-header .int-header_wrap .int-header-nav_item .int-header-subNav_wrap--b .int-header-subNav_item:hover svg.icon {
    display: block
}

.header.int-header .int-header_wrap .int-header-nav_item .header-message_info {
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    top: 10px;
    left: 80px;
    display: none;
    position: absolute;
    width: 320px;
    min-height: 100px;
    z-index: 10;
    border-radius: 4px;
    background: #fff;
    padding-bottom: 12px
}

.header.int-header .int-header_wrap .int-header-nav_item .header-message_list {
    padding: 16px 22px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 24px;
    text-align: left;
    font-size: 12px;
    max-height: 260px;
    overflow-y: auto
}

.header.int-header .int-header_wrap .int-header-nav_item .header-message_list .header-message_item {
    line-height: 24px;
    overflow: hidden;
    font-size: 12px;
    cursor: pointer;
    color: #16181d
}

.header.int-header .int-header_wrap .int-header-nav_item .header-message_more {
    height: 40px;
    padding: 0 22px;
    line-height: 40px;
    text-align: left;
    font-size: 12px;
    cursor: pointer;
    border-radius: 4px;
    background: #eceff6
}

.header.int-header .int-header_wrap .int-header-nav_item .header-message_userinfo {
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    top: 10px;
    left: 80px;
    display: none;
    position: absolute;
    width: 200px;
    min-height: 100px;
    z-index: 10;
    border-radius: 4px;
    background: #fff;
    padding-bottom: 12px
}

.header.int-header .int-header_wrap .int-header-nav_item .header-message_userinfo .userinfo {
    padding: 16px 0 12px 20px
}

.header.int-header .int-header_wrap .int-header-nav_item .header-message_userinfo .userText {
    height: 21px;
    line-height: 21px;
    font-family: HarmonyOS-Bold;
    font-size: 16px;
    margin-bottom: 4px;
    color: #16181d;
    text-align: left
}

.header.int-header .int-header_wrap .int-header-nav_item .header-message_userinfo .userStatus {
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #888fa1;
    text-align: left
}

.header.int-header .int-header_wrap .int-header-nav_item .header-message_userinfo .header-message_userlist {
    padding: 0 8px
}

.header.int-header .int-header_wrap .int-header-nav_item .header-message_userinfo .header-message_useritem {
    cursor: pointer;
    text-align: left;
    min-width: 144px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    color: #16181d
}

.header.int-header .int-header_wrap .int-header-nav_item .header-message_userinfo .header-message_useritem:hover {
    background: #eceff6
}

.header.int-header .int-header_wrap .int-header-nav_item .header-message_userinfo .header-message_useritem svg {
    margin-right: 6px
}

.header.int-header .int-header_wrap .int-header-nav_item .header-message_userinfo .loginOut {
    height: 50px !important;
    border-top: 1px solid #e8ebf3;
    margin-top: 6px;
    padding: 0 20px !important
}

.header.int-header .int-header_wrap .int-header-nav_item:hover .header-message_info,
.header.int-header .int-header_wrap .int-header-nav_item:hover .header-message_userinfo,
.header.int-header .int-header_wrap .int-header-nav_item:hover .int-header-subNav_wrap {
    display: block
}

.header.int-header .int-header_wrap .nav-bottom {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%
}

.header.int-header .int-header_wrap .nav-bottom .langAndCurrency-list {
    display: none;
    position: absolute;
    bottom: 0;
    left: 80px;
    max-height: 300px;
    overflow: hidden;
    padding: 16px 2px;
    border-radius: 4px;
    z-index: 100;
    background: #fff;
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28)
}

.header.int-header .int-header_wrap .nav-bottom .lang-selected {
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    line-height: 60px
}

.header.int-header .int-header_wrap .nav-bottom .lang-list_wrap {
    padding: 0 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header.int-header .int-header_wrap .nav-bottom .list-title {
    font-size: 12px;
    color: #747f91;
    line-height: 14px;
    margin-bottom: 7px;
    padding-left: 12px
}

.header.int-header .int-header_wrap .nav-bottom .header-lang_list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}

.header.int-header .int-header_wrap .nav-bottom .header-lang_list .header-lang_item {
    cursor: pointer;
    text-align: left;
    min-width: 144px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 36px;
    height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #16181d
}

.header.int-header .int-header_wrap .nav-bottom .header-lang_list .header-lang_item.active {
    background: #eceff6
}

.header.int-header .int-header_wrap .nav-bottom .showLan:hover .langAndCurrency-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.common-input-formulate[data-v-733cea4a] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: inline-block;
    position: relative;
    font-family: HarmonyOS-Medium
}

.common-input-formulate .input-warp[data-v-733cea4a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.common-input-formulate .input_line_prompt[data-v-733cea4a] {
    line-height: 20px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 16px
}

.common-input-formulate .content[data-v-733cea4a] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.common-input-formulate .content input[data-v-733cea4a] {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 12px;
    outline: none;
    font-family: HarmonyOS-Medium;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px
}

.common-input-formulate .content .input-line-slot[data-v-733cea4a] {
    position: absolute;
    right: 0;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.common-input-formulate .content input[data-v-733cea4a]::-webkit-inner-spin-button,
.common-input-formulate .content input[data-v-733cea4a]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.common-input-formulate .clear[data-v-733cea4a] {
    float: right;
    cursor: pointer
}

.common-input-formulate .input-errorStence[data-v-733cea4a] {
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 12px
}

.common-input-formulate .input-errorStence .input-line-warning[data-v-733cea4a] {
    position: absolute;
    top: 8px;
    margin: 0;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-input-formulate .slot-class[data-v-733cea4a] {
    float: right;
    margin-top: 12px
}

.common-input-formulate .slot-class[data-v-733cea4a] .common-getCode,
.common-input-formulate .slot-class[data-v-733cea4a] .common-getCode .times {
    padding-right: 0
}

.common-step .white {
    color: #fff
}

.common-step .step {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.common-step .step,
.common-step .step .step-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.common-step .step .step-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.common-step .step .step-item:last-child {
    padding: 0 !important
}

.common-step .step .step-item .line {
    display: block;
    position: absolute;
    border-bottom-width: 2px;
    border-bottom-style: dashed;
    right: 0;
    top: 20px
}

.common-step .step .step-item .step-index-border {
    border-width: 1px;
    border-style: solid
}

.common-step .step .step-item .step-index-border,
.common-step .step .step-item .step-index-border .step-index {
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-step .step .step-item .step-text {
    line-height: 16px;
    margin-top: 8px
}

.c-floatLayer[data-v-ab221850] {
    position: fixed;
    z-index: 1001;
    -webkit-transition: right .3s;
    transition: right .3s;
    opacity: 0;
    padding-right: 20px;
    bottom: 20%;
    right: 0
}

.c-floatLayer .c-floatLayer-content[data-v-ab221850] {
    cursor: pointer;
    height: 64px;
    border-radius: 100px;
    padding: 8px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, right top, left top, from(#2766ff), color-stop(0, #447bff), to(#6693ff));
    background: linear-gradient(270deg, #2766ff, #447bff 0, #6693ff)
}

.c-floatLayer .c-floatLayer-content .layer-img[data-v-ab221850],
.c-floatLayer .c-floatLayer-content[data-v-ab221850] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-floatLayer .c-floatLayer-content .layer-img[data-v-ab221850] {
    width: 48px;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #eef3ff;
    border-radius: 100%;
    margin-right: 8px
}

.c-floatLayer .c-floatLayer-content .layer-img img[data-v-ab221850] {
    max-width: 32px;
    max-height: 32px
}

.c-floatLayer .c-floatLayer-content .layer-text[data-v-ab221850] {
    color: #fff
}

.c-floatLayer .c-floatLayer-content .layer-text .main-text[data-v-ab221850] {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-floatLayer .c-floatLayer-content .layer-text .main-text .icon-12[data-v-ab221850] {
    font-size: 12px;
    margin-left: 4px
}

.c-floatLayer .c-floatLayer-content .layer-text .sub-text[data-v-ab221850] {
    font-size: 12px;
    line-height: 17px;
    vertical-align: 0
}

.c-floatLayer .c-floatLayer-content.skin_000002[data-v-ab221850],
.c-floatLayer .c-floatLayer-content.skin_000005[data-v-ab221850],
.c-floatLayer .c-floatLayer-content.skin_000007[data-v-ab221850] {
    background: linear-gradient(270.2deg, #fad432 .18%, #ffda5b 99.05%), linear-gradient(270deg, #f8cc1e, #ffe788)
}

.c-floatLayer .c-floatLayer-content.skin_000002 .layer-img[data-v-ab221850],
.c-floatLayer .c-floatLayer-content.skin_000005 .layer-img[data-v-ab221850],
.c-floatLayer .c-floatLayer-content.skin_000007 .layer-img[data-v-ab221850] {
    background: #fffae7
}

.c-floatLayer .c-floatLayer-content.skin_000002 .layer-text[data-v-ab221850],
.c-floatLayer .c-floatLayer-content.skin_000005 .layer-text[data-v-ab221850],
.c-floatLayer .c-floatLayer-content.skin_000007 .layer-text[data-v-ab221850] {
    color: #000
}

.c-floatLayer .c-floatLayer-content.skin_000003[data-v-ab221850] {
    background: -webkit-gradient(linear, right top, left top, from(#51aa89), to(#7fc8b0));
    background: linear-gradient(270deg, #51aa89, #7fc8b0)
}

.c-floatLayer .c-floatLayer-content.skin_000003 .layer-img[data-v-ab221850] {
    background: #eafff7
}

.c-floatLayer .c-floatLayer-content.skin_000004[data-v-ab221850] {
    background: -webkit-gradient(linear, right top, left top, from(#6946eb), to(#a68eff));
    background: linear-gradient(270deg, #6946eb, #a68eff)
}

.c-floatLayer .c-floatLayer-content.skin_000004 .layer-img[data-v-ab221850] {
    background: #f0ecff
}

.pcTip {
    display: block
}

.common-tip {
    position: fixed;
    left: 50%;
    top: 100px;
    z-index: 9999;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.common-tip .tip-enter-active,
.common-tip .tip-leave-active {
    -webkit-transition: all .5s;
    transition: all .5s
}

.common-tip .tip-enter,
.common-tip .tip-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.common-tip .common-tip-even {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    max-width: 300px;
    min-height: 40px;
    margin-bottom: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px
}

.common-tip .common-tip-even .tip-icon {
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-tip .common-tip-even .text {
    font-family: HarmonyOS-Medium;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px
}

.common-navMenu[data-v-1e2200be] {
    width: 100%;
    height: 100%;
    padding: 12px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.common-navMenu .nav-item .customemenuStyle[data-v-1e2200be] {
    position: absolute;
    left: 16px;
    width: 16px;
    height: 20px
}

.common-navMenu .nav-item .defMenuStyle[data-v-1e2200be],
.common-navMenu .nav-item .nav-item-content[data-v-1e2200be] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-navMenu .nav-item .nav-item-content[data-v-1e2200be] {
    width: 100%;
    height: 52px;
    padding-left: 48px;
    padding-right: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px
}

.common-navMenu .nav-item .nav-item-content .expand-icon[data-v-1e2200be] {
    position: absolute;
    right: 20px
}

.common-navMenu .nav-item .nav-item-content .tooltip[data-v-1e2200be] {
    width: 176px;
    height: 74px;
    position: absolute;
    text-align: center;
    padding: 20px;
    z-index: 100;
    bottom: 45px;
    border-radius: 4px;
    left: 16px
}

.common-navMenu .nav-item .nav-item-content .tooltip .tooltip-inner[data-v-1e2200be] {
    color: #fff;
    font-family: HarmonyOS-Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-align: left
}

.common-navMenu .nav-item .nav-item-content .tooltip .tooltip-arrow[data-v-1e2200be] {
    width: 8px;
    height: 8px;
    position: absolute;
    left: 18%;
    margin-left: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -4px
}

.common-navMenu .nav-item .nav-item-content .tooltip .tooltip-hide[data-v-1e2200be] {
    background: #fff;
    height: 32px;
    width: 82px;
    border-radius: 4px;
    line-height: 32px;
    margin-top: 20px;
    position: absolute;
    right: 20px;
    bottom: 20px
}

.common-navMenu .nav-item .nav-item-content i.nav-icon[data-v-1e2200be] {
    position: absolute;
    left: 16px
}

.common-navMenu .nav-item .nav-item-content i.nav-icon[data-v-1e2200be] .icon {
    vertical-align: 0
}

.common-navMenu .nav-item .nav-item-content .active-line[data-v-1e2200be] {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%
}

.common-navMenu .nav-item .nav-item-content .expand-icon svg[data-v-1e2200be] {
    -webkit-transition: all .5s;
    transition: all .5s
}

.common-navMenu .nav-item .nav-item-content .expand-icon.expand svg[data-v-1e2200be] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.common-navMenu .sub-nav-list[data-v-1e2200be] {
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

.common-navMenu .sub-nav-list .sub-nav-item[data-v-1e2200be] {
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding-left: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.common-select-big[data-v-6599cd4c] {
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-family: HarmonyOS-Medium
}

.common-select-big .input_line_content[data-v-6599cd4c] {
    width: 100%;
    height: 40px;
    padding: 12px 20px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    transition: .3s
}

.common-select-big .input_line_title[data-v-6599cd4c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.common-select-big .input_line_title_right[data-v-6599cd4c] {
    margin-right: -10px
}

.common-select-big .input_line_input[data-v-6599cd4c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.common-select-big .input_line_input .mathSymbol[data-v-6599cd4c] {
    margin-right: 4px
}

.common-select-big .input_line_input .input_line_inp_number_wrap[data-v-6599cd4c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.common-select-big .input_line_input .input_line_inp_number_wrap input[data-v-6599cd4c] {
    width: 100%
}

.common-select-big .normal-logo[data-v-6599cd4c],
.common-select-big .select-img[data-v-6599cd4c] {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    margin-right: 8px
}

.common-select-big .normal-logo[data-v-6599cd4c] {
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    overflow: hidden
}

.common-select-big .input_line_inp_number[data-v-6599cd4c] {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    font-size: 24px
}

.common-select-big .input_line_input_right[data-v-6599cd4c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-select-big .input_line_inp[data-v-6599cd4c] {
    max-width: 70px;
    font-size: 18px;
    margin-right: 8px;
    outline: none;
    font-family: HarmonyOS-Medium
}

.common-select-big .input_line_inp_number[data-v-6599cd4c] {
    font-family: HarmonyOS-Medium
}

.common-select-big .input_line_prompt[data-v-6599cd4c] {
    line-height: 16px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 8px
}

.common-select-big .input_line_errorStence[data-v-6599cd4c] {
    height: 24px;
    line-height: 24px;
    bottom: -24px;
    left: 0;
    position: absolute
}

.common-select-big .input_line_errorStence .input_line_error[data-v-6599cd4c] {
    position: absolute;
    bottom: 0;
    margin: 0;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-select-big .disabled-layout[data-v-6599cd4c] {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    opacity: .3;
    z-index: 2;
    cursor: no-drop;
    border-radius: 4px
}

.common-select-big .icon-triangle[data-v-6599cd4c] {
    position: absolute;
    right: 12px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.common-select-big .icon-triangle svg[data-v-6599cd4c] {
    font-size: 20px
}

.common-select-big .icon-triangle .icon[data-v-6599cd4c] {
    width: .5em;
    height: .5em;
    vertical-align: 0
}

.common-select-big .icon-clear-btn[data-v-6599cd4c] {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: none
}

.common-select-big .icon-clear-btn:hover .hoverHide[data-v-6599cd4c] {
    display: none
}

.common-select-big .icon-clear-btn:hover .hoverShow[data-v-6599cd4c] {
    display: inline-block
}

.common-select-big .select-options-box[data-v-6599cd4c] {
    position: absolute;
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
    top: 90px;
    left: 0;
    right: 0;
    z-index: 9;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    font-size: 14px;
    padding: 8px 0 10px
}

.common-select-big .select-options-box .search-input[data-v-6599cd4c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    font-size: 14px;
    margin: 0 12px 10px;
    padding: 0 12px 0 16px;
    border-radius: 16px;
    border-style: solid;
    border-width: 1px
}

.common-select-big .select-options-box .search-input .search-icon[data-v-6599cd4c] {
    margin-right: 8px
}

.common-select-big .select-options-box .search-input .search-value[data-v-6599cd4c] {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.common-select-big .select-options-box .search-input .search-clear[data-v-6599cd4c] {
    display: none
}

.common-select-big .select-options-box .select-option-list .select-option[data-v-6599cd4c] {
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.common-select-big .select-options-box .select-option-list .select-option-item[data-v-6599cd4c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    font-size: 14px;
    padding: 0 8px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 4px;
    word-break: keep-all;
    white-space: nowrap;
    position: relative
}

.common-select-big .select-options-box .select-option-list .select-option-item .item-text[data-v-6599cd4c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.common-select-big .select-options-box .select-option-list .select-option-item .item-text .subText[data-v-6599cd4c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.common-select-big .select-options-box .select-option-list .select-option-item img[data-v-6599cd4c] {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    margin-right: 8px
}

.common-select-big .select-options-box .select-option-list .select-option-item .subText[data-v-6599cd4c] {
    padding-left: 4px
}

.common-select-big .select-options-box .select-option-list .select-option-item .label[data-v-6599cd4c] {
    line-height: 18px;
    margin-left: 8px
}

.common-select-big .select-options-box .not_option[data-v-6599cd4c] {
    height: 216px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.common-select-big .select-options-box .not_option img[data-v-6599cd4c] {
    margin-bottom: 12px
}

.common-select-big.select-error .input_line_prompt[data-v-6599cd4c] {
    color: #eb4d5c;
    -webkit-animation: shake-6599cd4c .6s cubic-bezier(.25, .8, .5, 1);
    animation: shake-6599cd4c .6s cubic-bezier(.25, .8, .5, 1)
}

.common-select-big.select-disabled .input_line_inp[data-v-6599cd4c] {
    cursor: no-drop
}

.common-select-big.select-visible .icon-triangle[data-v-6599cd4c] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.common-select-big:hover .icon-clear-btn[data-v-6599cd4c] {
    display: inline-block;
    z-index: 9
}

.common-select-big .slideInDown-enter-active[data-v-6599cd4c] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.common-select-big .slideInDown-leave-active[data-v-6599cd4c] {
    -webkit-transition: all .3s cubic-bezier(1, .5, .8, 1);
    transition: all .3s cubic-bezier(1, .5, .8, 1)
}

.common-select-big .slideInDown-enter[data-v-6599cd4c],
.common-select-big .slideInDown-leave-to[data-v-6599cd4c] {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0
}

@-webkit-keyframes shake-6599cd4c {
    59% {
        margin-left: 0
    }

    60%,
    80% {
        margin-left: 2px
    }

    70%,
    90% {
        margin-left: -2px
    }
}

@keyframes shake-6599cd4c {
    59% {
        margin-left: 0
    }

    60%,
    80% {
        margin-left: 2px
    }

    70%,
    90% {
        margin-left: -2px
    }
}

.common-select[data-v-aca4a55c] {
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-family: HarmonyOS-Medium;
    line-height: 1;
    font-size: 14px
}

.common-select .input_line_content[data-v-aca4a55c] {
    height: 44px
}

.common-select .select-img[data-v-aca4a55c] {
    width: 24px;
    height: 24px
}

.common-select .select-options-box[data-v-aca4a55c] {
    top: 72px
}

.common-select .select-options-box.noPrompt[data-v-aca4a55c] {
    top: 48px
}

.common-select .select-options-box .select-option-list .select-option-item[data-v-aca4a55c] {
    padding: 0 16px
}

.common-select .select-options-box .select-option-list .select-option-item img[data-v-aca4a55c] {
    width: 24px;
    height: 24px
}

.common-select .select-options-box .select-option-list .select-option-item .label[data-v-aca4a55c],
.common-select .select-options-box .select-option-list .select-option-item .subText[data-v-aca4a55c] {
    font-size: 14px;
    line-height: 16px
}

.common-select .input_line_content[data-v-aca4a55c] {
    width: 100%;
    padding: 0 12px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-select .input_line_content input[data-v-aca4a55c] {
    cursor: pointer
}

.common-select .select-img[data-v-aca4a55c] {
    border-radius: 100%;
    margin-right: 8px
}

.common-select .select-color-tag[data-v-aca4a55c] {
    display: inline-block;
    width: 4px;
    height: 14px;
    border-radius: 2px;
    margin-right: 8px
}

.common-select .input_line_label[data-v-aca4a55c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 16px
}

.common-select .input_line_inp[data-v-aca4a55c] {
    position: absolute;
    outline: none;
    font-family: HarmonyOS-Medium;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.common-select .netError-layout[data-v-aca4a55c] {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    font-size: 14px;
    top: 0;
    left: 0;
    padding-left: 12px;
    border-radius: 4px
}

.common-select .netError-layout .icon[data-v-aca4a55c] {
    margin-right: 8px
}

.common-select .input_line_prompt[data-v-aca4a55c] {
    line-height: 16px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 8px
}

.common-select .input-line-errorStence[data-v-aca4a55c] {
    width: 100%
}

.common-select .input-line-errorStence.input-error-position[data-v-aca4a55c] {
    position: relative
}

.common-select .input-line-errorStence.input-error-position .input-line-error[data-v-aca4a55c],
.common-select .input-line-errorStence.input-error-position .input-line-warning[data-v-aca4a55c] {
    position: absolute;
    top: 4px;
    line-height: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-select .input-line-errorStence.input-error-block[data-v-aca4a55c] {
    margin-top: 4px;
    position: static
}

.common-select .input-line-errorStence.input-error-block .input-line-error[data-v-aca4a55c] {
    line-height: 16px
}

.common-select .input-line-errorStence.input-error-block .input-line-error[data-v-aca4a55c],
.common-select .input-line-errorStence.input-error-block .input-line-warning[data-v-aca4a55c] {
    position: static;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-select .icon-triangle[data-v-aca4a55c] {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin-left: 4px
}

.common-select .icon-triangle .icon[data-v-aca4a55c] {
    vertical-align: 0
}

.common-select .select-options-box[data-v-aca4a55c] {
    position: absolute;
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
    left: 0;
    z-index: 9;
    border-radius: 4px;
    padding: 4px 0;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1)
}

.common-select .select-options-box .select-filter[data-v-aca4a55c] {
    padding: 8px 16px
}

.common-select .select-options-box .select-option-list .select-option[data-v-aca4a55c] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.common-select .select-options-box .select-option-list .select-option-item[data-v-aca4a55c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
    position: relative;
    line-height: 1
}

.common-select .select-options-box .select-option-list .select-option-item[data-v-aca4a55c]:last-child {
    margin-bottom: 0
}

.common-select .select-options-box .select-option-list .select-option-item .item-text[data-v-aca4a55c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.common-select .select-options-box .select-option-list .select-option-item .item-text .subText[data-v-aca4a55c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
}

.common-select .select-options-box .select-option-list .select-option-item img[data-v-aca4a55c] {
    border-radius: 100%;
    margin-right: 8px
}

.common-select .select-options-box .select-option-list .select-option-item svg.icon[data-v-aca4a55c] {
    margin-right: 8px
}

.common-select .select-options-box .select-option-list .select-option-item .subText[data-v-aca4a55c] {
    padding-left: 4px
}

.common-select .select-options-box .select-option-list .select-option-item .label[data-v-aca4a55c] {
    font-size: 12px;
    line-height: 18px;
    margin-left: 8px
}

.common-select .select-options-box .select-option-list .select-option_double .select-option-item[data-v-aca4a55c] {
    display: block;
    padding: 12px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1
}

.common-select .select-options-box .select-option-list .select-option_double .select-option-item .item-text[data-v-aca4a55c] {
    line-height: 18px;
    margin-bottom: 4px
}

.common-select .select-options-box .select-option-list .select-option_double .select-option-item .subText[data-v-aca4a55c] {
    font-size: 12px;
    line-height: 14px;
    padding-left: 0
}

.common-select .select-options-box .select-option-list .select-option_double .select-option-item .item-colorTag[data-v-aca4a55c] {
    display: inline-block;
    width: 4px;
    height: 14px;
    border-radius: 2px;
    margin-right: 8px;
    vertical-align: middle
}

.common-select .select-options-box .select-option-list .select-option_double .select-option-item .label[data-v-aca4a55c] {
    position: absolute;
    right: 8px;
    top: 22px
}

.common-select .select-options-box .select-option-list .not-allow[data-v-aca4a55c] {
    cursor: not-allowed
}

.common-select .select-options-box .not_option[data-v-aca4a55c] {
    height: 216px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.common-select .select-options-box .not_option img[data-v-aca4a55c] {
    margin-bottom: 12px
}

.common-select.select-disabled .input_line_inp[data-v-aca4a55c] {
    cursor: no-drop
}

.common-select.select-visible .icon-triangle[data-v-aca4a55c] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.common-select .slideInDown-enter-active[data-v-aca4a55c] {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.common-select .slideInDown-leave-active[data-v-aca4a55c] {
    -webkit-transition: all .5s cubic-bezier(1, .5, .8, 1);
    transition: all .5s cubic-bezier(1, .5, .8, 1)
}

.common-select .slideInDown-enter[data-v-aca4a55c],
.common-select .slideInDown-leave-to[data-v-aca4a55c] {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0
}

.common-alert {
    font-family: HarmonyOS-Medium
}

.common-alert .zoom-enter-active {
    -webkit-animation: zoom-in .5s;
    animation: zoom-in .5s
}

.common-alert .zoom-leave-active {
    animation: zoom-in .5s reverse
}

.common-alert .closeBtnClass {
    font-size: 14px
}

.common-alert .alert-markAll {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0
}

.common-alert .alert-frame {
    position: fixed;
    z-index: 101;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
    width: 461px;
    padding: 40px 40px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px
}

.common-alert .alert-frame .alert-close {
    position: absolute;
    right: 24px;
    top: 24px;
    cursor: pointer
}

.common-alert .alert-frame .alert-close .hoverShow {
    display: none
}

.common-alert .alert-frame .alert-close:hover .hoverShow {
    display: block
}

.common-alert .alert-frame .alert-close:hover .hoverHide {
    display: none
}

.common-alert .alert-frame .alert-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.common-alert .alert-frame .alert-img {
    width: 80px;
    height: 80px;
    margin-right: 24px
}

.common-alert .alert-frame .alert-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    word-wrap: break-word;
    word-break: normal;
    font-size: 14px;
    line-height: 20px
}

.common-alert .alert-frame .alert-main .alert-title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 12px
}

.common-alert .alert-frame .alert-main .alert-text {
    font-size: 14px;
    line-height: 20px
}

.common-alert .alert-frame .alert-button {
    text-align: right;
    padding-top: 32px
}

@-webkit-keyframes zoom-in {
    0% {
        opacity: .7;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
        transform: translate3d(-50%, -50%, 0) scale(0)
    }

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

@keyframes zoom-in {
    0% {
        opacity: .7;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
        transform: translate3d(-50%, -50%, 0) scale(0)
    }

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

.common-verificationc-alert .alert-title[data-v-384b1dfb] {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 12px
}

.common-verificationc-alert .alert-text[data-v-384b1dfb] {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px
}

.common-verificationc-alert .alert-list[data-v-384b1dfb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 14px
}

.common-verificationc-alert .alert-list .alertList-text[data-v-384b1dfb] {
    font-size: 14px;
    line-height: 16px
}

.zoom-enter-active[data-v-f12332d4] {
    -webkit-animation: zoom-in-f12332d4 .5s;
    animation: zoom-in-f12332d4 .5s
}

.zoom-leave-active[data-v-f12332d4] {
    animation: zoom-in-f12332d4 .5s reverse
}

.c-videoGuide[data-v-f12332d4] {
    font-family: HarmonyOS-Medium
}

.c-videoGuide[data-v-f12332d4] .video-js .vjs-big-play-button {
    line-height: 1;
    height: 60px;
    width: 60px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
    border-radius: 100%;
    border: 5px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 50px
}

.c-videoGuide .videoGuide-mark[data-v-f12332d4] {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0
}

.c-videoGuide .videoGuide-content[data-v-f12332d4] {
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    border-radius: 4px;
    max-height: 100vh
}

.c-videoGuide .videoGuide-head[data-v-f12332d4] {
    width: 100%;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-videoGuide .videoGuide-head-text[data-v-f12332d4] {
    font-size: 18px;
    line-height: 20px
}

.c-videoGuide .videoGuide-head-close[data-v-f12332d4] {
    position: absolute;
    cursor: pointer;
    right: 24px;
    top: 24px
}

.c-videoGuide .videoGuide-head-close .hoverShow[data-v-f12332d4],
.c-videoGuide .videoGuide-head-close:hover .hoverHide[data-v-f12332d4] {
    display: none
}

.c-videoGuide .videoGuide-head-close:hover .hoverShow[data-v-f12332d4] {
    display: block
}

.c-videoGuide .videoGuide-body[data-v-f12332d4] {
    padding: 8px 24px 24px 24px
}

.c-videoGuide .videoGuide-cover[data-v-f12332d4] {
    width: 640px;
    height: 360px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 4px
}

.c-videoGuide .videoGuide-cover .cover-item[data-v-f12332d4] {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    cursor: pointer;
    overflow: hidden
}

.c-videoGuide .videoGuide-cover .cover-item img[data-v-f12332d4] {
    width: 100%;
    height: 100%
}

.c-videoGuide .videoGuide-player[data-v-f12332d4] {
    width: 640px;
    height: 360px;
    overflow: hidden;
    border-radius: 4px
}

@-webkit-keyframes zoom-in-f12332d4 {
    0% {
        opacity: .7;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
        transform: translate3d(-50%, -50%, 0) scale(0)
    }

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

@keyframes zoom-in-f12332d4 {
    0% {
        opacity: .7;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
        transform: translate3d(-50%, -50%, 0) scale(0)
    }

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

.common-search {
    position: relative;
    border-radius: 100px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: HarmonyOS-Medium
}

.common-search.common-lg-search {
    height: 44px
}

.common-search.common-md-search {
    height: 40px
}

.common-search.common-sm-search {
    height: 32px
}

.common-search input {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 8px;
    height: 100%;
    font-family: HarmonyOS-Medium;
    font-size: 14px
}

.common-search .clear {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.common-search .clear .icon {
    vertical-align: 0
}

.common-search .clear .hoverShow,
.common-search .clear:hover .hoverHide {
    display: none
}

.common-search .clear:hover .hoverShow,
.textarea-content {
    display: inline-block
}

.textarea-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
    font-family: HarmonyOS-Medium;
    font-weight: 500
}

.textarea-content .input_line_prompt {
    line-height: 16px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 8px
}

.textarea-content .content-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    line-height: 1
}

.textarea-content .content-wrap textarea {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 12px;
    outline: none;
    font-family: HarmonyOS-Medium;
    line-height: 16px;
    font-size: 14px
}

.textarea-content .content-wrap input::-webkit-inner-spin-button,
.textarea-content .content-wrap input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.textarea-content .content-wrap textarea {
    padding: 10px 12px;
    resize: none
}

.textarea-content .clear {
    margin-right: 12px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.textarea-content .clear .icon {
    vertical-align: 0
}

.textarea-content .clear .hoverShow,
.textarea-content .clear:hover .hoverHide {
    display: none
}

.textarea-content .clear:hover .hoverShow {
    display: inline-block
}

.textarea-content .password-toggle-icon {
    margin-right: 12px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.textarea-content .password-toggle-icon .icon {
    vertical-align: 0
}

.textarea-content .password-toggle-icon .hoverShow,
.textarea-content .password-toggle-icon:hover .hoverHide {
    display: none
}

.textarea-content .password-toggle-icon:hover .hoverShow {
    display: inline-block
}

.textarea-content.input-disabled .input_line {
    cursor: no-drop
}

.textarea-content .input-line-errorStence {
    width: 100%
}

.textarea-content .input-line-errorStence.input-error-position {
    position: relative
}

.textarea-content .input-line-errorStence.input-error-position .input-line-error,
.textarea-content .input-line-errorStence.input-error-position .input-line-warning {
    position: absolute;
    top: 4px;
    line-height: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.textarea-content .input-line-errorStence.input-error-block {
    margin-top: 4px;
    position: static
}

.textarea-content .input-line-errorStence.input-error-block .input-line-error,
.textarea-content .input-line-errorStence.input-error-block .input-line-warning {
    position: static;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 16px
}

.common-skeleton[data-v-0c4c7dc5] {
    display: inline-block;
    background-size: 400% 100%;
    -webkit-animation: loading-0c4c7dc5 1.2s infinite;
    animation: loading-0c4c7dc5 1.2s infinite
}

.common-skeleton.skeleton-dark[data-v-0c4c7dc5] {
    background-image: linear-gradient(94deg, #1d1d1f 25.03%, #353536 50.79%, #1d1d1f 74.51%)
}

.common-skeleton.skeleton-light[data-v-0c4c7dc5] {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(18.75%, #f7f7f7), color-stop(48.21%, #ececec), color-stop(73.44%, #f7f7f7));
    background-image: linear-gradient(90deg, #f7f7f7 18.75%, #ececec 48.21%, #f7f7f7 73.44%)
}

@-webkit-keyframes loading-0c4c7dc5 {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes loading-0c4c7dc5 {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.common-guide-warpper {
    position: absolute;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    z-index: 1001;
    font-weight: 500;
    left: 0;
    top: 0
}

.common-guide-warpper .triangle-icon {
    position: absolute
}

.common-guide-warpper .triangle-icon span {
    display: block;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.common-guide-warpper .guide-content .guide-header {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.common-guide-warpper .guide-content .guide-header .guide-header-close {
    margin-left: 40px;
    cursor: pointer
}

.common-guide-warpper .guide-content .guide-body {
    font-size: 16px;
    line-height: 22px;
    max-height: 110px
}

.common-guide-warpper .guide-content .guide-footer {
    padding-top: 20px;
    text-align: right
}

.common-guide-warpper .guide-content .guide-footer .jump-btn {
    margin-right: 12px
}

.wh_container[data-v-dd824c32] {
    width: 380px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    padding: 20px 24px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    position: absolute;
    left: auto;
    top: auto;
    z-index: 9;
    color: #009
}

.wh_content_all[data-v-dd824c32] {
    width: 100%;
    padding-bottom: 12px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.wh_top_changge_content[data-v-dd824c32] {
    height: 16px;
    line-height: 16px;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wh_top_changge_content span[data-v-dd824c32] {
    cursor: pointer
}

.wh_top_changge_content span svg[data-v-dd824c32]:first-child {
    margin-right: 4px
}

.wh_content[data-v-dd824c32] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wh_content:first-child .wh_content_item[data-v-dd824c32] {
    font-size: 14px;
    font-weight: 500
}

.wh_content_item[data-v-dd824c32] {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-right: 18px;
    border-radius: 4px
}

.wh_content_item[data-v-dd824c32]:nth-child(7n) {
    margin-right: 0
}

.wh_content_item_disabled[data-v-dd824c32] {
    cursor: no-drop
}

.sureBotton[data-v-dd824c32] {
    float: right
}

.slideInDown-enter-active[data-v-dd824c32] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slideInDown-leave-active[data-v-dd824c32] {
    -webkit-transition: all .3s cubic-bezier(1, .5, .8, 1);
    transition: all .3s cubic-bezier(1, .5, .8, 1)
}

.slideInDown-enter[data-v-dd824c32],
.slideInDown-leave-to[data-v-dd824c32] {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0
}

.date_warpper[data-v-3f30700d] {
    position: relative;
    display: inline-block
}

.date_warpper.date_lg_wrapper .date_content[data-v-3f30700d] {
    height: 44px
}

.date_warpper.date_md_wrapper .date_content[data-v-3f30700d] {
    height: 40px
}

.date_warpper.date_sm_wrapper .date_content[data-v-3f30700d] {
    height: 32px
}

.date_warpper .date_prompt[data-v-3f30700d] {
    line-height: 16px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 8px
}

.date_warpper .date_content[data-v-3f30700d] {
    width: 100%;
    min-width: 140px;
    padding: 0 12px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-width: 1px;
    border-style: solid;
    -webkit-transition: all .3s;
    transition: all .3s
}

.date_warpper .date_content .input_line[data-v-3f30700d] {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 16px
}

.date_warpper .date_content .time-icon[data-v-3f30700d] {
    margin-left: 8px;
    cursor: pointer
}

.slideInDown-enter-active[data-v-faf1b020] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slideInDown-leave-active[data-v-faf1b020] {
    -webkit-transition: all .3s cubic-bezier(1, .5, .8, 1);
    transition: all .3s cubic-bezier(1, .5, .8, 1)
}

.slideInDown-enter[data-v-faf1b020],
.slideInDown-leave-to[data-v-faf1b020] {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0
}

.wh_container[data-v-faf1b020] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    padding: 20px 24px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    position: absolute;
    left: auto;
    top: auto;
    z-index: 9
}

.wh_content_all[data-v-faf1b020] {
    width: 100%;
    padding-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.wh_content_box[data-v-faf1b020] {
    width: 224px
}

.wh_content_box1[data-v-faf1b020] {
    margin-left: 40px
}

.wh_top_changge_content[data-v-faf1b020] {
    position: relative;
    text-align: center;
    height: 16px;
    line-height: 16px;
    margin-bottom: 24px
}

.wh_top_changge_content span[data-v-faf1b020] {
    cursor: pointer
}

.wh_jiantou_warpper[data-v-faf1b020] {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0
}

.wh_jiantou_warpper svg[data-v-faf1b020]:first-child {
    margin-right: 4px
}

.wh_jiantou_warpper1[data-v-faf1b020] {
    position: absolute;
    left: auto;
    right: 0
}

.wh_content[data-v-faf1b020] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.wh_content:first-child .wh_content_item[data-v-faf1b020] {
    font-size: 14px;
    font-weight: 500
}

.wh_content_item[data-v-faf1b020] {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.wh_content_item.today-date[data-v-faf1b020] {
    border-radius: 4px
}

.wh_content_item.start-date[data-v-faf1b020] {
    border-radius: 4px 0 0 4px
}

.wh_content_item.end-date[data-v-faf1b020] {
    border-radius: 0 4px 4px 0
}

.wh_content_item_disabled[data-v-faf1b020] {
    cursor: no-drop
}

.wh_content_bottom[data-v-faf1b020] {
    margin-top: 12px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.date_range_warpper[data-v-41c79a1e] {
    position: relative;
    display: inline-block;
    margin: 0 auto
}

.date_range_warpper.date_lg_wrapper .date_content[data-v-41c79a1e] {
    height: 44px
}

.date_range_warpper.date_md_wrapper .date_content[data-v-41c79a1e] {
    height: 40px
}

.date_range_warpper.date_sm_wrapper .date_content[data-v-41c79a1e] {
    height: 32px
}

.date_range_warpper .date_prompt[data-v-41c79a1e] {
    line-height: 16px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 8px
}

.date_range_warpper .date_content[data-v-41c79a1e] {
    padding: 0 12px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    -webkit-transition: all .3s;
    transition: all .3s;
    min-width: 230px
}

.date_range_warpper .date_content .input_warper[data-v-41c79a1e] {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.date_range_warpper .date_content .input_warper .input_line[data-v-41c79a1e] {
    font-weight: 500;
    line-height: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    font-size: 14px
}

.date_range_warpper .date_content .input_warper .input_line_focused[data-v-41c79a1e] {
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -5px;
    left: 0
}

.date_range_warpper .date_content .line-center[data-v-41c79a1e] {
    margin: 0 8px
}

.date_range_warpper .date_content .time-icon[data-v-41c79a1e] {
    margin-left: 8px;
    cursor: pointer
}

.slide-progress {
    width: 100%;
    padding: 5px 0;
    cursor: pointer;
    margin-bottom: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slide-progress:hover .progress-current .progress-percent {
    display: block
}

.slide-progress.disabled .progress-current .progress-percent {
    display: none
}

.slide-progress .progress-line {
    width: calc(100% - 14px);
    margin: 0 auto;
    height: 4px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slide-progress .progress-line .progress-spot-default {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    z-index: 1
}

.slide-progress .progress-line .progress-current {
    position: absolute;
    height: 100%
}

.slide-progress .progress-line .current-spot {
    position: absolute;
    right: -6px;
    top: -4px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    z-index: 2;
    display: block
}

.slide-progress .progress-line .progress-percent {
    display: none;
    position: absolute;
    bottom: 18px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    padding: 6px 18px;
    font-size: 12px;
    border-radius: 2px
}

.slide-progress .progress-line .progress-percent .arrow {
    position: absolute;
    border-width: 4px;
    border-style: solid;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    bottom: -8px
}

.common-sideBar .sideBar-expand-enter-active {
    -webkit-animation: sideBar-expand .5s;
    animation: sideBar-expand .5s
}

.common-sideBar .sideBar-expand-leave-active {
    animation: sideBar-expand .5s reverse
}

.common-sideBar .sideBar-mark {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1001
}

.common-sideBar .sideBar-wrap {
    position: fixed;
    width: 424px;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 1002
}

.common-sideBar .sideBar-close {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer
}

.common-sideBar .sideBar-close .hoverShow,
.common-sideBar .sideBar-close:hover .hoverHide {
    display: none
}

.common-sideBar .sideBar-close:hover .hoverShow {
    display: block
}

@-webkit-keyframes sideBar-expand {
    0% {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes sideBar-expand {
    0% {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.common-progress {
    display: inline-block;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    overflow: hidden
}

.common-progress .progress-percent {
    max-width: 100%;
    height: 100%;
    border-radius: 4px
}

.cropper-crop-box[data-v-19fa8478],
.cropper-view-box[data-v-19fa8478] {
    border-radius: 50%
}

.cropper-view-box[data-v-19fa8478] {
    -webkit-box-shadow: 0 0 0 1px #39f;
    box-shadow: 0 0 0 1px #39f;
    outline: 0
}

.vue-cropper[data-v-19fa8478] {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    direction: ltr;
    -ms-touch-action: none;
    touch-action: none;
    text-align: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}

.cropper-box-canvas[data-v-19fa8478],
.cropper-box[data-v-19fa8478],
.cropper-crop-box[data-v-19fa8478],
.cropper-drag-box[data-v-19fa8478],
.cropper-face[data-v-19fa8478] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cropper-box-canvas img[data-v-19fa8478] {
    position: relative;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: none;
    transform: none;
    max-width: none;
    max-height: none
}

.cropper-box[data-v-19fa8478] {
    overflow: hidden
}

.cropper-move[data-v-19fa8478] {
    cursor: move
}

.cropper-crop[data-v-19fa8478] {
    cursor: crosshair
}

.cropper-modal[data-v-19fa8478] {
    background: rgba(0, 0, 0, .5)
}

.cropper-view-box[data-v-19fa8478] {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, .75)
}

.cropper-view-box[data-v-19fa8478],
.cropper-view-box img[data-v-19fa8478] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cropper-view-box img[data-v-19fa8478] {
    text-align: left;
    max-width: none;
    max-height: none
}

.cropper-face[data-v-19fa8478] {
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .1;
    border-radius: 50%
}

.crop-info[data-v-19fa8478] {
    position: absolute;
    left: 0;
    min-width: 65px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    background-color: rgba(0, 0, 0, .8);
    font-size: 12px
}

.crop-line[data-v-19fa8478] {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .1
}

.line-w[data-v-19fa8478] {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize
}

.line-a[data-v-19fa8478] {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize
}

.line-s[data-v-19fa8478] {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize
}

.line-d[data-v-19fa8478] {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize
}

.crop-point[data-v-19fa8478] {
    position: absolute;
    width: 8px;
    height: 8px;
    opacity: .75;
    background-color: #39f;
    border-radius: 100%
}

.point1[data-v-19fa8478] {
    top: -4px;
    left: -4px;
    cursor: nw-resize
}

.point2[data-v-19fa8478] {
    top: -5px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize
}

.point3[data-v-19fa8478] {
    top: -4px;
    right: -4px;
    cursor: ne-resize
}

.point4[data-v-19fa8478] {
    top: 50%;
    left: -4px;
    margin-top: -3px;
    cursor: w-resize
}

.point5[data-v-19fa8478] {
    top: 50%;
    right: -4px;
    margin-top: -3px;
    cursor: e-resize
}

.point6[data-v-19fa8478] {
    bottom: -5px;
    left: -4px;
    cursor: sw-resize
}

.point7[data-v-19fa8478] {
    bottom: -5px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize
}

.point8[data-v-19fa8478] {
    bottom: -5px;
    right: -4px;
    cursor: se-resize
}

@media screen and (max-width:500px) {
    .crop-point[data-v-19fa8478] {
        position: absolute;
        width: 20px;
        height: 20px;
        opacity: .45;
        background-color: #39f;
        border-radius: 100%
    }

    .point1[data-v-19fa8478] {
        top: -10px;
        left: -10px
    }

    .point2[data-v-19fa8478],
    .point4[data-v-19fa8478],
    .point5[data-v-19fa8478],
    .point7[data-v-19fa8478] {
        display: none
    }

    .point3[data-v-19fa8478] {
        top: -10px;
        right: -10px
    }

    .point4[data-v-19fa8478] {
        top: 0;
        left: 0
    }

    .point6[data-v-19fa8478] {
        bottom: -10px;
        left: -10px
    }

    .point8[data-v-19fa8478] {
        bottom: -10px;
        right: -10px
    }
}

.myFoldWrap {
    border: 1px solid;
    border-radius: 8px;
    padding: 0 20px 0 20px
}

.transitionWrap[data-v-805510ec] {
    -webkit-transition: height .2s linear;
    transition: height .2s linear;
    overflow: hidden
}

.foldItem[data-v-1b6cd07b] {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #2f2f2f
}

.foldItem .foldItemHeader[data-v-1b6cd07b] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 16px;
    font-size: 16px;
    font-weight: 400
}

.foldItem .foldItemHeader .rotate90deg[data-v-1b6cd07b] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .8s;
    transition: all .8s
}

.foldItem .foldItemHeader .rotate0deg[data-v-1b6cd07b] {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .8s;
    transition: all .8s
}

.foldItem .foldItemBody[data-v-1b6cd07b] {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px 20px 8px;
    line-height: 20px;
    font-size: 14px
}

.foldItem:last-child .foldItemHeader[data-v-1b6cd07b],
.foldItem:last-child .transitionHeight .foldItemBody[data-v-1b6cd07b],
.foldItem[data-v-1b6cd07b]:last-child {
    border-bottom: none !important
}

.my-timeline,
.my-timeline .timeLineItem {
    list-style: none
}

.my-timeline .timeLineItem:last-child .verticalLine {
    display: none
}

.timeLineItem[data-v-5c75df74] {
    position: relative;
    padding-bottom: 12px
}

.timeLineItem .verticalLine[data-v-5c75df74] {
    width: 1px;
    height: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(calc(-50% + 4px));
    transform: translateY(calc(-50% + 4px))
}

.timeLineItem svg[data-v-5c75df74] {
    position: absolute;
    left: -8px;
    top: -4px
}

.timeLineItem .content[data-v-5c75df74] {
    padding-left: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.timeLineItem .content .contentTime[data-v-5c75df74] {
    margin-bottom: 4px;
    font-size: 14px
}

.timeLineItem .content .contentDetail[data-v-5c75df74] {
    margin-bottom: 6px;
    font-size: 14px
}

.timeLineItem .isSetTimeDown[data-v-5c75df74] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.common-upload[data-v-1c0af098] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.common-upload .default_upload_upload[data-v-1c0af098] {
    position: absolute;
    background-size: 100% 100%
}

.common-upload .default_upload_upload[data-v-1c0af098],
.common-upload .upload_upload[data-v-1c0af098] {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.common-upload .upload_upload[data-v-1c0af098] {
    position: relative;
    background: rgba(0, 0, 0, .6)
}

.common-upload .upload_input[data-v-1c0af098] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer
}

.common-upload .upload_progress[data-v-1c0af098] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    background: rgba(0, 0, 0, .6)
}

.common-upload .upload_progress svg[data-v-1c0af098] {
    margin-bottom: 12px
}

.common-upload .upload_progress span[data-v-1c0af098] {
    font-size: 12px
}

.common-upload .upload_progress .progress_box[data-v-1c0af098] {
    margin-bottom: 16px
}

.common-upload .upload_btn[data-v-1c0af098],
.common-upload .upload_progress .progress_box[data-v-1c0af098] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.common-upload .upload_btn[data-v-1c0af098] {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    background: rgba(0, 0, 0, .6)
}

.common-upload .upload_btn svg[data-v-1c0af098] {
    margin-bottom: 12px
}

.common-upload .upload_btn span[data-v-1c0af098] {
    font-size: 12px
}

.common-upload .upload_btn_make[data-v-1c0af098] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

.common-upload .upload_btn_make svg[data-v-1c0af098] {
    margin-bottom: 12px
}

.common-upload .upload_btn_make span[data-v-1c0af098] {
    font-size: 12px
}

.common-upload .upload_delete_btn[data-v-1c0af098] {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    background: rgba(0, 0, 0, .6)
}

.common-upload .upload_delete_btn span[data-v-1c0af098] {
    font-size: 12px
}

.tooltip-container {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.tooltip-container .tooltip {
    position: absolute;
    padding: 8px 10px;
    border-radius: 2px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.tooltip-container span {
    position: relative;
    z-index: 10
}

.tooltip-container .tooltip-arrow {
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.position-top .tooltip-arrow {
    bottom: -4px
}

.position-bottom .tooltip-arrow {
    top: -4px
}

.tip-fade-enter-active {
    -webkit-transition: all .2s ease .5s;
    transition: all .2s ease .5s
}

.tip-fade-leave-active {
    -webkit-transition: all .2s cubic-bezier(1, .5, .8, 1);
    transition: all .2s cubic-bezier(1, .5, .8, 1)
}

.position-top .tip-fade-enter,
.position-top .tip-fade-leave-to {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0
}

.position-bottom .tip-fade-enter,
.position-bottom .tip-fade-leave-to {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0
}

.dropLeft-enter-active[data-v-3eb3f9c2] {
    -webkit-animation: dropLeft-in-3eb3f9c2 .5s;
    animation: dropLeft-in-3eb3f9c2 .5s
}

.dropLeft-leave-active[data-v-3eb3f9c2] {
    animation: dropLeft-in-3eb3f9c2 .5s reverse
}

.common-left-dialog .btnClass[data-v-3eb3f9c2] {
    margin-right: 10px
}

.common-left-dialog .dialog-markAll[data-v-3eb3f9c2] {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5)
}

.common-left-dialog .dialog-left-frame[data-v-3eb3f9c2] {
    -webkit-transform: .3s transition;
    transform: .3s transition;
    position: fixed;
    z-index: 1000;
    right: 0;
    top: 0;
    bottom: 0;
    width: 424px
}

.common-left-dialog .dialog-frame-head[data-v-3eb3f9c2] {
    height: 20px;
    padding: 24px 24px 18px 24px;
    line-height: 20px
}

.common-left-dialog .dialog-frame-head-bd[data-v-3eb3f9c2] {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 10px
}

.common-left-dialog .dialog-frame-head-text[data-v-3eb3f9c2] {
    font-size: 20px;
    font-family: HarmonyOS-Medium
}

.common-left-dialog .dialog-frame-head-close[data-v-3eb3f9c2] {
    float: right;
    cursor: pointer;
    font-size: 20px
}

.common-left-dialog .dialog-frame-head-close .hoverShow[data-v-3eb3f9c2],
.common-left-dialog .dialog-frame-head-close:hover .hoverHide[data-v-3eb3f9c2] {
    display: none
}

.common-left-dialog .dialog-frame-head-close:hover .hoverShow[data-v-3eb3f9c2] {
    display: inline-block
}

.common-left-dialog .dialog-left-body[data-v-3eb3f9c2] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px
}

.common-left-dialog .closeBtnClass[data-v-3eb3f9c2] {
    font-size: 14px;
    margin-right: 10px
}

.common-left-dialog .dialog-frame-bottom[data-v-3eb3f9c2] {
    margin-bottom: 40px;
    height: 40px;
    position: relative
}

.common-left-dialog .dialog-frame-bottom .dialog-frame-options[data-v-3eb3f9c2] {
    position: absolute;
    right: 20px
}

@-webkit-keyframes dropLeft-in-3eb3f9c2 {
    0% {
        right: -100%;
        opacity: .7
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes dropLeft-in-3eb3f9c2 {
    0% {
        right: -100%;
        opacity: .7
    }

    to {
        right: 0;
        opacity: 1
    }
}

.into-guide[data-v-1e465f78] {
    width: 100%;
    height: 200px;
    position: relative;
    background-position: 0 0
}

.into-guide .into-guide-center[data-v-1e465f78] {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 200px;
    display: inline-block
}

.into-guide .into-logo[data-v-1e465f78] {
    display: none
}

.Int .into-guide[data-v-1e465f78] {
    background: none !important;
    height: auto
}

.Int .into-guide .into-guide-center[data-v-1e465f78] {
    width: 380px;
    text-align: left;
    padding-top: 90px;
    position: relative;
    height: auto
}

.Int .into-guide .into-guide-center .into-logo[data-v-1e465f78] {
    display: block;
    width: 50px;
    margin-bottom: 35px
}

.Int .into-guide .into-guide-center .into-logo img[data-v-1e465f78] {
    width: 50px
}

.Int .into-guide .into-guide-center p[data-v-1e465f78] {
    margin: 0;
    font-size: 32px;
    line-height: 32px;
    text-align: left
}

.Int .into-guide .into-guide-center .guide-text[data-v-1e465f78] {
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    padding: 7px 0 0 0;
    margin: 0
}

.Int .into-guide .into-guide-center .guide-text .goRegister[data-v-1e465f78] {
    font-size: 12px
}

@media (max-width:960px) {
    .into-guide[data-v-1e465f78] {
        height: 100px !important;
        background-position: 0 0 !important;
        background-size: 100% !important
    }

    .into-guide .into-guide-center[data-v-1e465f78] {
        height: 100px !important;
        width: 300px
    }
}

.userNone li[data-v-6d9d1352] {
    cursor: no-drop !important
}

.into-tab[data-v-6d9d1352] {
    width: 380px;
    height: 40px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    position: relative
}

.into-tab span[data-v-6d9d1352] {
    position: absolute;
    height: 2px;
    width: 50%;
    bottom: -2px;
    -webkit-transition: all .3s !important;
    transition: all .3s !important;
    left: 0
}

.into-tab li[data-v-6d9d1352] {
    float: left;
    width: 50%;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:960px) {
    .into-tab[data-v-6d9d1352] {
        width: 100% !important
    }
}

.common-new-select[data-v-29a5aa5e] {
    position: relative;
    cursor: pointer
}

.common-new-select .mask-layer[data-v-29a5aa5e] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9
}

.common-new-select .input_line_content[data-v-29a5aa5e] {
    position: relative;
    text-align: center;
    z-index: 10;
    height: 32px;
    padding-left: 12px;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-new-select .input_line_content .values[data-v-29a5aa5e] {
    font-size: 12px
}

.common-new-select .input_line_inp[data-v-29a5aa5e] {
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 32px;
    font-size: 14px;
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    display: inline-block;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    border: none
}

.common-new-select .input_line_prompt[data-v-29a5aa5e] {
    z-index: 1;
    position: absolute;
    height: 30px;
    line-height: 30px;
    bottom: 0;
    left: 0;
    font-size: 14px;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-new-select .input_line_activeLine[data-v-29a5aa5e] {
    display: none;
    position: absolute;
    z-index: 3;
    bottom: -1px;
    height: 1px;
    width: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    -transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -ms-animation-delay: .5s
}

.common-new-select .input_line_errorStence[data-v-29a5aa5e] {
    height: 24px;
    position: relative
}

.common-new-select .input_line_errorStence .input_line_error[data-v-29a5aa5e] {
    position: absolute;
    bottom: 0;
    margin: 0;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-new-select .icon-triangle[data-v-29a5aa5e] {
    position: absolute;
    right: 9px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.common-new-select .icon-triangle .icon[data-v-29a5aa5e] {
    width: .5em;
    vertical-align: 0
}

.common-new-select .icon-clear-btn[data-v-29a5aa5e] {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    width: 20px;
    line-height: 30px;
    cursor: pointer;
    display: none
}

.common-new-select .select-options-box[data-v-29a5aa5e] {
    position: absolute;
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
    top: 45px;
    left: 0;
    right: 0;
    z-index: 1000;
    border-radius: 4px;
    font-size: 14px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 327px;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .15)
}

.common-new-select .select-options-box .search-box[data-v-29a5aa5e] {
    position: absolute;
    margin-top: 12px;
    margin-left: 16px;
    border-width: 1px;
    border-style: solid;
    border-radius: 16px;
    right: 16px;
    left: 0
}

.common-new-select .select-options-box .search-box .input-search[data-v-29a5aa5e] {
    width: 263px;
    height: 32px;
    line-height: 32px;
    border-width: 0;
    border-style: solid;
    color: #fff;
    padding-left: 44px;
    font-size: 14px;
    border-radius: 16px;
    font-family: DINPro;
    font-style: normal;
    font-weight: 500
}

.common-new-select .select-options-box .search-box .input-search-icon[data-v-29a5aa5e] {
    position: absolute;
    left: 20px;
    top: 10px
}

.common-new-select .select-options-box .search-box .input-search-clear[data-v-29a5aa5e] {
    position: absolute;
    top: 13px;
    right: 13px
}

.common-new-select .select-options-box .select-option-list[data-v-29a5aa5e] {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    margin-top: 60px
}

.common-new-select .select-options-box .select-option-list .select-option-item[data-v-29a5aa5e] {
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    cursor: pointer;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    position: relative;
    margin-bottom: 5px;
    padding-left: 16px
}

.common-new-select .select-options-box .select-option-list .select-option-item .icon-jt[data-v-29a5aa5e] {
    position: absolute;
    right: 12px;
    top: 10px
}

.common-new-select .select-options-box .select-option-list .select-option-item-double[data-v-29a5aa5e] {
    padding: 8px 20px;
    line-height: 20px;
    cursor: pointer
}

.common-new-select .select-options-box .select-option-item-bd .select-option-item[data-v-29a5aa5e] {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.common-new-select .select-options-box .select-option-item-bd .select-option-item[data-v-29a5aa5e]:last-child {
    border: none
}

.common-new-select .select-options-box .select-sub-list[data-v-29a5aa5e] {
    text-align: left;
    margin-bottom: 10px
}

.common-new-select .select-options-box .select-sub-list ul[data-v-29a5aa5e] {
    padding-bottom: 42px
}

.common-new-select .select-options-box .select-sub-list li[data-v-29a5aa5e] {
    padding-left: 20px
}

.common-new-select .select-options-box .not_option[data-v-29a5aa5e] {
    top: 118px;
    font-size: 14px;
    padding: 0 20px;
    position: absolute;
    right: 36px
}

.common-new-select .select-options-box .not_option p[data-v-29a5aa5e] {
    margin-top: 13px;
    margin-left: 5px
}

.common-new-select .input_line_inp:valid+.input_line_prompt[data-v-29a5aa5e],
.common-new-select.select-value .input_line_prompt[data-v-29a5aa5e],
.common-new-select.select-visible .input_line_prompt[data-v-29a5aa5e] {
    font-size: 12px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.common-new-select .input_line_content:hover .input_line_activeLine[data-v-29a5aa5e],
.common-new-select .input_line_inp:valid+.input_line_prompt[data-v-29a5aa5e],
.common-new-select.select-visible .input_line_activeLine[data-v-29a5aa5e] {
    width: 100%
}

.common-new-select.select-error .input_line_activeLine[data-v-29a5aa5e] {
    width: 100%;
    background: #eb4d5c
}

.common-new-select.select-error .input_line_prompt[data-v-29a5aa5e] {
    color: #eb4d5c;
    -webkit-animation: shake-29a5aa5e .6s cubic-bezier(.25, .8, .5, 1);
    animation: shake-29a5aa5e .6s cubic-bezier(.25, .8, .5, 1)
}

.common-new-select.select-visible .icon-triangle[data-v-29a5aa5e] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.common-new-select:hover .icon-clear-btn[data-v-29a5aa5e] {
    z-index: 9;
    background-color: #000;
    display: inline-block
}

.common-new-select .slideInDown-enter-active[data-v-29a5aa5e] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.common-new-select .slideInDown-leave-active[data-v-29a5aa5e] {
    -webkit-transition: all .3s cubic-bezier(1, .5, .8, 1);
    transition: all .3s cubic-bezier(1, .5, .8, 1)
}

.common-new-select .slideInDown-enter[data-v-29a5aa5e],
.common-new-select .slideInDown-leave-to[data-v-29a5aa5e] {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0
}

@-webkit-keyframes shake-29a5aa5e {
    59% {
        margin-left: 0
    }

    60%,
    80% {
        margin-left: 2px
    }

    70%,
    90% {
        margin-left: -2px
    }
}

@keyframes shake-29a5aa5e {
    59% {
        margin-left: 0
    }

    60%,
    80% {
        margin-left: 2px
    }

    70%,
    90% {
        margin-left: -2px
    }
}

.m-tooltip2[data-v-54fc1a46] {
    display: inline-block
}

.m-title[data-v-54fc1a46] {
    position: fixed;
    z-index: 999;
    padding-bottom: 12px;
    pointer-events: none;
    opacity: 0;
    -webkit-transform-origin: 50% 75%;
    transform-origin: 50% 75%;
    transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transform: scale(.8);
    -webkit-transition: opacity .25s, -webkit-transform .25s;
    transition: opacity .25s, -webkit-transform .25s;
    transition: transform .25s, opacity .25s;
    transition: transform .25s, opacity .25s, -webkit-transform .25s
}

.m-title .u-title[data-v-54fc1a46] {
    padding: 8px 12px;
    margin: 0 auto;
    word-break: break-all;
    word-wrap: break-word;
    background: #f7f7f7;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    font-family: HarmonyOS-Medium;
    text-align: left
}

.m-title .u-title span a[data-v-54fc1a46] {
    color: #2762ff
}

.m-title .m-arrow[data-v-54fc1a46] {
    position: absolute;
    z-index: 9;
    bottom: 12px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    width: 15.55px;
    height: 10px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    display: none
}

.m-title .m-arrow .u-arrow[data-v-54fc1a46] {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin: 0 auto;
    width: 11px;
    height: 11px;
    background: #fff;
    border-radius: 0 0 3px 0;
    z-index: 8;
    -webkit-box-shadow: 1px 1px 3px 1px fade(, 10%);
    box-shadow: 1px 1px 3px 1px fade(, 10%)
}

.show-tip[data-v-54fc1a46] {
    pointer-events: auto;
    opacity: 1;
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1)
}

.u-content[data-v-54fc1a46] {
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    color: #000
}

.slideInDown-enter-active[data-v-b4306454] {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.slideInDown-leave-active[data-v-b4306454] {
    -webkit-transition: all .5s cubic-bezier(1, .5, .8, 1);
    transition: all .5s cubic-bezier(1, .5, .8, 1)
}

.slideInDown-enter[data-v-b4306454],
.slideInDown-leave-to[data-v-b4306454] {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0
}

.select-options-box[data-v-b4306454] {
    position: absolute;
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
    z-index: 2005;
    border-radius: 4px;
    padding: 4px 0;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1)
}

.select-options-box .select-filter[data-v-b4306454] {
    padding: 8px 16px
}

.select-options-box .select-search-optional[data-v-b4306454] {
    padding: 12px 16px
}

.select-options-box .select-search-optional .search-optional-item[data-v-b4306454] {
    margin-bottom: 16px;
    position: relative
}

.select-options-box .select-search-optional .search-optional-item[data-v-b4306454]:last-child {
    margin-bottom: 0
}

.select-options-box .select-search-optional .optional-title[data-v-b4306454] {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 8px
}

.select-options-box .select-search-optional .optional-list[data-v-b4306454] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.select-options-box .select-search-optional .optional-list .optional-list-item[data-v-b4306454] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer
}

.select-options-box .select-search-optional .optional-delete[data-v-b4306454] {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.select-options-box .select-search-optional .optional-delete .hoverShow[data-v-b4306454] {
    display: none
}

.select-options-box .select-search-optional .optional-delete:hover .hoverShow[data-v-b4306454] {
    display: block
}

.select-options-box .select-search-optional .optional-delete:hover .hoverHide[data-v-b4306454] {
    display: none
}

.select-options-box .select-option-list .select-option[data-v-b4306454] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.select-options-box .select-option-list .select-option-item[data-v-b4306454] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
    position: relative
}

.select-options-box .select-option-list .select-option-item .item-text[data-v-b4306454] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.select-options-box .select-option-list .select-option-item .item-text .subText[data-v-b4306454] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
}

.select-options-box .select-option-list .select-option-item img[data-v-b4306454] {
    border-radius: 100%;
    margin-right: 8px
}

.select-options-box .select-option-list .select-option-item svg.icon[data-v-b4306454] {
    margin-right: 8px
}

.select-options-box .select-option-list .select-option-item .subText[data-v-b4306454] {
    padding-left: 4px
}

.select-options-box .select-option-list .select-option-item .label[data-v-b4306454] {
    font-size: 12px;
    line-height: 18px;
    margin-left: 8px
}

.select-options-box .select-option-list .select-option_double .select-option-item[data-v-b4306454] {
    display: block;
    padding: 12px 16px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1
}

.select-options-box .select-option-list .select-option_double .select-option-item .item-text[data-v-b4306454] {
    line-height: 18px;
    margin-bottom: 4px
}

.select-options-box .select-option-list .select-option_double .select-option-item .subText[data-v-b4306454] {
    font-size: 12px;
    line-height: 14px;
    padding-left: 0
}

.select-options-box .select-option-list .select-option_double .select-option-item .item-colorTag[data-v-b4306454] {
    display: inline-block;
    width: 4px;
    height: 14px;
    border-radius: 2px;
    margin-right: 8px;
    vertical-align: middle
}

.select-options-box .select-option-list .select-option_double .select-option-item .item-subtitle[data-v-b4306454] {
    padding: 2px 4px;
    margin-right: 4px;
    border-radius: 2px
}

.select-options-box .select-option-list .select-option_double .select-option-item .label[data-v-b4306454] {
    position: absolute;
    right: 16px;
    top: 22px
}

.select-options-box .select-option-list .not-allow[data-v-b4306454] {
    cursor: not-allowed;
    opacity: .6
}

.select-options-box.common-lg-options .select-option-list .select-option-item[data-v-b4306454] {
    height: 44px;
    padding: 0 16px
}

.select-options-box.common-lg-options .select-option-list .select-option-item img[data-v-b4306454] {
    width: 20px;
    height: 20px
}

.select-options-box.common-lg-options .select-option-list .select-option-item .label[data-v-b4306454],
.select-options-box.common-lg-options .select-option-list .select-option-item .subText[data-v-b4306454] {
    font-size: 14px;
    line-height: 16px
}

.select-options-box.common-md-options .select-option-list .select-option-item[data-v-b4306454] {
    height: 40px;
    padding: 0 12px
}

.select-options-box.common-md-options .select-option-list .select-option-item img[data-v-b4306454] {
    width: 20px;
    height: 20px
}

.select-options-box.common-md-options .select-option-list .select-option-item .subText .label[data-v-b4306454] {
    font-size: 12px;
    line-height: 14px
}

.select-options-box.common-sm-options .select-option-list .select-option-item[data-v-b4306454] {
    height: 40px;
    padding: 0 12px
}

.select-options-box.common-sm-options .select-option-list .select-option-item img[data-v-b4306454] {
    width: 20px;
    height: 20px
}

.select-options-box.common-sm-options .select-option-list .select-option-item .subText .label[data-v-b4306454] {
    font-size: 12px;
    line-height: 14px
}

.select-options-box.common-none-options .select-option-list .select-option-item[data-v-b4306454] {
    height: 40px;
    padding: 0 12px
}

.select-options-box.common-none-options .select-option-list .select-option-item img[data-v-b4306454] {
    width: 16px;
    height: 16px
}

.select-options-box.common-none-options .select-option-list .select-option-item .label[data-v-b4306454],
.select-options-box.common-none-options .select-option-list .select-option-item .subText[data-v-b4306454] {
    font-size: 12px;
    line-height: 14px
}

.select-options-box .not_option[data-v-b4306454] {
    height: 216px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.select-options-box .not_option img[data-v-b4306454] {
    margin-bottom: 12px
}

.common-select[data-v-0a5ea2d6] {
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-family: HarmonyOS-Medium;
    line-height: 1
}

.common-select.common-lg-select[data-v-0a5ea2d6] {
    font-size: 14px
}

.common-select.common-lg-select .select-img[data-v-0a5ea2d6] {
    width: 20px;
    height: 20px
}

.common-select.common-md-select[data-v-0a5ea2d6] {
    font-size: 14px
}

.common-select.common-md-select .select-img[data-v-0a5ea2d6] {
    width: 20px;
    height: 20px
}

.common-select.common-sm-select[data-v-0a5ea2d6] {
    font-size: 14px
}

.common-select.common-sm-select .select-img[data-v-0a5ea2d6] {
    width: 20px;
    height: 20px
}

.common-select.common-none-select[data-v-0a5ea2d6] {
    font-size: 14px
}

.common-select.common-none-select .input_line_content[data-v-0a5ea2d6] {
    border: none;
    padding: 0 12px 0 0
}

.common-select.common-none-select .select-img[data-v-0a5ea2d6] {
    width: 16px;
    height: 16px
}

.common-select .input_line_content[data-v-0a5ea2d6] {
    width: 100%;
    padding: 14px 12px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border .3s;
    transition: border .3s;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-select .input_line_content input[data-v-0a5ea2d6] {
    cursor: pointer
}

.common-select .select-img[data-v-0a5ea2d6] {
    border-radius: 100%;
    margin-right: 8px
}

.common-select .select-color-tag[data-v-0a5ea2d6] {
    display: inline-block;
    width: 4px;
    height: 14px;
    border-radius: 2px;
    margin-right: 8px
}

.common-select .input_line_label[data-v-0a5ea2d6] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden
}

.common-select .input_line_label_subTitle[data-v-0a5ea2d6] {
    display: block;
    font-size: 14px
}

.common-select .input_line_inp[data-v-0a5ea2d6] {
    position: absolute;
    outline: none;
    font-family: HarmonyOS-Medium;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.common-select .input_line_prompt[data-v-0a5ea2d6] {
    line-height: 16px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 8px
}

.common-select .input-line-errorStence[data-v-0a5ea2d6] {
    width: 100%
}

.common-select .input-line-errorStence.input-error-position[data-v-0a5ea2d6] {
    position: relative
}

.common-select .input-line-errorStence.input-error-position .input-line-error[data-v-0a5ea2d6],
.common-select .input-line-errorStence.input-error-position .input-line-warning[data-v-0a5ea2d6] {
    position: absolute;
    top: 4px;
    line-height: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-select .input-line-errorStence.input-error-block[data-v-0a5ea2d6] {
    margin-top: 4px;
    position: static
}

.common-select .input-line-errorStence.input-error-block .input-line-error[data-v-0a5ea2d6] {
    line-height: 16px
}

.common-select .input-line-errorStence.input-error-block .input-line-error[data-v-0a5ea2d6],
.common-select .input-line-errorStence.input-error-block .input-line-warning[data-v-0a5ea2d6] {
    position: static;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-select .icon-triangle[data-v-0a5ea2d6] {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin-left: 4px
}

.common-select .icon-triangle .icon[data-v-0a5ea2d6] {
    vertical-align: 0
}

.common-select.select-disabled .input_line_inp[data-v-0a5ea2d6] {
    cursor: no-drop
}

.common-select.select-visible .icon-triangle[data-v-0a5ea2d6] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
    content: "\F101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\F102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
    content: "\F103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
    content: "\F104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
    content: "\F105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
    content: "\F106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
    content: "\F107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
    content: "\F108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
    content: "\F109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\F10A"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\F10B"
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
    content: "\F10C"
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
    content: "\F10D"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
    content: "\F10E"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\F10F"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\F110"
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: "\F111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\F112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\F113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\F114"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
    content: "\F115"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
    content: "\F116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\F117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\F118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\F119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\F11A"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\F11B"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\F11C"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
    content: "\F11D"
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
    content: "\F11E"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\F11F"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\F120"
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
    content: "\F121"
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
    content: "\F122"
}

.video-js {
    display: block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: normal
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: none
}

.video-js *,
.video-js :after,
.video-js :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.video-js.vjs-1-1,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
    height: 0
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
    padding-top: 56.25%
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
    padding-top: 75%
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.7777777778%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%
}

.video-js.vjs-fill:not(.vjs-audio-only-mode),
.video-js .vjs-tech {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

.video-js.vjs-audio-only-mode .vjs-tech {
    display: none
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    border-radius: .3em;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.81666em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    -webkit-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),
.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
    background: none
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em 0;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.vjs-audio-only-mode .vjs-control-bar,
.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-control.vjs-visible-text {
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button>.vjs-icon-placeholder {
    display: block
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js :not(.vjs-visible-text)>.vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em;
    -ms-touch-action: none;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.3333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    -webkit-transition: width 1s;
    transition: width 1s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
    left: -3.5em;
    -webkit-transition: left 0s;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width: 10em;
    -webkit-transition: width .1s;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: none;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em;
    z-index: 1
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em;
    z-index: 1
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
    display: block
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
    display: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
    display: none
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear .3s forwards;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\F10D";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \F11D";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: auto
}

.video-js.vjs-layout-tiny .vjs-progress-control,
.video-js.vjs-layout-x-small .vjs-progress-control {
    display: none
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: block
}

.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display:grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0 24px
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
    background-image: linear-gradient(0deg, #fff 88%, #73859f)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, .75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
    background-image: linear-gradient(-180deg, #fff 88%, #73859f);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible),
.video-js :focus:not(:focus-visible) {
    outline: none
}

.vjs-custom-skin>.video-js {
    width: 100%;
    font-family: PingFang SC, Helvetica Neue, Hiragino Sans GB, Segoe UI, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", sans-serif
}

.video-js.vjs-no-flex .vjs-menu-button-inline,
.vjs-custom-skin>.video-js .vjs-menu-button-inline.vjs-slider-active,
.vjs-custom-skin>.video-js .vjs-menu-button-inline:focus,
.vjs-custom-skin>.video-js .vjs-menu-button-inline:hover {
    width: 10em
}

.vjs-custom-skin>.video-js .vjs-controls-disabled .vjs-big-play-button {
    display: none !important
}

.vjs-custom-skin>.video-js .vjs-control {
    width: 3em
}

.vjs-custom-skin>.video-js .vjs-control.vjs-live-control {
    width: auto;
    padding-left: .5em;
    letter-spacing: .1em
}

.vjs-custom-skin>.video-js .vjs-menu-button-inline:before {
    width: 1.5em
}

.vjs-menu-button-inline .vjs-menu {
    left: 3em
}

.vjs-custom-skin>.video-js .vjs-load-progress div,
.vjs-seeking .vjs-big-play-button,
.vjs-waiting .vjs-big-play-button {
    display: none !important
}

.vjs-custom-skin>.video-js .vjs-mouse-display:after,
.vjs-custom-skin>.video-js .vjs-play-progress:after {
    padding: 0 .4em .3em
}

.video-js.vjs-ended .vjs-loading-spinner {
    display: none
}

.video-js.vjs-ended .vjs-big-play-button {
    display: block !important
}

.video-js.vjs-ended .vjs-big-play-button,
.video-js.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started.vjs-custom-skin>.video-js .vjs-big-play-button {
    display: block
}

.vjs-custom-skin>.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-left: -1.5em;
    margin-top: -1em;
    background-color: rgba(0, 0, 0, .45);
    font-size: 3.5em;
    height: 2em !important;
    line-height: 2em !important;
    margin-top: -1em !important
}

.video-js:hover .vjs-big-play-button,
.vjs-custom-skin>.video-js .vjs-big-play-button:active,
.vjs-custom-skin>.video-js .vjs-big-play-button:focus {
    background-color: rgba(36, 131, 213, .9)
}

.vjs-custom-skin>.video-js .vjs-loading-spinner {
    border-color: rgba(36, 131, 213, .8)
}

.vjs-custom-skin>.video-js .vjs-control-bar2 {
    background-color: #000
}

.vjs-custom-skin>.video-js .vjs-control-bar {
    color: #fff;
    font-size: 14px
}

.vjs-custom-skin>.video-js .vjs-play-progress,
.vjs-custom-skin>.video-js .vjs-volume-level {
    background-color: #2483d5
}

.vjs-custom-skin>.video-js .vjs-play-progress:before {
    top: -.3em
}

.vjs-custom-skin>.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.3em
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: 0
}

.vjs-custom-skin>.video-js .vjs-menu li {
    padding: 0;
    line-height: 2em;
    font-size: 1.1em;
    font-family: PingFang SC, Helvetica Neue, Hiragino Sans GB, Segoe UI, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", sans-serif
}

.vjs-custom-skin>.video-js .vjs-mouse-display:after,
.vjs-custom-skin>.video-js .vjs-play-progress:after,
.vjs-custom-skin>.video-js .vjs-time-tooltip {
    border-radius: 0;
    font-size: 1em;
    padding: 0;
    width: 3em;
    height: 1.5em;
    line-height: 1.5em;
    top: -3em
}

.vjs-custom-skin>.video-js .vjs-menu-button-popup .vjs-menu {
    width: 5em;
    left: -1em
}

.vjs-custom-skin>.video-js .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: 0
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-play-control {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-time-control {
    min-width: 1em;
    padding: 0;
    margin: 0 .1em;
    text-align: center;
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.2em;
    line-height: 2.4
}

.vjs-custom-skin>.video-js .vjs-progress-control.vjs-control {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-volume-menu-button {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-resolution-button {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-resolution-button .vjs-resolution-button-label {
    display: block;
    line-height: 3em
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-playback-rate {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-fullscreen-control {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.Int.isV5Header .page-content {
    padding-left: 0
}

@media (max-width:600px) {

    #app,
    .page-content {
        min-height: 650px !important
    }
}

.Int .page-content {
    padding-left: 81px
}

.Int {
    width: 100%;
    height: 100%
}

.Int .page-content {
    padding-left: 80px;
    height: 100%
}

.Int .page-content.page-content-chain {
    padding-left: 0
}

.fill-1-bg {
    background-color: #000
}

.fill-1-bd,
.fill-1-bd-h:hover {
    border-color: #000
}

.fill-1-cl {
    color: #000
}

.fill-1-cl-h:hover {
    background-color: #000
}

.fill-1-f-h:hover {
    color: #000
}

.fill-2-bg {
    background-color: #111
}

.fill-2-bd,
.fill-2-bd-h:hover {
    border-color: #111
}

.fill-2-cl {
    color: #111
}

.fill-2-cl-h:hover {
    background-color: #111
}

.fill-2-f-h:hover {
    color: #111
}

.fill-3-bg {
    background-color: #1d1d1f
}

.fill-3-bd,
.fill-3-bd-h:hover {
    border-color: #1d1d1f
}

.fill-3-cl {
    color: #1d1d1f
}

.fill-3-cl-h:hover {
    background-color: #1d1d1f
}

.fill-3-f-h:hover {
    color: #1d1d1f
}

.fill-4-bg {
    background-color: #1b1b1d
}

.fill-4-bd,
.fill-4-bd-h:hover {
    border-color: #1b1b1d
}

.fill-4-cl {
    color: #1b1b1d
}

.fill-4-cl-h:hover {
    background-color: #1b1b1d
}

.fill-4-f-h:hover {
    color: #1b1b1d
}

.fill-5-bg {
    background-color: #2f2f2f
}

.fill-5-bd,
.fill-5-bd-h:hover {
    border-color: #2f2f2f
}

.fill-5-cl {
    color: #2f2f2f
}

.fill-5-cl-h:hover {
    background-color: #2f2f2f
}

.fill-5-f-h:hover {
    color: #2f2f2f
}

.fill-6-bg {
    background-color: #262626
}

.fill-6-bd,
.fill-6-bd-h:hover {
    border-color: #262626
}

.fill-6-cl {
    color: #262626
}

.fill-6-cl-h:hover {
    background-color: #262626
}

.fill-6-f-h:hover {
    color: #262626
}

.fill-7-bg {
    background-color: #39393c
}

.fill-7-bd,
.fill-7-bd-h:hover {
    border-color: #39393c
}

.fill-7-cl {
    color: #39393c
}

.fill-7-cl-h:hover {
    background-color: #39393c
}

.fill-7-f-h:hover {
    color: #39393c
}

.fill-8-bg {
    background-color: rgba(0, 0, 0, .4)
}

.fill-8-bd,
.fill-8-bd-h:hover {
    border-color: rgba(0, 0, 0, .4)
}

.fill-8-cl {
    color: rgba(0, 0, 0, .4)
}

.fill-8-cl-h:hover {
    background-color: rgba(0, 0, 0, .4)
}

.fill-8-f-h:hover {
    color: rgba(0, 0, 0, .4)
}

.fill-9-bg {
    background-color: #7b828e
}

.fill-9-bd,
.fill-9-bd-h:hover {
    border-color: #7b828e
}

.fill-9-cl {
    color: #7b828e
}

.fill-9-cl-h:hover {
    background-color: #7b828e
}

.fill-9-f-h:hover {
    color: #7b828e
}

.text-1-bg {
    background-color: #fff
}

.text-1-bd,
.text-1-bd-h:hover {
    border-color: #fff
}

.text-1-cl {
    color: #fff
}

.text-1-cl-h:hover {
    background-color: #fff
}

.text-1-f-h:hover {
    color: #fff
}

.text-2-bg {
    background-color: #909090
}

.text-2-bd,
.text-2-bd-h:hover {
    border-color: #909090
}

.text-2-cl {
    color: #909090
}

.text-2-cl-h:hover {
    background-color: #909090
}

.text-2-f-h:hover {
    color: #909090
}

.text-3-bg {
    background-color: #6a6a6a
}

.text-3-bd,
.text-3-bd-h:hover {
    border-color: #6a6a6a
}

.text-3-cl {
    color: #6a6a6a
}

.text-3-cl-h:hover {
    background-color: #6a6a6a
}

.text-3-f-h:hover {
    color: #6a6a6a
}

.text-4-bg {
    background-color: #fff
}

.text-4-bd,
.text-4-bd-h:hover {
    border-color: #fff
}

.text-4-cl {
    color: #fff
}

.text-4-cl-h:hover {
    background-color: #fff
}

.text-4-f-h:hover {
    color: #fff
}

.text-5-bg {
    background-color: #000
}

.text-5-bd,
.text-5-bd-h:hover {
    border-color: #000
}

.text-5-cl {
    color: #000
}

.text-5-cl-h:hover {
    background-color: #000
}

.text-5-f-h:hover {
    color: #000
}

.main-1-bg {
    background-color: #2b61ff
}

.main-1-bd,
.main-1-bd-h:hover {
    border-color: #2b61ff
}

.main-1-cl {
    color: #2b61ff
}

.main-1-cl-h:hover {
    background-color: #2b61ff
}

.main-1-f-h:hover {
    color: #2b61ff
}

.main-2-bg {
    background-color: #2757e6
}

.main-2-bd,
.main-2-bd-h:hover {
    border-color: #2757e6
}

.main-2-cl {
    color: #2757e6
}

.main-2-cl-h:hover {
    background-color: #2757e6
}

.main-2-f-h:hover {
    color: #2757e6
}

.main-3-bg {
    background-color: #2552d9
}

.main-3-bd,
.main-3-bd-h:hover {
    border-color: #2552d9
}

.main-3-cl {
    color: #2552d9
}

.main-3-cl-h:hover {
    background-color: #2552d9
}

.main-3-f-h:hover {
    color: #2552d9
}

.main-4-bg {
    background-color: #151d35
}

.main-4-bd,
.main-4-bd-h:hover {
    border-color: #151d35
}

.main-4-cl {
    color: #151d35
}

.main-4-cl-h:hover {
    background-color: #151d35
}

.main-4-f-h:hover {
    color: #151d35
}

.main-5-bg {
    background-color: #4071ff
}

.main-5-bd,
.main-5-bd-h:hover {
    border-color: #4071ff
}

.main-5-cl {
    color: #4071ff
}

.main-5-cl-h:hover {
    background-color: #4071ff
}

.main-5-f-h:hover {
    color: #4071ff
}

.rise-1-bg {
    background-color: #00b595
}

.rise-1-bd,
.rise-1-bd-h:hover {
    border-color: #00b595
}

.rise-1-cl {
    color: #00b595
}

.rise-1-cl-h:hover {
    background-color: #00b595
}

.rise-1-f-h:hover {
    color: #00b595
}

.rise-2-bg {
    background-color: #00a386
}

.rise-2-bd,
.rise-2-bd-h:hover {
    border-color: #00a386
}

.rise-2-cl {
    color: #00a386
}

.rise-2-cl-h:hover {
    background-color: #00a386
}

.rise-2-f-h:hover {
    color: #00a386
}

.rise-3-bg {
    background-color: #009a7f
}

.rise-3-bd,
.rise-3-bd-h:hover {
    border-color: #009a7f
}

.rise-3-cl {
    color: #009a7f
}

.rise-3-cl-h:hover {
    background-color: #009a7f
}

.rise-3-f-h:hover {
    color: #009a7f
}

.rise-4-bg {
    background-color: #0e2a25
}

.rise-4-bd,
.rise-4-bd-h:hover {
    border-color: #0e2a25
}

.rise-4-cl {
    color: #0e2a25
}

.rise-4-cl-h:hover {
    background-color: #0e2a25
}

.rise-4-f-h:hover {
    color: #0e2a25
}

.fall-1-bg {
    background-color: #d1425e
}

.fall-1-bd,
.fall-1-bd-h:hover {
    border-color: #d1425e
}

.fall-1-cl {
    color: #d1425e
}

.fall-1-cl-h:hover {
    background-color: #d1425e
}

.fall-1-f-h:hover {
    color: #d1425e
}

.fall-2-bg {
    background-color: #bc3b55
}

.fall-2-bd,
.fall-2-bd-h:hover {
    border-color: #bc3b55
}

.fall-2-cl {
    color: #bc3b55
}

.fall-2-cl-h:hover {
    background-color: #bc3b55
}

.fall-2-f-h:hover {
    color: #bc3b55
}

.fall-3-bg {
    background-color: #b23850
}

.fall-3-bd,
.fall-3-bd-h:hover {
    border-color: #b23850
}

.fall-3-cl {
    color: #b23850
}

.fall-3-cl-h:hover {
    background-color: #b23850
}

.fall-3-f-h:hover {
    color: #b23850
}

.fall-4-bg {
    background-color: #2e181d
}

.fall-4-bd,
.fall-4-bd-h:hover {
    border-color: #2e181d
}

.fall-4-cl {
    color: #2e181d
}

.fall-4-cl-h:hover {
    background-color: #2e181d
}

.fall-4-f-h:hover {
    color: #2e181d
}

.warning-1-bg {
    background-color: #e9a92a
}

.warning-1-bd,
.warning-1-bd-h:hover {
    border-color: #e9a92a
}

.warning-1-cl {
    color: #e9a92a
}

.warning-1-cl-h:hover {
    background-color: #e9a92a
}

.warning-1-f-h:hover {
    color: #e9a92a
}

.warning-2-bg {
    background-color: #d29826
}

.warning-2-bd,
.warning-2-bd-h:hover {
    border-color: #d29826
}

.warning-2-cl {
    color: #d29826
}

.warning-2-cl-h:hover {
    background-color: #d29826
}

.warning-2-f-h:hover {
    color: #d29826
}

.warning-3-bg {
    background-color: #c69024
}

.warning-3-bd,
.warning-3-bd-h:hover {
    border-color: #c69024
}

.warning-3-cl {
    color: #c69024
}

.warning-3-cl-h:hover {
    background-color: #c69024
}

.warning-3-f-h:hover {
    color: #c69024
}

.special-1-bg {
    background-color: #1d1d1f
}

.special-1-bd,
.special-1-bd-h:hover {
    border-color: #1d1d1f
}

.special-1-cl {
    color: #1d1d1f
}

.special-1-cl-h:hover {
    background-color: #1d1d1f
}

.special-1-f-h:hover {
    color: #1d1d1f
}

.special-2-bg {
    background-color: #2f2f2f
}

.special-2-bd,
.special-2-bd-h:hover {
    border-color: #2f2f2f
}

.special-2-cl {
    color: #2f2f2f
}

.special-2-cl-h:hover {
    background-color: #2f2f2f
}

.special-2-f-h:hover {
    color: #2f2f2f
}

.special-3-bg {
    background-color: #000
}

.special-3-bd,
.special-3-bd-h:hover {
    border-color: #000
}

.special-3-cl {
    color: #000
}

.special-3-cl-h:hover {
    background-color: #000
}

.special-3-f-h:hover {
    color: #000
}

.special-4-bg {
    background-color: #909090
}

.special-4-bd,
.special-4-bd-h:hover {
    border-color: #909090
}

.special-4-cl {
    color: #909090
}

.special-4-cl-h:hover {
    background-color: #909090
}

.special-4-f-h:hover {
    color: #909090
}

.special-5-bg {
    background-color: #6a6a6a
}

.special-5-bd,
.special-5-bd-h:hover {
    border-color: #6a6a6a
}

.special-5-cl {
    color: #6a6a6a
}

.special-5-cl-h:hover {
    background-color: #6a6a6a
}

.special-5-f-h:hover {
    color: #6a6a6a
}

.special-6-bg {
    background-color: #2f2f2f
}

.special-6-bd,
.special-6-bd-h:hover {
    border-color: #2f2f2f
}

.special-6-cl {
    color: #2f2f2f
}

.special-6-cl-h:hover {
    background-color: #2f2f2f
}

.special-6-f-h:hover {
    color: #2f2f2f
}

.p-1-bg {
    background-color: #24a0f5
}

.p-1-bd,
.p-1-bd-h:hover {
    border-color: #24a0f5
}

.p-1-cl {
    color: #24a0f5
}

.p-1-cl-h:hover {
    background-color: #24a0f5
}

.p-1-f-h:hover {
    color: #24a0f5
}

.h-1-bg {
    background-color: #060f1b
}

.h-1-bd,
.h-1-bd-h:hover {
    border-color: #060f1b
}

.h-1-cl {
    color: #060f1b
}

.h-1-cl-h:hover {
    background-color: #060f1b
}

.h-1-f-h:hover {
    color: #060f1b
}

.h-2-bg {
    background-color: #060f1b
}

.h-2-bd,
.h-2-bd-h:hover {
    border-color: #060f1b
}

.h-2-cl {
    color: #060f1b
}

.h-2-cl-h:hover {
    background-color: #060f1b
}

.h-2-f-h:hover {
    color: #060f1b
}

.h-3-bg {
    background-color: #060f1b
}

.h-3-bd,
.h-3-bd-h:hover {
    border-color: #060f1b
}

.h-3-cl {
    color: #060f1b
}

.h-3-cl-h:hover {
    background-color: #060f1b
}

.h-3-f-h:hover {
    color: #060f1b
}

.h-4-bg {
    background-color: #0b1726
}

.h-4-bd,
.h-4-bd-h:hover {
    border-color: #0b1726
}

.h-4-cl {
    color: #0b1726
}

.h-4-cl-h:hover {
    background-color: #0b1726
}

.h-4-f-h:hover {
    color: #0b1726
}

.h-5-bg {
    background-color: rgba(36, 160, 245, .2)
}

.h-5-bd,
.h-5-bd-h:hover {
    border-color: rgba(36, 160, 245, .2)
}

.h-5-cl {
    color: rgba(36, 160, 245, .2)
}

.h-5-cl-h:hover {
    background-color: rgba(36, 160, 245, .2)
}

.h-5-f-h:hover {
    color: rgba(36, 160, 245, .2)
}

.x-1-bg {
    background-color: #d6dbe7
}

.x-1-bd,
.x-1-bd-h:hover {
    border-color: #d6dbe7
}

.x-1-cl {
    color: #d6dbe7
}

.x-1-cl-h:hover {
    background-color: #d6dbe7
}

.x-1-f-h:hover {
    color: #d6dbe7
}

.x-2-bg {
    background-color: #525d79
}

.x-2-bd,
.x-2-bd-h:hover {
    border-color: #525d79
}

.x-2-cl {
    color: #525d79
}

.x-2-cl-h:hover {
    background-color: #525d79
}

.x-2-f-h:hover {
    color: #525d79
}

.x-3-bg {
    background-color: #2762ff
}

.x-3-bd,
.x-3-bd-h:hover {
    border-color: #2762ff
}

.x-3-cl {
    color: #2762ff
}

.x-3-cl-h:hover {
    background-color: #2762ff
}

.x-3-f-h:hover {
    color: #2762ff
}

.a-1-bg {
    background-color: #525d79
}

.a-1-bd,
.a-1-bd-h:hover {
    border-color: #525d79
}

.a-1-cl {
    color: #525d79
}

.a-1-cl-h:hover {
    background-color: #525d79
}

.a-1-f-h:hover {
    color: #525d79
}

.a-2-bg {
    background-color: #30374c
}

.a-2-bd,
.a-2-bd-h:hover {
    border-color: #30374c
}

.a-2-cl {
    color: #30374c
}

.a-2-cl-h:hover {
    background-color: #30374c
}

.a-2-f-h:hover {
    color: #30374c
}

.a-3-bg {
    background-color: #161d31
}

.a-3-bd,
.a-3-bd-h:hover {
    border-color: #161d31
}

.a-3-cl {
    color: #161d31
}

.a-3-cl-h:hover {
    background-color: #161d31
}

.a-3-f-h:hover {
    color: #161d31
}

.a-4-bg {
    background-color: #0b1726
}

.a-4-bd,
.a-4-bd-h:hover {
    border-color: #0b1726
}

.a-4-cl {
    color: #0b1726
}

.a-4-cl-h:hover {
    background-color: #0b1726
}

.a-4-f-h:hover {
    color: #0b1726
}

.a-5-bg {
    background-color: #060f1b
}

.a-5-bd,
.a-5-bd-h:hover {
    border-color: #060f1b
}

.a-5-cl {
    color: #060f1b
}

.a-5-cl-h:hover {
    background-color: #060f1b
}

.a-5-f-h:hover {
    color: #060f1b
}

.a-6-bg {
    background-color: rgba(6, 15, 27, .99)
}

.a-6-bd,
.a-6-bd-h:hover {
    border-color: rgba(6, 15, 27, .99)
}

.a-6-cl {
    color: rgba(6, 15, 27, .99)
}

.a-6-cl-h:hover {
    background-color: rgba(6, 15, 27, .99)
}

.a-6-f-h:hover {
    color: rgba(6, 15, 27, .99)
}

.a-7-bg {
    background-color: #040a12
}

.a-7-bd,
.a-7-bd-h:hover {
    border-color: #040a12
}

.a-7-cl {
    color: #040a12
}

.a-7-cl-h:hover {
    background-color: #040a12
}

.a-7-f-h:hover {
    color: #040a12
}

.a-8-bg {
    background-color: #01050a
}

.a-8-bd,
.a-8-bd-h:hover {
    border-color: #01050a
}

.a-8-cl {
    color: #01050a
}

.a-8-cl-h:hover {
    background-color: #01050a
}

.a-8-f-h:hover {
    color: #01050a
}

.a-9-bg {
    background-color: rgba(0, 0, 0, .5)
}

.a-9-bd,
.a-9-bd-h:hover {
    border-color: rgba(0, 0, 0, .5)
}

.a-9-cl {
    color: rgba(0, 0, 0, .5)
}

.a-9-cl-h:hover {
    background-color: rgba(0, 0, 0, .5)
}

.a-9-f-h:hover {
    color: rgba(0, 0, 0, .5)
}

.a-10-bg {
    background-color: rgba(82, 93, 121, .3)
}

.a-10-bd,
.a-10-bd-h:hover {
    border-color: rgba(82, 93, 121, .3)
}

.a-10-cl {
    color: rgba(82, 93, 121, .3)
}

.a-10-cl-h:hover {
    background-color: rgba(82, 93, 121, .3)
}

.a-10-f-h:hover {
    color: rgba(82, 93, 121, .3)
}

.a-11-bg {
    background-color: rgba(82, 93, 121, .15)
}

.a-11-bd,
.a-11-bd-h:hover {
    border-color: rgba(82, 93, 121, .15)
}

.a-11-cl {
    color: rgba(82, 93, 121, .15)
}

.a-11-cl-h:hover {
    background-color: rgba(82, 93, 121, .15)
}

.a-11-f-h:hover {
    color: rgba(82, 93, 121, .15)
}

.a-12-bg {
    background-color: #2762ff
}

.a-12-bd,
.a-12-bd-h:hover {
    border-color: #2762ff
}

.a-12-cl {
    color: #2762ff
}

.a-12-cl-h:hover {
    background-color: #2762ff
}

.a-12-f-h:hover {
    color: #2762ff
}

.a-13-bg {
    background-color: rgba(39, 98, 255, .5)
}

.a-13-bd,
.a-13-bd-h:hover {
    border-color: rgba(39, 98, 255, .5)
}

.a-13-cl {
    color: rgba(39, 98, 255, .5)
}

.a-13-cl-h:hover {
    background-color: rgba(39, 98, 255, .5)
}

.a-13-f-h:hover {
    color: rgba(39, 98, 255, .5)
}

.a-14-bg {
    background-color: rgba(39, 98, 255, .3)
}

.a-14-bd,
.a-14-bd-h:hover {
    border-color: rgba(39, 98, 255, .3)
}

.a-14-cl {
    color: rgba(39, 98, 255, .3)
}

.a-14-cl-h:hover {
    background-color: rgba(39, 98, 255, .3)
}

.a-14-f-h:hover {
    color: rgba(39, 98, 255, .3)
}

.a-15-bg {
    background-color: rgba(39, 98, 255, .2)
}

.a-15-bd,
.a-15-bd-h:hover {
    border-color: rgba(39, 98, 255, .2)
}

.a-15-cl {
    color: rgba(39, 98, 255, .2)
}

.a-15-cl-h:hover {
    background-color: rgba(39, 98, 255, .2)
}

.a-15-f-h:hover {
    color: rgba(39, 98, 255, .2)
}

.a-16-bg {
    background-color: rgba(39, 98, 255, .15)
}

.a-16-bd,
.a-16-bd-h:hover {
    border-color: rgba(39, 98, 255, .15)
}

.a-16-cl {
    color: rgba(39, 98, 255, .15)
}

.a-16-cl-h:hover {
    background-color: rgba(39, 98, 255, .15)
}

.a-16-f-h:hover {
    color: rgba(39, 98, 255, .15)
}

.a-17-bg {
    background-color: rgba(39, 98, 255, .05)
}

.a-17-bd,
.a-17-bd-h:hover {
    border-color: rgba(39, 98, 255, .05)
}

.a-17-cl {
    color: rgba(39, 98, 255, .05)
}

.a-17-cl-h:hover {
    background-color: rgba(39, 98, 255, .05)
}

.a-17-f-h:hover {
    color: rgba(39, 98, 255, .05)
}

.a-18-bg {
    background-color: #13b887
}

.a-18-bd,
.a-18-bd-h:hover {
    border-color: #13b887
}

.a-18-cl {
    color: #13b887
}

.a-18-cl-h:hover {
    background-color: #13b887
}

.a-18-f-h:hover {
    color: #13b887
}

.a-19-bg {
    background-color: #eb4d5c
}

.a-19-bd,
.a-19-bd-h:hover {
    border-color: #eb4d5c
}

.a-19-cl {
    color: #eb4d5c
}

.a-19-cl-h:hover {
    background-color: #eb4d5c
}

.a-19-f-h:hover {
    color: #eb4d5c
}

.a-20-bg {
    background-color: #faad14
}

.a-20-bd,
.a-20-bd-h:hover {
    border-color: #faad14
}

.a-20-cl {
    color: #faad14
}

.a-20-cl-h:hover {
    background-color: #faad14
}

.a-20-f-h:hover {
    color: #faad14
}

.a-21-bg {
    background-color: rgba(6, 15, 27, .99)
}

.a-21-bd,
.a-21-bd-h:hover {
    border-color: rgba(6, 15, 27, .99)
}

.a-21-cl {
    color: rgba(6, 15, 27, .99)
}

.a-21-cl-h:hover {
    background-color: rgba(6, 15, 27, .99)
}

.a-21-f-h:hover {
    color: rgba(6, 15, 27, .99)
}

.a-22-bg {
    background-color: hsla(0, 0%, 100%, .2)
}

.a-22-bd,
.a-22-bd-h:hover {
    border-color: hsla(0, 0%, 100%, .2)
}

.a-22-cl {
    color: hsla(0, 0%, 100%, .2)
}

.a-22-cl-h:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.a-22-f-h:hover {
    color: hsla(0, 0%, 100%, .2)
}

.b-1-bg {
    background-color: #d6dbe7
}

.b-1-bd,
.b-1-bd-h:hover {
    border-color: #d6dbe7
}

.b-1-cl {
    color: #d6dbe7
}

.b-1-cl-h:hover {
    background-color: #d6dbe7
}

.b-1-f-h:hover {
    color: #d6dbe7
}

.b-2-bg {
    background-color: #525d79
}

.b-2-bd,
.b-2-bd-h:hover {
    border-color: #525d79
}

.b-2-cl {
    color: #525d79
}

.b-2-cl-h:hover {
    background-color: #525d79
}

.b-2-f-h:hover {
    color: #525d79
}

.b-3-bg {
    background-color: #454f68
}

.b-3-bd,
.b-3-bd-h:hover {
    border-color: #454f68
}

.b-3-cl {
    color: #454f68
}

.b-3-cl-h:hover {
    background-color: #454f68
}

.b-3-f-h:hover {
    color: #454f68
}

.b-4-bg {
    background-color: #2762ff
}

.b-4-bd,
.b-4-bd-h:hover {
    border-color: #2762ff
}

.b-4-cl {
    color: #2762ff
}

.b-4-cl-h:hover {
    background-color: #2762ff
}

.b-4-f-h:hover {
    color: #2762ff
}

.b-5-bg {
    background-color: #13b887
}

.b-5-bd,
.b-5-bd-h:hover {
    border-color: #13b887
}

.b-5-cl {
    color: #13b887
}

.b-5-cl-h:hover {
    background-color: #13b887
}

.b-5-f-h:hover {
    color: #13b887
}

.b-6-bg {
    background-color: #eb4d5c
}

.b-6-bd,
.b-6-bd-h:hover {
    border-color: #eb4d5c
}

.b-6-cl {
    color: #eb4d5c
}

.b-6-cl-h:hover {
    background-color: #eb4d5c
}

.b-6-f-h:hover {
    color: #eb4d5c
}

.b-7-bg {
    background-color: #faad14
}

.b-7-bd,
.b-7-bd-h:hover {
    border-color: #faad14
}

.b-7-cl {
    color: #faad14
}

.b-7-cl-h:hover {
    background-color: #faad14
}

.b-7-f-h:hover {
    color: #faad14
}

.b-8-bg {
    background-color: #fff
}

.b-8-bd,
.b-8-bd-h:hover {
    border-color: #fff
}

.b-8-cl {
    color: #fff
}

.b-8-cl-h:hover {
    background-color: #fff
}

.b-8-f-h:hover {
    color: #fff
}

.b-9-bg {
    background-color: hsla(0, 0%, 100%, .6)
}

.b-9-bd,
.b-9-bd-h:hover {
    border-color: hsla(0, 0%, 100%, .6)
}

.b-9-cl {
    color: hsla(0, 0%, 100%, .6)
}

.b-9-cl-h:hover {
    background-color: hsla(0, 0%, 100%, .6)
}

.b-9-f-h:hover {
    color: hsla(0, 0%, 100%, .6)
}

.b-10-bg {
    background-color: rgba(250, 173, 20, .1)
}

.b-10-bd,
.b-10-bd-h:hover {
    border-color: rgba(250, 173, 20, .1)
}

.b-10-cl {
    color: rgba(250, 173, 20, .1)
}

.b-10-cl-h:hover {
    background-color: rgba(250, 173, 20, .1)
}

.b-10-f-h:hover {
    color: rgba(250, 173, 20, .1)
}

.c-1-bg {
    background-color: #30374c
}

.c-1-bd,
.c-1-bd-h:hover {
    border-color: #30374c
}

.c-1-cl {
    color: #30374c
}

.c-1-cl-h:hover {
    background-color: #30374c
}

.c-1-f-h:hover {
    color: #30374c
}

.c-2-bg {
    background-color: #01050a
}

.c-2-bd,
.c-2-bd-h:hover {
    border-color: #01050a
}

.c-2-cl {
    color: #01050a
}

.c-2-cl-h:hover {
    background-color: #01050a
}

.c-2-f-h:hover {
    color: #01050a
}

.c-3-bg {
    background-color: #0b1726
}

.c-3-bd,
.c-3-bd-h:hover {
    border-color: #0b1726
}

.c-3-cl {
    color: #0b1726
}

.c-3-cl-h:hover {
    background-color: #0b1726
}

.c-3-f-h:hover {
    color: #0b1726
}

.c-4-bg {
    background-color: rgba(6, 15, 27, .5)
}

.c-4-bd,
.c-4-bd-h:hover {
    border-color: rgba(6, 15, 27, .5)
}

.c-4-cl {
    color: rgba(6, 15, 27, .5)
}

.c-4-cl-h:hover {
    background-color: rgba(6, 15, 27, .5)
}

.c-4-f-h:hover {
    color: rgba(6, 15, 27, .5)
}

.c-5-bg {
    background-color: #161d31
}

.c-5-bd,
.c-5-bd-h:hover {
    border-color: #161d31
}

.c-5-cl {
    color: #161d31
}

.c-5-cl-h:hover {
    background-color: #161d31
}

.c-5-f-h:hover {
    color: #161d31
}

.c-6-bg {
    background-color: rgba(0, 0, 0, .5)
}

.c-6-bd,
.c-6-bd-h:hover {
    border-color: rgba(0, 0, 0, .5)
}

.c-6-cl {
    color: rgba(0, 0, 0, .5)
}

.c-6-cl-h:hover {
    background-color: rgba(0, 0, 0, .5)
}

.c-6-f-h:hover {
    color: rgba(0, 0, 0, .5)
}

.c-7-bg {
    background-color: rgba(82, 93, 121, .8)
}

.c-7-bd,
.c-7-bd-h:hover {
    border-color: rgba(82, 93, 121, .8)
}

.c-7-cl {
    color: rgba(82, 93, 121, .8)
}

.c-7-cl-h:hover {
    background-color: rgba(82, 93, 121, .8)
}

.c-7-f-h:hover {
    color: rgba(82, 93, 121, .8)
}

.c-8-bg {
    background-color: #2762ff
}

.c-8-bd,
.c-8-bd-h:hover {
    border-color: #2762ff
}

.c-8-cl {
    color: #2762ff
}

.c-8-cl-h:hover {
    background-color: #2762ff
}

.c-8-f-h:hover {
    color: #2762ff
}

.c-9-bg {
    background-color: hsla(0, 0%, 100%, .2)
}

.c-9-bd,
.c-9-bd-h:hover {
    border-color: hsla(0, 0%, 100%, .2)
}

.c-9-cl {
    color: hsla(0, 0%, 100%, .2)
}

.c-9-cl-h:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.c-9-f-h:hover {
    color: hsla(0, 0%, 100%, .2)
}

.c-10-bg {
    background-color: hsla(0, 0%, 100%, .1)
}

.c-10-bd,
.c-10-bd-h:hover {
    border-color: hsla(0, 0%, 100%, .1)
}

.c-10-cl {
    color: hsla(0, 0%, 100%, .1)
}

.c-10-cl-h:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.c-10-f-h:hover {
    color: hsla(0, 0%, 100%, .1)
}

.f-1-bg {
    background-color: #d6dbe7
}

.f-1-bd,
.f-1-bd-h:hover {
    border-color: #d6dbe7
}

.f-1-cl {
    color: #d6dbe7
}

.f-1-cl-h:hover {
    background-color: #d6dbe7
}

.f-1-f-h:hover {
    color: #d6dbe7
}

.f-2-bg {
    background-color: #525d79
}

.f-2-bd,
.f-2-bd-h:hover {
    border-color: #525d79
}

.f-2-cl {
    color: #525d79
}

.f-2-cl-h:hover {
    background-color: #525d79
}

.f-2-f-h:hover {
    color: #525d79
}

.f-3-bg {
    background-color: #454f68
}

.f-3-bd,
.f-3-bd-h:hover {
    border-color: #454f68
}

.f-3-cl {
    color: #454f68
}

.f-3-cl-h:hover {
    background-color: #454f68
}

.f-3-f-h:hover {
    color: #454f68
}

.f-4-bg {
    background-color: #2762ff
}

.f-4-bd,
.f-4-bd-h:hover {
    border-color: #2762ff
}

.f-4-cl {
    color: #2762ff
}

.f-4-cl-h:hover {
    background-color: #2762ff
}

.f-4-f-h:hover {
    color: #2762ff
}

.f-5-bg {
    background-color: #13b887
}

.f-5-bd,
.f-5-bd-h:hover {
    border-color: #13b887
}

.f-5-cl {
    color: #13b887
}

.f-5-cl-h:hover {
    background-color: #13b887
}

.f-5-f-h:hover {
    color: #13b887
}

.f-6-bg {
    background-color: #eb4d5c
}

.f-6-bd,
.f-6-bd-h:hover {
    border-color: #eb4d5c
}

.f-6-cl {
    color: #eb4d5c
}

.f-6-cl-h:hover {
    background-color: #eb4d5c
}

.f-6-f-h:hover {
    color: #eb4d5c
}

.f-7-bg {
    background-color: #faad14
}

.f-7-bd,
.f-7-bd-h:hover {
    border-color: #faad14
}

.f-7-cl {
    color: #faad14
}

.f-7-cl-h:hover {
    background-color: #faad14
}

.f-7-f-h:hover {
    color: #faad14
}

.f-8-bg {
    background-color: #fff
}

.f-8-bd,
.f-8-bd-h:hover {
    border-color: #fff
}

.f-8-cl {
    color: #fff
}

.f-8-cl-h:hover {
    background-color: #fff
}

.f-8-f-h:hover {
    color: #fff
}

.f-9-bg {
    background-color: hsla(0, 0%, 100%, .6)
}

.f-9-bd,
.f-9-bd-h:hover {
    border-color: hsla(0, 0%, 100%, .6)
}

.f-9-cl {
    color: hsla(0, 0%, 100%, .6)
}

.f-9-cl-h:hover {
    background-color: hsla(0, 0%, 100%, .6)
}

.f-9-f-h:hover {
    color: hsla(0, 0%, 100%, .6)
}

.y-1-bg {
    background-color: #060f1b
}

.y-1-bd,
.y-1-bd-h:hover {
    border-color: #060f1b
}

.y-1-cl {
    color: #060f1b
}

.y-1-cl-h:hover {
    background-color: #060f1b
}

.y-1-f-h:hover {
    color: #060f1b
}

.y-2-bg {
    background-color: #161d31
}

.y-2-bd,
.y-2-bd-h:hover {
    border-color: #161d31
}

.y-2-cl {
    color: #161d31
}

.y-2-cl-h:hover {
    background-color: #161d31
}

.y-2-f-h:hover {
    color: #161d31
}

.y-3-bg {
    background-color: #060f1b
}

.y-3-bd,
.y-3-bd-h:hover {
    border-color: #060f1b
}

.y-3-cl {
    color: #060f1b
}

.y-3-cl-h:hover {
    background-color: #060f1b
}

.y-3-f-h:hover {
    color: #060f1b
}

.y-4-bg {
    background-color: #161d31
}

.y-4-bd,
.y-4-bd-h:hover {
    border-color: #161d31
}

.y-4-cl {
    color: #161d31
}

.y-4-cl-h:hover {
    background-color: #161d31
}

.y-4-f-h:hover {
    color: #161d31
}

.y-5-bg {
    background-color: #2762ff
}

.y-5-bd,
.y-5-bd-h:hover {
    border-color: #2762ff
}

.y-5-cl {
    color: #2762ff
}

.y-5-cl-h:hover {
    background-color: #2762ff
}

.y-5-f-h:hover {
    color: #2762ff
}

.z-1-bg {
    background-color: #d6dbe7
}

.z-1-bd,
.z-1-bd-h:hover {
    border-color: #d6dbe7
}

.z-1-cl {
    color: #d6dbe7
}

.z-1-cl-h:hover {
    background-color: #d6dbe7
}

.z-1-f-h:hover {
    color: #d6dbe7
}

.z-2-bg {
    background-color: #525d79
}

.z-2-bd,
.z-2-bd-h:hover {
    border-color: #525d79
}

.z-2-cl {
    color: #525d79
}

.z-2-cl-h:hover {
    background-color: #525d79
}

.z-2-f-h:hover {
    color: #525d79
}

.z-3-bg {
    background-color: #fff
}

.z-3-bd,
.z-3-bd-h:hover {
    border-color: #fff
}

.z-3-cl {
    color: #fff
}

.z-3-cl-h:hover {
    background-color: #fff
}

.z-3-f-h:hover {
    color: #fff
}

.u-1-bg {
    background-color: #13b887
}

.u-1-bd,
.u-1-bd-h:hover {
    border-color: #13b887
}

.u-1-cl {
    color: #13b887
}

.u-1-cl-h:hover {
    background-color: #13b887
}

.u-1-f-h:hover {
    color: #13b887
}

.u-2-bg {
    background-color: rgba(19, 184, 135, .3)
}

.u-2-bd,
.u-2-bd-h:hover {
    border-color: rgba(19, 184, 135, .3)
}

.u-2-cl {
    color: rgba(19, 184, 135, .3)
}

.u-2-cl-h:hover {
    background-color: rgba(19, 184, 135, .3)
}

.u-2-f-h:hover {
    color: rgba(19, 184, 135, .3)
}

.u-3-bg {
    background-color: rgba(19, 184, 135, .15)
}

.u-3-bd,
.u-3-bd-h:hover {
    border-color: rgba(19, 184, 135, .15)
}

.u-3-cl {
    color: rgba(19, 184, 135, .15)
}

.u-3-cl-h:hover {
    background-color: rgba(19, 184, 135, .15)
}

.u-3-f-h:hover {
    color: rgba(19, 184, 135, .15)
}

.u-4-bg {
    background-color: #eb4d5c
}

.u-4-bd,
.u-4-bd-h:hover {
    border-color: #eb4d5c
}

.u-4-cl {
    color: #eb4d5c
}

.u-4-cl-h:hover {
    background-color: #eb4d5c
}

.u-4-f-h:hover {
    color: #eb4d5c
}

.u-5-bg {
    background-color: rgba(235, 77, 92, .3)
}

.u-5-bd,
.u-5-bd-h:hover {
    border-color: rgba(235, 77, 92, .3)
}

.u-5-cl {
    color: rgba(235, 77, 92, .3)
}

.u-5-cl-h:hover {
    background-color: rgba(235, 77, 92, .3)
}

.u-5-f-h:hover {
    color: rgba(235, 77, 92, .3)
}

.u-6-bg {
    background-color: rgba(235, 77, 92, .15)
}

.u-6-bd,
.u-6-bd-h:hover {
    border-color: rgba(235, 77, 92, .15)
}

.u-6-cl {
    color: rgba(235, 77, 92, .15)
}

.u-6-cl-h:hover {
    background-color: rgba(235, 77, 92, .15)
}

.u-6-f-h:hover {
    color: rgba(235, 77, 92, .15)
}

.u-7-bg {
    background-color: rgba(0, 0, 0, .5)
}

.u-7-bd,
.u-7-bd-h:hover {
    border-color: rgba(0, 0, 0, .5)
}

.u-7-cl {
    color: rgba(0, 0, 0, .5)
}

.u-7-cl-h:hover {
    background-color: rgba(0, 0, 0, .5)
}

.u-7-f-h:hover {
    color: rgba(0, 0, 0, .5)
}

.u-8-bg {
    background-color: #2762ff
}

.u-8-bd,
.u-8-bd-h:hover {
    border-color: #2762ff
}

.u-8-cl {
    color: #2762ff
}

.u-8-cl-h:hover {
    background-color: #2762ff
}

.u-8-f-h:hover {
    color: #2762ff
}

.u-9-bg {
    background-color: rgba(39, 98, 255, .3)
}

.u-9-bd,
.u-9-bd-h:hover {
    border-color: rgba(39, 98, 255, .3)
}

.u-9-cl {
    color: rgba(39, 98, 255, .3)
}

.u-9-cl-h:hover {
    background-color: rgba(39, 98, 255, .3)
}

.u-9-f-h:hover {
    color: rgba(39, 98, 255, .3)
}

.u-10-bg {
    background-color: rgba(39, 98, 255, .15)
}

.u-10-bd,
.u-10-bd-h:hover {
    border-color: rgba(39, 98, 255, .15)
}

.u-10-cl {
    color: rgba(39, 98, 255, .15)
}

.u-10-cl-h:hover {
    background-color: rgba(39, 98, 255, .15)
}

.u-10-f-h:hover {
    color: rgba(39, 98, 255, .15)
}

.u-11-bg {
    background-color: #525d79
}

.u-11-bd,
.u-11-bd-h:hover {
    border-color: #525d79
}

.u-11-cl {
    color: #525d79
}

.u-11-cl-h:hover {
    background-color: #525d79
}

.u-11-f-h:hover {
    color: #525d79
}

.u-12-bg {
    background-color: rgba(82, 93, 121, .3)
}

.u-12-bd,
.u-12-bd-h:hover {
    border-color: rgba(82, 93, 121, .3)
}

.u-12-cl {
    color: rgba(82, 93, 121, .3)
}

.u-12-cl-h:hover {
    background-color: rgba(82, 93, 121, .3)
}

.u-12-f-h:hover {
    color: rgba(82, 93, 121, .3)
}

.u-13-bg {
    background-color: rgba(82, 93, 121, .15)
}

.u-13-bd,
.u-13-bd-h:hover {
    border-color: rgba(82, 93, 121, .15)
}

.u-13-cl {
    color: rgba(82, 93, 121, .15)
}

.u-13-cl-h:hover {
    background-color: rgba(82, 93, 121, .15)
}

.u-13-f-h:hover {
    color: rgba(82, 93, 121, .15)
}

.u-14-bg {
    background-color: hsla(0, 0%, 100%, .15)
}

.u-14-bd,
.u-14-bd-h:hover {
    border-color: hsla(0, 0%, 100%, .15)
}

.u-14-cl {
    color: hsla(0, 0%, 100%, .15)
}

.u-14-cl-h:hover {
    background-color: hsla(0, 0%, 100%, .15)
}

.u-14-f-h:hover {
    color: hsla(0, 0%, 100%, .15)
}

.u-15-bg {
    background-color: rgba(0, 0, 0, .15)
}

.u-15-bd,
.u-15-bd-h:hover {
    border-color: rgba(0, 0, 0, .15)
}

.u-15-cl {
    color: rgba(0, 0, 0, .15)
}

.u-15-cl-h:hover {
    background-color: rgba(0, 0, 0, .15)
}

.u-15-f-h:hover {
    color: rgba(0, 0, 0, .15)
}

.u-16-bg {
    background-color: #fff
}

.u-16-bd,
.u-16-bd-h:hover {
    border-color: #fff
}

.u-16-cl {
    color: #fff
}

.u-16-cl-h:hover {
    background-color: #fff
}

.u-16-f-h:hover {
    color: #fff
}

.v5-1-bg {
    background-color: #2762ff
}

.v5-1-bd,
.v5-1-bd-h:hover {
    border-color: #2762ff
}

.v5-1-cl {
    color: #2762ff
}

.v5-1-cl-h:hover {
    background-color: #2762ff
}

.v5-1-f-h:hover {
    color: #2762ff
}

.v5-2-bg {
    background-color: #13b887
}

.v5-2-bd,
.v5-2-bd-h:hover {
    border-color: #13b887
}

.v5-2-cl {
    color: #13b887
}

.v5-2-cl-h:hover {
    background-color: #13b887
}

.v5-2-f-h:hover {
    color: #13b887
}

.v5-3-bg {
    background-color: #eb4d5c
}

.v5-3-bd,
.v5-3-bd-h:hover {
    border-color: #eb4d5c
}

.v5-3-cl {
    color: #eb4d5c
}

.v5-3-cl-h:hover {
    background-color: #eb4d5c
}

.v5-3-f-h:hover {
    color: #eb4d5c
}

.v5-4-bg {
    background-color: #faad14
}

.v5-4-bd,
.v5-4-bd-h:hover {
    border-color: #faad14
}

.v5-4-cl {
    color: #faad14
}

.v5-4-cl-h:hover {
    background-color: #faad14
}

.v5-4-f-h:hover {
    color: #faad14
}

.v5-5-bg {
    background-color: #d6dbe7
}

.v5-5-bd,
.v5-5-bd-h:hover {
    border-color: #d6dbe7
}

.v5-5-cl {
    color: #d6dbe7
}

.v5-5-cl-h:hover {
    background-color: #d6dbe7
}

.v5-5-f-h:hover {
    color: #d6dbe7
}

.v5-6-bg {
    background-color: #525d79
}

.v5-6-bd,
.v5-6-bd-h:hover {
    border-color: #525d79
}

.v5-6-cl {
    color: #525d79
}

.v5-6-cl-h:hover {
    background-color: #525d79
}

.v5-6-f-h:hover {
    color: #525d79
}

.v5-7-bg {
    background-color: #454f68
}

.v5-7-bd,
.v5-7-bd-h:hover {
    border-color: #454f68
}

.v5-7-cl {
    color: #454f68
}

.v5-7-cl-h:hover {
    background-color: #454f68
}

.v5-7-f-h:hover {
    color: #454f68
}

.v5-8-bg {
    background-color: #01050a
}

.v5-8-bd,
.v5-8-bd-h:hover {
    border-color: #01050a
}

.v5-8-cl {
    color: #01050a
}

.v5-8-cl-h:hover {
    background-color: #01050a
}

.v5-8-f-h:hover {
    color: #01050a
}

.v5-9-bg {
    background-color: #0b1726
}

.v5-9-bd,
.v5-9-bd-h:hover {
    border-color: #0b1726
}

.v5-9-cl {
    color: #0b1726
}

.v5-9-cl-h:hover {
    background-color: #0b1726
}

.v5-9-f-h:hover {
    color: #0b1726
}

.v5-10-bg {
    background-color: #060f1b
}

.v5-10-bd,
.v5-10-bd-h:hover {
    border-color: #060f1b
}

.v5-10-cl {
    color: #060f1b
}

.v5-10-cl-h:hover {
    background-color: #060f1b
}

.v5-10-f-h:hover {
    color: #060f1b
}

.v5-11-bg {
    background-color: #30374c
}

.v5-11-bd,
.v5-11-bd-h:hover {
    border-color: #30374c
}

.v5-11-cl {
    color: #30374c
}

.v5-11-cl-h:hover {
    background-color: #30374c
}

.v5-11-f-h:hover {
    color: #30374c
}

.v5-12-bg {
    background-color: #161d31
}

.v5-12-bd,
.v5-12-bd-h:hover {
    border-color: #161d31
}

.v5-12-cl {
    color: #161d31
}

.v5-12-cl-h:hover {
    background-color: #161d31
}

.v5-12-f-h:hover {
    color: #161d31
}

.v5-13-bg {
    background-color: #030b16
}

.v5-13-bd,
.v5-13-bd-h:hover {
    border-color: #030b16
}

.v5-13-cl {
    color: #030b16
}

.v5-13-cl-h:hover {
    background-color: #030b16
}

.v5-13-f-h:hover {
    color: #030b16
}

.v5-14-bg {
    background-color: rgba(11, 23, 38, .7)
}

.v5-14-bd,
.v5-14-bd-h:hover {
    border-color: rgba(11, 23, 38, .7)
}

.v5-14-cl {
    color: rgba(11, 23, 38, .7)
}

.v5-14-cl-h:hover {
    background-color: rgba(11, 23, 38, .7)
}

.v5-14-f-h:hover {
    color: rgba(11, 23, 38, .7)
}

.v5-15-bg {
    background-color: rgba(48, 55, 76, .4)
}

.v5-15-bd,
.v5-15-bd-h:hover {
    border-color: rgba(48, 55, 76, .4)
}

.v5-15-cl {
    color: rgba(48, 55, 76, .4)
}

.v5-15-cl-h:hover {
    background-color: rgba(48, 55, 76, .4)
}

.v5-15-f-h:hover {
    color: rgba(48, 55, 76, .4)
}

.v5-16-bg {
    background-color: #0b1726
}

.v5-16-bd,
.v5-16-bd-h:hover {
    border-color: #0b1726
}

.v5-16-cl {
    color: #0b1726
}

.v5-16-cl-h:hover {
    background-color: #0b1726
}

.v5-16-f-h:hover {
    color: #0b1726
}

.v5-17-bg {
    background-color: rgba(39, 98, 255, .15)
}

.v5-17-bd,
.v5-17-bd-h:hover {
    border-color: rgba(39, 98, 255, .15)
}

.v5-17-cl {
    color: rgba(39, 98, 255, .15)
}

.v5-17-cl-h:hover {
    background-color: rgba(39, 98, 255, .15)
}

.v5-17-f-h:hover {
    color: rgba(39, 98, 255, .15)
}

.v5-18-bg {
    background-color: rgba(3, 11, 22, .6)
}

.v5-18-bd,
.v5-18-bd-h:hover {
    border-color: rgba(3, 11, 22, .6)
}

.v5-18-cl {
    color: rgba(3, 11, 22, .6)
}

.v5-18-cl-h:hover {
    background-color: rgba(3, 11, 22, .6)
}

.v5-18-f-h:hover {
    color: rgba(3, 11, 22, .6)
}

.v5-19-bg {
    background-color: #0b1726
}

.v5-19-bd,
.v5-19-bd-h:hover {
    border-color: #0b1726
}

.v5-19-cl {
    color: #0b1726
}

.v5-19-cl-h:hover {
    background-color: #0b1726
}

.v5-19-f-h:hover {
    color: #0b1726
}

.v5-20-bg {
    background-color: #000
}

.v5-20-bd,
.v5-20-bd-h:hover {
    border-color: #000
}

.v5-20-cl {
    color: #000
}

.v5-20-cl-h:hover {
    background-color: #000
}

.v5-20-f-h:hover {
    color: #000
}

.v5-21-bg {
    background-color: #060f1b
}

.v5-21-bd,
.v5-21-bd-h:hover {
    border-color: #060f1b
}

.v5-21-cl {
    color: #060f1b
}

.v5-21-cl-h:hover {
    background-color: #060f1b
}

.v5-21-f-h:hover {
    color: #060f1b
}

.v5-22-bg {
    background-color: #477aff
}

.v5-22-bd,
.v5-22-bd-h:hover {
    border-color: #477aff
}

.v5-22-cl {
    color: #477aff
}

.v5-22-cl-h:hover {
    background-color: #477aff
}

.v5-22-f-h:hover {
    color: #477aff
}

.opacity-1-bg {
    background-color: rgba(43, 97, 255, .15)
}

@font-face {
    font-family: Open Sans;
    src: url(../fonts/Open-Sans.d7d5d458.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: robotoregular;
    src: url(../fonts/robotoregular.483be703.woff2) format("woff2"), url(../fonts/robotoregular.51a209a7.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: HarmonyOS-Medium;
    font-weight: 500;
    src: url(../fonts/HarmonyOS_Sans_Medium.1ec44b30.ttf) format("truetype")
}

@font-face {
    font-family: HarmonyOS-Regular;
    font-weight: 400;
    src: url(../fonts/HarmonyOS_Sans_Regular.48d656ed.ttf) format("truetype")
}

@font-face {
    font-family: HarmonyOS-Bold;
    font-weight: 700;
    src: url(../fonts/HarmonyOS_Sans_Bold.06fb3d4b.ttf) format("truetype")
}

html body {
    font: 14px/1 HarmonyOS-Medium, robotoregular, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 500
}

html.mn_MN body {
    font-family: Arial
}

html.vi_VN div,
html.vi_VN h1,
html.vi_VN h2,
html.vi_VN h3,
html.vi_VN h4,
html.vi_VN h5,
html.vi_VN h6,
html.vi_VN li,
html.vi_VN p,
html.vi_VN span {
    font-family: Arial !important
}

.medium {
    font-weight: 600
}

.min-medium {
    font-weight: 400
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

.flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInX,
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

.flipOutX,
.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.flipOutY {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

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

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

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

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

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

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

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

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

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

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

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

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

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

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

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

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

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

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

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

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

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

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

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

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

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

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

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

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px);
        transform: perspective(400px) scaleX(1) translateZ(150px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px);
        transform: perspective(400px) scaleX(1) translateZ(150px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px);
        transform: perspective(400px) scaleX(1) translateZ(150px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px);
        transform: perspective(400px) scaleX(1) translateZ(150px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

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

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.icon-10 {
    font-size: 10px
}

.icon-12 {
    font-size: 12px
}

.icon-14 {
    font-size: 14px
}

.icon-16 {
    font-size: 16px
}

.icon-17 {
    font-size: 17px
}

.icon-18 {
    font-size: 18px
}

.icon-20 {
    font-size: 20px
}

.icon-24 {
    font-size: 24px
}

.icon-32 {
    font-size: 32px
}

.icon-36 {
    font-size: 36px
}

.icon-30 {
    font-size: 30px
}

.icon-50 {
    font-size: 50px
}

.icon-42 {
    font-size: 42px
}

body,
button,
dd,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
input,
li,
ol,
p,
select,
table,
tbody,
td,
textarea,
th,
tr,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

del,
em,
i,
s,
u {
    font-style: normal;
    text-decoration: none
}

#ql-box .ql-editor del,
#ql-box .ql-editor em,
#ql-box .ql-editor i,
#ql-box .ql-editor s,
#ql-box .ql-editor u {
    font-style: italic;
    text-decoration: underline
}

#ql-box .ql-editor strong {
    font-weight: 700
}

b,
th {
    font-weight: 400
}

li,
ol,
ul {
    list-style: none
}

a,
a:hover {
    text-decoration: none;
    cursor: pointer
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

button {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0;
    padding: 0;
    outline: none;
    background: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body,
html {
    width: 100%;
    height: 100%;
    min-width: 1180px
}

b,
body,
button,
em,
h1,
h2,
h3,
h4,
h5,
h6,
input,
p,
select,
textarea {
    font-weight: 500
}

.child-view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .6s cubic-bezier(.55, 0, .1, 1);
    transition: all .6s cubic-bezier(.55, 0, .1, 1)
}

input[type=search]::-ms-clear,
input[type=text]::-ms-clear {
    display: none
}

input::-webkit-search-cancel-button {
    display: none
}

.eft-class {
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    width: 30px;
    height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 16px;
    text-align: center;
    margin-left: 5px;
    border-radius: 2px;
    display: none
}

@media screen and (max-width:1500px) {
    #bitWind-content .page-nav {
        display: none
    }
}

@media (max-width:600px) {

    body,
    html {
        width: 100%;
        height: 100%;
        min-width: 100%
    }

    .footer-box {
        display: none
    }

    .common-header {
        position: fixed !important;
        top: 0
    }

   
}

.h5-evenMenus {
    display: none
}

@media (max-width:600px) {

    #app,
    .page-content {
        min-height: inherit !important
    }
    .fill-1-bg{
        background-color: white !important;
    }

    .ev-h5-hide {
        display: none
    }

    .h5-evenMenus {
        text-align: center;
        position: fixed;
        z-index: 2;
        width: 40px;
        height: 40px;
        line-height: 44px !important;
        border-radius: 20px 0 0 20px;
        border: 1px solid #5a6679 !important;
        background: #3f4d66 !important;
        -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
        box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .28);
        top: 65px;
        right: 0;
        display: block
    }

    .h5-evenMenus img {
        width: 15px
    }
}

.content-text img {
    height: auto;
    max-width: 100%
}

.content-text ol,
.content-text ul {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px
}

[dir=rtl] .content-text ol,
[dir=rtl] .content-text ul {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px
}

.content-text li>ol,
.content-text li>ul,
.content-text ol>ol,
.content-text ol>ul,
.content-text ul>ol,
.content-text ul>ul {
    margin: 0
}

.content-text ul,
.content-text ul li {
    list-style-type: disc
}

.content-text ol,
.content-text ol li {
    list-style-type: decimal
}

.content-text a:visited {
    color: #cf9c00
}

.content-text code {
    background: #16181c;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px
}

.content-text pre {
    background: #16181c;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre
}

.content-text blockquote {
    border-left: 1px solid #ddd;
    color: #ccc;
    font-style: italic;
    padding: 0 15px
}

.content-text em {
    font-style: italic
}

.content-text u {
    text-decoration: underline
}

.content-text s {
    text-decoration: line-through
}

.content-text .ql-align-center {
    text-align: center
}

.content-text .ql-align-right {
    text-align: right
}

.content-text .ql-align-left {
    text-align: left
}

.box-shadow,
.dark-theme .box-shadow,
.light-theme .box-shadow {
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1) !important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1) !important
}

img.no_data_img {
    width: 80px
}

.colorWhite {
    color: #fff
}