/*! This file is created by qianduan */

.lottery-icon {
    border-radius: 0 !important
}

.lottery-icon span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.yiji[data-v-2f30ea5e] {
    color: #ffd053;
    font-size: 21px;
    line-height: 35px;
}

.forms {
    display: flex;
    justify-content: flex-end;
    margin-left: 10px;
    align-items: center;
}

.logo_span_1 {
    background: url(../images/1.svg)
}

.logo_span_2 {
    background: url(../images/2.svg)
}

.logo_span_3 {
    background: url(../images/3.svg)
}

.logo_span_4 {
    background: url(../images/4.svg)
}

.logo_span_5 {
    background: url(../images/5.svg)
}

.logo_span_6 {
    background: url(../images/6.svg)
}

.logo_span_7 {
    background: url(../images/7.svg)
}

.logo_span_8 {
    background: url(../images/8.svg)
}

.logo_span_9 {
    background: url(../images/9.svg)
}

.logo_span_10 {
    background: url(../images/10.svg)
}

.logo_span_11 {
    background: url(../images/11.svg)
}

.logo_span_12 {
    background: url(../images/12.svg)
}

.logo_span_13 {
    background: url(../images/13.svg)
}

.logo_span_14 {
    background: url(../images/14.svg)
}

.logo_span_15 {
    background: url(../images/15.svg)
}

.logo_span_16 {
    background: url(../images/16.svg)
}

.logo_span_17 {
    background: url(../images/17.svg)
}

.logo_span_18 {
    background: url(../images/18.svg)
}

.logo_span_19 {
    background: url(../images/19.svg)
}

.logo_span_20 {
    background: url(../images/20.svg)
}

.logo_span_21 {
    background: url(../images/21.svg)
}

.logo_span_22 {
    background: url(../images/22.svg)
}

.logo_span_23 {
    background: url(../images/23.svg)
}

.logo_span_24 {
    background: url(../images/24.svg)
}

.logo_span_25 {
    background: url(../images/25.svg)
}

.logo_span_26 {
    background: url(../images/26.svg)
}

.logo_span_27 {
    background: url(../images/27.svg)
}

.logo_span_28 {
    background: url(../images/28.svg)
}

.logo_span_29 {
    background: url(../images/29.svg)
}

.logo_span_2900 {
    background: url(../images/2900.svg)
}

.logo_span_2901 {
    background: url(../images/2901.svg)
}

.logo_span_2902 {
    background: url(../images/2902.svg)
}

.logo_span_2904 {
    background: url(../images/2904.svg)
}

.logo_span_2903 {
    background: url(../images/2903.svg)
}

.logo_span_2905 {
    background: url(../images/2905.svg)
}

.logo_span_2906 {
    background: url(../images/2906.svg)
}

.logo_span_3630 {
    background: url(../images/3630.svg)
}

.logo_span_3631 {
    background: url(../images/3631.svg)
}

.logo_span_3632 {
    background: url(../images/3632.svg)
}

.logo_span_10044 {
    background: url(../images/10044.svg)
}

.logo_span_10045 {
    background: url(../images/10045.svg)
}

.f-time {
    width: 246px;
    margin-top: 12px
}

.f-time .time {
    background: #f5f5f5;
    height: 34px;
    line-height: 35px;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
    width: 140px;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto
}

.f-time .time img {
    vertical-align: text-top !important;
    width: 21px;
    height: 19px
}

.f-time .time-days {
    width: 160px
}

.bounce-enter-active {
    animation: bounce-in .5s
}

.bounce-leave-active {
    animation: bounce-in .5s reverse
}

@keyframes bounce-in {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

@keyframes ani_li {
    0% {
        transform: translateY(-10vh);
        opacity: 1
    }
    to {
        transform: translateY(70vh);
        opacity: 0
    }
}

.redBox {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.redBox .cellContent {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 1005;
    cursor: pointer
}

.redBox .cellContent .clientImg {
    width: 560px;
    height: 655px
}

.redBox .cellContent .red-logo {
    position: absolute;
    left: 37.5%;
    top: 18.2%
}

.redBox .cellContent .red-logo img {
    width: 140px;
    height: 45px
}

.redBox .cellContent .logo {
    width: 128px;
    height: 128px;
    border: 5px solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 38.5%;
    top: 27.4%
}

.redBox .cellContent .logo img {
    width: 118px;
    height: 118px;
    border-radius: 50%;
    display: block
}

.redBox .cellContent .client-logo {
    width: 118px;
    height: 118px
}

.redBox .cellContent .client-logo img {
    width: 109px;
    height: 109px
}

.redBox .cellContent .close {
    position: absolute;
    left: 45%;
    bottom: -2.4%;
    cursor: pointer;
    z-index: 1009
}

.redBox .cellContent .red-text {
    position: absolute;
    left: 13.3%;
    top: 45.8%;
    text-align: center;
    width: 71.7%
}

.redBox .cellContent .red-text span {
    font-size: 23px;
    color: #fff
}

.redBox .cellContent .openmessage {
    position: absolute;
    width: 71.7%;
    height: auto;
    left: 13.3%;
    top: 38%
}

.redBox .cellContent .openmessage p {
    text-align: center
}

.redBox .cellContent .openmessage .suc_text {
    font-size: 28px;
    color: #fff7a2;
    margin-bottom: 19px;
    line-height: 28px
}

.redBox .cellContent .openmessage .suc_text_client {
    margin-top: 10px;
    font-size: 24px;
    line-height: 24px
}

.redBox .cellContent .openmessage .suc_text_two {
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 22px
}

.redBox .cellContent .openmessage .suc_text_two_client {
    font-size: 20px;
    line-height: 20px
}

.redBox .cellContent .openmessage .money {
    font-size: 21px;
    color: #fff7a2;
    margin: 62px 0 24px;
    text-align: center
}

.redBox .cellContent .openmessage .money span {
    font-size: 70px;
    color: #fff7a2
}

.redBox .cellContent .openmessage .money_client {
    margin: 13px 0 12px
}

.redBox .cellContent .openmessage .goplay {
    font-size: 30px;
    color: #fff;
    margin-top: 90px;
    text-align: center;
    line-height: 30px
}

.redBox .cellContent .openmessage .goplay_client {
    margin-top: 65px;
    font-size: 26px;
    line-height: 26px
}

.redBox .ani {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.redBox .ani li {
    position: absolute;
    transform: translateY(-20vh);
    z-index: 1010
}

.redBox .ani li img {
    width: 100%;
    height: 100%
}

.redBox .ani li .s2-img {
    width: 64px;
    height: 88px
}

.redBox .ani li .s3-img {
    width: 80px;
    height: 150px
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

@font-face {
    font-family: iconfont;
    src: url(../images/iconfont.97bb0ba.eot);
    src: url(../images/iconfont.97bb0ba.eot#iefix) format("embedded-opentype"), url("../images/80f45984b98f4cf78b8960f62817aaaa.woff") format("woff2"), url(../images/iconfont.b22bedb.woff) format("woff"), url(../images/iconfont.e70c358.ttf) format("truetype"), url(../images/iconfont.3052dd4.svg#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-icon-pc-del:before {
    content: "\E16F"
}

.icon-youxiang:before {
    content: "\E631"
}

.icon-shuoming:before {
    content: "\E673"
}

.icon-shouji:before {
    content: "\E65F"
}

.icon-xiala:before {
    content: "\E647"
}

.icon-liebiao:before {
    content: "\E60F"
}

.icon-laba:before {
    content: "\E8C1"
}

.icon-add:before {
    content: "\E601"
}

.icon-apple:before {
    content: "\E602"
}

.icon-explain:before {
    content: "\E603"
}

.icon-curve:before {
    content: "\E604"
}

.icon-enter:before {
    content: "\E605"
}

.icon-caizhong:before {
    content: "\E606"
}

.icon-leftico:before {
    content: "\E607"
}

.icon-more:before {
    content: "\E608"
}

.icon-kuaijie:before {
    content: "\E609"
}

.icon-hot:before {
    content: "\E60A"
}

.icon-rule:before {
    content: "\E60B"
}

.icon-sound:before {
    content: "\E60C"
}

.icon-touzhu:before {
    content: "\E60D"
}

.icon-zengzhang:before {
    content: "\E60E"
}

.icon-yonghu:before {
    content: "\E629"
}

.icon-chenggong:before {
    content: "\E62A"
}

.icon-mima:before {
    content: "\E62B"
}

.icon-baojing:before {
    content: "\E62C"
}

.icon-cuowu:before {
    content: "\E62E"
}

.icon-fenqijinggao:before {
    content: "\E62D"
}

.icon-CombinedShapex:before {
    content: "\E610"
}

.icon-handle:before {
    content: "\E630"
}

.icon-nosound:before {
    content: "\E632"
}

.icon-pc-live:before {
    content: "\E689"
}

.icon-shuaxin:before {
    content: "\E643"
}

.icon-yanzhengma:before {
    content: "\E645"
}

.icon-pc-proxy-_:before {
    content: "\E74E"
}

.icon-pc-proxy-_1:before {
    content: "\E74F"
}

.icon-pc-proxy-_2:before {
    content: "\E750"
}

.icon-pc-proxy-_3:before {
    content: "\E751"
}

.icon-pc-proxy-_4:before {
    content: "\E752"
}

.icon-pc-proxy-_5:before {
    content: "\E753"
}

.icon-pc-proxy-_6:before {
    content: "\E754"
}

.icon-pc-proxy-_7:before {
    content: "\E755"
}

.icon-pc-proxy-_8:before {
    content: "\E756"
}

.icon-pc-proxy-_9:before {
    content: "\E757"
}

.icon-pc-proxy-_10:before {
    content: "\E758"
}

.icon-pc-proxy-:before {
    content: "\E759"
}

.icon-pc-proxy-_11:before {
    content: "\E75A"
}

.ivu-load-loop {
    animation: ani-load-loop 1s linear infinite
}

@keyframes ani-load-loop {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(180deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.input-group-error-append,
.input-group-error-prepend {
    background-color: #fff;
    border: 1px solid #ed3f14
}

.input-group-error-append .ivu-select-selection,
.input-group-error-prepend .ivu-select-selection {
    background-color: inherit;
    border: 1px solid transparent
}

.input-group-error-prepend {
    border-right: 0
}

.input-group-error-append {
    border-left: 0
}

.ivu-breadcrumb {
    color: #999;
    font-size: 14px
}

.ivu-breadcrumb a {
    color: #495060;
    transition: color .2s ease-in-out
}

.ivu-breadcrumb a:hover {
    color: #57a3f3
}

.ivu-breadcrumb>span:last-child {
    font-weight: 700;
    color: #495060
}

.ivu-breadcrumb>span:last-child .ivu-breadcrumb-item-separator {
    display: none
}

.ivu-breadcrumb-item-separator {
    margin: 0 8px;
    color: #dddee1
}

.ivu-breadcrumb-item-link>.ivu-icon+span {
    margin-left: 4px
}


/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

* {
    -webkit-tap-highlight-color: transparent
}

*,
:after,
:before {
    box-sizing: border-box
}

body {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #495060;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

article,
aside,
blockquote,
body,
button,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input::-ms-clear,
input::-ms-reveal {
    display: none
}

a {
    color: #2d8cf0;
    background: 0 0;
    outline: 0;
    cursor: pointer;
    transition: color .2s ease
}

a:hover {
    color: #57a3f3
}

a:active {
    color: #2b85e4
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none
}

a[disabled] {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none
}

code,
kbd,
pre,
samp {
    font-family: Consolas, Menlo, Courier, monospace
}

@font-face {
    font-family: Ionicons;
    src: url(../images/ionicons.2c2ae06.eot);
    src: url(../images/ionicons.2c2ae06.eot#iefix) format("embedded-opentype"), url(../images/ionicons.24712f6.ttf) format("truetype"), url(../images/ionicons.05acfdb.woff) format("woff"), url(../images/ionicons.621bd38.svg#ionicons) format("svg");
    font-weight: 400;
    font-style: normal
}

.ivu-icon {
    display: inline-block;
    font-family: Ionicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ivu-icon-alert:before {
    content: "\F101"
}

.ivu-icon-alert-circled:before {
    content: "\F100"
}

.ivu-icon-android-add:before {
    content: "\F2C7"
}

.ivu-icon-android-add-circle:before {
    content: "\F359"
}

.ivu-icon-android-alarm-clock:before {
    content: "\F35A"
}

.ivu-icon-android-alert:before {
    content: "\F35B"
}

.ivu-icon-android-apps:before {
    content: "\F35C"
}

.ivu-icon-android-archive:before {
    content: "\F2C9"
}

.ivu-icon-android-arrow-back:before {
    content: "\F2CA"
}

.ivu-icon-android-arrow-down:before {
    content: "\F35D"
}

.ivu-icon-android-arrow-dropdown:before {
    content: "\F35F"
}

.ivu-icon-android-arrow-dropdown-circle:before {
    content: "\F35E"
}

.ivu-icon-android-arrow-dropleft:before {
    content: "\F361"
}

.ivu-icon-android-arrow-dropleft-circle:before {
    content: "\F360"
}

.ivu-icon-android-arrow-dropright:before {
    content: "\F363"
}

.ivu-icon-android-arrow-dropright-circle:before {
    content: "\F362"
}

.ivu-icon-android-arrow-dropup:before {
    content: "\F365"
}

.ivu-icon-android-arrow-dropup-circle:before {
    content: "\F364"
}

.ivu-icon-android-arrow-forward:before {
    content: "\F30F"
}

.ivu-icon-android-arrow-up:before {
    content: "\F366"
}

.ivu-icon-android-attach:before {
    content: "\F367"
}

.ivu-icon-android-bar:before {
    content: "\F368"
}

.ivu-icon-android-bicycle:before {
    content: "\F369"
}

.ivu-icon-android-boat:before {
    content: "\F36A"
}

.ivu-icon-android-bookmark:before {
    content: "\F36B"
}

.ivu-icon-android-bulb:before {
    content: "\F36C"
}

.ivu-icon-android-bus:before {
    content: "\F36D"
}

.ivu-icon-android-calendar:before {
    content: "\F2D1"
}

.ivu-icon-android-call:before {
    content: "\F2D2"
}

.ivu-icon-android-camera:before {
    content: "\F2D3"
}

.ivu-icon-android-cancel:before {
    content: "\F36E"
}

.ivu-icon-android-car:before {
    content: "\F36F"
}

.ivu-icon-android-cart:before {
    content: "\F370"
}

.ivu-icon-android-chat:before {
    content: "\F2D4"
}

.ivu-icon-android-checkbox:before {
    content: "\F374"
}

.ivu-icon-android-checkbox-blank:before {
    content: "\F371"
}

.ivu-icon-android-checkbox-outline:before {
    content: "\F373"
}

.ivu-icon-android-checkbox-outline-blank:before {
    content: "\F372"
}

.ivu-icon-android-checkmark-circle:before {
    content: "\F375"
}

.ivu-icon-android-clipboard:before {
    content: "\F376"
}

.ivu-icon-android-close:before {
    content: "\F2D7"
}

.ivu-icon-android-cloud:before {
    content: "\F37A"
}

.ivu-icon-android-cloud-circle:before {
    content: "\F377"
}

.ivu-icon-android-cloud-done:before {
    content: "\F378"
}

.ivu-icon-android-cloud-outline:before {
    content: "\F379"
}

.ivu-icon-android-color-palette:before {
    content: "\F37B"
}

.ivu-icon-android-compass:before {
    content: "\F37C"
}

.ivu-icon-android-contact:before {
    content: "\F2D8"
}

.ivu-icon-android-contacts:before {
    content: "\F2D9"
}

.ivu-icon-android-contract:before {
    content: "\F37D"
}

.ivu-icon-android-create:before {
    content: "\F37E"
}

.ivu-icon-android-delete:before {
    content: "\F37F"
}

.ivu-icon-android-desktop:before {
    content: "\F380"
}

.ivu-icon-android-document:before {
    content: "\F381"
}

.ivu-icon-android-done:before {
    content: "\F383"
}

.ivu-icon-android-done-all:before {
    content: "\F382"
}

.ivu-icon-android-download:before {
    content: "\F2DD"
}

.ivu-icon-android-drafts:before {
    content: "\F384"
}

.ivu-icon-android-exit:before {
    content: "\F385"
}

.ivu-icon-android-expand:before {
    content: "\F386"
}

.ivu-icon-android-favorite:before {
    content: "\F388"
}

.ivu-icon-android-favorite-outline:before {
    content: "\F387"
}

.ivu-icon-android-film:before {
    content: "\F389"
}

.ivu-icon-android-folder:before {
    content: "\F2E0"
}

.ivu-icon-android-folder-open:before {
    content: "\F38A"
}

.ivu-icon-android-funnel:before {
    content: "\F38B"
}

.ivu-icon-android-globe:before {
    content: "\F38C"
}

.ivu-icon-android-hand:before {
    content: "\F2E3"
}

.ivu-icon-android-hangout:before {
    content: "\F38D"
}

.ivu-icon-android-happy:before {
    content: "\F38E"
}

.ivu-icon-android-home:before {
    content: "\F38F"
}

.ivu-icon-android-image:before {
    content: "\F2E4"
}

.ivu-icon-android-laptop:before {
    content: "\F390"
}

.ivu-icon-android-list:before {
    content: "\F391"
}

.ivu-icon-android-locate:before {
    content: "\F2E9"
}

.ivu-icon-android-lock:before {
    content: "\F392"
}

.ivu-icon-android-mail:before {
    content: "\F2EB"
}

.ivu-icon-android-map:before {
    content: "\F393"
}

.ivu-icon-android-menu:before {
    content: "\F394"
}

.ivu-icon-android-microphone:before {
    content: "\F2EC"
}

.ivu-icon-android-microphone-off:before {
    content: "\F395"
}

.ivu-icon-android-more-horizontal:before {
    content: "\F396"
}

.ivu-icon-android-more-vertical:before {
    content: "\F397"
}

.ivu-icon-android-navigate:before {
    content: "\F398"
}

.ivu-icon-android-notifications:before {
    content: "\F39B"
}

.ivu-icon-android-notifications-none:before {
    content: "\F399"
}

.ivu-icon-android-notifications-off:before {
    content: "\F39A"
}

.ivu-icon-android-open:before {
    content: "\F39C"
}

.ivu-icon-android-options:before {
    content: "\F39D"
}

.ivu-icon-android-people:before {
    content: "\F39E"
}

.ivu-icon-android-person:before {
    content: "\F3A0"
}

.ivu-icon-android-person-add:before {
    content: "\F39F"
}

.ivu-icon-android-phone-landscape:before {
    content: "\F3A1"
}

.ivu-icon-android-phone-portrait:before {
    content: "\F3A2"
}

.ivu-icon-android-pin:before {
    content: "\F3A3"
}

.ivu-icon-android-plane:before {
    content: "\F3A4"
}

.ivu-icon-android-playstore:before {
    content: "\F2F0"
}

.ivu-icon-android-print:before {
    content: "\F3A5"
}

.ivu-icon-android-radio-button-off:before {
    content: "\F3A6"
}

.ivu-icon-android-radio-button-on:before {
    content: "\F3A7"
}

.ivu-icon-android-refresh:before {
    content: "\F3A8"
}

.ivu-icon-android-remove:before {
    content: "\F2F4"
}

.ivu-icon-android-remove-circle:before {
    content: "\F3A9"
}

.ivu-icon-android-restaurant:before {
    content: "\F3AA"
}

.ivu-icon-android-sad:before {
    content: "\F3AB"
}

.ivu-icon-android-search:before {
    content: "\F2F5"
}

.ivu-icon-android-send:before {
    content: "\F2F6"
}

.ivu-icon-android-settings:before {
    content: "\F2F7"
}

.ivu-icon-android-share:before {
    content: "\F2F8"
}

.ivu-icon-android-share-alt:before {
    content: "\F3AC"
}

.ivu-icon-android-star:before {
    content: "\F2FC"
}

.ivu-icon-android-star-half:before {
    content: "\F3AD"
}

.ivu-icon-android-star-outline:before {
    content: "\F3AE"
}

.ivu-icon-android-stopwatch:before {
    content: "\F2FD"
}

.ivu-icon-android-subway:before {
    content: "\F3AF"
}

.ivu-icon-android-sunny:before {
    content: "\F3B0"
}

.ivu-icon-android-sync:before {
    content: "\F3B1"
}

.ivu-icon-android-textsms:before {
    content: "\F3B2"
}

.ivu-icon-android-time:before {
    content: "\F3B3"
}

.ivu-icon-android-train:before {
    content: "\F3B4"
}

.ivu-icon-android-unlock:before {
    content: "\F3B5"
}

.ivu-icon-android-upload:before {
    content: "\F3B6"
}

.ivu-icon-android-volume-down:before {
    content: "\F3B7"
}

.ivu-icon-android-volume-mute:before {
    content: "\F3B8"
}

.ivu-icon-android-volume-off:before {
    content: "\F3B9"
}

.ivu-icon-android-volume-up:before {
    content: "\F3BA"
}

.ivu-icon-android-walk:before {
    content: "\F3BB"
}

.ivu-icon-android-warning:before {
    content: "\F3BC"
}

.ivu-icon-android-watch:before {
    content: "\F3BD"
}

.ivu-icon-android-wifi:before {
    content: "\F305"
}

.ivu-icon-aperture:before {
    content: "\F313"
}

.ivu-icon-archive:before {
    content: "\F102"
}

.ivu-icon-arrow-down-a:before {
    content: "\F103"
}

.ivu-icon-arrow-down-b:before {
    content: "\F104"
}

.ivu-icon-arrow-down-c:before {
    content: "\F105"
}

.ivu-icon-arrow-expand:before {
    content: "\F25E"
}

.ivu-icon-arrow-graph-down-left:before {
    content: "\F25F"
}

.ivu-icon-arrow-graph-down-right:before {
    content: "\F260"
}

.ivu-icon-arrow-graph-up-left:before {
    content: "\F261"
}

.ivu-icon-arrow-graph-up-right:before {
    content: "\F262"
}

.ivu-icon-arrow-left-a:before {
    content: "\F106"
}

.ivu-icon-arrow-left-b:before {
    content: "\F107"
}

.ivu-icon-arrow-left-c:before {
    content: "\F108"
}

.ivu-icon-arrow-move:before {
    content: "\F263"
}

.ivu-icon-arrow-resize:before {
    content: "\F264"
}

.ivu-icon-arrow-return-left:before {
    content: "\F265"
}

.ivu-icon-arrow-return-right:before {
    content: "\F266"
}

.ivu-icon-arrow-right-a:before {
    content: "\F109"
}

.ivu-icon-arrow-right-b:before {
    content: "\F10A"
}

.ivu-icon-arrow-right-c:before {
    content: "\F10B"
}

.ivu-icon-arrow-shrink:before {
    content: "\F267"
}

.ivu-icon-arrow-swap:before {
    content: "\F268"
}

.ivu-icon-arrow-up-a:before {
    content: "\F10C"
}

.ivu-icon-arrow-up-b:before {
    content: "\F10D"
}

.ivu-icon-arrow-up-c:before {
    content: "\F10E"
}

.ivu-icon-asterisk:before {
    content: "\F314"
}

.ivu-icon-at:before {
    content: "\F10F"
}

.ivu-icon-backspace:before {
    content: "\F3BF"
}

.ivu-icon-backspace-outline:before {
    content: "\F3BE"
}

.ivu-icon-bag:before {
    content: "\F110"
}

.ivu-icon-battery-charging:before {
    content: "\F111"
}

.ivu-icon-battery-empty:before {
    content: "\F112"
}

.ivu-icon-battery-full:before {
    content: "\F113"
}

.ivu-icon-battery-half:before {
    content: "\F114"
}

.ivu-icon-battery-low:before {
    content: "\F115"
}

.ivu-icon-beaker:before {
    content: "\F269"
}

.ivu-icon-beer:before {
    content: "\F26A"
}

.ivu-icon-bluetooth:before {
    content: "\F116"
}

.ivu-icon-bonfire:before {
    content: "\F315"
}

.ivu-icon-bookmark:before {
    content: "\F26B"
}

.ivu-icon-bowtie:before {
    content: "\F3C0"
}

.ivu-icon-briefcase:before {
    content: "\F26C"
}

.ivu-icon-bug:before {
    content: "\F2BE"
}

.ivu-icon-calculator:before {
    content: "\F26D"
}

.ivu-icon-calendar:before {
    content: "\F117"
}

.ivu-icon-camera:before {
    content: "\F118"
}

.ivu-icon-card:before {
    content: "\F119"
}

.ivu-icon-cash:before {
    content: "\F316"
}

.ivu-icon-chatbox:before {
    content: "\F11B"
}

.ivu-icon-chatbox-working:before {
    content: "\F11A"
}

.ivu-icon-chatboxes:before {
    content: "\F11C"
}

.ivu-icon-chatbubble:before {
    content: "\F11E"
}

.ivu-icon-chatbubble-working:before {
    content: "\F11D"
}

.ivu-icon-chatbubbles:before {
    content: "\F11F"
}

.ivu-icon-checkmark:before {
    content: "\F122"
}

.ivu-icon-checkmark-circled:before {
    content: "\F120"
}

.ivu-icon-checkmark-round:before {
    content: "\F121"
}

.ivu-icon-chevron-down:before {
    content: "\F123"
}

.ivu-icon-chevron-left:before {
    content: "\F124"
}

.ivu-icon-chevron-right:before {
    content: "\F125"
}

.ivu-icon-chevron-up:before {
    content: "\F126"
}

.ivu-icon-clipboard:before {
    content: "\F127"
}

.ivu-icon-clock:before {
    content: "\F26E"
}

.ivu-icon-close:before {
    content: "\F12A"
}

.ivu-icon-close-circled:before {
    content: "\F128"
}

.ivu-icon-close-round:before {
    content: "\F129"
}

.ivu-icon-closed-captioning:before {
    content: "\F317"
}

.ivu-icon-cloud:before {
    content: "\F12B"
}

.ivu-icon-code:before {
    content: "\F271"
}

.ivu-icon-code-download:before {
    content: "\F26F"
}

.ivu-icon-code-working:before {
    content: "\F270"
}

.ivu-icon-coffee:before {
    content: "\F272"
}

.ivu-icon-compass:before {
    content: "\F273"
}

.ivu-icon-compose:before {
    content: "\F12C"
}

.ivu-icon-connection-bars:before {
    content: "\F274"
}

.ivu-icon-contrast:before {
    content: "\F275"
}

.ivu-icon-crop:before {
    content: "\F3C1"
}

.ivu-icon-cube:before {
    content: "\F318"
}

.ivu-icon-disc:before {
    content: "\F12D"
}

.ivu-icon-document:before {
    content: "\F12F"
}

.ivu-icon-document-text:before {
    content: "\F12E"
}

.ivu-icon-drag:before {
    content: "\F130"
}

.ivu-icon-earth:before {
    content: "\F276"
}

.ivu-icon-easel:before {
    content: "\F3C2"
}

.ivu-icon-edit:before {
    content: "\F2BF"
}

.ivu-icon-egg:before {
    content: "\F277"
}

.ivu-icon-eject:before {
    content: "\F131"
}

.ivu-icon-email:before {
    content: "\F132"
}

.ivu-icon-email-unread:before {
    content: "\F3C3"
}

.ivu-icon-erlenmeyer-flask:before {
    content: "\F3C5"
}

.ivu-icon-erlenmeyer-flask-bubbles:before {
    content: "\F3C4"
}

.ivu-icon-eye:before {
    content: "\F133"
}

.ivu-icon-eye-disabled:before {
    content: "\F306"
}

.ivu-icon-female:before {
    content: "\F278"
}

.ivu-icon-filing:before {
    content: "\F134"
}

.ivu-icon-film-marker:before {
    content: "\F135"
}

.ivu-icon-fireball:before {
    content: "\F319"
}

.ivu-icon-flag:before {
    content: "\F279"
}

.ivu-icon-flame:before {
    content: "\F31A"
}

.ivu-icon-flash:before {
    content: "\F137"
}

.ivu-icon-flash-off:before {
    content: "\F136"
}

.ivu-icon-folder:before {
    content: "\F139"
}

.ivu-icon-fork:before {
    content: "\F27A"
}

.ivu-icon-fork-repo:before {
    content: "\F2C0"
}

.ivu-icon-forward:before {
    content: "\F13A"
}

.ivu-icon-funnel:before {
    content: "\F31B"
}

.ivu-icon-gear-a:before {
    content: "\F13D"
}

.ivu-icon-gear-b:before {
    content: "\F13E"
}

.ivu-icon-grid:before {
    content: "\F13F"
}

.ivu-icon-hammer:before {
    content: "\F27B"
}

.ivu-icon-happy:before {
    content: "\F31C"
}

.ivu-icon-happy-outline:before {
    content: "\F3C6"
}

.ivu-icon-headphone:before {
    content: "\F140"
}

.ivu-icon-heart:before {
    content: "\F141"
}

.ivu-icon-heart-broken:before {
    content: "\F31D"
}

.ivu-icon-help:before {
    content: "\F143"
}

.ivu-icon-help-buoy:before {
    content: "\F27C"
}

.ivu-icon-help-circled:before {
    content: "\F142"
}

.ivu-icon-home:before {
    content: "\F144"
}

.ivu-icon-icecream:before {
    content: "\F27D"
}

.ivu-icon-image:before {
    content: "\F147"
}

.ivu-icon-images:before {
    content: "\F148"
}

.ivu-icon-information:before {
    content: "\F14A"
}

.ivu-icon-information-circled:before {
    content: "\F149"
}

.ivu-icon-ionic:before {
    content: "\F14B"
}

.ivu-icon-ios-alarm:before {
    content: "\F3C8"
}

.ivu-icon-ios-alarm-outline:before {
    content: "\F3C7"
}

.ivu-icon-ios-albums:before {
    content: "\F3CA"
}

.ivu-icon-ios-albums-outline:before {
    content: "\F3C9"
}

.ivu-icon-ios-americanfootball:before {
    content: "\F3CC"
}

.ivu-icon-ios-americanfootball-outline:before {
    content: "\F3CB"
}

.ivu-icon-ios-analytics:before {
    content: "\F3CE"
}

.ivu-icon-ios-analytics-outline:before {
    content: "\F3CD"
}

.ivu-icon-ios-arrow-back:before {
    content: "\F3CF"
}

.ivu-icon-ios-arrow-down:before {
    content: "\F3D0"
}

.ivu-icon-ios-arrow-forward:before {
    content: "\F3D1"
}

.ivu-icon-ios-arrow-left:before {
    content: "\F3D2"
}

.ivu-icon-ios-arrow-right:before {
    content: "\F3D3"
}

.ivu-icon-ios-arrow-thin-down:before {
    content: "\F3D4"
}

.ivu-icon-ios-arrow-thin-left:before {
    content: "\F3D5"
}

.ivu-icon-ios-arrow-thin-right:before {
    content: "\F3D6"
}

.ivu-icon-ios-arrow-thin-up:before {
    content: "\F3D7"
}

.ivu-icon-ios-arrow-up:before {
    content: "\F3D8"
}

.ivu-icon-ios-at:before {
    content: "\F3DA"
}

.ivu-icon-ios-at-outline:before {
    content: "\F3D9"
}

.ivu-icon-ios-barcode:before {
    content: "\F3DC"
}

.ivu-icon-ios-barcode-outline:before {
    content: "\F3DB"
}

.ivu-icon-ios-baseball:before {
    content: "\F3DE"
}

.ivu-icon-ios-baseball-outline:before {
    content: "\F3DD"
}

.ivu-icon-ios-basketball:before {
    content: "\F3E0"
}

.ivu-icon-ios-basketball-outline:before {
    content: "\F3DF"
}

.ivu-icon-ios-bell:before {
    content: "\F3E2"
}

.ivu-icon-ios-bell-outline:before {
    content: "\F3E1"
}

.ivu-icon-ios-body:before {
    content: "\F3E4"
}

.ivu-icon-ios-body-outline:before {
    content: "\F3E3"
}

.ivu-icon-ios-bolt:before {
    content: "\F3E6"
}

.ivu-icon-ios-bolt-outline:before {
    content: "\F3E5"
}

.ivu-icon-ios-book:before {
    content: "\F3E8"
}

.ivu-icon-ios-book-outline:before {
    content: "\F3E7"
}

.ivu-icon-ios-bookmarks:before {
    content: "\F3EA"
}

.ivu-icon-ios-bookmarks-outline:before {
    content: "\F3E9"
}

.ivu-icon-ios-box:before {
    content: "\F3EC"
}

.ivu-icon-ios-box-outline:before {
    content: "\F3EB"
}

.ivu-icon-ios-briefcase:before {
    content: "\F3EE"
}

.ivu-icon-ios-briefcase-outline:before {
    content: "\F3ED"
}

.ivu-icon-ios-browsers:before {
    content: "\F3F0"
}

.ivu-icon-ios-browsers-outline:before {
    content: "\F3EF"
}

.ivu-icon-ios-calculator:before {
    content: "\F3F2"
}

.ivu-icon-ios-calculator-outline:before {
    content: "\F3F1"
}

.ivu-icon-ios-calendar:before {
    content: "\F3F4"
}

.ivu-icon-ios-calendar-outline:before {
    content: "\F3F3"
}

.ivu-icon-ios-camera:before {
    content: "\F3F6"
}

.ivu-icon-ios-camera-outline:before {
    content: "\F3F5"
}

.ivu-icon-ios-cart:before {
    content: "\F3F8"
}

.ivu-icon-ios-cart-outline:before {
    content: "\F3F7"
}

.ivu-icon-ios-chatboxes:before {
    content: "\F3FA"
}

.ivu-icon-ios-chatboxes-outline:before {
    content: "\F3F9"
}

.ivu-icon-ios-chatbubble:before {
    content: "\F3FC"
}

.ivu-icon-ios-chatbubble-outline:before {
    content: "\F3FB"
}

.ivu-icon-ios-checkmark:before {
    content: "\F3FF"
}

.ivu-icon-ios-checkmark-empty:before {
    content: "\F3FD"
}

.ivu-icon-ios-checkmark-outline:before {
    content: "\F3FE"
}

.ivu-icon-ios-circle-filled:before {
    content: "\F400"
}

.ivu-icon-ios-circle-outline:before {
    content: "\F401"
}

.ivu-icon-ios-clock:before {
    content: "\F403"
}

.ivu-icon-ios-clock-outline:before {
    content: "\F402"
}

.ivu-icon-ios-close:before {
    content: "\F406"
}

.ivu-icon-ios-close-empty:before {
    content: "\F404"
}

.ivu-icon-ios-close-outline:before {
    content: "\F405"
}

.ivu-icon-ios-cloud:before {
    content: "\F40C"
}

.ivu-icon-ios-cloud-download:before {
    content: "\F408"
}

.ivu-icon-ios-cloud-download-outline:before {
    content: "\F407"
}

.ivu-icon-ios-cloud-outline:before {
    content: "\F409"
}

.ivu-icon-ios-cloud-upload:before {
    content: "\F40B"
}

.ivu-icon-ios-cloud-upload-outline:before {
    content: "\F40A"
}

.ivu-icon-ios-cloudy:before {
    content: "\F410"
}

.ivu-icon-ios-cloudy-night:before {
    content: "\F40E"
}

.ivu-icon-ios-cloudy-night-outline:before {
    content: "\F40D"
}

.ivu-icon-ios-cloudy-outline:before {
    content: "\F40F"
}

.ivu-icon-ios-cog:before {
    content: "\F412"
}

.ivu-icon-ios-cog-outline:before {
    content: "\F411"
}

.ivu-icon-ios-color-filter:before {
    content: "\F414"
}

.ivu-icon-ios-color-filter-outline:before {
    content: "\F413"
}

.ivu-icon-ios-color-wand:before {
    content: "\F416"
}

.ivu-icon-ios-color-wand-outline:before {
    content: "\F415"
}

.ivu-icon-ios-compose:before {
    content: "\F418"
}

.ivu-icon-ios-compose-outline:before {
    content: "\F417"
}

.ivu-icon-ios-contact:before {
    content: "\F41A"
}

.ivu-icon-ios-contact-outline:before {
    content: "\F419"
}

.ivu-icon-ios-copy:before {
    content: "\F41C"
}

.ivu-icon-ios-copy-outline:before {
    content: "\F41B"
}

.ivu-icon-ios-crop:before {
    content: "\F41E"
}

.ivu-icon-ios-crop-strong:before {
    content: "\F41D"
}

.ivu-icon-ios-download:before {
    content: "\F420"
}

.ivu-icon-ios-download-outline:before {
    content: "\F41F"
}

.ivu-icon-ios-drag:before {
    content: "\F421"
}

.ivu-icon-ios-email:before {
    content: "\F423"
}

.ivu-icon-ios-email-outline:before {
    content: "\F422"
}

.ivu-icon-ios-eye:before {
    content: "\F425"
}

.ivu-icon-ios-eye-outline:before {
    content: "\F424"
}

.ivu-icon-ios-fastforward:before {
    content: "\F427"
}

.ivu-icon-ios-fastforward-outline:before {
    content: "\F426"
}

.ivu-icon-ios-filing:before {
    content: "\F429"
}

.ivu-icon-ios-filing-outline:before {
    content: "\F428"
}

.ivu-icon-ios-film:before {
    content: "\F42B"
}

.ivu-icon-ios-film-outline:before {
    content: "\F42A"
}

.ivu-icon-ios-flag:before {
    content: "\F42D"
}

.ivu-icon-ios-flag-outline:before {
    content: "\F42C"
}

.ivu-icon-ios-flame:before {
    content: "\F42F"
}

.ivu-icon-ios-flame-outline:before {
    content: "\F42E"
}

.ivu-icon-ios-flask:before {
    content: "\F431"
}

.ivu-icon-ios-flask-outline:before {
    content: "\F430"
}

.ivu-icon-ios-flower:before {
    content: "\F433"
}

.ivu-icon-ios-flower-outline:before {
    content: "\F432"
}

.ivu-icon-ios-folder:before {
    content: "\F435"
}

.ivu-icon-ios-folder-outline:before {
    content: "\F434"
}

.ivu-icon-ios-football:before {
    content: "\F437"
}

.ivu-icon-ios-football-outline:before {
    content: "\F436"
}

.ivu-icon-ios-game-controller-a:before {
    content: "\F439"
}

.ivu-icon-ios-game-controller-a-outline:before {
    content: "\F438"
}

.ivu-icon-ios-game-controller-b:before {
    content: "\F43B"
}

.ivu-icon-ios-game-controller-b-outline:before {
    content: "\F43A"
}

.ivu-icon-ios-gear:before {
    content: "\F43D"
}

.ivu-icon-ios-gear-outline:before {
    content: "\F43C"
}

.ivu-icon-ios-glasses:before {
    content: "\F43F"
}

.ivu-icon-ios-glasses-outline:before {
    content: "\F43E"
}

.ivu-icon-ios-grid-view:before {
    content: "\F441"
}

.ivu-icon-ios-grid-view-outline:before {
    content: "\F440"
}

.ivu-icon-ios-heart:before {
    content: "\F443"
}

.ivu-icon-ios-heart-outline:before {
    content: "\F442"
}

.ivu-icon-ios-help:before {
    content: "\F446"
}

.ivu-icon-ios-help-empty:before {
    content: "\F444"
}

.ivu-icon-ios-help-outline:before {
    content: "\F445"
}

.ivu-icon-ios-home:before {
    content: "\F448"
}

.ivu-icon-ios-home-outline:before {
    content: "\F447"
}

.ivu-icon-ios-infinite:before {
    content: "\F44A"
}

.ivu-icon-ios-infinite-outline:before {
    content: "\F449"
}

.ivu-icon-ios-information:before {
    content: "\F44D"
}

.ivu-icon-ios-information-empty:before {
    content: "\F44B"
}

.ivu-icon-ios-information-outline:before {
    content: "\F44C"
}

.ivu-icon-ios-ionic-outline:before {
    content: "\F44E"
}

.ivu-icon-ios-keypad:before {
    content: "\F450"
}

.ivu-icon-ios-keypad-outline:before {
    content: "\F44F"
}

.ivu-icon-ios-lightbulb:before {
    content: "\F452"
}

.ivu-icon-ios-lightbulb-outline:before {
    content: "\F451"
}

.ivu-icon-ios-list:before {
    content: "\F454"
}

.ivu-icon-ios-list-outline:before {
    content: "\F453"
}

.ivu-icon-ios-location:before {
    content: "\F456"
}

.ivu-icon-ios-location-outline:before {
    content: "\F455"
}

.ivu-icon-ios-locked:before {
    content: "\F458"
}

.ivu-icon-ios-locked-outline:before {
    content: "\F457"
}

.ivu-icon-ios-loop:before {
    content: "\F45A"
}

.ivu-icon-ios-loop-strong:before {
    content: "\F459"
}

.ivu-icon-ios-medical:before {
    content: "\F45C"
}

.ivu-icon-ios-medical-outline:before {
    content: "\F45B"
}

.ivu-icon-ios-medkit:before {
    content: "\F45E"
}

.ivu-icon-ios-medkit-outline:before {
    content: "\F45D"
}

.ivu-icon-ios-mic:before {
    content: "\F461"
}

.ivu-icon-ios-mic-off:before {
    content: "\F45F"
}

.ivu-icon-ios-mic-outline:before {
    content: "\F460"
}

.ivu-icon-ios-minus:before {
    content: "\F464"
}

.ivu-icon-ios-minus-empty:before {
    content: "\F462"
}

.ivu-icon-ios-minus-outline:before {
    content: "\F463"
}

.ivu-icon-ios-monitor:before {
    content: "\F466"
}

.ivu-icon-ios-monitor-outline:before {
    content: "\F465"
}

.ivu-icon-ios-moon:before {
    content: "\F468"
}

.ivu-icon-ios-moon-outline:before {
    content: "\F467"
}

.ivu-icon-ios-more:before {
    content: "\F46A"
}

.ivu-icon-ios-more-outline:before {
    content: "\F469"
}

.ivu-icon-ios-musical-note:before {
    content: "\F46B"
}

.ivu-icon-ios-musical-notes:before {
    content: "\F46C"
}

.ivu-icon-ios-navigate:before {
    content: "\F46E"
}

.ivu-icon-ios-navigate-outline:before {
    content: "\F46D"
}

.ivu-icon-ios-nutrition:before {
    content: "\F470"
}

.ivu-icon-ios-nutrition-outline:before {
    content: "\F46F"
}

.ivu-icon-ios-paper:before {
    content: "\F472"
}

.ivu-icon-ios-paper-outline:before {
    content: "\F471"
}

.ivu-icon-ios-paperplane:before {
    content: "\F474"
}

.ivu-icon-ios-paperplane-outline:before {
    content: "\F473"
}

.ivu-icon-ios-partlysunny:before {
    content: "\F476"
}

.ivu-icon-ios-partlysunny-outline:before {
    content: "\F475"
}

.ivu-icon-ios-pause:before {
    content: "\F478"
}

.ivu-icon-ios-pause-outline:before {
    content: "\F477"
}

.ivu-icon-ios-paw:before {
    content: "\F47A"
}

.ivu-icon-ios-paw-outline:before {
    content: "\F479"
}

.ivu-icon-ios-people:before {
    content: "\F47C"
}

.ivu-icon-ios-people-outline:before {
    content: "\F47B"
}

.ivu-icon-ios-person:before {
    content: "\F47E"
}

.ivu-icon-ios-person-outline:before {
    content: "\F47D"
}

.ivu-icon-ios-personadd:before {
    content: "\F480"
}

.ivu-icon-ios-personadd-outline:before {
    content: "\F47F"
}

.ivu-icon-ios-photos:before {
    content: "\F482"
}

.ivu-icon-ios-photos-outline:before {
    content: "\F481"
}

.ivu-icon-ios-pie:before {
    content: "\F484"
}

.ivu-icon-ios-pie-outline:before {
    content: "\F483"
}

.ivu-icon-ios-pint:before {
    content: "\F486"
}

.ivu-icon-ios-pint-outline:before {
    content: "\F485"
}

.ivu-icon-ios-play:before {
    content: "\F488"
}

.ivu-icon-ios-play-outline:before {
    content: "\F487"
}

.ivu-icon-ios-plus:before {
    content: "\F48B"
}

.ivu-icon-ios-plus-empty:before {
    content: "\F489"
}

.ivu-icon-ios-plus-outline:before {
    content: "\F48A"
}

.ivu-icon-ios-pricetag:before {
    content: "\F48D"
}

.ivu-icon-ios-pricetag-outline:before {
    content: "\F48C"
}

.ivu-icon-ios-pricetags:before {
    content: "\F48F"
}

.ivu-icon-ios-pricetags-outline:before {
    content: "\F48E"
}

.ivu-icon-ios-printer:before {
    content: "\F491"
}

.ivu-icon-ios-printer-outline:before {
    content: "\F490"
}

.ivu-icon-ios-pulse:before {
    content: "\F493"
}

.ivu-icon-ios-pulse-strong:before {
    content: "\F492"
}

.ivu-icon-ios-rainy:before {
    content: "\F495"
}

.ivu-icon-ios-rainy-outline:before {
    content: "\F494"
}

.ivu-icon-ios-recording:before {
    content: "\F497"
}

.ivu-icon-ios-recording-outline:before {
    content: "\F496"
}

.ivu-icon-ios-redo:before {
    content: "\F499"
}

.ivu-icon-ios-redo-outline:before {
    content: "\F498"
}

.ivu-icon-ios-refresh:before {
    content: "\F49C"
}

.ivu-icon-ios-refresh-empty:before {
    content: "\F49A"
}

.ivu-icon-ios-refresh-outline:before {
    content: "\F49B"
}

.ivu-icon-ios-reload:before {
    content: "\F49D"
}

.ivu-icon-ios-reverse-camera:before {
    content: "\F49F"
}

.ivu-icon-ios-reverse-camera-outline:before {
    content: "\F49E"
}

.ivu-icon-ios-rewind:before {
    content: "\F4A1"
}

.ivu-icon-ios-rewind-outline:before {
    content: "\F4A0"
}

.ivu-icon-ios-rose:before {
    content: "\F4A3"
}

.ivu-icon-ios-rose-outline:before {
    content: "\F4A2"
}

.ivu-icon-ios-search:before {
    content: "\F4A5"
}

.ivu-icon-ios-search-strong:before {
    content: "\F4A4"
}

.ivu-icon-ios-settings:before {
    content: "\F4A7"
}

.ivu-icon-ios-settings-strong:before {
    content: "\F4A6"
}

.ivu-icon-ios-shuffle:before {
    content: "\F4A9"
}

.ivu-icon-ios-shuffle-strong:before {
    content: "\F4A8"
}

.ivu-icon-ios-skipbackward:before {
    content: "\F4AB"
}

.ivu-icon-ios-skipbackward-outline:before {
    content: "\F4AA"
}

.ivu-icon-ios-skipforward:before {
    content: "\F4AD"
}

.ivu-icon-ios-skipforward-outline:before {
    content: "\F4AC"
}

.ivu-icon-ios-snowy:before {
    content: "\F4AE"
}

.ivu-icon-ios-speedometer:before {
    content: "\F4B0"
}

.ivu-icon-ios-speedometer-outline:before {
    content: "\F4AF"
}

.ivu-icon-ios-star:before {
    content: "\F4B3"
}

.ivu-icon-ios-star-half:before {
    content: "\F4B1"
}

.ivu-icon-ios-star-outline:before {
    content: "\F4B2"
}

.ivu-icon-ios-stopwatch:before {
    content: "\F4B5"
}

.ivu-icon-ios-stopwatch-outline:before {
    content: "\F4B4"
}

.ivu-icon-ios-sunny:before {
    content: "\F4B7"
}

.ivu-icon-ios-sunny-outline:before {
    content: "\F4B6"
}

.ivu-icon-ios-telephone:before {
    content: "\F4B9"
}

.ivu-icon-ios-telephone-outline:before {
    content: "\F4B8"
}

.ivu-icon-ios-tennisball:before {
    content: "\F4BB"
}

.ivu-icon-ios-tennisball-outline:before {
    content: "\F4BA"
}

.ivu-icon-ios-thunderstorm:before {
    content: "\F4BD"
}

.ivu-icon-ios-thunderstorm-outline:before {
    content: "\F4BC"
}

.ivu-icon-ios-time:before {
    content: "\F4BF"
}

.ivu-icon-ios-time-outline:before {
    content: "\F4BE"
}

.ivu-icon-ios-timer:before {
    content: "\F4C1"
}

.ivu-icon-ios-timer-outline:before {
    content: "\F4C0"
}

.ivu-icon-ios-toggle:before {
    content: "\F4C3"
}

.ivu-icon-ios-toggle-outline:before {
    content: "\F4C2"
}

.ivu-icon-ios-trash:before {
    content: "\F4C5"
}

.ivu-icon-ios-trash-outline:before {
    content: "\F4C4"
}

.ivu-icon-ios-undo:before {
    content: "\F4C7"
}

.ivu-icon-ios-undo-outline:before {
    content: "\F4C6"
}

.ivu-icon-ios-unlocked:before {
    content: "\F4C9"
}

.ivu-icon-ios-unlocked-outline:before {
    content: "\F4C8"
}

.ivu-icon-ios-upload:before {
    content: "\F4CB"
}

.ivu-icon-ios-upload-outline:before {
    content: "\F4CA"
}

.ivu-icon-ios-videocam:before {
    content: "\F4CD"
}

.ivu-icon-ios-videocam-outline:before {
    content: "\F4CC"
}

.ivu-icon-ios-volume-high:before {
    content: "\F4CE"
}

.ivu-icon-ios-volume-low:before {
    content: "\F4CF"
}

.ivu-icon-ios-wineglass:before {
    content: "\F4D1"
}

.ivu-icon-ios-wineglass-outline:before {
    content: "\F4D0"
}

.ivu-icon-ios-world:before {
    content: "\F4D3"
}

.ivu-icon-ios-world-outline:before {
    content: "\F4D2"
}

.ivu-icon-ipad:before {
    content: "\F1F9"
}

.ivu-icon-iphone:before {
    content: "\F1FA"
}

.ivu-icon-ipod:before {
    content: "\F1FB"
}

.ivu-icon-jet:before {
    content: "\F295"
}

.ivu-icon-key:before {
    content: "\F296"
}

.ivu-icon-knife:before {
    content: "\F297"
}

.ivu-icon-laptop:before {
    content: "\F1FC"
}

.ivu-icon-leaf:before {
    content: "\F1FD"
}

.ivu-icon-levels:before {
    content: "\F298"
}

.ivu-icon-lightbulb:before {
    content: "\F299"
}

.ivu-icon-link:before {
    content: "\F1FE"
}

.ivu-icon-load-a:before {
    content: "\F29A"
}

.ivu-icon-load-b:before {
    content: "\F29B"
}

.ivu-icon-load-c:before {
    content: "\F29C"
}

.ivu-icon-load-d:before {
    content: "\F29D"
}

.ivu-icon-location:before {
    content: "\F1FF"
}

.ivu-icon-lock-combination:before {
    content: "\F4D4"
}

.ivu-icon-locked:before {
    content: "\F200"
}

.ivu-icon-log-in:before {
    content: "\F29E"
}

.ivu-icon-log-out:before {
    content: "\F29F"
}

.ivu-icon-loop:before {
    content: "\F201"
}

.ivu-icon-magnet:before {
    content: "\F2A0"
}

.ivu-icon-male:before {
    content: "\F2A1"
}

.ivu-icon-man:before {
    content: "\F202"
}

.ivu-icon-map:before {
    content: "\F203"
}

.ivu-icon-medkit:before {
    content: "\F2A2"
}

.ivu-icon-merge:before {
    content: "\F33F"
}

.ivu-icon-mic-a:before {
    content: "\F204"
}

.ivu-icon-mic-b:before {
    content: "\F205"
}

.ivu-icon-mic-c:before {
    content: "\F206"
}

.ivu-icon-minus:before {
    content: "\F209"
}

.ivu-icon-minus-circled:before {
    content: "\F207"
}

.ivu-icon-minus-round:before {
    content: "\F208"
}

.ivu-icon-model-s:before {
    content: "\F2C1"
}

.ivu-icon-monitor:before {
    content: "\F20A"
}

.ivu-icon-more:before {
    content: "\F20B"
}

.ivu-icon-mouse:before {
    content: "\F340"
}

.ivu-icon-music-note:before {
    content: "\F20C"
}

.ivu-icon-navicon:before {
    content: "\F20E"
}

.ivu-icon-navicon-round:before {
    content: "\F20D"
}

.ivu-icon-navigate:before {
    content: "\F2A3"
}

.ivu-icon-network:before {
    content: "\F341"
}

.ivu-icon-no-smoking:before {
    content: "\F2C2"
}

.ivu-icon-nuclear:before {
    content: "\F2A4"
}

.ivu-icon-outlet:before {
    content: "\F342"
}

.ivu-icon-paintbrush:before {
    content: "\F4D5"
}

.ivu-icon-paintbucket:before {
    content: "\F4D6"
}

.ivu-icon-paper-airplane:before {
    content: "\F2C3"
}

.ivu-icon-paperclip:before {
    content: "\F20F"
}

.ivu-icon-pause:before {
    content: "\F210"
}

.ivu-icon-person:before {
    content: "\F213"
}

.ivu-icon-person-add:before {
    content: "\F211"
}

.ivu-icon-person-stalker:before {
    content: "\F212"
}

.ivu-icon-pie-graph:before {
    content: "\F2A5"
}

.ivu-icon-pin:before {
    content: "\F2A6"
}

.ivu-icon-pinpoint:before {
    content: "\F2A7"
}

.ivu-icon-pizza:before {
    content: "\F2A8"
}

.ivu-icon-plane:before {
    content: "\F214"
}

.ivu-icon-planet:before {
    content: "\F343"
}

.ivu-icon-play:before {
    content: "\F215"
}

.ivu-icon-playstation:before {
    content: "\F30A"
}

.ivu-icon-plus:before {
    content: "\F218"
}

.ivu-icon-plus-circled:before {
    content: "\F216"
}

.ivu-icon-plus-round:before {
    content: "\F217"
}

.ivu-icon-podium:before {
    content: "\F344"
}

.ivu-icon-pound:before {
    content: "\F219"
}

.ivu-icon-power:before {
    content: "\F2A9"
}

.ivu-icon-pricetag:before {
    content: "\F2AA"
}

.ivu-icon-pricetags:before {
    content: "\F2AB"
}

.ivu-icon-printer:before {
    content: "\F21A"
}

.ivu-icon-pull-request:before {
    content: "\F345"
}

.ivu-icon-qr-scanner:before {
    content: "\F346"
}

.ivu-icon-quote:before {
    content: "\F347"
}

.ivu-icon-radio-waves:before {
    content: "\F2AC"
}

.ivu-icon-record:before {
    content: "\F21B"
}

.ivu-icon-refresh:before {
    content: "\F21C"
}

.ivu-icon-reply:before {
    content: "\F21E"
}

.ivu-icon-reply-all:before {
    content: "\F21D"
}

.ivu-icon-ribbon-a:before {
    content: "\F348"
}

.ivu-icon-ribbon-b:before {
    content: "\F349"
}

.ivu-icon-sad:before {
    content: "\F34A"
}

.ivu-icon-sad-outline:before {
    content: "\F4D7"
}

.ivu-icon-scissors:before {
    content: "\F34B"
}

.ivu-icon-search:before {
    content: "\F21F"
}

.ivu-icon-settings:before {
    content: "\F2AD"
}

.ivu-icon-share:before {
    content: "\F220"
}

.ivu-icon-shuffle:before {
    content: "\F221"
}

.ivu-icon-skip-backward:before {
    content: "\F222"
}

.ivu-icon-skip-forward:before {
    content: "\F223"
}

.ivu-icon-social-android:before {
    content: "\F225"
}

.ivu-icon-social-android-outline:before {
    content: "\F224"
}

.ivu-icon-social-angular:before {
    content: "\F4D9"
}

.ivu-icon-social-angular-outline:before {
    content: "\F4D8"
}

.ivu-icon-social-apple:before {
    content: "\F227"
}

.ivu-icon-social-apple-outline:before {
    content: "\F226"
}

.ivu-icon-social-bitcoin:before {
    content: "\F2AF"
}

.ivu-icon-social-bitcoin-outline:before {
    content: "\F2AE"
}

.ivu-icon-social-buffer:before {
    content: "\F229"
}

.ivu-icon-social-buffer-outline:before {
    content: "\F228"
}

.ivu-icon-social-chrome:before {
    content: "\F4DB"
}

.ivu-icon-social-chrome-outline:before {
    content: "\F4DA"
}

.ivu-icon-social-codepen:before {
    content: "\F4DD"
}

.ivu-icon-social-codepen-outline:before {
    content: "\F4DC"
}

.ivu-icon-social-css3:before {
    content: "\F4DF"
}

.ivu-icon-social-css3-outline:before {
    content: "\F4DE"
}

.ivu-icon-social-designernews:before {
    content: "\F22B"
}

.ivu-icon-social-designernews-outline:before {
    content: "\F22A"
}

.ivu-icon-social-dribbble:before {
    content: "\F22D"
}

.ivu-icon-social-dribbble-outline:before {
    content: "\F22C"
}

.ivu-icon-social-dropbox:before {
    content: "\F22F"
}

.ivu-icon-social-dropbox-outline:before {
    content: "\F22E"
}

.ivu-icon-social-euro:before {
    content: "\F4E1"
}

.ivu-icon-social-euro-outline:before {
    content: "\F4E0"
}

.ivu-icon-social-facebook:before {
    content: "\F231"
}

.ivu-icon-social-facebook-outline:before {
    content: "\F230"
}

.ivu-icon-social-foursquare:before {
    content: "\F34D"
}

.ivu-icon-social-foursquare-outline:before {
    content: "\F34C"
}

.ivu-icon-social-freebsd-devil:before {
    content: "\F2C4"
}

.ivu-icon-social-github:before {
    content: "\F233"
}

.ivu-icon-social-github-outline:before {
    content: "\F232"
}

.ivu-icon-social-google:before {
    content: "\F34F"
}

.ivu-icon-social-google-outline:before {
    content: "\F34E"
}

.ivu-icon-social-googleplus:before {
    content: "\F235"
}

.ivu-icon-social-googleplus-outline:before {
    content: "\F234"
}

.ivu-icon-social-hackernews:before {
    content: "\F237"
}

.ivu-icon-social-hackernews-outline:before {
    content: "\F236"
}

.ivu-icon-social-html5:before {
    content: "\F4E3"
}

.ivu-icon-social-html5-outline:before {
    content: "\F4E2"
}

.ivu-icon-social-instagram:before {
    content: "\F351"
}

.ivu-icon-social-instagram-outline:before {
    content: "\F350"
}

.ivu-icon-social-javascript:before {
    content: "\F4E5"
}

.ivu-icon-social-javascript-outline:before {
    content: "\F4E4"
}

.ivu-icon-social-linkedin:before {
    content: "\F239"
}

.ivu-icon-social-linkedin-outline:before {
    content: "\F238"
}

.ivu-icon-social-markdown:before {
    content: "\F4E6"
}

.ivu-icon-social-nodejs:before {
    content: "\F4E7"
}

.ivu-icon-social-octocat:before {
    content: "\F4E8"
}

.ivu-icon-social-pinterest:before {
    content: "\F2B1"
}

.ivu-icon-social-pinterest-outline:before {
    content: "\F2B0"
}

.ivu-icon-social-python:before {
    content: "\F4E9"
}

.ivu-icon-social-reddit:before {
    content: "\F23B"
}

.ivu-icon-social-reddit-outline:before {
    content: "\F23A"
}

.ivu-icon-social-rss:before {
    content: "\F23D"
}

.ivu-icon-social-rss-outline:before {
    content: "\F23C"
}

.ivu-icon-social-sass:before {
    content: "\F4EA"
}

.ivu-icon-social-skype:before {
    content: "\F23F"
}

.ivu-icon-social-skype-outline:before {
    content: "\F23E"
}

.ivu-icon-social-snapchat:before {
    content: "\F4EC"
}

.ivu-icon-social-snapchat-outline:before {
    content: "\F4EB"
}

.ivu-icon-social-tumblr:before {
    content: "\F241"
}

.ivu-icon-social-tumblr-outline:before {
    content: "\F240"
}

.ivu-icon-social-tux:before {
    content: "\F2C5"
}

.ivu-icon-social-twitch:before {
    content: "\F4EE"
}

.ivu-icon-social-twitch-outline:before {
    content: "\F4ED"
}

.ivu-icon-social-twitter:before {
    content: "\F243"
}

.ivu-icon-social-twitter-outline:before {
    content: "\F242"
}

.ivu-icon-social-usd:before {
    content: "\F353"
}

.ivu-icon-social-usd-outline:before {
    content: "\F352"
}

.ivu-icon-social-vimeo:before {
    content: "\F245"
}

.ivu-icon-social-vimeo-outline:before {
    content: "\F244"
}

.ivu-icon-social-whatsapp:before {
    content: "\F4F0"
}

.ivu-icon-social-whatsapp-outline:before {
    content: "\F4EF"
}

.ivu-icon-social-windows:before {
    content: "\F247"
}

.ivu-icon-social-windows-outline:before {
    content: "\F246"
}

.ivu-icon-social-wordpress:before {
    content: "\F249"
}

.ivu-icon-social-wordpress-outline:before {
    content: "\F248"
}

.ivu-icon-social-yahoo:before {
    content: "\F24B"
}

.ivu-icon-social-yahoo-outline:before {
    content: "\F24A"
}

.ivu-icon-social-yen:before {
    content: "\F4F2"
}

.ivu-icon-social-yen-outline:before {
    content: "\F4F1"
}

.ivu-icon-social-youtube:before {
    content: "\F24D"
}

.ivu-icon-social-youtube-outline:before {
    content: "\F24C"
}

.ivu-icon-soup-can:before {
    content: "\F4F4"
}

.ivu-icon-soup-can-outline:before {
    content: "\F4F3"
}

.ivu-icon-speakerphone:before {
    content: "\F2B2"
}

.ivu-icon-speedometer:before {
    content: "\F2B3"
}

.ivu-icon-spoon:before {
    content: "\F2B4"
}

.ivu-icon-star:before {
    content: "\F24E"
}

.ivu-icon-stats-bars:before {
    content: "\F2B5"
}

.ivu-icon-steam:before {
    content: "\F30B"
}

.ivu-icon-stop:before {
    content: "\F24F"
}

.ivu-icon-thermometer:before {
    content: "\F2B6"
}

.ivu-icon-thumbsdown:before {
    content: "\F250"
}

.ivu-icon-thumbsup:before {
    content: "\F251"
}

.ivu-icon-toggle:before {
    content: "\F355"
}

.ivu-icon-toggle-filled:before {
    content: "\F354"
}

.ivu-icon-transgender:before {
    content: "\F4F5"
}

.ivu-icon-trash-a:before {
    content: "\F252"
}

.ivu-icon-trash-b:before {
    content: "\F253"
}

.ivu-icon-trophy:before {
    content: "\F356"
}

.ivu-icon-tshirt:before {
    content: "\F4F7"
}

.ivu-icon-tshirt-outline:before {
    content: "\F4F6"
}

.ivu-icon-umbrella:before {
    content: "\F2B7"
}

.ivu-icon-university:before {
    content: "\F357"
}

.ivu-icon-unlocked:before {
    content: "\F254"
}

.ivu-icon-upload:before {
    content: "\F255"
}

.ivu-icon-usb:before {
    content: "\F2B8"
}

.ivu-icon-videocamera:before {
    content: "\F256"
}

.ivu-icon-volume-high:before {
    content: "\F257"
}

.ivu-icon-volume-low:before {
    content: "\F258"
}

.ivu-icon-volume-medium:before {
    content: "\F259"
}

.ivu-icon-volume-mute:before {
    content: "\F25A"
}

.ivu-icon-wand:before {
    content: "\F358"
}

.ivu-icon-waterdrop:before {
    content: "\F25B"
}

.ivu-icon-wifi:before {
    content: "\F25C"
}

.ivu-icon-wineglass:before {
    content: "\F2B9"
}

.ivu-icon-woman:before {
    content: "\F25D"
}

.ivu-icon-wrench:before {
    content: "\F2BA"
}

.ivu-icon-xbox:before {
    content: "\F30C"
}

.ivu-row {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    zoom: 1;
    display: block
}

.ivu-row:after,
.ivu-row:before {
    content: "";
    display: table
}

.ivu-row:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ivu-row-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.ivu-row-flex:after,
.ivu-row-flex:before {
    display: flex
}

.ivu-row-flex-start {
    justify-content: flex-start
}

.ivu-row-flex-center {
    justify-content: center
}

.ivu-row-flex-end {
    justify-content: flex-end
}

.ivu-row-flex-space-between {
    justify-content: space-between
}

.ivu-row-flex-space-around {
    justify-content: space-around
}

.ivu-row-flex-top {
    align-items: flex-start
}

.ivu-row-flex-middle {
    align-items: center
}

.ivu-row-flex-bottom {
    align-items: flex-end
}

.ivu-col {
    position: relative;
    display: block
}

.ivu-col-span-1,
.ivu-col-span-2,
.ivu-col-span-3,
.ivu-col-span-4,
.ivu-col-span-5,
.ivu-col-span-6,
.ivu-col-span-7,
.ivu-col-span-8,
.ivu-col-span-9,
.ivu-col-span-10,
.ivu-col-span-11,
.ivu-col-span-12,
.ivu-col-span-13,
.ivu-col-span-14,
.ivu-col-span-15,
.ivu-col-span-16,
.ivu-col-span-17,
.ivu-col-span-18,
.ivu-col-span-19,
.ivu-col-span-20,
.ivu-col-span-21,
.ivu-col-span-22,
.ivu-col-span-23,
.ivu-col-span-24 {
    float: left;
    flex: 0 0 auto
}

.ivu-col-span-24 {
    display: block;
    width: 100%
}

.ivu-col-push-24 {
    left: 100%
}

.ivu-col-pull-24 {
    right: 100%
}

.ivu-col-offset-24 {
    margin-left: 100%
}

.ivu-col-order-24 {
    order: 24
}

.ivu-col-span-23 {
    display: block;
    width: 95.83333333%
}

.ivu-col-push-23 {
    left: 95.83333333%
}

.ivu-col-pull-23 {
    right: 95.83333333%
}

.ivu-col-offset-23 {
    margin-left: 95.83333333%
}

.ivu-col-order-23 {
    order: 23
}

.ivu-col-span-22 {
    display: block;
    width: 91.66666667%
}

.ivu-col-push-22 {
    left: 91.66666667%
}

.ivu-col-pull-22 {
    right: 91.66666667%
}

.ivu-col-offset-22 {
    margin-left: 91.66666667%
}

.ivu-col-order-22 {
    order: 22
}

.ivu-col-span-21 {
    display: block;
    width: 87.5%
}

.ivu-col-push-21 {
    left: 87.5%
}

.ivu-col-pull-21 {
    right: 87.5%
}

.ivu-col-offset-21 {
    margin-left: 87.5%
}

.ivu-col-order-21 {
    order: 21
}

.ivu-col-span-20 {
    display: block;
    width: 83.33333333%
}

.ivu-col-push-20 {
    left: 83.33333333%
}

.ivu-col-pull-20 {
    right: 83.33333333%
}

.ivu-col-offset-20 {
    margin-left: 83.33333333%
}

.ivu-col-order-20 {
    order: 20
}

.ivu-col-span-19 {
    display: block;
    width: 79.16666667%
}

.ivu-col-push-19 {
    left: 79.16666667%
}

.ivu-col-pull-19 {
    right: 79.16666667%
}

.ivu-col-offset-19 {
    margin-left: 79.16666667%
}

.ivu-col-order-19 {
    order: 19
}

.ivu-col-span-18 {
    display: block;
    width: 75%
}

.ivu-col-push-18 {
    left: 75%
}

.ivu-col-pull-18 {
    right: 75%
}

.ivu-col-offset-18 {
    margin-left: 75%
}

.ivu-col-order-18 {
    order: 18
}

.ivu-col-span-17 {
    display: block;
    width: 70.83333333%
}

.ivu-col-push-17 {
    left: 70.83333333%
}

.ivu-col-pull-17 {
    right: 70.83333333%
}

.ivu-col-offset-17 {
    margin-left: 70.83333333%
}

.ivu-col-order-17 {
    order: 17
}

.ivu-col-span-16 {
    display: block;
    width: 66.66666667%
}

.ivu-col-push-16 {
    left: 66.66666667%
}

.ivu-col-pull-16 {
    right: 66.66666667%
}

.ivu-col-offset-16 {
    margin-left: 66.66666667%
}

.ivu-col-order-16 {
    order: 16
}

.ivu-col-span-15 {
    display: block;
    width: 62.5%
}

.ivu-col-push-15 {
    left: 62.5%
}

.ivu-col-pull-15 {
    right: 62.5%
}

.ivu-col-offset-15 {
    margin-left: 62.5%
}

.ivu-col-order-15 {
    order: 15
}

.ivu-col-span-14 {
    display: block;
    width: 58.33333333%
}

.ivu-col-push-14 {
    left: 58.33333333%
}

.ivu-col-pull-14 {
    right: 58.33333333%
}

.ivu-col-offset-14 {
    margin-left: 58.33333333%
}

.ivu-col-order-14 {
    order: 14
}

.ivu-col-span-13 {
    display: block;
    width: 54.16666667%
}

.ivu-col-push-13 {
    left: 54.16666667%
}

.ivu-col-pull-13 {
    right: 54.16666667%
}

.ivu-col-offset-13 {
    margin-left: 54.16666667%
}

.ivu-col-order-13 {
    order: 13
}

.ivu-col-span-12 {
    display: block;
    width: 50%
}

.ivu-col-push-12 {
    left: 50%
}

.ivu-col-pull-12 {
    right: 50%
}

.ivu-col-offset-12 {
    margin-left: 50%
}

.ivu-col-order-12 {
    order: 12
}

.ivu-col-span-11 {
    display: block;
    width: 45.83333333%
}

.ivu-col-push-11 {
    left: 45.83333333%
}

.ivu-col-pull-11 {
    right: 45.83333333%
}

.ivu-col-offset-11 {
    margin-left: 45.83333333%
}

.ivu-col-order-11 {
    order: 11
}

.ivu-col-span-10 {
    display: block;
    width: 41.66666667%
}

.ivu-col-push-10 {
    left: 41.66666667%
}

.ivu-col-pull-10 {
    right: 41.66666667%
}

.ivu-col-offset-10 {
    margin-left: 41.66666667%
}

.ivu-col-order-10 {
    order: 10
}

.ivu-col-span-9 {
    display: block;
    width: 37.5%
}

.ivu-col-push-9 {
    left: 37.5%
}

.ivu-col-pull-9 {
    right: 37.5%
}

.ivu-col-offset-9 {
    margin-left: 37.5%
}

.ivu-col-order-9 {
    order: 9
}

.ivu-col-span-8 {
    display: block;
    width: 33.33333333%
}

.ivu-col-push-8 {
    left: 33.33333333%
}

.ivu-col-pull-8 {
    right: 33.33333333%
}

.ivu-col-offset-8 {
    margin-left: 33.33333333%
}

.ivu-col-order-8 {
    order: 8
}

.ivu-col-span-7 {
    display: block;
    width: 29.16666667%
}

.ivu-col-push-7 {
    left: 29.16666667%
}

.ivu-col-pull-7 {
    right: 29.16666667%
}

.ivu-col-offset-7 {
    margin-left: 29.16666667%
}

.ivu-col-order-7 {
    order: 7
}

.ivu-col-span-6 {
    display: block;
    width: 25%
}

.ivu-col-push-6 {
    left: 25%
}

.ivu-col-pull-6 {
    right: 25%
}

.ivu-col-offset-6 {
    margin-left: 25%
}

.ivu-col-order-6 {
    order: 6
}

.ivu-col-span-5 {
    display: block;
    width: 20.83333333%
}

.ivu-col-push-5 {
    left: 20.83333333%
}

.ivu-col-pull-5 {
    right: 20.83333333%
}

.ivu-col-offset-5 {
    margin-left: 20.83333333%
}

.ivu-col-order-5 {
    order: 5
}

.ivu-col-span-4 {
    display: block;
    width: 16.66666667%
}

.ivu-col-push-4 {
    left: 16.66666667%
}

.ivu-col-pull-4 {
    right: 16.66666667%
}

.ivu-col-offset-4 {
    margin-left: 16.66666667%
}

.ivu-col-order-4 {
    order: 4
}

.ivu-col-span-3 {
    display: block;
    width: 12.5%
}

.ivu-col-push-3 {
    left: 12.5%
}

.ivu-col-pull-3 {
    right: 12.5%
}

.ivu-col-offset-3 {
    margin-left: 12.5%
}

.ivu-col-order-3 {
    order: 3
}

.ivu-col-span-2 {
    display: block;
    width: 8.33333333%
}

.ivu-col-push-2 {
    left: 8.33333333%
}

.ivu-col-pull-2 {
    right: 8.33333333%
}

.ivu-col-offset-2 {
    margin-left: 8.33333333%
}

.ivu-col-order-2 {
    order: 2
}

.ivu-col-span-1 {
    display: block;
    width: 4.16666667%
}

.ivu-col-push-1 {
    left: 4.16666667%
}

.ivu-col-pull-1 {
    right: 4.16666667%
}

.ivu-col-offset-1 {
    margin-left: 4.16666667%
}

.ivu-col-order-1 {
    order: 1
}

.ivu-col-span-0 {
    display: none
}

.ivu-col-push-0 {
    left: auto
}

.ivu-col-pull-0 {
    right: auto
}

.ivu-col-span-xs-1,
.ivu-col-span-xs-2,
.ivu-col-span-xs-3,
.ivu-col-span-xs-4,
.ivu-col-span-xs-5,
.ivu-col-span-xs-6,
.ivu-col-span-xs-7,
.ivu-col-span-xs-8,
.ivu-col-span-xs-9,
.ivu-col-span-xs-10,
.ivu-col-span-xs-11,
.ivu-col-span-xs-12,
.ivu-col-span-xs-13,
.ivu-col-span-xs-14,
.ivu-col-span-xs-15,
.ivu-col-span-xs-16,
.ivu-col-span-xs-17,
.ivu-col-span-xs-18,
.ivu-col-span-xs-19,
.ivu-col-span-xs-20,
.ivu-col-span-xs-21,
.ivu-col-span-xs-22,
.ivu-col-span-xs-23,
.ivu-col-span-xs-24 {
    float: left;
    flex: 0 0 auto
}

.ivu-col-span-xs-24 {
    display: block;
    width: 100%
}

.ivu-col-xs-push-24 {
    left: 100%
}

.ivu-col-xs-pull-24 {
    right: 100%
}

.ivu-col-xs-offset-24 {
    margin-left: 100%
}

.ivu-col-xs-order-24 {
    order: 24
}

.ivu-col-span-xs-23 {
    display: block;
    width: 95.83333333%
}

.ivu-col-xs-push-23 {
    left: 95.83333333%
}

.ivu-col-xs-pull-23 {
    right: 95.83333333%
}

.ivu-col-xs-offset-23 {
    margin-left: 95.83333333%
}

.ivu-col-xs-order-23 {
    order: 23
}

.ivu-col-span-xs-22 {
    display: block;
    width: 91.66666667%
}

.ivu-col-xs-push-22 {
    left: 91.66666667%
}

.ivu-col-xs-pull-22 {
    right: 91.66666667%
}

.ivu-col-xs-offset-22 {
    margin-left: 91.66666667%
}

.ivu-col-xs-order-22 {
    order: 22
}

.ivu-col-span-xs-21 {
    display: block;
    width: 87.5%
}

.ivu-col-xs-push-21 {
    left: 87.5%
}

.ivu-col-xs-pull-21 {
    right: 87.5%
}

.ivu-col-xs-offset-21 {
    margin-left: 87.5%
}

.ivu-col-xs-order-21 {
    order: 21
}

.ivu-col-span-xs-20 {
    display: block;
    width: 83.33333333%
}

.ivu-col-xs-push-20 {
    left: 83.33333333%
}

.ivu-col-xs-pull-20 {
    right: 83.33333333%
}

.ivu-col-xs-offset-20 {
    margin-left: 83.33333333%
}

.ivu-col-xs-order-20 {
    order: 20
}

.ivu-col-span-xs-19 {
    display: block;
    width: 79.16666667%
}

.ivu-col-xs-push-19 {
    left: 79.16666667%
}

.ivu-col-xs-pull-19 {
    right: 79.16666667%
}

.ivu-col-xs-offset-19 {
    margin-left: 79.16666667%
}

.ivu-col-xs-order-19 {
    order: 19
}

.ivu-col-span-xs-18 {
    display: block;
    width: 75%
}

.ivu-col-xs-push-18 {
    left: 75%
}

.ivu-col-xs-pull-18 {
    right: 75%
}

.ivu-col-xs-offset-18 {
    margin-left: 75%
}

.ivu-col-xs-order-18 {
    order: 18
}

.ivu-col-span-xs-17 {
    display: block;
    width: 70.83333333%
}

.ivu-col-xs-push-17 {
    left: 70.83333333%
}

.ivu-col-xs-pull-17 {
    right: 70.83333333%
}

.ivu-col-xs-offset-17 {
    margin-left: 70.83333333%
}

.ivu-col-xs-order-17 {
    order: 17
}

.ivu-col-span-xs-16 {
    display: block;
    width: 66.66666667%
}

.ivu-col-xs-push-16 {
    left: 66.66666667%
}

.ivu-col-xs-pull-16 {
    right: 66.66666667%
}

.ivu-col-xs-offset-16 {
    margin-left: 66.66666667%
}

.ivu-col-xs-order-16 {
    order: 16
}

.ivu-col-span-xs-15 {
    display: block;
    width: 62.5%
}

.ivu-col-xs-push-15 {
    left: 62.5%
}

.ivu-col-xs-pull-15 {
    right: 62.5%
}

.ivu-col-xs-offset-15 {
    margin-left: 62.5%
}

.ivu-col-xs-order-15 {
    order: 15
}

.ivu-col-span-xs-14 {
    display: block;
    width: 58.33333333%
}

.ivu-col-xs-push-14 {
    left: 58.33333333%
}

.ivu-col-xs-pull-14 {
    right: 58.33333333%
}

.ivu-col-xs-offset-14 {
    margin-left: 58.33333333%
}

.ivu-col-xs-order-14 {
    order: 14
}

.ivu-col-span-xs-13 {
    display: block;
    width: 54.16666667%
}

.ivu-col-xs-push-13 {
    left: 54.16666667%
}

.ivu-col-xs-pull-13 {
    right: 54.16666667%
}

.ivu-col-xs-offset-13 {
    margin-left: 54.16666667%
}

.ivu-col-xs-order-13 {
    order: 13
}

.ivu-col-span-xs-12 {
    display: block;
    width: 50%
}

.ivu-col-xs-push-12 {
    left: 50%
}

.ivu-col-xs-pull-12 {
    right: 50%
}

.ivu-col-xs-offset-12 {
    margin-left: 50%
}

.ivu-col-xs-order-12 {
    order: 12
}

.ivu-col-span-xs-11 {
    display: block;
    width: 45.83333333%
}

.ivu-col-xs-push-11 {
    left: 45.83333333%
}

.ivu-col-xs-pull-11 {
    right: 45.83333333%
}

.ivu-col-xs-offset-11 {
    margin-left: 45.83333333%
}

.ivu-col-xs-order-11 {
    order: 11
}

.ivu-col-span-xs-10 {
    display: block;
    width: 41.66666667%
}

.ivu-col-xs-push-10 {
    left: 41.66666667%
}

.ivu-col-xs-pull-10 {
    right: 41.66666667%
}

.ivu-col-xs-offset-10 {
    margin-left: 41.66666667%
}

.ivu-col-xs-order-10 {
    order: 10
}

.ivu-col-span-xs-9 {
    display: block;
    width: 37.5%
}

.ivu-col-xs-push-9 {
    left: 37.5%
}

.ivu-col-xs-pull-9 {
    right: 37.5%
}

.ivu-col-xs-offset-9 {
    margin-left: 37.5%
}

.ivu-col-xs-order-9 {
    order: 9
}

.ivu-col-span-xs-8 {
    display: block;
    width: 33.33333333%
}

.ivu-col-xs-push-8 {
    left: 33.33333333%
}

.ivu-col-xs-pull-8 {
    right: 33.33333333%
}

.ivu-col-xs-offset-8 {
    margin-left: 33.33333333%
}

.ivu-col-xs-order-8 {
    order: 8
}

.ivu-col-span-xs-7 {
    display: block;
    width: 29.16666667%
}

.ivu-col-xs-push-7 {
    left: 29.16666667%
}

.ivu-col-xs-pull-7 {
    right: 29.16666667%
}

.ivu-col-xs-offset-7 {
    margin-left: 29.16666667%
}

.ivu-col-xs-order-7 {
    order: 7
}

.ivu-col-span-xs-6 {
    display: block;
    width: 25%
}

.ivu-col-xs-push-6 {
    left: 25%
}

.ivu-col-xs-pull-6 {
    right: 25%
}

.ivu-col-xs-offset-6 {
    margin-left: 25%
}

.ivu-col-xs-order-6 {
    order: 6
}

.ivu-col-span-xs-5 {
    display: block;
    width: 20.83333333%
}

.ivu-col-xs-push-5 {
    left: 20.83333333%
}

.ivu-col-xs-pull-5 {
    right: 20.83333333%
}

.ivu-col-xs-offset-5 {
    margin-left: 20.83333333%
}

.ivu-col-xs-order-5 {
    order: 5
}

.ivu-col-span-xs-4 {
    display: block;
    width: 16.66666667%
}

.ivu-col-xs-push-4 {
    left: 16.66666667%
}

.ivu-col-xs-pull-4 {
    right: 16.66666667%
}

.ivu-col-xs-offset-4 {
    margin-left: 16.66666667%
}

.ivu-col-xs-order-4 {
    order: 4
}

.ivu-col-span-xs-3 {
    display: block;
    width: 12.5%
}

.ivu-col-xs-push-3 {
    left: 12.5%
}

.ivu-col-xs-pull-3 {
    right: 12.5%
}

.ivu-col-xs-offset-3 {
    margin-left: 12.5%
}

.ivu-col-xs-order-3 {
    order: 3
}

.ivu-col-span-xs-2 {
    display: block;
    width: 8.33333333%
}

.ivu-col-xs-push-2 {
    left: 8.33333333%
}

.ivu-col-xs-pull-2 {
    right: 8.33333333%
}

.ivu-col-xs-offset-2 {
    margin-left: 8.33333333%
}

.ivu-col-xs-order-2 {
    order: 2
}

.ivu-col-span-xs-1 {
    display: block;
    width: 4.16666667%
}

.ivu-col-xs-push-1 {
    left: 4.16666667%
}

.ivu-col-xs-pull-1 {
    right: 4.16666667%
}

.ivu-col-xs-offset-1 {
    margin-left: 4.16666667%
}

.ivu-col-xs-order-1 {
    order: 1
}

.ivu-col-span-xs-0 {
    display: none
}

.ivu-col-xs-push-0 {
    left: auto
}

.ivu-col-xs-pull-0 {
    right: auto
}

@media (min-width:768px) {
    .ivu-col-span-sm-1,
    .ivu-col-span-sm-2,
    .ivu-col-span-sm-3,
    .ivu-col-span-sm-4,
    .ivu-col-span-sm-5,
    .ivu-col-span-sm-6,
    .ivu-col-span-sm-7,
    .ivu-col-span-sm-8,
    .ivu-col-span-sm-9,
    .ivu-col-span-sm-10,
    .ivu-col-span-sm-11,
    .ivu-col-span-sm-12,
    .ivu-col-span-sm-13,
    .ivu-col-span-sm-14,
    .ivu-col-span-sm-15,
    .ivu-col-span-sm-16,
    .ivu-col-span-sm-17,
    .ivu-col-span-sm-18,
    .ivu-col-span-sm-19,
    .ivu-col-span-sm-20,
    .ivu-col-span-sm-21,
    .ivu-col-span-sm-22,
    .ivu-col-span-sm-23,
    .ivu-col-span-sm-24 {
        float: left;
        flex: 0 0 auto
    }
    .ivu-col-span-sm-24 {
        display: block;
        width: 100%
    }
    .ivu-col-sm-push-24 {
        left: 100%
    }
    .ivu-col-sm-pull-24 {
        right: 100%
    }
    .ivu-col-sm-offset-24 {
        margin-left: 100%
    }
    .ivu-col-sm-order-24 {
        order: 24
    }
    .ivu-col-span-sm-23 {
        display: block;
        width: 95.83333333%
    }
    .ivu-col-sm-push-23 {
        left: 95.83333333%
    }
    .ivu-col-sm-pull-23 {
        right: 95.83333333%
    }
    .ivu-col-sm-offset-23 {
        margin-left: 95.83333333%
    }
    .ivu-col-sm-order-23 {
        order: 23
    }
    .ivu-col-span-sm-22 {
        display: block;
        width: 91.66666667%
    }
    .ivu-col-sm-push-22 {
        left: 91.66666667%
    }
    .ivu-col-sm-pull-22 {
        right: 91.66666667%
    }
    .ivu-col-sm-offset-22 {
        margin-left: 91.66666667%
    }
    .ivu-col-sm-order-22 {
        order: 22
    }
    .ivu-col-span-sm-21 {
        display: block;
        width: 87.5%
    }
    .ivu-col-sm-push-21 {
        left: 87.5%
    }
    .ivu-col-sm-pull-21 {
        right: 87.5%
    }
    .ivu-col-sm-offset-21 {
        margin-left: 87.5%
    }
    .ivu-col-sm-order-21 {
        order: 21
    }
    .ivu-col-span-sm-20 {
        display: block;
        width: 83.33333333%
    }
    .ivu-col-sm-push-20 {
        left: 83.33333333%
    }
    .ivu-col-sm-pull-20 {
        right: 83.33333333%
    }
    .ivu-col-sm-offset-20 {
        margin-left: 83.33333333%
    }
    .ivu-col-sm-order-20 {
        order: 20
    }
    .ivu-col-span-sm-19 {
        display: block;
        width: 79.16666667%
    }
    .ivu-col-sm-push-19 {
        left: 79.16666667%
    }
    .ivu-col-sm-pull-19 {
        right: 79.16666667%
    }
    .ivu-col-sm-offset-19 {
        margin-left: 79.16666667%
    }
    .ivu-col-sm-order-19 {
        order: 19
    }
    .ivu-col-span-sm-18 {
        display: block;
        width: 75%
    }
    .ivu-col-sm-push-18 {
        left: 75%
    }
    .ivu-col-sm-pull-18 {
        right: 75%
    }
    .ivu-col-sm-offset-18 {
        margin-left: 75%
    }
    .ivu-col-sm-order-18 {
        order: 18
    }
    .ivu-col-span-sm-17 {
        display: block;
        width: 70.83333333%
    }
    .ivu-col-sm-push-17 {
        left: 70.83333333%
    }
    .ivu-col-sm-pull-17 {
        right: 70.83333333%
    }
    .ivu-col-sm-offset-17 {
        margin-left: 70.83333333%
    }
    .ivu-col-sm-order-17 {
        order: 17
    }
    .ivu-col-span-sm-16 {
        display: block;
        width: 66.66666667%
    }
    .ivu-col-sm-push-16 {
        left: 66.66666667%
    }
    .ivu-col-sm-pull-16 {
        right: 66.66666667%
    }
    .ivu-col-sm-offset-16 {
        margin-left: 66.66666667%
    }
    .ivu-col-sm-order-16 {
        order: 16
    }
    .ivu-col-span-sm-15 {
        display: block;
        width: 62.5%
    }
    .ivu-col-sm-push-15 {
        left: 62.5%
    }
    .ivu-col-sm-pull-15 {
        right: 62.5%
    }
    .ivu-col-sm-offset-15 {
        margin-left: 62.5%
    }
    .ivu-col-sm-order-15 {
        order: 15
    }
    .ivu-col-span-sm-14 {
        display: block;
        width: 58.33333333%
    }
    .ivu-col-sm-push-14 {
        left: 58.33333333%
    }
    .ivu-col-sm-pull-14 {
        right: 58.33333333%
    }
    .ivu-col-sm-offset-14 {
        margin-left: 58.33333333%
    }
    .ivu-col-sm-order-14 {
        order: 14
    }
    .ivu-col-span-sm-13 {
        display: block;
        width: 54.16666667%
    }
    .ivu-col-sm-push-13 {
        left: 54.16666667%
    }
    .ivu-col-sm-pull-13 {
        right: 54.16666667%
    }
    .ivu-col-sm-offset-13 {
        margin-left: 54.16666667%
    }
    .ivu-col-sm-order-13 {
        order: 13
    }
    .ivu-col-span-sm-12 {
        display: block;
        width: 50%
    }
    .ivu-col-sm-push-12 {
        left: 50%
    }
    .ivu-col-sm-pull-12 {
        right: 50%
    }
    .ivu-col-sm-offset-12 {
        margin-left: 50%
    }
    .ivu-col-sm-order-12 {
        order: 12
    }
    .ivu-col-span-sm-11 {
        display: block;
        width: 45.83333333%
    }
    .ivu-col-sm-push-11 {
        left: 45.83333333%
    }
    .ivu-col-sm-pull-11 {
        right: 45.83333333%
    }
    .ivu-col-sm-offset-11 {
        margin-left: 45.83333333%
    }
    .ivu-col-sm-order-11 {
        order: 11
    }
    .ivu-col-span-sm-10 {
        display: block;
        width: 41.66666667%
    }
    .ivu-col-sm-push-10 {
        left: 41.66666667%
    }
    .ivu-col-sm-pull-10 {
        right: 41.66666667%
    }
    .ivu-col-sm-offset-10 {
        margin-left: 41.66666667%
    }
    .ivu-col-sm-order-10 {
        order: 10
    }
    .ivu-col-span-sm-9 {
        display: block;
        width: 37.5%
    }
    .ivu-col-sm-push-9 {
        left: 37.5%
    }
    .ivu-col-sm-pull-9 {
        right: 37.5%
    }
    .ivu-col-sm-offset-9 {
        margin-left: 37.5%
    }
    .ivu-col-sm-order-9 {
        order: 9
    }
    .ivu-col-span-sm-8 {
        display: block;
        width: 33.33333333%
    }
    .ivu-col-sm-push-8 {
        left: 33.33333333%
    }
    .ivu-col-sm-pull-8 {
        right: 33.33333333%
    }
    .ivu-col-sm-offset-8 {
        margin-left: 33.33333333%
    }
    .ivu-col-sm-order-8 {
        order: 8
    }
    .ivu-col-span-sm-7 {
        display: block;
        width: 29.16666667%
    }
    .ivu-col-sm-push-7 {
        left: 29.16666667%
    }
    .ivu-col-sm-pull-7 {
        right: 29.16666667%
    }
    .ivu-col-sm-offset-7 {
        margin-left: 29.16666667%
    }
    .ivu-col-sm-order-7 {
        order: 7
    }
    .ivu-col-span-sm-6 {
        display: block;
        width: 25%
    }
    .ivu-col-sm-push-6 {
        left: 25%
    }
    .ivu-col-sm-pull-6 {
        right: 25%
    }
    .ivu-col-sm-offset-6 {
        margin-left: 25%
    }
    .ivu-col-sm-order-6 {
        order: 6
    }
    .ivu-col-span-sm-5 {
        display: block;
        width: 20.83333333%
    }
    .ivu-col-sm-push-5 {
        left: 20.83333333%
    }
    .ivu-col-sm-pull-5 {
        right: 20.83333333%
    }
    .ivu-col-sm-offset-5 {
        margin-left: 20.83333333%
    }
    .ivu-col-sm-order-5 {
        order: 5
    }
    .ivu-col-span-sm-4 {
        display: block;
        width: 16.66666667%
    }
    .ivu-col-sm-push-4 {
        left: 16.66666667%
    }
    .ivu-col-sm-pull-4 {
        right: 16.66666667%
    }
    .ivu-col-sm-offset-4 {
        margin-left: 16.66666667%
    }
    .ivu-col-sm-order-4 {
        order: 4
    }
    .ivu-col-span-sm-3 {
        display: block;
        width: 12.5%
    }
    .ivu-col-sm-push-3 {
        left: 12.5%
    }
    .ivu-col-sm-pull-3 {
        right: 12.5%
    }
    .ivu-col-sm-offset-3 {
        margin-left: 12.5%
    }
    .ivu-col-sm-order-3 {
        order: 3
    }
    .ivu-col-span-sm-2 {
        display: block;
        width: 8.33333333%
    }
    .ivu-col-sm-push-2 {
        left: 8.33333333%
    }
    .ivu-col-sm-pull-2 {
        right: 8.33333333%
    }
    .ivu-col-sm-offset-2 {
        margin-left: 8.33333333%
    }
    .ivu-col-sm-order-2 {
        order: 2
    }
    .ivu-col-span-sm-1 {
        display: block;
        width: 4.16666667%
    }
    .ivu-col-sm-push-1 {
        left: 4.16666667%
    }
    .ivu-col-sm-pull-1 {
        right: 4.16666667%
    }
    .ivu-col-sm-offset-1 {
        margin-left: 4.16666667%
    }
    .ivu-col-sm-order-1 {
        order: 1
    }
    .ivu-col-span-sm-0 {
        display: none
    }
    .ivu-col-sm-push-0 {
        left: auto
    }
    .ivu-col-sm-pull-0 {
        right: auto
    }
}

@media (min-width:992px) {
    .ivu-col-span-md-1,
    .ivu-col-span-md-2,
    .ivu-col-span-md-3,
    .ivu-col-span-md-4,
    .ivu-col-span-md-5,
    .ivu-col-span-md-6,
    .ivu-col-span-md-7,
    .ivu-col-span-md-8,
    .ivu-col-span-md-9,
    .ivu-col-span-md-10,
    .ivu-col-span-md-11,
    .ivu-col-span-md-12,
    .ivu-col-span-md-13,
    .ivu-col-span-md-14,
    .ivu-col-span-md-15,
    .ivu-col-span-md-16,
    .ivu-col-span-md-17,
    .ivu-col-span-md-18,
    .ivu-col-span-md-19,
    .ivu-col-span-md-20,
    .ivu-col-span-md-21,
    .ivu-col-span-md-22,
    .ivu-col-span-md-23,
    .ivu-col-span-md-24 {
        float: left;
        flex: 0 0 auto
    }
    .ivu-col-span-md-24 {
        display: block;
        width: 100%
    }
    .ivu-col-md-push-24 {
        left: 100%
    }
    .ivu-col-md-pull-24 {
        right: 100%
    }
    .ivu-col-md-offset-24 {
        margin-left: 100%
    }
    .ivu-col-md-order-24 {
        order: 24
    }
    .ivu-col-span-md-23 {
        display: block;
        width: 95.83333333%
    }
    .ivu-col-md-push-23 {
        left: 95.83333333%
    }
    .ivu-col-md-pull-23 {
        right: 95.83333333%
    }
    .ivu-col-md-offset-23 {
        margin-left: 95.83333333%
    }
    .ivu-col-md-order-23 {
        order: 23
    }
    .ivu-col-span-md-22 {
        display: block;
        width: 91.66666667%
    }
    .ivu-col-md-push-22 {
        left: 91.66666667%
    }
    .ivu-col-md-pull-22 {
        right: 91.66666667%
    }
    .ivu-col-md-offset-22 {
        margin-left: 91.66666667%
    }
    .ivu-col-md-order-22 {
        order: 22
    }
    .ivu-col-span-md-21 {
        display: block;
        width: 87.5%
    }
    .ivu-col-md-push-21 {
        left: 87.5%
    }
    .ivu-col-md-pull-21 {
        right: 87.5%
    }
    .ivu-col-md-offset-21 {
        margin-left: 87.5%
    }
    .ivu-col-md-order-21 {
        order: 21
    }
    .ivu-col-span-md-20 {
        display: block;
        width: 83.33333333%
    }
    .ivu-col-md-push-20 {
        left: 83.33333333%
    }
    .ivu-col-md-pull-20 {
        right: 83.33333333%
    }
    .ivu-col-md-offset-20 {
        margin-left: 83.33333333%
    }
    .ivu-col-md-order-20 {
        order: 20
    }
    .ivu-col-span-md-19 {
        display: block;
        width: 79.16666667%
    }
    .ivu-col-md-push-19 {
        left: 79.16666667%
    }
    .ivu-col-md-pull-19 {
        right: 79.16666667%
    }
    .ivu-col-md-offset-19 {
        margin-left: 79.16666667%
    }
    .ivu-col-md-order-19 {
        order: 19
    }
    .ivu-col-span-md-18 {
        display: block;
        width: 75%
    }
    .ivu-col-md-push-18 {
        left: 75%
    }
    .ivu-col-md-pull-18 {
        right: 75%
    }
    .ivu-col-md-offset-18 {
        margin-left: 75%
    }
    .ivu-col-md-order-18 {
        order: 18
    }
    .ivu-col-span-md-17 {
        display: block;
        width: 70.83333333%
    }
    .ivu-col-md-push-17 {
        left: 70.83333333%
    }
    .ivu-col-md-pull-17 {
        right: 70.83333333%
    }
    .ivu-col-md-offset-17 {
        margin-left: 70.83333333%
    }
    .ivu-col-md-order-17 {
        order: 17
    }
    .ivu-col-span-md-16 {
        display: block;
        width: 66.66666667%
    }
    .ivu-col-md-push-16 {
        left: 66.66666667%
    }
    .ivu-col-md-pull-16 {
        right: 66.66666667%
    }
    .ivu-col-md-offset-16 {
        margin-left: 66.66666667%
    }
    .ivu-col-md-order-16 {
        order: 16
    }
    .ivu-col-span-md-15 {
        display: block;
        width: 62.5%
    }
    .ivu-col-md-push-15 {
        left: 62.5%
    }
    .ivu-col-md-pull-15 {
        right: 62.5%
    }
    .ivu-col-md-offset-15 {
        margin-left: 62.5%
    }
    .ivu-col-md-order-15 {
        order: 15
    }
    .ivu-col-span-md-14 {
        display: block;
        width: 58.33333333%
    }
    .ivu-col-md-push-14 {
        left: 58.33333333%
    }
    .ivu-col-md-pull-14 {
        right: 58.33333333%
    }
    .ivu-col-md-offset-14 {
        margin-left: 58.33333333%
    }
    .ivu-col-md-order-14 {
        order: 14
    }
    .ivu-col-span-md-13 {
        display: block;
        width: 54.16666667%
    }
    .ivu-col-md-push-13 {
        left: 54.16666667%
    }
    .ivu-col-md-pull-13 {
        right: 54.16666667%
    }
    .ivu-col-md-offset-13 {
        margin-left: 54.16666667%
    }
    .ivu-col-md-order-13 {
        order: 13
    }
    .ivu-col-span-md-12 {
        display: block;
        width: 50%
    }
    .ivu-col-md-push-12 {
        left: 50%
    }
    .ivu-col-md-pull-12 {
        right: 50%
    }
    .ivu-col-md-offset-12 {
        margin-left: 50%
    }
    .ivu-col-md-order-12 {
        order: 12
    }
    .ivu-col-span-md-11 {
        display: block;
        width: 45.83333333%
    }
    .ivu-col-md-push-11 {
        left: 45.83333333%
    }
    .ivu-col-md-pull-11 {
        right: 45.83333333%
    }
    .ivu-col-md-offset-11 {
        margin-left: 45.83333333%
    }
    .ivu-col-md-order-11 {
        order: 11
    }
    .ivu-col-span-md-10 {
        display: block;
        width: 41.66666667%
    }
    .ivu-col-md-push-10 {
        left: 41.66666667%
    }
    .ivu-col-md-pull-10 {
        right: 41.66666667%
    }
    .ivu-col-md-offset-10 {
        margin-left: 41.66666667%
    }
    .ivu-col-md-order-10 {
        order: 10
    }
    .ivu-col-span-md-9 {
        display: block;
        width: 37.5%
    }
    .ivu-col-md-push-9 {
        left: 37.5%
    }
    .ivu-col-md-pull-9 {
        right: 37.5%
    }
    .ivu-col-md-offset-9 {
        margin-left: 37.5%
    }
    .ivu-col-md-order-9 {
        order: 9
    }
    .ivu-col-span-md-8 {
        display: block;
        width: 33.33333333%
    }
    .ivu-col-md-push-8 {
        left: 33.33333333%
    }
    .ivu-col-md-pull-8 {
        right: 33.33333333%
    }
    .ivu-col-md-offset-8 {
        margin-left: 33.33333333%
    }
    .ivu-col-md-order-8 {
        order: 8
    }
    .ivu-col-span-md-7 {
        display: block;
        width: 29.16666667%
    }
    .ivu-col-md-push-7 {
        left: 29.16666667%
    }
    .ivu-col-md-pull-7 {
        right: 29.16666667%
    }
    .ivu-col-md-offset-7 {
        margin-left: 29.16666667%
    }
    .ivu-col-md-order-7 {
        order: 7
    }
    .ivu-col-span-md-6 {
        display: block;
        width: 25%
    }
    .ivu-col-md-push-6 {
        left: 25%
    }
    .ivu-col-md-pull-6 {
        right: 25%
    }
    .ivu-col-md-offset-6 {
        margin-left: 25%
    }
    .ivu-col-md-order-6 {
        order: 6
    }
    .ivu-col-span-md-5 {
        display: block;
        width: 20.83333333%
    }
    .ivu-col-md-push-5 {
        left: 20.83333333%
    }
    .ivu-col-md-pull-5 {
        right: 20.83333333%
    }
    .ivu-col-md-offset-5 {
        margin-left: 20.83333333%
    }
    .ivu-col-md-order-5 {
        order: 5
    }
    .ivu-col-span-md-4 {
        display: block;
        width: 16.66666667%
    }
    .ivu-col-md-push-4 {
        left: 16.66666667%
    }
    .ivu-col-md-pull-4 {
        right: 16.66666667%
    }
    .ivu-col-md-offset-4 {
        margin-left: 16.66666667%
    }
    .ivu-col-md-order-4 {
        order: 4
    }
    .ivu-col-span-md-3 {
        display: block;
        width: 12.5%
    }
    .ivu-col-md-push-3 {
        left: 12.5%
    }
    .ivu-col-md-pull-3 {
        right: 12.5%
    }
    .ivu-col-md-offset-3 {
        margin-left: 12.5%
    }
    .ivu-col-md-order-3 {
        order: 3
    }
    .ivu-col-span-md-2 {
        display: block;
        width: 8.33333333%
    }
    .ivu-col-md-push-2 {
        left: 8.33333333%
    }
    .ivu-col-md-pull-2 {
        right: 8.33333333%
    }
    .ivu-col-md-offset-2 {
        margin-left: 8.33333333%
    }
    .ivu-col-md-order-2 {
        order: 2
    }
    .ivu-col-span-md-1 {
        display: block;
        width: 4.16666667%
    }
    .ivu-col-md-push-1 {
        left: 4.16666667%
    }
    .ivu-col-md-pull-1 {
        right: 4.16666667%
    }
    .ivu-col-md-offset-1 {
        margin-left: 4.16666667%
    }
    .ivu-col-md-order-1 {
        order: 1
    }
    .ivu-col-span-md-0 {
        display: none
    }
    .ivu-col-md-push-0 {
        left: auto
    }
    .ivu-col-md-pull-0 {
        right: auto
    }
}

@media (min-width:1200px) {
    .ivu-col-span-lg-1,
    .ivu-col-span-lg-2,
    .ivu-col-span-lg-3,
    .ivu-col-span-lg-4,
    .ivu-col-span-lg-5,
    .ivu-col-span-lg-6,
    .ivu-col-span-lg-7,
    .ivu-col-span-lg-8,
    .ivu-col-span-lg-9,
    .ivu-col-span-lg-10,
    .ivu-col-span-lg-11,
    .ivu-col-span-lg-12,
    .ivu-col-span-lg-13,
    .ivu-col-span-lg-14,
    .ivu-col-span-lg-15,
    .ivu-col-span-lg-16,
    .ivu-col-span-lg-17,
    .ivu-col-span-lg-18,
    .ivu-col-span-lg-19,
    .ivu-col-span-lg-20,
    .ivu-col-span-lg-21,
    .ivu-col-span-lg-22,
    .ivu-col-span-lg-23,
    .ivu-col-span-lg-24 {
        float: left;
        flex: 0 0 auto
    }
    .ivu-col-span-lg-24 {
        display: block;
        width: 100%
    }
    .ivu-col-lg-push-24 {
        left: 100%
    }
    .ivu-col-lg-pull-24 {
        right: 100%
    }
    .ivu-col-lg-offset-24 {
        margin-left: 100%
    }
    .ivu-col-lg-order-24 {
        order: 24
    }
    .ivu-col-span-lg-23 {
        display: block;
        width: 95.83333333%
    }
    .ivu-col-lg-push-23 {
        left: 95.83333333%
    }
    .ivu-col-lg-pull-23 {
        right: 95.83333333%
    }
    .ivu-col-lg-offset-23 {
        margin-left: 95.83333333%
    }
    .ivu-col-lg-order-23 {
        order: 23
    }
    .ivu-col-span-lg-22 {
        display: block;
        width: 91.66666667%
    }
    .ivu-col-lg-push-22 {
        left: 91.66666667%
    }
    .ivu-col-lg-pull-22 {
        right: 91.66666667%
    }
    .ivu-col-lg-offset-22 {
        margin-left: 91.66666667%
    }
    .ivu-col-lg-order-22 {
        order: 22
    }
    .ivu-col-span-lg-21 {
        display: block;
        width: 87.5%
    }
    .ivu-col-lg-push-21 {
        left: 87.5%
    }
    .ivu-col-lg-pull-21 {
        right: 87.5%
    }
    .ivu-col-lg-offset-21 {
        margin-left: 87.5%
    }
    .ivu-col-lg-order-21 {
        order: 21
    }
    .ivu-col-span-lg-20 {
        display: block;
        width: 83.33333333%
    }
    .ivu-col-lg-push-20 {
        left: 83.33333333%
    }
    .ivu-col-lg-pull-20 {
        right: 83.33333333%
    }
    .ivu-col-lg-offset-20 {
        margin-left: 83.33333333%
    }
    .ivu-col-lg-order-20 {
        order: 20
    }
    .ivu-col-span-lg-19 {
        display: block;
        width: 79.16666667%
    }
    .ivu-col-lg-push-19 {
        left: 79.16666667%
    }
    .ivu-col-lg-pull-19 {
        right: 79.16666667%
    }
    .ivu-col-lg-offset-19 {
        margin-left: 79.16666667%
    }
    .ivu-col-lg-order-19 {
        order: 19
    }
    .ivu-col-span-lg-18 {
        display: block;
        width: 75%
    }
    .ivu-col-lg-push-18 {
        left: 75%
    }
    .ivu-col-lg-pull-18 {
        right: 75%
    }
    .ivu-col-lg-offset-18 {
        margin-left: 75%
    }
    .ivu-col-lg-order-18 {
        order: 18
    }
    .ivu-col-span-lg-17 {
        display: block;
        width: 70.83333333%
    }
    .ivu-col-lg-push-17 {
        left: 70.83333333%
    }
    .ivu-col-lg-pull-17 {
        right: 70.83333333%
    }
    .ivu-col-lg-offset-17 {
        margin-left: 70.83333333%
    }
    .ivu-col-lg-order-17 {
        order: 17
    }
    .ivu-col-span-lg-16 {
        display: block;
        width: 66.66666667%
    }
    .ivu-col-lg-push-16 {
        left: 66.66666667%
    }
    .ivu-col-lg-pull-16 {
        right: 66.66666667%
    }
    .ivu-col-lg-offset-16 {
        margin-left: 66.66666667%
    }
    .ivu-col-lg-order-16 {
        order: 16
    }
    .ivu-col-span-lg-15 {
        display: block;
        width: 62.5%
    }
    .ivu-col-lg-push-15 {
        left: 62.5%
    }
    .ivu-col-lg-pull-15 {
        right: 62.5%
    }
    .ivu-col-lg-offset-15 {
        margin-left: 62.5%
    }
    .ivu-col-lg-order-15 {
        order: 15
    }
    .ivu-col-span-lg-14 {
        display: block;
        width: 58.33333333%
    }
    .ivu-col-lg-push-14 {
        left: 58.33333333%
    }
    .ivu-col-lg-pull-14 {
        right: 58.33333333%
    }
    .ivu-col-lg-offset-14 {
        margin-left: 58.33333333%
    }
    .ivu-col-lg-order-14 {
        order: 14
    }
    .ivu-col-span-lg-13 {
        display: block;
        width: 54.16666667%
    }
    .ivu-col-lg-push-13 {
        left: 54.16666667%
    }
    .ivu-col-lg-pull-13 {
        right: 54.16666667%
    }
    .ivu-col-lg-offset-13 {
        margin-left: 54.16666667%
    }
    .ivu-col-lg-order-13 {
        order: 13
    }
    .ivu-col-span-lg-12 {
        display: block;
        width: 50%
    }
    .ivu-col-lg-push-12 {
        left: 50%
    }
    .ivu-col-lg-pull-12 {
        right: 50%
    }
    .ivu-col-lg-offset-12 {
        margin-left: 50%
    }
    .ivu-col-lg-order-12 {
        order: 12
    }
    .ivu-col-span-lg-11 {
        display: block;
        width: 45.83333333%
    }
    .ivu-col-lg-push-11 {
        left: 45.83333333%
    }
    .ivu-col-lg-pull-11 {
        right: 45.83333333%
    }
    .ivu-col-lg-offset-11 {
        margin-left: 45.83333333%
    }
    .ivu-col-lg-order-11 {
        order: 11
    }
    .ivu-col-span-lg-10 {
        display: block;
        width: 41.66666667%
    }
    .ivu-col-lg-push-10 {
        left: 41.66666667%
    }
    .ivu-col-lg-pull-10 {
        right: 41.66666667%
    }
    .ivu-col-lg-offset-10 {
        margin-left: 41.66666667%
    }
    .ivu-col-lg-order-10 {
        order: 10
    }
    .ivu-col-span-lg-9 {
        display: block;
        width: 37.5%
    }
    .ivu-col-lg-push-9 {
        left: 37.5%
    }
    .ivu-col-lg-pull-9 {
        right: 37.5%
    }
    .ivu-col-lg-offset-9 {
        margin-left: 37.5%
    }
    .ivu-col-lg-order-9 {
        order: 9
    }
    .ivu-col-span-lg-8 {
        display: block;
        width: 33.33333333%
    }
    .ivu-col-lg-push-8 {
        left: 33.33333333%
    }
    .ivu-col-lg-pull-8 {
        right: 33.33333333%
    }
    .ivu-col-lg-offset-8 {
        margin-left: 33.33333333%
    }
    .ivu-col-lg-order-8 {
        order: 8
    }
    .ivu-col-span-lg-7 {
        display: block;
        width: 29.16666667%
    }
    .ivu-col-lg-push-7 {
        left: 29.16666667%
    }
    .ivu-col-lg-pull-7 {
        right: 29.16666667%
    }
    .ivu-col-lg-offset-7 {
        margin-left: 29.16666667%
    }
    .ivu-col-lg-order-7 {
        order: 7
    }
    .ivu-col-span-lg-6 {
        display: block;
        width: 25%
    }
    .ivu-col-lg-push-6 {
        left: 25%
    }
    .ivu-col-lg-pull-6 {
        right: 25%
    }
    .ivu-col-lg-offset-6 {
        margin-left: 25%
    }
    .ivu-col-lg-order-6 {
        order: 6
    }
    .ivu-col-span-lg-5 {
        display: block;
        width: 20.83333333%
    }
    .ivu-col-lg-push-5 {
        left: 20.83333333%
    }
    .ivu-col-lg-pull-5 {
        right: 20.83333333%
    }
    .ivu-col-lg-offset-5 {
        margin-left: 20.83333333%
    }
    .ivu-col-lg-order-5 {
        order: 5
    }
    .ivu-col-span-lg-4 {
        display: block;
        width: 16.66666667%
    }
    .ivu-col-lg-push-4 {
        left: 16.66666667%
    }
    .ivu-col-lg-pull-4 {
        right: 16.66666667%
    }
    .ivu-col-lg-offset-4 {
        margin-left: 16.66666667%
    }
    .ivu-col-lg-order-4 {
        order: 4
    }
    .ivu-col-span-lg-3 {
        display: block;
        width: 12.5%
    }
    .ivu-col-lg-push-3 {
        left: 12.5%
    }
    .ivu-col-lg-pull-3 {
        right: 12.5%
    }
    .ivu-col-lg-offset-3 {
        margin-left: 12.5%
    }
    .ivu-col-lg-order-3 {
        order: 3
    }
    .ivu-col-span-lg-2 {
        display: block;
        width: 8.33333333%
    }
    .ivu-col-lg-push-2 {
        left: 8.33333333%
    }
    .ivu-col-lg-pull-2 {
        right: 8.33333333%
    }
    .ivu-col-lg-offset-2 {
        margin-left: 8.33333333%
    }
    .ivu-col-lg-order-2 {
        order: 2
    }
    .ivu-col-span-lg-1 {
        display: block;
        width: 4.16666667%
    }
    .ivu-col-lg-push-1 {
        left: 4.16666667%
    }
    .ivu-col-lg-pull-1 {
        right: 4.16666667%
    }
    .ivu-col-lg-offset-1 {
        margin-left: 4.16666667%
    }
    .ivu-col-lg-order-1 {
        order: 1
    }
    .ivu-col-span-lg-0 {
        display: none
    }
    .ivu-col-lg-push-0 {
        left: auto
    }
    .ivu-col-lg-pull-0 {
        right: auto
    }
}

.ivu-article h1 {
    font-size: 26px;
    font-weight: 400
}

.ivu-article h2 {
    font-size: 20px;
    font-weight: 400
}

.ivu-article h3 {
    font-size: 16px;
    font-weight: 400
}

.ivu-article h4 {
    font-size: 14px;
    font-weight: 400
}

.ivu-article h5,
.ivu-article h6 {
    font-size: 12px;
    font-weight: 400
}

.ivu-article blockquote {
    padding: 5px 5px 3px 10px;
    line-height: 1.5;
    border-left: 4px solid #ddd;
    margin-bottom: 20px;
    color: #666;
    font-size: 14px
}

.ivu-article ul:not([class^=ivu-]) {
    padding-left: 40px;
    list-style-type: disc
}

.ivu-article li:not([class^=ivu-]) {
    margin-bottom: 5px;
    font-size: 14px
}

.ivu-article ol ul:not([class^=ivu-]),
.ivu-article ul ul:not([class^=ivu-]) {
    list-style-type: circle
}

.ivu-article p {
    margin: 5px;
    font-size: 14px
}

.ivu-article a[target=_blank]:after {
    content: "\F220";
    font-family: Ionicons;
    color: #aaa;
    margin-left: 3px
}

.fade-appear,
.fade-enter-active,
.fade-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.fade-appear,
.fade-enter-active {
    animation-name: ivuFadeIn;
    animation-play-state: running
}

.fade-leave-active {
    animation-name: ivuFadeOut;
    animation-play-state: running
}

.fade-appear,
.fade-enter-active {
    opacity: 0
}

.fade-appear,
.fade-enter-active,
.fade-leave-active {
    animation-timing-function: linear
}

@keyframes ivuFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes ivuFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.move-up-appear,
.move-up-enter-active,
.move-up-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-up-appear,
.move-up-enter-active {
    animation-name: ivuMoveUpIn;
    animation-play-state: running
}

.move-up-leave-active {
    animation-name: ivuMoveUpOut;
    animation-play-state: running
}

.move-up-appear,
.move-up-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.move-up-leave-active {
    animation-timing-function: ease-in-out
}

.move-down-appear,
.move-down-enter-active,
.move-down-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-down-appear,
.move-down-enter-active {
    animation-name: ivuMoveDownIn;
    animation-play-state: running
}

.move-down-leave-active {
    animation-name: ivuMoveDownOut;
    animation-play-state: running
}

.move-down-appear,
.move-down-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.move-down-leave-active {
    animation-timing-function: ease-in-out
}

.move-left-appear,
.move-left-enter-active,
.move-left-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-left-appear,
.move-left-enter-active {
    animation-name: ivuMoveLeftIn;
    animation-play-state: running
}

.move-left-leave-active {
    animation-name: ivuMoveLeftOut;
    animation-play-state: running
}

.move-left-appear,
.move-left-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.move-left-leave-active {
    animation-timing-function: ease-in-out
}

.move-right-appear,
.move-right-enter-active,
.move-right-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-right-appear,
.move-right-enter-active {
    animation-name: ivuMoveRightIn;
    animation-play-state: running
}

.move-right-leave-active {
    animation-name: ivuMoveRightOut;
    animation-play-state: running
}

.move-right-appear,
.move-right-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.move-right-leave-active {
    animation-timing-function: ease-in-out
}

@keyframes ivuMoveDownIn {
    0% {
        transform-origin: 0 0;
        transform: translateY(100%);
        opacity: 0
    }
    to {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes ivuMoveDownOut {
    0% {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform-origin: 0 0;
        transform: translateY(100%);
        opacity: 0
    }
}

@keyframes ivuMoveLeftIn {
    0% {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0
    }
    to {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes ivuMoveLeftOut {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes ivuMoveRightIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(100%)
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@keyframes ivuMoveRightOut {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform-origin: 0 0;
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes ivuMoveUpIn {
    0% {
        transform-origin: 0 0;
        transform: translateY(-100%);
        opacity: 0
    }
    to {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes ivuMoveUpOut {
    0% {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform-origin: 0 0;
        transform: translateY(-100%);
        opacity: 0
    }
}

.move-notice-appear,
.move-notice-enter-active,
.move-notice-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-notice-appear,
.move-notice-enter-active {
    animation-name: ivuMoveNoticeIn;
    animation-play-state: running
}

.move-notice-leave-active {
    animation-name: ivuMoveNoticeOut;
    animation-play-state: running
}

.move-notice-appear,
.move-notice-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.move-notice-leave-active {
    animation-timing-function: ease-in-out
}

@keyframes ivuMoveNoticeIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(100%)
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@keyframes ivuMoveNoticeOut {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }
    70% {
        transform-origin: 0 0;
        transform: translateX(100%);
        height: auto;
        padding: 16px;
        margin-bottom: 10px;
        opacity: 0
    }
    to {
        transform-origin: 0 0;
        transform: translateX(100%);
        height: 0;
        padding: 0;
        margin-bottom: 0;
        opacity: 0
    }
}

.ease-appear,
.ease-enter-active,
.ease-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ease-appear,
.ease-enter-active {
    animation-name: ivuEaseIn;
    animation-play-state: running
}

.ease-leave-active {
    animation-name: ivuEaseOut;
    animation-play-state: running
}

.ease-appear,
.ease-enter-active {
    opacity: 0
}

.ease-appear,
.ease-enter-active,
.ease-leave-active {
    animation-timing-function: linear;
    animation-duration: .2s
}

@keyframes ivuEaseIn {
    0% {
        opacity: 0;
        transform: scale(.9)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes ivuEaseOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(.9)
    }
}

.transition-drop-appear,
.transition-drop-enter-active,
.transition-drop-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.transition-drop-appear,
.transition-drop-enter-active {
    animation-name: ivuTransitionDropIn;
    animation-play-state: running
}

.transition-drop-leave-active {
    animation-name: ivuTransitionDropOut;
    animation-play-state: running
}

.transition-drop-appear,
.transition-drop-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.transition-drop-leave-active {
    animation-timing-function: ease-in-out
}

.slide-up-appear,
.slide-up-enter-active,
.slide-up-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-up-appear,
.slide-up-enter-active {
    animation-name: ivuSlideUpIn;
    animation-play-state: running
}

.slide-up-leave-active {
    animation-name: ivuSlideUpOut;
    animation-play-state: running
}

.slide-up-appear,
.slide-up-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.slide-up-leave-active {
    animation-timing-function: ease-in-out
}

.slide-down-appear,
.slide-down-enter-active,
.slide-down-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-down-appear,
.slide-down-enter-active {
    animation-name: ivuSlideDownIn;
    animation-play-state: running
}

.slide-down-leave-active {
    animation-name: ivuSlideDownOut;
    animation-play-state: running
}

.slide-down-appear,
.slide-down-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.slide-down-leave-active {
    animation-timing-function: ease-in-out
}

.slide-left-appear,
.slide-left-enter-active,
.slide-left-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-left-appear,
.slide-left-enter-active {
    animation-name: ivuSlideLeftIn;
    animation-play-state: running
}

.slide-left-leave-active {
    animation-name: ivuSlideLeftOut;
    animation-play-state: running
}

.slide-left-appear,
.slide-left-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.slide-left-leave-active {
    animation-timing-function: ease-in-out
}

.slide-right-appear,
.slide-right-enter-active,
.slide-right-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-right-appear,
.slide-right-enter-active {
    animation-name: ivuSlideRightIn;
    animation-play-state: running
}

.slide-right-leave-active {
    animation-name: ivuSlideRightOut;
    animation-play-state: running
}

.slide-right-appear,
.slide-right-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.slide-right-leave-active {
    animation-timing-function: ease-in-out
}

@keyframes ivuTransitionDropIn {
    0% {
        opacity: 0;
        transform: scaleY(.8)
    }
    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes ivuTransitionDropOut {
    0% {
        opacity: 1;
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        transform: scaleY(.8)
    }
}

@keyframes ivuSlideUpIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }
}

@keyframes ivuSlideUpOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
    }
}

@keyframes ivuSlideDownIn {
    0% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
    }
    to {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }
}

@keyframes ivuSlideDownOut {
    0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
    }
}

@keyframes ivuSlideLeftIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
    }
}

@keyframes ivuSlideLeftOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
    }
    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
    }
}

@keyframes ivuSlideRightIn {
    0% {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
    }
    to {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
    }
}

@keyframes ivuSlideRightOut {
    0% {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
    }
    to {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
    }
}

.collapse-transition {
    transition: height .2s ease-in-out, padding-top .2s ease-in-out, padding-bottom .2s ease-in-out
}

.ivu-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.5;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 6px 15px;
    font-size: 12px;
    border-radius: 4px;
    transition: color .2s linear, background-color .2s linear, border .2s linear, box-shadow .2s linear;
    color: #495060;
    background-color: #f7f7f7;
    border-color: #dddee1
}

.ivu-btn>.ivu-icon {
    line-height: 1
}

.ivu-btn,
.ivu-btn:active,
.ivu-btn:focus {
    outline: 0
}

.ivu-btn:not([disabled]):hover {
    text-decoration: none
}

.ivu-btn:not([disabled]):active {
    outline: 0
}

.ivu-btn.disabled,
.ivu-btn[disabled] {
    cursor: not-allowed
}

.ivu-btn.disabled>*,
.ivu-btn[disabled]>* {
    pointer-events: none
}

.ivu-btn-large {
    padding: 6px 15px 7px;
    font-size: 14px;
    border-radius: 4px
}

.ivu-btn-small {
    padding: 2px 7px;
    font-size: 12px;
    border-radius: 3px
}

.ivu-btn>a:only-child {
    color: currentColor
}

.ivu-btn>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn:hover {
    color: #6d7380;
    background-color: #f9f9f9;
    border-color: #e4e5e7
}

.ivu-btn.active,
.ivu-btn:active {
    color: #454c5b;
    background-color: #ebebeb;
    border-color: #ebebeb
}

.ivu-btn.disabled,
.ivu-btn.disabled.active,
.ivu-btn.disabled:active,
.ivu-btn.disabled:focus,
.ivu-btn.disabled:hover,
.ivu-btn[disabled],
.ivu-btn[disabled].active,
.ivu-btn[disabled]:active,
.ivu-btn[disabled]:focus,
.ivu-btn[disabled]:hover,
fieldset[disabled] .ivu-btn,
fieldset[disabled] .ivu-btn.active,
fieldset[disabled] .ivu-btn:active,
fieldset[disabled] .ivu-btn:focus,
fieldset[disabled] .ivu-btn:hover {
    color: #bbbec4;
    background-color: #f7f7f7;
    border-color: #dddee1
}

.ivu-btn.disabled.active>a:only-child,
.ivu-btn.disabled:active>a:only-child,
.ivu-btn.disabled:focus>a:only-child,
.ivu-btn.disabled:hover>a:only-child,
.ivu-btn.disabled>a:only-child,
.ivu-btn[disabled].active>a:only-child,
.ivu-btn[disabled]:active>a:only-child,
.ivu-btn[disabled]:focus>a:only-child,
.ivu-btn[disabled]:hover>a:only-child,
.ivu-btn[disabled]>a:only-child,
fieldset[disabled] .ivu-btn.active>a:only-child,
fieldset[disabled] .ivu-btn:active>a:only-child,
fieldset[disabled] .ivu-btn:focus>a:only-child,
fieldset[disabled] .ivu-btn:hover>a:only-child,
fieldset[disabled] .ivu-btn>a:only-child {
    color: currentColor
}

.ivu-btn.disabled.active>a:only-child:after,
.ivu-btn.disabled:active>a:only-child:after,
.ivu-btn.disabled:focus>a:only-child:after,
.ivu-btn.disabled:hover>a:only-child:after,
.ivu-btn.disabled>a:only-child:after,
.ivu-btn[disabled].active>a:only-child:after,
.ivu-btn[disabled]:active>a:only-child:after,
.ivu-btn[disabled]:focus>a:only-child:after,
.ivu-btn[disabled]:hover>a:only-child:after,
.ivu-btn[disabled]>a:only-child:after,
fieldset[disabled] .ivu-btn.active>a:only-child:after,
fieldset[disabled] .ivu-btn:active>a:only-child:after,
fieldset[disabled] .ivu-btn:focus>a:only-child:after,
fieldset[disabled] .ivu-btn:hover>a:only-child:after,
fieldset[disabled] .ivu-btn>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn:hover {
    color: #57a3f3;
    background-color: #fff;
    border-color: #57a3f3
}

.ivu-btn:hover>a:only-child {
    color: currentColor
}

.ivu-btn:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn.active,
.ivu-btn:active {
    color: #2b85e4;
    background-color: #fff;
    border-color: #2b85e4
}

.ivu-btn.active>a:only-child,
.ivu-btn:active>a:only-child {
    color: currentColor
}

.ivu-btn.active>a:only-child:after,
.ivu-btn:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn:focus {
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-btn-long {
    width: 100%
}

.ivu-btn>.ivu-icon+span,
.ivu-btn>span+.ivu-icon {
    margin-left: 4px
}

.ivu-btn-primary {
    color: #fff;
    background-color: #2d8cf0;
    border-color: #2d8cf0
}

.ivu-btn-primary>a:only-child {
    color: currentColor
}

.ivu-btn-primary>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-primary:hover {
    color: #fff;
    background-color: #57a3f3;
    border-color: #57a3f3
}

.ivu-btn-primary:hover>a:only-child {
    color: currentColor
}

.ivu-btn-primary:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-primary.active,
.ivu-btn-primary:active {
    color: #f2f2f2;
    background-color: #2b85e4;
    border-color: #2b85e4
}

.ivu-btn-primary.active>a:only-child,
.ivu-btn-primary:active>a:only-child {
    color: currentColor
}

.ivu-btn-primary.active>a:only-child:after,
.ivu-btn-primary:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-primary.disabled,
.ivu-btn-primary.disabled.active,
.ivu-btn-primary.disabled:active,
.ivu-btn-primary.disabled:focus,
.ivu-btn-primary.disabled:hover,
.ivu-btn-primary[disabled],
.ivu-btn-primary[disabled].active,
.ivu-btn-primary[disabled]:active,
.ivu-btn-primary[disabled]:focus,
.ivu-btn-primary[disabled]:hover,
fieldset[disabled] .ivu-btn-primary,
fieldset[disabled] .ivu-btn-primary.active,
fieldset[disabled] .ivu-btn-primary:active,
fieldset[disabled] .ivu-btn-primary:focus,
fieldset[disabled] .ivu-btn-primary:hover {
    color: #bbbec4;
    background-color: #f7f7f7;
    border-color: #dddee1
}

.ivu-btn-primary.disabled.active>a:only-child,
.ivu-btn-primary.disabled:active>a:only-child,
.ivu-btn-primary.disabled:focus>a:only-child,
.ivu-btn-primary.disabled:hover>a:only-child,
.ivu-btn-primary.disabled>a:only-child,
.ivu-btn-primary[disabled].active>a:only-child,
.ivu-btn-primary[disabled]:active>a:only-child,
.ivu-btn-primary[disabled]:focus>a:only-child,
.ivu-btn-primary[disabled]:hover>a:only-child,
.ivu-btn-primary[disabled]>a:only-child,
fieldset[disabled] .ivu-btn-primary.active>a:only-child,
fieldset[disabled] .ivu-btn-primary:active>a:only-child,
fieldset[disabled] .ivu-btn-primary:focus>a:only-child,
fieldset[disabled] .ivu-btn-primary:hover>a:only-child,
fieldset[disabled] .ivu-btn-primary>a:only-child {
    color: currentColor
}

.ivu-btn-primary.disabled.active>a:only-child:after,
.ivu-btn-primary.disabled:active>a:only-child:after,
.ivu-btn-primary.disabled:focus>a:only-child:after,
.ivu-btn-primary.disabled:hover>a:only-child:after,
.ivu-btn-primary.disabled>a:only-child:after,
.ivu-btn-primary[disabled].active>a:only-child:after,
.ivu-btn-primary[disabled]:active>a:only-child:after,
.ivu-btn-primary[disabled]:focus>a:only-child:after,
.ivu-btn-primary[disabled]:hover>a:only-child:after,
.ivu-btn-primary[disabled]>a:only-child:after,
fieldset[disabled] .ivu-btn-primary.active>a:only-child:after,
fieldset[disabled] .ivu-btn-primary:active>a:only-child:after,
fieldset[disabled] .ivu-btn-primary:focus>a:only-child:after,
fieldset[disabled] .ivu-btn-primary:hover>a:only-child:after,
fieldset[disabled] .ivu-btn-primary>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-primary.active,
.ivu-btn-primary:active,
.ivu-btn-primary:hover {
    color: #fff
}

.ivu-btn-primary:focus {
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:not(:first-child):not(:last-child) {
    border-right-color: #2b85e4;
    border-left-color: #2b85e4
}

.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child) {
    border-right-color: #2b85e4
}

.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child)[disabled] {
    border-right-color: #dddee1
}

.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary+.ivu-btn,
.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:last-child:not(:first-child) {
    border-left-color: #2b85e4
}

.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary+.ivu-btn[disabled],
.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:last-child:not(:first-child)[disabled] {
    border-left-color: #dddee1
}

.ivu-btn-group-vertical .ivu-btn-primary:not(:first-child):not(:last-child) {
    border-top-color: #2b85e4;
    border-bottom-color: #2b85e4
}

.ivu-btn-group-vertical .ivu-btn-primary:first-child:not(:last-child) {
    border-bottom-color: #2b85e4
}

.ivu-btn-group-vertical .ivu-btn-primary:first-child:not(:last-child)[disabled] {
    border-top-color: #dddee1
}

.ivu-btn-group-vertical .ivu-btn-primary+.ivu-btn,
.ivu-btn-group-vertical .ivu-btn-primary:last-child:not(:first-child) {
    border-top-color: #2b85e4
}

.ivu-btn-group-vertical .ivu-btn-primary+.ivu-btn[disabled],
.ivu-btn-group-vertical .ivu-btn-primary:last-child:not(:first-child)[disabled] {
    border-bottom-color: #dddee1
}

.ivu-btn-ghost {
    color: #495060;
    background-color: transparent;
    border-color: #dddee1
}

.ivu-btn-ghost>a:only-child {
    color: currentColor
}

.ivu-btn-ghost>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-ghost:hover {
    color: #6d7380;
    background-color: hsla(0, 0%, 100%, .2);
    border-color: #e4e5e7
}

.ivu-btn-ghost.active,
.ivu-btn-ghost:active {
    color: #454c5b;
    background-color: rgba(0, 0, 0, .05);
    border-color: rgba(0, 0, 0, .05)
}

.ivu-btn-ghost.disabled,
.ivu-btn-ghost.disabled.active,
.ivu-btn-ghost.disabled:active,
.ivu-btn-ghost.disabled:focus,
.ivu-btn-ghost.disabled:hover,
.ivu-btn-ghost[disabled],
.ivu-btn-ghost[disabled].active,
.ivu-btn-ghost[disabled]:active,
.ivu-btn-ghost[disabled]:focus,
.ivu-btn-ghost[disabled]:hover,
fieldset[disabled] .ivu-btn-ghost,
fieldset[disabled] .ivu-btn-ghost.active,
fieldset[disabled] .ivu-btn-ghost:active,
fieldset[disabled] .ivu-btn-ghost:focus,
fieldset[disabled] .ivu-btn-ghost:hover {
    color: #bbbec4;
    background-color: #f7f7f7;
    border-color: #dddee1
}

.ivu-btn-ghost.disabled.active>a:only-child,
.ivu-btn-ghost.disabled:active>a:only-child,
.ivu-btn-ghost.disabled:focus>a:only-child,
.ivu-btn-ghost.disabled:hover>a:only-child,
.ivu-btn-ghost.disabled>a:only-child,
.ivu-btn-ghost[disabled].active>a:only-child,
.ivu-btn-ghost[disabled]:active>a:only-child,
.ivu-btn-ghost[disabled]:focus>a:only-child,
.ivu-btn-ghost[disabled]:hover>a:only-child,
.ivu-btn-ghost[disabled]>a:only-child,
fieldset[disabled] .ivu-btn-ghost.active>a:only-child,
fieldset[disabled] .ivu-btn-ghost:active>a:only-child,
fieldset[disabled] .ivu-btn-ghost:focus>a:only-child,
fieldset[disabled] .ivu-btn-ghost:hover>a:only-child,
fieldset[disabled] .ivu-btn-ghost>a:only-child {
    color: currentColor
}

.ivu-btn-ghost.disabled.active>a:only-child:after,
.ivu-btn-ghost.disabled:active>a:only-child:after,
.ivu-btn-ghost.disabled:focus>a:only-child:after,
.ivu-btn-ghost.disabled:hover>a:only-child:after,
.ivu-btn-ghost.disabled>a:only-child:after,
.ivu-btn-ghost[disabled].active>a:only-child:after,
.ivu-btn-ghost[disabled]:active>a:only-child:after,
.ivu-btn-ghost[disabled]:focus>a:only-child:after,
.ivu-btn-ghost[disabled]:hover>a:only-child:after,
.ivu-btn-ghost[disabled]>a:only-child:after,
fieldset[disabled] .ivu-btn-ghost.active>a:only-child:after,
fieldset[disabled] .ivu-btn-ghost:active>a:only-child:after,
fieldset[disabled] .ivu-btn-ghost:focus>a:only-child:after,
fieldset[disabled] .ivu-btn-ghost:hover>a:only-child:after,
fieldset[disabled] .ivu-btn-ghost>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-ghost:hover {
    color: #57a3f3;
    background-color: transparent;
    border-color: #57a3f3
}

.ivu-btn-ghost:hover>a:only-child {
    color: currentColor
}

.ivu-btn-ghost:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-ghost.active,
.ivu-btn-ghost:active {
    color: #2b85e4;
    background-color: transparent;
    border-color: #2b85e4
}

.ivu-btn-ghost.active>a:only-child,
.ivu-btn-ghost:active>a:only-child {
    color: currentColor
}

.ivu-btn-ghost.active>a:only-child:after,
.ivu-btn-ghost:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-ghost:focus {
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-btn-dashed {
    color: #495060;
    background-color: transparent;
    border-color: #dddee1;
    border-style: dashed
}

.ivu-btn-dashed>a:only-child {
    color: currentColor
}

.ivu-btn-dashed>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-dashed:hover {
    color: #6d7380;
    background-color: hsla(0, 0%, 100%, .2);
    border-color: #e4e5e7
}

.ivu-btn-dashed.active,
.ivu-btn-dashed:active {
    color: #454c5b;
    background-color: rgba(0, 0, 0, .05);
    border-color: rgba(0, 0, 0, .05)
}

.ivu-btn-dashed.disabled,
.ivu-btn-dashed.disabled.active,
.ivu-btn-dashed.disabled:active,
.ivu-btn-dashed.disabled:focus,
.ivu-btn-dashed.disabled:hover,
.ivu-btn-dashed[disabled],
.ivu-btn-dashed[disabled].active,
.ivu-btn-dashed[disabled]:active,
.ivu-btn-dashed[disabled]:focus,
.ivu-btn-dashed[disabled]:hover,
fieldset[disabled] .ivu-btn-dashed,
fieldset[disabled] .ivu-btn-dashed.active,
fieldset[disabled] .ivu-btn-dashed:active,
fieldset[disabled] .ivu-btn-dashed:focus,
fieldset[disabled] .ivu-btn-dashed:hover {
    color: #bbbec4;
    background-color: #f7f7f7;
    border-color: #dddee1
}

.ivu-btn-dashed.disabled.active>a:only-child,
.ivu-btn-dashed.disabled:active>a:only-child,
.ivu-btn-dashed.disabled:focus>a:only-child,
.ivu-btn-dashed.disabled:hover>a:only-child,
.ivu-btn-dashed.disabled>a:only-child,
.ivu-btn-dashed[disabled].active>a:only-child,
.ivu-btn-dashed[disabled]:active>a:only-child,
.ivu-btn-dashed[disabled]:focus>a:only-child,
.ivu-btn-dashed[disabled]:hover>a:only-child,
.ivu-btn-dashed[disabled]>a:only-child,
fieldset[disabled] .ivu-btn-dashed.active>a:only-child,
fieldset[disabled] .ivu-btn-dashed:active>a:only-child,
fieldset[disabled] .ivu-btn-dashed:focus>a:only-child,
fieldset[disabled] .ivu-btn-dashed:hover>a:only-child,
fieldset[disabled] .ivu-btn-dashed>a:only-child {
    color: currentColor
}

.ivu-btn-dashed.disabled.active>a:only-child:after,
.ivu-btn-dashed.disabled:active>a:only-child:after,
.ivu-btn-dashed.disabled:focus>a:only-child:after,
.ivu-btn-dashed.disabled:hover>a:only-child:after,
.ivu-btn-dashed.disabled>a:only-child:after,
.ivu-btn-dashed[disabled].active>a:only-child:after,
.ivu-btn-dashed[disabled]:active>a:only-child:after,
.ivu-btn-dashed[disabled]:focus>a:only-child:after,
.ivu-btn-dashed[disabled]:hover>a:only-child:after,
.ivu-btn-dashed[disabled]>a:only-child:after,
fieldset[disabled] .ivu-btn-dashed.active>a:only-child:after,
fieldset[disabled] .ivu-btn-dashed:active>a:only-child:after,
fieldset[disabled] .ivu-btn-dashed:focus>a:only-child:after,
fieldset[disabled] .ivu-btn-dashed:hover>a:only-child:after,
fieldset[disabled] .ivu-btn-dashed>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-dashed:hover {
    color: #57a3f3;
    background-color: transparent;
    border-color: #57a3f3
}

.ivu-btn-dashed:hover>a:only-child {
    color: currentColor
}

.ivu-btn-dashed:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-dashed.active,
.ivu-btn-dashed:active {
    color: #2b85e4;
    background-color: transparent;
    border-color: #2b85e4
}

.ivu-btn-dashed.active>a:only-child,
.ivu-btn-dashed:active>a:only-child {
    color: currentColor
}

.ivu-btn-dashed.active>a:only-child:after,
.ivu-btn-dashed:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-dashed:focus {
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-btn-text {
    color: #495060;
    background-color: transparent;
    border-color: transparent
}

.ivu-btn-text>a:only-child {
    color: currentColor
}

.ivu-btn-text>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-text:hover {
    color: #6d7380;
    background-color: hsla(0, 0%, 100%, .2);
    border-color: hsla(0, 0%, 100%, .2)
}

.ivu-btn-text.active,
.ivu-btn-text:active {
    color: #454c5b;
    background-color: rgba(0, 0, 0, .05);
    border-color: rgba(0, 0, 0, .05)
}

.ivu-btn-text.disabled,
.ivu-btn-text.disabled.active,
.ivu-btn-text.disabled:active,
.ivu-btn-text.disabled:focus,
.ivu-btn-text.disabled:hover,
.ivu-btn-text[disabled],
.ivu-btn-text[disabled].active,
.ivu-btn-text[disabled]:active,
.ivu-btn-text[disabled]:focus,
.ivu-btn-text[disabled]:hover,
fieldset[disabled] .ivu-btn-text,
fieldset[disabled] .ivu-btn-text.active,
fieldset[disabled] .ivu-btn-text:active,
fieldset[disabled] .ivu-btn-text:focus,
fieldset[disabled] .ivu-btn-text:hover {
    background-color: #f7f7f7;
    border-color: #dddee1;
    color: #bbbec4;
    background-color: transparent;
    border-color: transparent
}

.ivu-btn-text.disabled.active>a:only-child,
.ivu-btn-text.disabled:active>a:only-child,
.ivu-btn-text.disabled:focus>a:only-child,
.ivu-btn-text.disabled:hover>a:only-child,
.ivu-btn-text.disabled>a:only-child,
.ivu-btn-text[disabled].active>a:only-child,
.ivu-btn-text[disabled]:active>a:only-child,
.ivu-btn-text[disabled]:focus>a:only-child,
.ivu-btn-text[disabled]:hover>a:only-child,
.ivu-btn-text[disabled]>a:only-child,
fieldset[disabled] .ivu-btn-text.active>a:only-child,
fieldset[disabled] .ivu-btn-text:active>a:only-child,
fieldset[disabled] .ivu-btn-text:focus>a:only-child,
fieldset[disabled] .ivu-btn-text:hover>a:only-child,
fieldset[disabled] .ivu-btn-text>a:only-child {
    color: currentColor
}

.ivu-btn-text.disabled.active>a:only-child:after,
.ivu-btn-text.disabled:active>a:only-child:after,
.ivu-btn-text.disabled:focus>a:only-child:after,
.ivu-btn-text.disabled:hover>a:only-child:after,
.ivu-btn-text.disabled>a:only-child:after,
.ivu-btn-text[disabled].active>a:only-child:after,
.ivu-btn-text[disabled]:active>a:only-child:after,
.ivu-btn-text[disabled]:focus>a:only-child:after,
.ivu-btn-text[disabled]:hover>a:only-child:after,
.ivu-btn-text[disabled]>a:only-child:after,
fieldset[disabled] .ivu-btn-text.active>a:only-child:after,
fieldset[disabled] .ivu-btn-text:active>a:only-child:after,
fieldset[disabled] .ivu-btn-text:focus>a:only-child:after,
fieldset[disabled] .ivu-btn-text:hover>a:only-child:after,
fieldset[disabled] .ivu-btn-text>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-text:hover {
    color: #57a3f3;
    background-color: transparent;
    border-color: transparent
}

.ivu-btn-text:hover>a:only-child {
    color: currentColor
}

.ivu-btn-text:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-text.active,
.ivu-btn-text:active {
    color: #2b85e4;
    background-color: transparent;
    border-color: transparent
}

.ivu-btn-text.active>a:only-child,
.ivu-btn-text:active>a:only-child {
    color: currentColor
}

.ivu-btn-text.active>a:only-child:after,
.ivu-btn-text:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-text:focus {
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-btn-success {
    color: #fff;
    background-color: #19be6b;
    border-color: #19be6b
}

.ivu-btn-success>a:only-child {
    color: currentColor
}

.ivu-btn-success>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-success:hover {
    color: #fff;
    background-color: #47cb89;
    border-color: #47cb89
}

.ivu-btn-success:hover>a:only-child {
    color: currentColor
}

.ivu-btn-success:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-success.active,
.ivu-btn-success:active {
    color: #f2f2f2;
    background-color: #18b566;
    border-color: #18b566
}

.ivu-btn-success.active>a:only-child,
.ivu-btn-success:active>a:only-child {
    color: currentColor
}

.ivu-btn-success.active>a:only-child:after,
.ivu-btn-success:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-success.disabled,
.ivu-btn-success.disabled.active,
.ivu-btn-success.disabled:active,
.ivu-btn-success.disabled:focus,
.ivu-btn-success.disabled:hover,
.ivu-btn-success[disabled],
.ivu-btn-success[disabled].active,
.ivu-btn-success[disabled]:active,
.ivu-btn-success[disabled]:focus,
.ivu-btn-success[disabled]:hover,
fieldset[disabled] .ivu-btn-success,
fieldset[disabled] .ivu-btn-success.active,
fieldset[disabled] .ivu-btn-success:active,
fieldset[disabled] .ivu-btn-success:focus,
fieldset[disabled] .ivu-btn-success:hover {
    color: #bbbec4;
    background-color: #f7f7f7;
    border-color: #dddee1
}

.ivu-btn-success.disabled.active>a:only-child,
.ivu-btn-success.disabled:active>a:only-child,
.ivu-btn-success.disabled:focus>a:only-child,
.ivu-btn-success.disabled:hover>a:only-child,
.ivu-btn-success.disabled>a:only-child,
.ivu-btn-success[disabled].active>a:only-child,
.ivu-btn-success[disabled]:active>a:only-child,
.ivu-btn-success[disabled]:focus>a:only-child,
.ivu-btn-success[disabled]:hover>a:only-child,
.ivu-btn-success[disabled]>a:only-child,
fieldset[disabled] .ivu-btn-success.active>a:only-child,
fieldset[disabled] .ivu-btn-success:active>a:only-child,
fieldset[disabled] .ivu-btn-success:focus>a:only-child,
fieldset[disabled] .ivu-btn-success:hover>a:only-child,
fieldset[disabled] .ivu-btn-success>a:only-child {
    color: currentColor
}

.ivu-btn-success.disabled.active>a:only-child:after,
.ivu-btn-success.disabled:active>a:only-child:after,
.ivu-btn-success.disabled:focus>a:only-child:after,
.ivu-btn-success.disabled:hover>a:only-child:after,
.ivu-btn-success.disabled>a:only-child:after,
.ivu-btn-success[disabled].active>a:only-child:after,
.ivu-btn-success[disabled]:active>a:only-child:after,
.ivu-btn-success[disabled]:focus>a:only-child:after,
.ivu-btn-success[disabled]:hover>a:only-child:after,
.ivu-btn-success[disabled]>a:only-child:after,
fieldset[disabled] .ivu-btn-success.active>a:only-child:after,
fieldset[disabled] .ivu-btn-success:active>a:only-child:after,
fieldset[disabled] .ivu-btn-success:focus>a:only-child:after,
fieldset[disabled] .ivu-btn-success:hover>a:only-child:after,
fieldset[disabled] .ivu-btn-success>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-success.active,
.ivu-btn-success:active,
.ivu-btn-success:hover {
    color: #fff
}

.ivu-btn-success:focus {
    box-shadow: 0 0 0 2px rgba(25, 190, 107, .2)
}

.ivu-btn-warning {
    color: #fff;
    background-color: #f90;
    border-color: #f90
}

.ivu-btn-warning>a:only-child {
    color: currentColor
}

.ivu-btn-warning>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-warning:hover {
    color: #fff;
    background-color: #ffad33;
    border-color: #ffad33
}

.ivu-btn-warning:hover>a:only-child {
    color: currentColor
}

.ivu-btn-warning:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-warning.active,
.ivu-btn-warning:active {
    color: #f2f2f2;
    background-color: #f29100;
    border-color: #f29100
}

.ivu-btn-warning.active>a:only-child,
.ivu-btn-warning:active>a:only-child {
    color: currentColor
}

.ivu-btn-warning.active>a:only-child:after,
.ivu-btn-warning:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-warning.disabled,
.ivu-btn-warning.disabled.active,
.ivu-btn-warning.disabled:active,
.ivu-btn-warning.disabled:focus,
.ivu-btn-warning.disabled:hover,
.ivu-btn-warning[disabled],
.ivu-btn-warning[disabled].active,
.ivu-btn-warning[disabled]:active,
.ivu-btn-warning[disabled]:focus,
.ivu-btn-warning[disabled]:hover,
fieldset[disabled] .ivu-btn-warning,
fieldset[disabled] .ivu-btn-warning.active,
fieldset[disabled] .ivu-btn-warning:active,
fieldset[disabled] .ivu-btn-warning:focus,
fieldset[disabled] .ivu-btn-warning:hover {
    color: #bbbec4;
    background-color: #f7f7f7;
    border-color: #dddee1
}

.ivu-btn-warning.disabled.active>a:only-child,
.ivu-btn-warning.disabled:active>a:only-child,
.ivu-btn-warning.disabled:focus>a:only-child,
.ivu-btn-warning.disabled:hover>a:only-child,
.ivu-btn-warning.disabled>a:only-child,
.ivu-btn-warning[disabled].active>a:only-child,
.ivu-btn-warning[disabled]:active>a:only-child,
.ivu-btn-warning[disabled]:focus>a:only-child,
.ivu-btn-warning[disabled]:hover>a:only-child,
.ivu-btn-warning[disabled]>a:only-child,
fieldset[disabled] .ivu-btn-warning.active>a:only-child,
fieldset[disabled] .ivu-btn-warning:active>a:only-child,
fieldset[disabled] .ivu-btn-warning:focus>a:only-child,
fieldset[disabled] .ivu-btn-warning:hover>a:only-child,
fieldset[disabled] .ivu-btn-warning>a:only-child {
    color: currentColor
}

.ivu-btn-warning.disabled.active>a:only-child:after,
.ivu-btn-warning.disabled:active>a:only-child:after,
.ivu-btn-warning.disabled:focus>a:only-child:after,
.ivu-btn-warning.disabled:hover>a:only-child:after,
.ivu-btn-warning.disabled>a:only-child:after,
.ivu-btn-warning[disabled].active>a:only-child:after,
.ivu-btn-warning[disabled]:active>a:only-child:after,
.ivu-btn-warning[disabled]:focus>a:only-child:after,
.ivu-btn-warning[disabled]:hover>a:only-child:after,
.ivu-btn-warning[disabled]>a:only-child:after,
fieldset[disabled] .ivu-btn-warning.active>a:only-child:after,
fieldset[disabled] .ivu-btn-warning:active>a:only-child:after,
fieldset[disabled] .ivu-btn-warning:focus>a:only-child:after,
fieldset[disabled] .ivu-btn-warning:hover>a:only-child:after,
fieldset[disabled] .ivu-btn-warning>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-warning.active,
.ivu-btn-warning:active,
.ivu-btn-warning:hover {
    color: #fff
}

.ivu-btn-warning:focus {
    box-shadow: 0 0 0 2px rgba(255, 153, 0, .2)
}

.ivu-btn-error {
    color: #fff;
    background-color: #ed3f14;
    border-color: #ed3f14
}

.ivu-btn-error>a:only-child {
    color: currentColor
}

.ivu-btn-error>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-error:hover {
    color: #fff;
    background-color: #f16543;
    border-color: #f16543
}

.ivu-btn-error:hover>a:only-child {
    color: currentColor
}

.ivu-btn-error:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-error.active,
.ivu-btn-error:active {
    color: #f2f2f2;
    background-color: #e13c13;
    border-color: #e13c13
}

.ivu-btn-error.active>a:only-child,
.ivu-btn-error:active>a:only-child {
    color: currentColor
}

.ivu-btn-error.active>a:only-child:after,
.ivu-btn-error:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-error.disabled,
.ivu-btn-error.disabled.active,
.ivu-btn-error.disabled:active,
.ivu-btn-error.disabled:focus,
.ivu-btn-error.disabled:hover,
.ivu-btn-error[disabled],
.ivu-btn-error[disabled].active,
.ivu-btn-error[disabled]:active,
.ivu-btn-error[disabled]:focus,
.ivu-btn-error[disabled]:hover,
fieldset[disabled] .ivu-btn-error,
fieldset[disabled] .ivu-btn-error.active,
fieldset[disabled] .ivu-btn-error:active,
fieldset[disabled] .ivu-btn-error:focus,
fieldset[disabled] .ivu-btn-error:hover {
    color: #bbbec4;
    background-color: #f7f7f7;
    border-color: #dddee1
}

.ivu-btn-error.disabled.active>a:only-child,
.ivu-btn-error.disabled:active>a:only-child,
.ivu-btn-error.disabled:focus>a:only-child,
.ivu-btn-error.disabled:hover>a:only-child,
.ivu-btn-error.disabled>a:only-child,
.ivu-btn-error[disabled].active>a:only-child,
.ivu-btn-error[disabled]:active>a:only-child,
.ivu-btn-error[disabled]:focus>a:only-child,
.ivu-btn-error[disabled]:hover>a:only-child,
.ivu-btn-error[disabled]>a:only-child,
fieldset[disabled] .ivu-btn-error.active>a:only-child,
fieldset[disabled] .ivu-btn-error:active>a:only-child,
fieldset[disabled] .ivu-btn-error:focus>a:only-child,
fieldset[disabled] .ivu-btn-error:hover>a:only-child,
fieldset[disabled] .ivu-btn-error>a:only-child {
    color: currentColor
}

.ivu-btn-error.disabled.active>a:only-child:after,
.ivu-btn-error.disabled:active>a:only-child:after,
.ivu-btn-error.disabled:focus>a:only-child:after,
.ivu-btn-error.disabled:hover>a:only-child:after,
.ivu-btn-error.disabled>a:only-child:after,
.ivu-btn-error[disabled].active>a:only-child:after,
.ivu-btn-error[disabled]:active>a:only-child:after,
.ivu-btn-error[disabled]:focus>a:only-child:after,
.ivu-btn-error[disabled]:hover>a:only-child:after,
.ivu-btn-error[disabled]>a:only-child:after,
fieldset[disabled] .ivu-btn-error.active>a:only-child:after,
fieldset[disabled] .ivu-btn-error:active>a:only-child:after,
fieldset[disabled] .ivu-btn-error:focus>a:only-child:after,
fieldset[disabled] .ivu-btn-error:hover>a:only-child:after,
fieldset[disabled] .ivu-btn-error>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-error.active,
.ivu-btn-error:active,
.ivu-btn-error:hover {
    color: #fff
}

.ivu-btn-error:focus {
    box-shadow: 0 0 0 2px rgba(237, 63, 20, .2)
}

.ivu-btn-info {
    color: #fff;
    background-color: #2db7f5;
    border-color: #2db7f5
}

.ivu-btn-info>a:only-child {
    color: currentColor
}

.ivu-btn-info>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-info:hover {
    color: #fff;
    background-color: #57c5f7;
    border-color: #57c5f7
}

.ivu-btn-info:hover>a:only-child {
    color: currentColor
}

.ivu-btn-info:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-info.active,
.ivu-btn-info:active {
    color: #f2f2f2;
    background-color: #2baee9;
    border-color: #2baee9
}

.ivu-btn-info.active>a:only-child,
.ivu-btn-info:active>a:only-child {
    color: currentColor
}

.ivu-btn-info.active>a:only-child:after,
.ivu-btn-info:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-info.disabled,
.ivu-btn-info.disabled.active,
.ivu-btn-info.disabled:active,
.ivu-btn-info.disabled:focus,
.ivu-btn-info.disabled:hover,
.ivu-btn-info[disabled],
.ivu-btn-info[disabled].active,
.ivu-btn-info[disabled]:active,
.ivu-btn-info[disabled]:focus,
.ivu-btn-info[disabled]:hover,
fieldset[disabled] .ivu-btn-info,
fieldset[disabled] .ivu-btn-info.active,
fieldset[disabled] .ivu-btn-info:active,
fieldset[disabled] .ivu-btn-info:focus,
fieldset[disabled] .ivu-btn-info:hover {
    color: #bbbec4;
    background-color: #f7f7f7;
    border-color: #dddee1
}

.ivu-btn-info.disabled.active>a:only-child,
.ivu-btn-info.disabled:active>a:only-child,
.ivu-btn-info.disabled:focus>a:only-child,
.ivu-btn-info.disabled:hover>a:only-child,
.ivu-btn-info.disabled>a:only-child,
.ivu-btn-info[disabled].active>a:only-child,
.ivu-btn-info[disabled]:active>a:only-child,
.ivu-btn-info[disabled]:focus>a:only-child,
.ivu-btn-info[disabled]:hover>a:only-child,
.ivu-btn-info[disabled]>a:only-child,
fieldset[disabled] .ivu-btn-info.active>a:only-child,
fieldset[disabled] .ivu-btn-info:active>a:only-child,
fieldset[disabled] .ivu-btn-info:focus>a:only-child,
fieldset[disabled] .ivu-btn-info:hover>a:only-child,
fieldset[disabled] .ivu-btn-info>a:only-child {
    color: currentColor
}

.ivu-btn-info.disabled.active>a:only-child:after,
.ivu-btn-info.disabled:active>a:only-child:after,
.ivu-btn-info.disabled:focus>a:only-child:after,
.ivu-btn-info.disabled:hover>a:only-child:after,
.ivu-btn-info.disabled>a:only-child:after,
.ivu-btn-info[disabled].active>a:only-child:after,
.ivu-btn-info[disabled]:active>a:only-child:after,
.ivu-btn-info[disabled]:focus>a:only-child:after,
.ivu-btn-info[disabled]:hover>a:only-child:after,
.ivu-btn-info[disabled]>a:only-child:after,
fieldset[disabled] .ivu-btn-info.active>a:only-child:after,
fieldset[disabled] .ivu-btn-info:active>a:only-child:after,
fieldset[disabled] .ivu-btn-info:focus>a:only-child:after,
fieldset[disabled] .ivu-btn-info:hover>a:only-child:after,
fieldset[disabled] .ivu-btn-info>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0
}

.ivu-btn-info.active,
.ivu-btn-info:active,
.ivu-btn-info:hover {
    color: #fff
}

.ivu-btn-info:focus {
    box-shadow: 0 0 0 2px rgba(45, 183, 245, .2)
}

.ivu-btn-circle,
.ivu-btn-circle-outline {
    border-radius: 32px
}

.ivu-btn-circle-outline.ivu-btn-large,
.ivu-btn-circle.ivu-btn-large {
    border-radius: 36px
}

.ivu-btn-circle-outline.ivu-btn-size,
.ivu-btn-circle.ivu-btn-size {
    border-radius: 24px
}

.ivu-btn-circle-outline.ivu-btn-icon-only,
.ivu-btn-circle.ivu-btn-icon-only {
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 16px;
    border-radius: 50%
}

.ivu-btn-circle-outline.ivu-btn-icon-only.ivu-btn-large,
.ivu-btn-circle.ivu-btn-icon-only.ivu-btn-large {
    width: 36px;
    height: 36px;
    padding: 0;
    font-size: 16px;
    border-radius: 50%
}

.ivu-btn-circle-outline.ivu-btn-icon-only.ivu-btn-small,
.ivu-btn-circle.ivu-btn-icon-only.ivu-btn-small {
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: 14px;
    border-radius: 50%
}

.ivu-btn:before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background: #fff;
    opacity: .35;
    content: "";
    border-radius: inherit;
    z-index: 1;
    transition: opacity .2s;
    pointer-events: none;
    display: none
}

.ivu-btn.ivu-btn-loading {
    pointer-events: none;
    position: relative
}

.ivu-btn.ivu-btn-loading:before {
    display: block
}

.ivu-btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.ivu-btn-group>.ivu-btn {
    position: relative;
    float: left
}

.ivu-btn-group>.ivu-btn.active,
.ivu-btn-group>.ivu-btn:active,
.ivu-btn-group>.ivu-btn:hover {
    z-index: 2
}

.ivu-btn-group .ivu-btn-icon-only .ivu-icon {
    font-size: 14px;
    position: relative;
    top: 1px
}

.ivu-btn-group-large .ivu-btn-icon-only .ivu-icon {
    font-size: 16px;
    top: 2px
}

.ivu-btn-group-small .ivu-btn-icon-only .ivu-icon {
    font-size: 12px;
    top: 0
}

.ivu-btn-group-circle .ivu-btn {
    border-radius: 32px
}

.ivu-btn-group-large.ivu-btn-group-circle .ivu-btn {
    border-radius: 36px
}

.ivu-btn-group-large>.ivu-btn {
    padding: 6px 15px 7px;
    font-size: 14px;
    border-radius: 4px
}

.ivu-btn-group-small.ivu-btn-group-circle .ivu-btn {
    border-radius: 24px
}

.ivu-btn-group-small>.ivu-btn {
    padding: 2px 7px;
    font-size: 12px;
    border-radius: 3px
}

.ivu-btn-group-small>.ivu-btn>.ivu-icon {
    font-size: 12px
}

.ivu-btn+.ivu-btn-group,
.ivu-btn-group+.ivu-btn,
.ivu-btn-group+.ivu-btn-group,
.ivu-btn-group .ivu-btn+.ivu-btn {
    margin-left: -1px
}

.ivu-btn-group .ivu-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn:first-child {
    margin-left: 0
}

.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ivu-btn-group>.ivu-btn-group {
    float: left
}

.ivu-btn-group>.ivu-btn-group:not(:first-child):not(:last-child)>.ivu-btn {
    border-radius: 0
}

.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn-group:first-child:not(:last-child)>.ivu-btn:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-right: 8px
}

.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn-group:last-child:not(:first-child)>.ivu-btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 8px
}

.ivu-btn-group-vertical {
    display: inline-block;
    vertical-align: middle
}

.ivu-btn-group-vertical>.ivu-btn {
    display: block;
    width: 100%;
    max-width: 100%;
    float: none
}

.ivu-btn+.ivu-btn-group-vertical,
.ivu-btn-group-vertical+.ivu-btn,
.ivu-btn-group-vertical+.ivu-btn-group-vertical,
.ivu-btn-group-vertical .ivu-btn+.ivu-btn {
    margin-top: -1px;
    margin-left: 0
}

.ivu-btn-group-vertical>.ivu-btn:first-child {
    margin-top: 0
}

.ivu-btn-group-vertical>.ivu-btn:first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ivu-btn-group-vertical>.ivu-btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ivu-btn-group-vertical>.ivu-btn-group-vertical:first-child:not(:last-child)>.ivu-btn:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 8px
}

.ivu-btn-group-vertical>.ivu-btn-group-vertical:last-child:not(:first-child)>.ivu-btn:first-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 8px
}

.ivu-affix,
.ivu-back-top {
    position: fixed;
    z-index: 10
}

.ivu-back-top {
    cursor: pointer;
    display: none
}

.ivu-back-top.ivu-back-top-show {
    display: block
}

.ivu-back-top-inner {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    transition: all .2s ease-in-out
}

.ivu-back-top-inner:hover {
    background-color: rgba(0, 0, 0, .7)
}

.ivu-back-top i {
    color: #fff;
    font-size: 24px;
    padding: 8px 12px
}

.ivu-badge {
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.ivu-badge-count {
    position: absolute;
    transform: translateX(50%);
    top: -10px;
    right: 0;
    height: 20px;
    border-radius: 10px;
    min-width: 20px;
    background: #ed3f14;
    border: 1px solid transparent;
    color: #fff;
    line-height: 18px;
    text-align: center;
    padding: 0 6px;
    font-size: 12px;
    white-space: nowrap;
    transform-origin: -10% center;
    z-index: 10;
    box-shadow: 0 0 0 1px #fff
}

.ivu-badge-count a,
.ivu-badge-count a:hover {
    color: #fff
}

.ivu-badge-count-alone {
    top: auto;
    display: block;
    position: relative;
    transform: translateX(0)
}

.ivu-badge-dot {
    position: absolute;
    transform: translateX(-50%);
    transform-origin: 0 center;
    top: -4px;
    right: -8px;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #ed3f14;
    z-index: 10;
    box-shadow: 0 0 0 1px #fff
}

.ivu-chart-circle {
    display: inline-block;
    position: relative
}

.ivu-chart-circle-inner {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1
}

.ivu-spin {
    color: #2d8cf0;
    vertical-align: middle;
    text-align: center
}

.ivu-spin-dot {
    position: relative;
    display: block;
    border-radius: 50%;
    background-color: #2d8cf0;
    width: 20px;
    height: 20px;
    animation: ani-spin-bounce 1s 0s ease-in-out infinite
}

.ivu-spin-large .ivu-spin-dot {
    width: 32px;
    height: 32px
}

.ivu-spin-small .ivu-spin-dot {
    width: 12px;
    height: 12px
}

.ivu-spin-fix {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .9)
}

.ivu-spin-fullscreen {
    z-index: 2010
}

.ivu-spin-fullscreen-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ivu-spin-fix .ivu-spin-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ivu-spin-fix .ivu-spin-dot {
    display: inline-block
}

.ivu-spin-show-text .ivu-spin-dot,
.ivu-spin-text {
    display: none
}

.ivu-spin-show-text .ivu-spin-text {
    display: block
}

.ivu-table-wrapper>.ivu-spin-fix {
    border: 1px solid #dddee1;
    border-top: 0;
    border-left: 0
}

@keyframes ani-spin-bounce {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1);
        opacity: 0
    }
}

.ivu-alert {
    position: relative;
    padding: 8px 48px 8px 16px;
    border-radius: 6px;
    color: #495060;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px
}

.ivu-alert.ivu-alert-with-icon {
    padding: 8px 48px 8px 38px
}

.ivu-alert-icon {
    font-size: 14px;
    top: 8px;
    left: 16px;
    position: absolute
}

.ivu-alert-desc {
    font-size: 12px;
    color: #495060;
    line-height: 21px;
    display: none;
    text-align: justify
}

.ivu-alert-success {
    border: 1px solid #d1f2e1;
    background-color: #e8f9f0
}

.ivu-alert-success .ivu-alert-icon {
    color: #19be6b
}

.ivu-alert-info {
    border: 1px solid #d5e8fc;
    background-color: #eaf4fe
}

.ivu-alert-info .ivu-alert-icon {
    color: #2d8cf0
}

.ivu-alert-warning {
    border: 1px solid #ffebcc;
    background-color: #fff5e6
}

.ivu-alert-warning .ivu-alert-icon {
    color: #f90
}

.ivu-alert-error {
    border: 1px solid #fbd9d0;
    background-color: #fdece8
}

.ivu-alert-error .ivu-alert-icon {
    color: #ed3f14
}

.ivu-alert-close {
    font-size: 12px;
    position: absolute;
    right: 16px;
    top: 8px;
    overflow: hidden;
    cursor: pointer
}

.ivu-alert-close .ivu-icon-ios-close-empty {
    font-size: 22px;
    color: #999;
    transition: color .2s ease;
    position: relative;
    top: -3px
}

.ivu-alert-close .ivu-icon-ios-close-empty:hover {
    color: #444
}

.ivu-alert-with-desc {
    padding: 16px;
    position: relative;
    border-radius: 6px;
    margin-bottom: 10px;
    color: #495060;
    line-height: 1.5
}

.ivu-alert-with-desc.ivu-alert-with-icon {
    padding: 16px 16px 16px 69px
}

.ivu-alert-with-desc .ivu-alert-desc {
    display: block
}

.ivu-alert-with-desc .ivu-alert-message {
    font-size: 14px;
    color: #1c2438;
    display: block
}

.ivu-alert-with-desc .ivu-alert-icon {
    top: 50%;
    left: 24px;
    margin-top: -21px;
    font-size: 28px
}

.ivu-alert-with-banner {
    border-radius: 0
}

.ivu-collapse {
    background-color: #f7f7f7;
    border-radius: 3px;
    border: 1px solid #dddee1
}

.ivu-collapse>.ivu-collapse-item {
    border-top: 1px solid #dddee1
}

.ivu-collapse>.ivu-collapse-item:first-child {
    border-top: 0
}

.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header {
    height: 38px;
    line-height: 38px;
    padding-left: 32px;
    color: #666;
    cursor: pointer;
    position: relative
}

.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header>i {
    transition: transform .2s ease-in-out
}

.ivu-collapse>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header>i {
    transform: rotate(90deg)
}

.ivu-collapse-content {
    color: #495060;
    padding: 0 16px;
    background-color: #fff
}

.ivu-collapse-content>.ivu-collapse-content-box {
    padding-top: 16px;
    padding-bottom: 16px
}

.ivu-collapse-item:last-child>.ivu-collapse-content {
    border-radius: 0 0 3px 3px
}

.ivu-card {
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    position: relative;
    transition: all .2s ease-in-out
}

.ivu-card-bordered {
    border: 1px solid #dddee1;
    border-color: #e9eaec
}

.ivu-card-shadow {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
}

.ivu-card:hover {
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    border-color: #eee
}

.ivu-card.ivu-card-dis-hover:hover {
    box-shadow: none;
    border-color: transparent
}

.ivu-card.ivu-card-dis-hover.ivu-card-bordered:hover {
    border-color: #e9eaec
}

.ivu-card.ivu-card-shadow:hover {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
}

.ivu-card-head {
    border-bottom: 1px solid #e9eaec;
    padding: 14px 16px;
    line-height: 1
}

.ivu-card-head-inner,
.ivu-card-head p {
    display: inline-block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #1c2438;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ivu-card-extra {
    position: absolute;
    right: 16px;
    top: 14px
}

.ivu-card-body {
    padding: 16px
}

.ivu-message {
    font-size: 12px;
    position: fixed;
    z-index: 1010;
    width: 100%;
    top: 16px;
    left: 0;
    pointer-events: none
}

.ivu-message-notice {
    padding: 8px;
    text-align: center;
    transition: height .3s ease-in-out, padding .3s ease-in-out
}

.ivu-message-notice:first-child {
    margin-top: -8px
}

.ivu-message-notice-close {
    position: absolute;
    right: 4px;
    top: 9px;
    color: #999;
    outline: 0
}

.ivu-message-notice-close i.ivu-icon {
    font-size: 22px;
    color: #999;
    transition: color .2s ease;
    position: relative;
    top: -3px
}

.ivu-message-notice-close i.ivu-icon:hover {
    color: #444
}

.ivu-message-notice-content {
    display: inline-block;
    pointer-events: all;
    padding: 8px 16px;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    background: #fff;
    position: relative
}

.ivu-message-notice-content-text {
    display: inline-block
}

.ivu-message-notice-closable .ivu-message-notice-content-text {
    padding-right: 32px
}

.ivu-message-success .ivu-icon {
    color: #19be6b
}

.ivu-message-error .ivu-icon {
    color: #ed3f14
}

.ivu-message-warning .ivu-icon {
    color: #f90
}

.ivu-message-info .ivu-icon,
.ivu-message-loading .ivu-icon {
    color: #2d8cf0
}

.ivu-message .ivu-icon {
    margin-right: 8px;
    font-size: 14px;
    top: 1px;
    position: relative
}

.ivu-notice {
    width: 335px;
    margin-right: 24px;
    position: fixed;
    z-index: 1010
}

.ivu-notice-content-with-icon,
.ivu-notice-with-desc.ivu-notice-with-icon .ivu-notice-title {
    margin-left: 51px
}

.ivu-notice-notice {
    margin-bottom: 10px;
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    background: #fff;
    line-height: 1;
    position: relative;
    overflow: hidden
}

.ivu-notice-notice-close {
    position: absolute;
    right: 16px;
    top: 15px;
    color: #999;
    outline: 0
}

.ivu-notice-notice-close i {
    font-size: 22px;
    color: #999;
    transition: color .2s ease;
    position: relative;
    top: -3px
}

.ivu-notice-notice-close i:hover {
    color: #444
}

.ivu-notice-notice-content-with-render .ivu-notice-desc {
    display: none
}

.ivu-notice-notice-with-desc .ivu-notice-notice-close {
    top: 11px
}

.ivu-notice-content-with-render-notitle {
    margin-left: 26px
}

.ivu-notice-title {
    font-size: 14px;
    line-height: 17px;
    color: #1c2438;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ivu-notice-with-desc .ivu-notice-title {
    font-weight: 700;
    margin-bottom: 8px
}

.ivu-notice-desc {
    font-size: 12px;
    color: #495060;
    text-align: justify;
    line-height: 1.5
}

.ivu-notice-with-desc.ivu-notice-with-icon .ivu-notice-desc {
    margin-left: 51px
}

.ivu-notice-with-icon .ivu-notice-title {
    margin-left: 26px
}

.ivu-notice-icon {
    position: absolute;
    left: 20px;
    margin-top: -1px;
    font-size: 16px
}

.ivu-notice-icon-success {
    color: #19be6b
}

.ivu-notice-icon-info {
    color: #2d8cf0
}

.ivu-notice-icon-warning {
    color: #f90
}

.ivu-notice-icon-error {
    color: #ed3f14
}

.ivu-notice-with-desc .ivu-notice-icon {
    font-size: 36px
}

.ivu-notice-custom-content:after {
    content: "";
    display: block;
    width: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.ivu-notice-with-info:after,
.ivu-notice-with-normal:after {
    background: #2d8cf0
}

.ivu-notice-with-success:after {
    background: #19be6b
}

.ivu-notice-with-warning:after {
    background: #f90
}

.ivu-notice-with-error:after {
    background: #ed3f14
}

.ivu-radio-focus {
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2);
    z-index: 1
}

.ivu-radio-group {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle
}

.ivu-radio-group-vertical .ivu-radio-wrapper {
    display: block;
    height: 30px;
    line-height: 30px
}

.ivu-radio-wrapper {
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    margin-right: 8px;
    cursor: pointer
}

.ivu-radio-wrapper-disabled {
    cursor: not-allowed
}

.ivu-radio {
    display: inline-block;
    margin-right: 4px;
    white-space: nowrap;
    position: relative;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer
}

.ivu-radio:hover .ivu-radio-inner {
    border-color: #bcbcbc
}

.ivu-radio-inner {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: 0;
    left: 0;
    background-color: #fff;
    border: 1px solid #dddee1;
    border-radius: 50%;
    transition: all .2s ease-in-out
}

.ivu-radio-inner:after {
    position: absolute;
    width: 8px;
    height: 8px;
    left: 2px;
    top: 2px;
    border-radius: 6px;
    display: table;
    border-top: 0;
    border-left: 0;
    content: " ";
    background-color: #2d8cf0;
    opacity: 0;
    transition: all .2s ease-in-out;
    transform: scale(0)
}

.ivu-radio-large {
    font-size: 14px
}

.ivu-radio-large .ivu-radio-inner {
    width: 16px;
    height: 16px
}

.ivu-radio-large .ivu-radio-inner:after {
    width: 10px;
    height: 10px
}

.ivu-radio-large.ivu-radio-wrapper,
.ivu-radio-large .ivu-radio-wrapper {
    font-size: 14px
}

.ivu-radio-small .ivu-radio-inner {
    width: 12px;
    height: 12px
}

.ivu-radio-small .ivu-radio-inner:after {
    width: 6px;
    height: 6px
}

.ivu-radio-input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    cursor: pointer
}

.ivu-radio-checked .ivu-radio-inner {
    border-color: #2d8cf0
}

.ivu-radio-checked .ivu-radio-inner:after {
    opacity: 1;
    transform: scale(1);
    transition: all .2s ease-in-out
}

.ivu-radio-checked:hover .ivu-radio-inner {
    border-color: #2d8cf0
}

.ivu-radio-disabled,
.ivu-radio-disabled .ivu-radio-input {
    cursor: not-allowed
}

.ivu-radio-disabled:hover .ivu-radio-inner {
    border-color: #dddee1
}

.ivu-radio-disabled .ivu-radio-inner {
    border-color: #dddee1;
    background-color: #f3f3f3
}

.ivu-radio-disabled .ivu-radio-inner:after {
    background-color: #ccc
}

.ivu-radio-disabled .ivu-radio-disabled+span {
    color: #ccc
}

span.ivu-radio+* {
    margin-left: 2px;
    margin-right: 2px
}

.ivu-radio-group-button {
    font-size: 0;
    -webkit-text-size-adjust: none
}

.ivu-radio-group-button .ivu-radio {
    width: 0;
    margin-right: 0
}

.ivu-radio-group-button .ivu-radio-wrapper {
    display: inline-block;
    height: 32px;
    line-height: 30px;
    margin: 0;
    padding: 0 15px;
    font-size: 12px;
    color: #495060;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border: 1px solid #dddee1;
    border-left: 0;
    background: #fff;
    position: relative
}

.ivu-radio-group-button .ivu-radio-wrapper>span {
    margin-left: 0
}

.ivu-radio-group-button .ivu-radio-wrapper:after,
.ivu-radio-group-button .ivu-radio-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    left: -1px;
    top: 0;
    background: #dddee1;
    transition: all .2s ease-in-out
}

.ivu-radio-group-button .ivu-radio-wrapper:after {
    height: 36px;
    left: -1px;
    top: -3px;
    background: rgba(45, 140, 240, .2);
    opacity: 0
}

.ivu-radio-group-button .ivu-radio-wrapper:first-child {
    border-radius: 4px 0 0 4px;
    border-left: 1px solid #dddee1
}

.ivu-radio-group-button .ivu-radio-wrapper:first-child:after,
.ivu-radio-group-button .ivu-radio-wrapper:first-child:before {
    display: none
}

.ivu-radio-group-button .ivu-radio-wrapper:last-child {
    border-radius: 0 4px 4px 0
}

.ivu-radio-group-button .ivu-radio-wrapper:first-child:last-child {
    border-radius: 4px
}

.ivu-radio-group-button .ivu-radio-wrapper:hover {
    position: relative;
    color: #2d8cf0
}

.ivu-radio-group-button .ivu-radio-wrapper:hover .ivu-radio {
    background-color: #000
}

.ivu-radio-group-button .ivu-radio-wrapper .ivu-radio-inner,
.ivu-radio-group-button .ivu-radio-wrapper input {
    opacity: 0;
    width: 0;
    height: 0
}

.ivu-radio-group-button .ivu-radio-wrapper-checked {
    background: #fff;
    border-color: #2d8cf0;
    color: #2d8cf0;
    box-shadow: -1px 0 0 0 #2d8cf0;
    z-index: 1
}

.ivu-radio-group-button .ivu-radio-wrapper-checked:before {
    background: #2d8cf0;
    opacity: .1
}

.ivu-radio-group-button .ivu-radio-wrapper-checked.ivu-radio-focus {
    box-shadow: -1px 0 0 0 #2d8cf0, 0 0 0 2px rgba(45, 140, 240, .2);
    transition: all .2s ease-in-out
}

.ivu-radio-group-button .ivu-radio-wrapper-checked.ivu-radio-focus:after {
    left: -3px;
    top: -3px;
    opacity: 1;
    background: rgba(45, 140, 240, .2)
}

.ivu-radio-group-button .ivu-radio-wrapper-checked.ivu-radio-focus:first-child {
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-radio-group-button .ivu-radio-wrapper-checked:first-child {
    border-color: #2d8cf0;
    box-shadow: none
}

.ivu-radio-group-button .ivu-radio-wrapper-checked:hover {
    border-color: #57a3f3;
    color: #57a3f3
}

.ivu-radio-group-button .ivu-radio-wrapper-checked:active {
    border-color: #2b85e4;
    color: #2b85e4
}

.ivu-radio-group-button .ivu-radio-wrapper-disabled {
    cursor: not-allowed
}

.ivu-radio-group-button .ivu-radio-wrapper-disabled,
.ivu-radio-group-button .ivu-radio-wrapper-disabled:first-child,
.ivu-radio-group-button .ivu-radio-wrapper-disabled:hover {
    border-color: #dddee1;
    background-color: #f7f7f7;
    color: #ccc
}

.ivu-radio-group-button .ivu-radio-wrapper-disabled:first-child {
    border-left-color: #dddee1
}

.ivu-radio-group-button .ivu-radio-wrapper-disabled.ivu-radio-wrapper-checked {
    color: #fff;
    background-color: #e6e6e6;
    border-color: #dddee1;
    box-shadow: none !important
}

.ivu-radio-group-button.ivu-radio-group-large .ivu-radio-wrapper {
    height: 36px;
    line-height: 34px;
    font-size: 14px
}

.ivu-radio-group-button.ivu-radio-group-large .ivu-radio-wrapper:after {
    height: 40px
}

.ivu-radio-group-button.ivu-radio-group-small .ivu-radio-wrapper {
    height: 24px;
    line-height: 22px;
    padding: 0 12px;
    font-size: 12px
}

.ivu-radio-group-button.ivu-radio-group-small .ivu-radio-wrapper:after {
    height: 28px
}

.ivu-radio-group-button.ivu-radio-group-small .ivu-radio-wrapper:first-child {
    border-radius: 3px 0 0 3px
}

.ivu-radio-group-button.ivu-radio-group-small .ivu-radio-wrapper:last-child {
    border-radius: 0 3px 3px 0
}

.ivu-checkbox-focus {
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2);
    z-index: 1
}

.ivu-checkbox {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    line-height: 1;
    position: relative
}

.ivu-checkbox-disabled {
    cursor: not-allowed
}

.ivu-checkbox:hover .ivu-checkbox-inner {
    border-color: #bcbcbc
}

.ivu-checkbox-inner {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: 0;
    left: 0;
    border: 1px solid #dddee1;
    border-radius: 2px;
    background-color: #fff;
    transition: border-color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.ivu-checkbox-inner:after {
    content: "";
    display: table;
    width: 4px;
    height: 8px;
    position: absolute;
    top: 1px;
    left: 4px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0);
    transition: all .2s ease-in-out
}

.ivu-checkbox-large .ivu-checkbox-inner {
    width: 16px;
    height: 16px
}

.ivu-checkbox-large .ivu-checkbox-inner:after {
    width: 5px;
    height: 9px
}

.ivu-checkbox-small {
    font-size: 12px
}

.ivu-checkbox-small .ivu-checkbox-inner {
    width: 12px;
    height: 12px
}

.ivu-checkbox-small .ivu-checkbox-inner:after {
    top: 0;
    left: 3px
}

.ivu-checkbox-input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0
}

.ivu-checkbox-input[disabled] {
    cursor: not-allowed
}

.ivu-checkbox-checked:hover .ivu-checkbox-inner {
    border-color: #2d8cf0
}

.ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: #2d8cf0;
    background-color: #2d8cf0
}

.ivu-checkbox-checked .ivu-checkbox-inner:after {
    content: "";
    display: table;
    width: 4px;
    height: 8px;
    position: absolute;
    top: 1px;
    left: 4px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1);
    transition: all .2s ease-in-out
}

.ivu-checkbox-large .ivu-checkbox-checked .ivu-checkbox-inner:after {
    width: 5px;
    height: 9px
}

.ivu-checkbox-small .ivu-checkbox-checked .ivu-checkbox-inner:after {
    top: 0;
    left: 3px
}

.ivu-checkbox-disabled.ivu-checkbox-checked:hover .ivu-checkbox-inner {
    border-color: #dddee1
}

.ivu-checkbox-disabled.ivu-checkbox-checked .ivu-checkbox-inner {
    background-color: #f3f3f3;
    border-color: #dddee1
}

.ivu-checkbox-disabled.ivu-checkbox-checked .ivu-checkbox-inner:after {
    animation-name: none;
    border-color: #ccc
}

.ivu-checkbox-disabled:hover .ivu-checkbox-inner {
    border-color: #dddee1
}

.ivu-checkbox-disabled .ivu-checkbox-inner {
    border-color: #dddee1;
    background-color: #f3f3f3
}

.ivu-checkbox-disabled .ivu-checkbox-inner:after {
    animation-name: none;
    border-color: #f3f3f3
}

.ivu-checkbox-disabled .ivu-checkbox-inner-input {
    cursor: default
}

.ivu-checkbox-disabled+span {
    color: #ccc;
    cursor: not-allowed
}

.ivu-checkbox-indeterminate .ivu-checkbox-inner:after {
    content: "";
    width: 8px;
    height: 1px;
    transform: scale(1);
    position: absolute;
    left: 2px;
    top: 5px
}

.ivu-checkbox-indeterminate:hover .ivu-checkbox-inner {
    border-color: #2d8cf0
}

.ivu-checkbox-indeterminate .ivu-checkbox-inner {
    background-color: #2d8cf0;
    border-color: #2d8cf0
}

.ivu-checkbox-indeterminate.ivu-checkbox-disabled .ivu-checkbox-inner {
    background-color: #f3f3f3;
    border-color: #dddee1
}

.ivu-checkbox-indeterminate.ivu-checkbox-disabled .ivu-checkbox-inner:after {
    border-color: #bbbec4
}

.ivu-checkbox-large .ivu-checkbox-indeterminate .ivu-checkbox-inner:after {
    width: 10px;
    top: 6px
}

.ivu-checkbox-small .ivu-checkbox-indeterminate .ivu-checkbox-inner:after {
    width: 6px;
    top: 4px
}

.ivu-checkbox-wrapper {
    cursor: pointer;
    font-size: 12px;
    display: inline-block;
    margin-right: 8px
}

.ivu-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.ivu-checkbox-wrapper.ivu-checkbox-large {
    font-size: 14px
}

.ivu-checkbox+span,
.ivu-checkbox-wrapper+span {
    margin-right: 4px
}

.ivu-checkbox-group {
    font-size: 14px
}

.ivu-checkbox-group-item,
.ivu-switch {
    display: inline-block
}

.ivu-switch {
    width: 48px;
    height: 24px;
    line-height: 22px;
    border-radius: 24px;
    vertical-align: middle;
    border: 1px solid #ccc;
    background-color: #ccc;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .2s ease-in-out
}

.ivu-switch-inner {
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 25px
}

.ivu-switch-inner i {
    width: 12px;
    height: 12px;
    text-align: center
}

.ivu-switch:after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    left: 1px;
    top: 1px;
    cursor: pointer;
    transition: left .2s ease-in-out, width .2s ease-in-out
}

.ivu-switch:active:after {
    width: 26px
}

.ivu-switch:focus {
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2);
    outline: 0
}

.ivu-switch:focus:hover {
    box-shadow: none
}

.ivu-switch-small {
    width: 24px;
    height: 12px;
    line-height: 10px
}

.ivu-switch-small:after {
    width: 10px;
    height: 10px;
    top: 0;
    left: 0
}

.ivu-switch-small:active:after {
    width: 14px
}

.ivu-switch-small.ivu-switch-checked:after {
    left: 12px
}

.ivu-switch-small:active.ivu-switch-checked:after {
    left: 8px
}

.ivu-switch-large {
    width: 60px
}

.ivu-switch-large:active:after {
    width: 26px;
    width: 32px
}

.ivu-switch-large.ivu-switch-checked:after {
    left: 37px
}

.ivu-switch-large:active.ivu-switch-checked:after {
    left: 25px
}

.ivu-switch-checked {
    border-color: #2d8cf0;
    background-color: #2d8cf0
}

.ivu-switch-checked .ivu-switch-inner {
    left: 8px
}

.ivu-switch-checked:after {
    left: 25px
}

.ivu-switch-checked:active:after {
    left: 19px
}

.ivu-switch-disabled {
    cursor: not-allowed;
    background: #f3f3f3;
    border-color: #f3f3f3
}

.ivu-switch-disabled:after {
    background: #ccc;
    cursor: not-allowed
}

.ivu-switch-disabled .ivu-switch-inner {
    color: #ccc
}

.ivu-input-number {
    display: inline-block;
    width: 100%;
    line-height: 1.5;
    padding: 4px 7px;
    font-size: 12px;
    color: #495060;
    background-color: #fff;
    background-image: none;
    position: relative;
    cursor: text;
    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out;
    margin: 0;
    padding: 0;
    width: 80px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    border: 1px solid #dddee1;
    border-radius: 4px;
    overflow: hidden
}

.ivu-input-number::-moz-placeholder {
    color: #bbbec4;
    opacity: 1
}

.ivu-input-number:-ms-input-placeholder {
    color: #bbbec4
}

.ivu-input-number::-webkit-input-placeholder {
    color: #bbbec4
}

.ivu-input-number:focus {
    border-color: #57a3f3;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-input-number[disabled],
fieldset[disabled] .ivu-input-number {
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.ivu-input-number[disabled]:hover,
fieldset[disabled] .ivu-input-number:hover {
    border-color: #e4e5e7
}

textarea.ivu-input-number {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    vertical-align: bottom;
    font-size: 14px
}

.ivu-input-number-large {
    font-size: 14px;
    padding: 6px 7px;
    height: 36px
}

.ivu-input-number-small {
    padding: 1px 7px;
    height: 24px;
    border-radius: 3px
}

.ivu-input-number-handler-wrap {
    width: 22px;
    height: 100%;
    border-left: 1px solid #dddee1;
    border-radius: 0 4px 4px 0;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.ivu-input-number:hover .ivu-input-number-handler-wrap {
    opacity: 1
}

.ivu-input-number-handler-up {
    cursor: pointer
}

.ivu-input-number-handler-up-inner {
    top: 1px
}

.ivu-input-number-handler-down {
    border-top: 1px solid #dddee1;
    top: -1px;
    cursor: pointer
}

.ivu-input-number-handler {
    display: block;
    width: 100%;
    height: 16px;
    line-height: 0;
    text-align: center;
    overflow: hidden;
    color: #999;
    position: relative
}

.ivu-input-number-handler:hover .ivu-input-number-handler-down-inner,
.ivu-input-number-handler:hover .ivu-input-number-handler-up-inner {
    color: #57a3f3
}

.ivu-input-number-handler-down-inner,
.ivu-input-number-handler-up-inner {
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 14px;
    color: #999;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    right: 4px;
    transition: all .2s linear
}

.ivu-input-number:hover {
    border-color: #57a3f3
}

.ivu-input-number-focused {
    border-color: #57a3f3;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-input-number-disabled {
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.ivu-input-number-disabled:hover {
    border-color: #e4e5e7
}

.ivu-input-number-input-wrap {
    overflow: hidden;
    height: 32px
}

.ivu-input-number-input {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 7px;
    text-align: left;
    outline: 0;
    -moz-appearance: textfield;
    color: #666;
    border: 0;
    border-radius: 4px;
    transition: all .2s linear
}

.ivu-input-number-input[disabled] {
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.ivu-input-number-input[disabled]:hover {
    border-color: #e4e5e7
}

.ivu-input-number-large {
    padding: 0
}

.ivu-input-number-large .ivu-input-number-input-wrap {
    height: 36px
}

.ivu-input-number-large .ivu-input-number-handler {
    height: 18px
}

.ivu-input-number-large input {
    height: 36px;
    line-height: 36px
}

.ivu-input-number-large .ivu-input-number-handler-up-inner {
    top: 2px
}

.ivu-input-number-large .ivu-input-number-handler-down-inner {
    bottom: 2px
}

.ivu-input-number-small {
    padding: 0
}

.ivu-input-number-small .ivu-input-number-input-wrap {
    height: 24px
}

.ivu-input-number-small .ivu-input-number-handler {
    height: 12px
}

.ivu-input-number-small input {
    height: 24px;
    line-height: 24px;
    margin-top: -1px;
    vertical-align: top
}

.ivu-input-number-small .ivu-input-number-handler-up-inner {
    top: -1px
}

.ivu-input-number-small .ivu-input-number-handler-down-inner {
    bottom: -1px
}

.ivu-input-number-disabled .ivu-input-number-handler-down-inner,
.ivu-input-number-disabled .ivu-input-number-handler-up-inner,
.ivu-input-number-handler-down-disabled .ivu-input-number-handler-down-inner,
.ivu-input-number-handler-down-disabled .ivu-input-number-handler-up-inner,
.ivu-input-number-handler-up-disabled .ivu-input-number-handler-down-inner,
.ivu-input-number-handler-up-disabled .ivu-input-number-handler-up-inner {
    opacity: .72;
    color: #ccc !important;
    cursor: not-allowed
}

.ivu-input-number-disabled .ivu-input-number-input {
    opacity: .72;
    cursor: not-allowed;
    background-color: #f3f3f3
}

.ivu-input-number-disabled .ivu-input-number-handler-wrap {
    display: none
}

.ivu-input-number-disabled .ivu-input-number-handler {
    opacity: .72;
    color: #ccc !important;
    cursor: not-allowed
}

.ivu-form-item-error .ivu-input-number {
    border: 1px solid #ed3f14
}

.ivu-form-item-error .ivu-input-number:hover {
    border-color: #ed3f14
}

.ivu-form-item-error .ivu-input-number-focused,
.ivu-form-item-error .ivu-input-number:focus {
    border-color: #ed3f14;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(237, 63, 20, .2)
}

.ivu-scroll-wrapper {
    width: auto;
    margin: 0 auto;
    position: relative;
    outline: 0
}

.ivu-scroll-container {
    overflow-y: scroll
}

.ivu-scroll-content {
    opacity: 1;
    transition: opacity .5s
}

.ivu-scroll-content-loading {
    opacity: .5
}

.ivu-scroll-loader {
    text-align: center;
    padding: 0;
    transition: padding .5s
}

.ivu-scroll-loader-wrapper {
    padding: 5px 0;
    height: 0;
    background-color: inherit;
    transform: scale(0);
    transition: opacity .3s, transform .5s, height .5s
}

.ivu-scroll-loader-wrapper-active {
    height: 40px;
    transform: scale(1)
}

@keyframes ani-demo-spin {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(180deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.ivu-scroll-loader-wrapper .ivu-scroll-spinner {
    position: relative
}

.ivu-scroll-loader-wrapper .ivu-scroll-spinner-icon {
    animation: ani-demo-spin 1s linear infinite
}

.ivu-tag {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    margin: 2px 4px 2px 0;
    padding: 0 8px;
    border: 1px solid #e9eaec;
    border-radius: 3px;
    background: #f7f7f7;
    font-size: 12px;
    vertical-align: middle;
    opacity: 1;
    overflow: hidden;
    cursor: pointer
}

.ivu-tag:not(.ivu-tag-border):not(.ivu-tag-dot):not(.ivu-tag-checked) {
    background: 0 0;
    border: 0;
    color: #495060
}

.ivu-tag:not(.ivu-tag-border):not(.ivu-tag-dot):not(.ivu-tag-checked) .ivu-icon-ios-close-empty {
    color: #495060 !important
}

.ivu-tag-color-red {
    color: #ed3f14 !important;
    border-color: #ed3f14
}

.ivu-tag-color-green {
    color: #19be6b !important;
    border-color: #19be6b
}

.ivu-tag-color-blue {
    color: #2d8cf0 !important;
    border-color: #2d8cf0
}

.ivu-tag-color-yellow {
    color: #f90 !important;
    border-color: #f90
}

.ivu-tag-color-white {
    color: #fff !important
}

.ivu-tag-dot {
    height: 32px;
    line-height: 32px;
    border: 1px solid #e9eaec !important;
    color: #495060 !important;
    background: #fff !important;
    padding: 0 12px
}

.ivu-tag-dot-inner {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    border-radius: 50%;
    background: #e9eaec;
    position: relative;
    top: 1px
}

.ivu-tag-dot .ivu-icon-ios-close-empty {
    color: #666 !important;
    margin-left: 12px !important
}

.ivu-tag-border {
    height: 24px;
    line-height: 24px;
    border: 1px solid #e9eaec;
    color: #e9eaec;
    background: #fff !important;
    position: relative
}

.ivu-tag-border .ivu-icon-ios-close-empty {
    color: #666;
    margin-left: 12px !important
}

.ivu-tag-border:after {
    content: "";
    display: none;
    width: 1px;
    background: currentColor;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 22px
}

.ivu-tag-border.ivu-tag-closable:after {
    display: block
}

.ivu-tag-border.ivu-tag-closable .ivu-icon-ios-close-empty {
    margin-left: 18px !important
}

.ivu-tag-border.ivu-tag-blue {
    color: #2d8cf0 !important;
    border: 1px solid #2d8cf0 !important
}

.ivu-tag-border.ivu-tag-blue:after {
    background: #2d8cf0
}

.ivu-tag-border.ivu-tag-blue .ivu-icon-ios-close-empty {
    color: #2d8cf0 !important
}

.ivu-tag-border.ivu-tag-green {
    color: #19be6b !important;
    border: 1px solid #19be6b !important
}

.ivu-tag-border.ivu-tag-green:after {
    background: #19be6b
}

.ivu-tag-border.ivu-tag-green .ivu-icon-ios-close-empty {
    color: #19be6b !important
}

.ivu-tag-border.ivu-tag-yellow {
    color: #f90 !important;
    border: 1px solid #f90 !important
}

.ivu-tag-border.ivu-tag-yellow:after {
    background: #f90
}

.ivu-tag-border.ivu-tag-yellow .ivu-icon-ios-close-empty {
    color: #f90 !important
}

.ivu-tag-border.ivu-tag-red {
    color: #ed3f14 !important;
    border: 1px solid #ed3f14 !important
}

.ivu-tag-border.ivu-tag-red:after {
    background: #ed3f14
}

.ivu-tag-border.ivu-tag-red .ivu-icon-ios-close-empty {
    color: #ed3f14 !important
}

.ivu-tag:hover {
    opacity: .85
}

.ivu-tag-text {
    color: #495060
}

.ivu-tag-text a:first-child:last-child {
    display: inline-block;
    margin: 0 -8px;
    padding: 0 8px
}

.ivu-tag .ivu-icon-ios-close-empty {
    display: inline-block;
    font-size: 14px;
    transform: scale(1.42857143) rotate(0);
    cursor: pointer;
    margin-left: 8px;
    color: #666;
    opacity: .66;
    position: relative;
    top: 1px
}

:root .ivu-tag .ivu-icon-ios-close-empty {
    font-size: 14px
}

.ivu-tag .ivu-icon-ios-close-empty:hover {
    opacity: 1
}

.ivu-tag-blue,
.ivu-tag-green,
.ivu-tag-red,
.ivu-tag-yellow {
    border: 0
}

.ivu-tag-blue,
.ivu-tag-blue .ivu-icon-ios-close-empty,
.ivu-tag-blue .ivu-icon-ios-close-empty:hover,
.ivu-tag-blue a,
.ivu-tag-blue a:hover,
.ivu-tag-green,
.ivu-tag-green .ivu-icon-ios-close-empty,
.ivu-tag-green .ivu-icon-ios-close-empty:hover,
.ivu-tag-green a,
.ivu-tag-green a:hover,
.ivu-tag-red,
.ivu-tag-red .ivu-icon-ios-close-empty,
.ivu-tag-red .ivu-icon-ios-close-empty:hover,
.ivu-tag-red a,
.ivu-tag-red a:hover,
.ivu-tag-yellow,
.ivu-tag-yellow .ivu-icon-ios-close-empty,
.ivu-tag-yellow .ivu-icon-ios-close-empty:hover,
.ivu-tag-yellow a,
.ivu-tag-yellow a:hover {
    color: #fff
}

.ivu-tag-blue,
.ivu-tag-blue.ivu-tag-dot .ivu-tag-dot-inner {
    background: #2d8cf0
}

.ivu-tag-green,
.ivu-tag-green.ivu-tag-dot .ivu-tag-dot-inner {
    background: #19be6b
}

.ivu-tag-yellow,
.ivu-tag-yellow.ivu-tag-dot .ivu-tag-dot-inner {
    background: #f90
}

.ivu-tag-red,
.ivu-tag-red.ivu-tag-dot .ivu-tag-dot-inner {
    background: #ed3f14
}

.ivu-layout {
    display: flex;
    flex-direction: column;
    flex: auto;
    background: #f5f7f9
}

.ivu-layout.ivu-layout-has-sider {
    flex-direction: row
}

.ivu-layout.ivu-layout-has-sider>.ivu-layout,
.ivu-layout.ivu-layout-has-sider>.ivu-layout-content {
    overflow-x: hidden
}

.ivu-layout-footer,
.ivu-layout-header {
    flex: 0 0 auto
}

.ivu-layout-header {
    background: #495060;
    padding: 0 50px;
    height: 64px;
    line-height: 64px
}

.ivu-layout-sider {
    transition: all .2s ease-in-out;
    position: relative;
    background: #495060;
    min-width: 0
}

.ivu-layout-sider-children {
    height: 100%;
    padding-top: .1px;
    margin-top: -.1px
}

.ivu-layout-sider-has-trigger {
    padding-bottom: 48px
}

.ivu-layout-sider-trigger {
    position: fixed;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    color: #fff;
    background: #495060;
    z-index: 1000;
    transition: all .2s ease-in-out
}

.ivu-layout-sider-trigger .ivu-icon {
    font-size: 16px
}

.ivu-layout-sider-trigger>* {
    transition: all .2s
}

.ivu-layout-sider-trigger-collapsed .ivu-layout-sider-trigger-icon {
    transform: rotate(180deg)
}

.ivu-layout-sider-zero-width>* {
    overflow: hidden
}

.ivu-layout-sider-zero-width-trigger {
    position: absolute;
    top: 64px;
    right: -36px;
    text-align: center;
    width: 36px;
    height: 42px;
    line-height: 42px;
    background: #495060;
    color: #fff;
    font-size: 18px;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    transition: background .3s ease
}

.ivu-layout-sider-zero-width-trigger:hover {
    background: #5b6270
}

.ivu-layout-sider-zero-width-trigger.ivu-layout-sider-zero-width-trigger-left {
    right: 0;
    left: -36px;
    border-radius: 6px 0 0 6px
}

.ivu-layout-footer {
    background: #f5f7f9;
    padding: 24px 50px;
    color: #495060;
    font-size: 14px
}

.ivu-layout-content {
    flex: auto
}

.ivu-loading-bar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000
}

.ivu-loading-bar-inner {
    transition: width .2s linear
}

.ivu-loading-bar-inner-color-primary {
    background-color: #2d8cf0
}

.ivu-loading-bar-inner-failed-color-error {
    background-color: #ed3f14
}

.ivu-progress {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    position: relative
}

.ivu-progress-vertical {
    height: 100%;
    width: auto
}

.ivu-progress-outer {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-right: 0
}

.ivu-progress-show-info .ivu-progress-outer {
    padding-right: 55px;
    margin-right: -55px
}

.ivu-progress-vertical .ivu-progress-outer {
    height: 100%;
    width: auto
}

.ivu-progress-inner {
    display: inline-block;
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 100px;
    vertical-align: middle
}

.ivu-progress-vertical .ivu-progress-inner {
    height: 100%;
    width: auto
}

.ivu-progress-vertical .ivu-progress-inner:after,
.ivu-progress-vertical .ivu-progress-inner>* {
    display: inline-block;
    vertical-align: bottom
}

.ivu-progress-vertical .ivu-progress-inner:after {
    content: "";
    height: 100%
}

.ivu-progress-bg {
    border-radius: 100px;
    background-color: #2db7f5;
    transition: all .2s linear;
    position: relative
}

.ivu-progress-text {
    display: inline-block;
    margin-left: 5px;
    text-align: left;
    font-size: 1em;
    vertical-align: middle
}

.ivu-progress-active .ivu-progress-bg:before {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 10px;
    animation: ivu-progress-active 2s ease-in-out infinite
}

.ivu-progress-wrong .ivu-progress-bg {
    background-color: #ed3f14
}

.ivu-progress-wrong .ivu-progress-text {
    color: #ed3f14
}

.ivu-progress-success .ivu-progress-bg {
    background-color: #19be6b
}

.ivu-progress-success .ivu-progress-text {
    color: #19be6b
}

@keyframes ivu-progress-active {
    0% {
        opacity: .3;
        width: 0
    }
    to {
        opacity: 0;
        width: 100%
    }
}

.ivu-timeline {
    list-style: none;
    margin: 0;
    padding: 0
}

.ivu-timeline-item {
    margin: 0 !important;
    padding: 0 0 12px;
    list-style: none;
    position: relative
}

.ivu-timeline-item-tail {
    height: 100%;
    border-left: 1px solid #e9eaec;
    position: absolute;
    left: 6px;
    top: 0
}

.ivu-timeline-item-pending .ivu-timeline-item-tail {
    display: none
}

.ivu-timeline-item-head {
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid transparent;
    position: absolute
}

.ivu-timeline-item-head-blue {
    border-color: #2d8cf0;
    color: #2d8cf0
}

.ivu-timeline-item-head-red {
    border-color: #ed3f14;
    color: #ed3f14
}

.ivu-timeline-item-head-green {
    border-color: #19be6b;
    color: #19be6b
}

.ivu-timeline-item-head-custom {
    width: 40px;
    height: auto;
    margin-top: 6px;
    padding: 3px 0;
    text-align: center;
    line-height: 1;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    position: absolute;
    left: -13px;
    transform: translateY(-50%)
}

.ivu-timeline-item-content {
    padding: 1px 1px 10px 24px;
    font-size: 12px;
    position: relative;
    top: -3px
}

.ivu-timeline-item:last-child .ivu-timeline-item-tail {
    display: none
}

.ivu-timeline.ivu-timeline-pending .ivu-timeline-item:nth-last-of-type(2) .ivu-timeline-item-tail {
    border-left: 1px dotted #e9eaec
}

.ivu-timeline.ivu-timeline-pending .ivu-timeline-item:nth-last-of-type(2) .ivu-timeline-item-content {
    min-height: 48px
}

.ivu-page:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ivu-page-item {
    display: inline-block;
    vertical-align: middle;
    min-width: 32px;
    height: 32px;
    line-height: 30px;
    margin-right: 4px;
    text-align: center;
    list-style: none;
    background-color: #fff;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-family: Arial;
    border: 1px solid #dddee1;
    border-radius: 4px;
    transition: border .2s ease-in-out, color .2s ease-in-out
}

.ivu-page-item a {
    margin: 0 6px;
    text-decoration: none;
    color: #495060
}

.ivu-page-item:hover {
    border-color: #2d8cf0
}

.ivu-page-item:hover a {
    color: #2d8cf0
}

.ivu-page-item-active {
    background-color: #2d8cf0;
    border-color: #2d8cf0
}

.ivu-page-item-active:hover a,
.ivu-page-item-active a {
    color: #fff
}

.ivu-page-item-jump-next:after,
.ivu-page-item-jump-prev:after {
    content: "\2022\2022\2022";
    display: block;
    letter-spacing: 1px;
    color: #ccc;
    text-align: center
}

.ivu-page-item-jump-next:hover:after,
.ivu-page-item-jump-next i,
.ivu-page-item-jump-prev:hover:after,
.ivu-page-item-jump-prev i {
    display: none
}

.ivu-page-item-jump-next:hover i,
.ivu-page-item-jump-prev:hover i {
    display: inline
}

.ivu-page-item-jump-prev:hover i:after {
    content: "\F3D2"
}

.ivu-page-item-jump-next:hover i:after {
    content: "\F3D3"
}

.ivu-page-prev {
    margin-right: 8px
}

.ivu-page-item-jump-next,
.ivu-page-item-jump-prev {
    margin-right: 4px
}

.ivu-page-next {
    margin-left: 4px
}

.ivu-page-item-jump-next,
.ivu-page-item-jump-prev,
.ivu-page-next,
.ivu-page-prev {
    display: inline-block;
    vertical-align: middle;
    min-width: 32px;
    height: 32px;
    line-height: 30px;
    list-style: none;
    text-align: center;
    cursor: pointer;
    color: #666;
    font-family: Arial;
    border: 1px solid #dddee1;
    border-radius: 4px;
    transition: all .2s ease-in-out
}

.ivu-page-next,
.ivu-page-prev {
    background-color: #fff
}

.ivu-page-next a,
.ivu-page-prev a {
    color: #666;
    font-size: 14px
}

.ivu-page-next:hover,
.ivu-page-prev:hover {
    border-color: #2d8cf0
}

.ivu-page-next:hover a,
.ivu-page-prev:hover a {
    color: #2d8cf0
}

.ivu-page-disabled {
    cursor: not-allowed
}

.ivu-page-disabled a {
    color: #ccc
}

.ivu-page-disabled:hover {
    border-color: #dddee1
}

.ivu-page-disabled:hover a {
    color: #ccc;
    cursor: not-allowed
}

.ivu-page-options {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px
}

.ivu-page-options-sizer {
    display: inline-block;
    margin-right: 10px
}

.ivu-page-options-elevator {
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    line-height: 32px
}

.ivu-page-options-elevator input {
    display: inline-block;
    width: 100%;
    height: 32px;
    line-height: 1.5;
    padding: 4px 7px;
    font-size: 12px;
    border: 1px solid #dddee1;
    color: #495060;
    background-color: #fff;
    background-image: none;
    position: relative;
    cursor: text;
    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out;
    border-radius: 4px;
    margin: 0 8px;
    width: 50px
}

.ivu-page-options-elevator input::-moz-placeholder {
    color: #bbbec4;
    opacity: 1
}

.ivu-page-options-elevator input:-ms-input-placeholder {
    color: #bbbec4
}

.ivu-page-options-elevator input::-webkit-input-placeholder {
    color: #bbbec4
}

.ivu-page-options-elevator input:hover {
    border-color: #57a3f3
}

.ivu-page-options-elevator input:focus {
    border-color: #57a3f3;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-page-options-elevator input[disabled],
fieldset[disabled] .ivu-page-options-elevator input {
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.ivu-page-options-elevator input[disabled]:hover,
fieldset[disabled] .ivu-page-options-elevator input:hover {
    border-color: #e4e5e7
}

textarea.ivu-page-options-elevator input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    vertical-align: bottom;
    font-size: 14px
}

.ivu-page-options-elevator input-large {
    font-size: 14px;
    padding: 6px 7px;
    height: 36px
}

.ivu-page-options-elevator input-small {
    padding: 1px 7px;
    height: 24px;
    border-radius: 3px
}

.ivu-page-total {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-right: 10px
}

.ivu-page-simple .ivu-page-next,
.ivu-page-simple .ivu-page-prev {
    margin: 0;
    border: 0;
    height: 24px;
    line-height: 24px;
    font-size: 18px
}

.ivu-page-simple .ivu-page-simple-pager {
    display: inline-block;
    margin-right: 8px
}

.ivu-page-simple .ivu-page-simple-pager input {
    width: 30px;
    height: 24px;
    margin: 0 8px;
    padding: 5px 8px;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff;
    outline: 0;
    border: 1px solid #dddee1;
    border-radius: 4px;
    transition: border-color .2s ease-in-out
}

.ivu-page-simple .ivu-page-simple-pager input:hover {
    border-color: #2d8cf0
}

.ivu-page-simple .ivu-page-simple-pager span {
    padding: 0 8px 0 2px
}

.ivu-page.mini .ivu-page-total {
    height: 24px;
    line-height: 24px
}

.ivu-page.mini .ivu-page-item {
    border: 0;
    margin: 0;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px
}

.ivu-page.mini .ivu-page-next,
.ivu-page.mini .ivu-page-prev {
    margin: 0;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    border: 0
}

.ivu-page.mini .ivu-page-next a i:after,
.ivu-page.mini .ivu-page-prev a i:after {
    height: 24px;
    line-height: 24px
}

.ivu-page.mini .ivu-page-item-jump-next,
.ivu-page.mini .ivu-page-item-jump-prev {
    height: 24px;
    line-height: 24px;
    border: none;
    margin-right: 0
}

.ivu-page.mini .ivu-page-options {
    margin-left: 8px
}

.ivu-page.mini .ivu-page-options-elevator {
    height: 24px;
    line-height: 24px
}

.ivu-page.mini .ivu-page-options-elevator input {
    padding: 1px 7px;
    height: 24px;
    border-radius: 3px;
    width: 44px
}

.ivu-steps {
    font-size: 0;
    width: 100%;
    line-height: 1.5
}

.ivu-steps-item {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.ivu-steps-item.ivu-steps-status-wait .ivu-steps-head-inner {
    background-color: #fff
}

.ivu-steps-item.ivu-steps-status-wait .ivu-steps-head-inner>.ivu-steps-icon,
.ivu-steps-item.ivu-steps-status-wait .ivu-steps-head-inner span {
    color: #ccc
}

.ivu-steps-item.ivu-steps-status-wait .ivu-steps-content,
.ivu-steps-item.ivu-steps-status-wait .ivu-steps-title {
    color: #999
}

.ivu-steps-item.ivu-steps-status-wait .ivu-steps-tail>i {
    background-color: #e9eaec
}

.ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner {
    border-color: #2d8cf0;
    background-color: #2d8cf0
}

.ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner>.ivu-steps-icon,
.ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner span {
    color: #fff
}

.ivu-steps-item.ivu-steps-status-process .ivu-steps-content,
.ivu-steps-item.ivu-steps-status-process .ivu-steps-title {
    color: #666
}

.ivu-steps-item.ivu-steps-status-process .ivu-steps-tail>i {
    background-color: #e9eaec
}

.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner {
    background-color: #fff;
    border-color: #2d8cf0
}

.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner>.ivu-steps-icon,
.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner span {
    color: #2d8cf0
}

.ivu-steps-item.ivu-steps-status-finish .ivu-steps-tail>i:after {
    width: 100%;
    background: #2d8cf0;
    transition: all .2s ease-in-out;
    opacity: 1
}

.ivu-steps-item.ivu-steps-status-finish .ivu-steps-content,
.ivu-steps-item.ivu-steps-status-finish .ivu-steps-title {
    color: #999
}

.ivu-steps-item.ivu-steps-status-error .ivu-steps-head-inner {
    background-color: #fff;
    border-color: #ed3f14
}

.ivu-steps-item.ivu-steps-status-error .ivu-steps-content,
.ivu-steps-item.ivu-steps-status-error .ivu-steps-head-inner>.ivu-steps-icon,
.ivu-steps-item.ivu-steps-status-error .ivu-steps-title {
    color: #ed3f14
}

.ivu-steps-item.ivu-steps-status-error .ivu-steps-tail>i {
    background-color: #e9eaec
}

.ivu-steps-item.ivu-steps-next-error .ivu-steps-tail>i,
.ivu-steps-item.ivu-steps-next-error .ivu-steps-tail>i:after {
    background-color: #ed3f14
}

.ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner {
    background: 0 0;
    border: 0;
    width: auto;
    height: auto
}

.ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner>.ivu-steps-icon {
    font-size: 20px;
    top: 2px;
    width: 20px;
    height: 20px
}

.ivu-steps-item.ivu-steps-custom.ivu-steps-status-process .ivu-steps-head-inner>.ivu-steps-icon {
    color: #2d8cf0
}

.ivu-steps-item:last-child .ivu-steps-tail {
    display: none
}

.ivu-steps .ivu-steps-head,
.ivu-steps .ivu-steps-main {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.ivu-steps .ivu-steps-head {
    background: #fff
}

.ivu-steps .ivu-steps-head-inner {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 24px;
    margin-right: 8px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 50%;
    font-size: 14px;
    transition: background-color .2s ease-in-out
}

.ivu-steps .ivu-steps-head-inner>.ivu-steps-icon {
    line-height: 1;
    position: relative
}

.ivu-steps .ivu-steps-head-inner>.ivu-steps-icon.ivu-icon {
    font-size: 24px
}

.ivu-steps .ivu-steps-head-inner>.ivu-steps-icon.ivu-icon-ios-checkmark-empty,
.ivu-steps .ivu-steps-head-inner>.ivu-steps-icon.ivu-icon-ios-close-empty {
    font-weight: 700
}

.ivu-steps .ivu-steps-main {
    margin-top: 2.5px;
    display: inline
}

.ivu-steps .ivu-steps-custom .ivu-steps-title {
    margin-top: 2.5px
}

.ivu-steps .ivu-steps-title {
    display: inline-block;
    margin-bottom: 4px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #666;
    background: #fff
}

.ivu-steps .ivu-steps-title>a:first-child:last-child {
    color: #666
}

.ivu-steps .ivu-steps-item-last .ivu-steps-title {
    padding-right: 0;
    width: 100%
}

.ivu-steps .ivu-steps-content {
    font-size: 12px;
    color: #999
}

.ivu-steps .ivu-steps-tail {
    width: 100%;
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: 13px
}

.ivu-steps .ivu-steps-tail>i {
    display: inline-block;
    width: 100%;
    height: 1px;
    vertical-align: top;
    background: #e9eaec;
    border-radius: 1px;
    position: relative
}

.ivu-steps .ivu-steps-tail>i:after {
    content: "";
    width: 0;
    height: 100%;
    background: #e9eaec;
    opacity: 0;
    position: absolute;
    top: 0
}

.ivu-steps.ivu-steps-small .ivu-steps-head-inner {
    width: 18px;
    height: 18px;
    line-height: 16px;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px
}

.ivu-steps.ivu-steps-small .ivu-steps-head-inner>.ivu-steps-icon.ivu-icon {
    font-size: 16px;
    top: 0
}

.ivu-steps.ivu-steps-small .ivu-steps-main {
    margin-top: 0
}

.ivu-steps.ivu-steps-small .ivu-steps-title {
    margin-bottom: 4px;
    margin-top: 0;
    color: #666;
    font-size: 12px;
    font-weight: 700
}

.ivu-steps.ivu-steps-small .ivu-steps-content {
    font-size: 12px;
    color: #999;
    padding-left: 30px
}

.ivu-steps.ivu-steps-small .ivu-steps-tail {
    top: 8px;
    padding: 0 8px
}

.ivu-steps.ivu-steps-small .ivu-steps-tail>i {
    height: 1px;
    width: 100%;
    border-radius: 1px
}

.ivu-steps .ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner,
.ivu-steps.ivu-steps-small .ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner {
    width: inherit;
    height: inherit;
    line-height: inherit;
    border-radius: 0;
    border: 0;
    background: 0 0
}

.ivu-steps-vertical .ivu-steps-item {
    display: block
}

.ivu-steps-vertical .ivu-steps-tail {
    position: absolute;
    left: 13px;
    top: 0;
    height: 100%;
    width: 1px;
    padding: 30px 0 4px
}

.ivu-steps-vertical .ivu-steps-tail>i {
    height: 100%;
    width: 1px
}

.ivu-steps-vertical .ivu-steps-tail>i:after {
    height: 0;
    width: 100%
}

.ivu-steps-vertical .ivu-steps-status-finish .ivu-steps-tail>i:after {
    height: 100%
}

.ivu-steps-vertical .ivu-steps-head {
    float: left
}

.ivu-steps-vertical .ivu-steps-head-inner {
    margin-right: 16px
}

.ivu-steps-vertical .ivu-steps-main {
    min-height: 47px;
    overflow: hidden;
    display: block
}

.ivu-steps-vertical .ivu-steps-main .ivu-steps-title {
    line-height: 26px
}

.ivu-steps-vertical .ivu-steps-main .ivu-steps-content {
    padding-bottom: 12px;
    padding-left: 0
}

.ivu-steps-vertical .ivu-steps-custom .ivu-steps-icon {
    left: 4px
}

.ivu-steps-vertical.ivu-steps-small .ivu-steps-custom .ivu-steps-icon {
    left: 0
}

.ivu-steps-vertical.ivu-steps-small .ivu-steps-tail {
    position: absolute;
    left: 9px;
    top: 0;
    padding: 22px 0 4px
}

.ivu-steps-vertical.ivu-steps-small .ivu-steps-tail>i {
    height: 100%
}

.ivu-steps-vertical.ivu-steps-small .ivu-steps-title {
    line-height: 18px
}

.ivu-steps-horizontal.ivu-steps-hidden {
    visibility: hidden
}

.ivu-steps-horizontal .ivu-steps-content {
    padding-left: 35px
}

.ivu-steps-horizontal .ivu-steps-item:not(:first-child) .ivu-steps-head {
    padding-left: 10px;
    margin-left: -10px
}

.ivu-modal {
    width: auto;
    margin: 0 auto;
    position: relative;
    outline: 0;
    top: 100px
}

.ivu-modal-hidden {
    display: none !important
}

.ivu-modal-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.ivu-modal-wrap * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.ivu-modal-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(55, 55, 55, .6);
    height: 100%;
    z-index: 1000
}

.ivu-modal-mask-hidden {
    display: none
}

.ivu-modal-content {
    position: relative;
    background-color: #fff;
    border: 0;
    border-radius: 6px;
    background-clip: padding-box
}

.ivu-modal-header {
    border-bottom: 1px solid #e9eaec;
    padding: 14px 16px;
    line-height: 1
}

.ivu-modal-header-inner,
.ivu-modal-header p {
    display: inline-block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #1c2438;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ivu-modal-close {
    font-size: 12px;
    position: absolute;
    right: 16px;
    top: 8px;
    overflow: hidden;
    cursor: pointer
}

.ivu-modal-close .ivu-icon-ios-close-empty {
    font-size: 31px;
    color: #999;
    transition: color .2s ease;
    position: relative;
    top: 1px
}

.ivu-modal-close .ivu-icon-ios-close-empty:hover {
    color: #444
}

.ivu-modal-body {
    padding: 16px;
    font-size: 12px;
    line-height: 1.5
}

.ivu-modal-footer {
    border-top: 1px solid #e9eaec;
    padding: 12px 18px;
    text-align: right
}

.ivu-modal-footer button+button {
    margin-left: 8px;
    margin-bottom: 0
}

@media (max-width:768px) {
    .ivu-modal {
        width: auto !important;
        margin: 10px
    }
    .vertical-center-modal .ivu-modal {
        flex: 1
    }
}

.ivu-modal-confirm {
    padding: 0 4px
}

.ivu-modal-confirm-head-title {
    display: inline-block;
    font-size: 14px;
    color: #1c2438;
    font-weight: 700
}

.ivu-modal-confirm-body {
    margin-top: 6px;
    padding-left: 48px;
    padding-top: 18px;
    font-size: 12px;
    color: #495060;
    position: relative
}

.ivu-modal-confirm-body-render {
    margin: 0;
    padding: 0
}

.ivu-modal-confirm-body-icon {
    font-size: 36px;
    position: absolute;
    top: 0;
    left: 0
}

.ivu-modal-confirm-body-icon-info {
    color: #2d8cf0
}

.ivu-modal-confirm-body-icon-success {
    color: #19be6b
}

.ivu-modal-confirm-body-icon-warning {
    color: #f90
}

.ivu-modal-confirm-body-icon-error {
    color: #ed3f14
}

.ivu-modal-confirm-body-icon-confirm {
    color: #f90
}

.ivu-modal-confirm-footer {
    margin-top: 40px;
    text-align: right
}

.ivu-modal-confirm-footer button+button {
    margin-left: 8px;
    margin-bottom: 0
}

.ivu-select {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
    color: #495060;
    font-size: 14px;
    line-height: normal
}

.ivu-select-selection {
    display: block;
    box-sizing: border-box;
    outline: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #dddee1;
    transition: all .2s ease-in-out
}

.ivu-select-selection-focused,
.ivu-select-selection:hover {
    border-color: #57a3f3
}

.ivu-select-selection-focused .ivu-select-arrow,
.ivu-select-selection:hover .ivu-select-arrow {
    display: inline-block
}

.ivu-select-arrow {
    position: absolute;
    top: 50%;
    right: 8px;
    line-height: 1;
    margin-top: -7px;
    font-size: 14px;
    color: #80848f;
    transition: all .2s ease-in-out
}

.ivu-select-visible .ivu-select-selection {
    border-color: #57a3f3;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-select-visible .ivu-select-arrow {
    transform: rotate(180deg);
    display: inline-block
}

.ivu-select-disabled .ivu-select-selection {
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.ivu-select-disabled .ivu-select-selection:hover {
    border-color: #e4e5e7
}

.ivu-select-disabled .ivu-select-selection .ivu-select-arrow {
    display: none
}

.ivu-select-disabled .ivu-select-selection:hover {
    border-color: #dddee1;
    box-shadow: none
}

.ivu-select-disabled .ivu-select-selection:hover .ivu-select-arrow {
    display: inline-block
}

.ivu-select-single .ivu-select-selection {
    height: 32px;
    position: relative
}

.ivu-select-single .ivu-select-selection .ivu-select-placeholder {
    color: #bbbec4
}

.ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 24px
}

.ivu-select-multiple .ivu-select-selection {
    padding: 0 24px 0 4px
}

.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #bbbec4;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 4px;
    padding-right: 22px
}

.ivu-select-large.ivu-select-single .ivu-select-selection {
    height: 36px
}

.ivu-select-large.ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.ivu-select-large.ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    height: 34px;
    line-height: 34px;
    font-size: 14px
}

.ivu-select-large.ivu-select-multiple .ivu-select-selection {
    min-height: 36px
}

.ivu-select-large.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,
.ivu-select-large.ivu-select-multiple .ivu-select-selection .ivu-select-selected-value {
    min-height: 34px;
    line-height: 34px;
    font-size: 14px
}

.ivu-select-small.ivu-select-single .ivu-select-selection {
    height: 24px;
    border-radius: 3px
}

.ivu-select-small.ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.ivu-select-small.ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    height: 22px;
    line-height: 22px
}

.ivu-select-small.ivu-select-multiple .ivu-select-selection {
    min-height: 24px;
    border-radius: 3px
}

.ivu-select-small.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,
.ivu-select-small.ivu-select-multiple .ivu-select-selection .ivu-select-selected-value {
    height: auto;
    min-height: 22px;
    line-height: 22px
}

.ivu-select-input {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 24px 0 8px;
    font-size: 12px;
    outline: 0;
    border: none;
    box-sizing: border-box;
    color: #495060;
    background-color: transparent;
    position: relative;
    cursor: pointer
}

.ivu-select-input::-moz-placeholder {
    color: #bbbec4;
    opacity: 1
}

.ivu-select-input:-ms-input-placeholder {
    color: #bbbec4
}

.ivu-select-input::-webkit-input-placeholder {
    color: #bbbec4
}

.ivu-select-input[disabled] {
    cursor: not-allowed;
    color: #ccc
}

.ivu-select-single .ivu-select-input {
    width: 100%
}

.ivu-select-large .ivu-select-input {
    font-size: 14px;
    height: 36px
}

.ivu-select-small .ivu-select-input {
    height: 22px;
    line-height: 22px
}

.ivu-select-multiple .ivu-select-input {
    height: 29px;
    line-height: 32px;
    padding: 0 0 0 4px
}

.ivu-select-not-found {
    text-align: center;
    color: #bbbec4
}

.ivu-select-not-found li:not([class^=ivu-]) {
    margin-bottom: 0
}

.ivu-select-loading {
    text-align: center;
    color: #bbbec4
}

.ivu-select-multiple .ivu-tag {
    height: 24px;
    line-height: 22px;
    margin: 3px 4px 3px 0
}

.ivu-select-large.ivu-select-multiple .ivu-tag {
    height: 28px;
    line-height: 26px;
    font-size: 14px
}

.ivu-select-small.ivu-select-multiple .ivu-tag {
    height: 17px;
    line-height: 15px;
    font-size: 12px;
    padding: 0 6px;
    margin: 3px 4px 2px 0
}

.ivu-select-dropdown-list {
    min-width: 100%;
    list-style: none
}

.ivu-select-item {
    margin: 0;
    line-height: normal;
    padding: 7px 16px;
    clear: both;
    color: #495060;
    font-size: 12px !important;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background .2s ease-in-out
}

.ivu-select-item-focus,
.ivu-select-item:hover {
    background: #f3f3f3
}

.ivu-select-item-disabled,
.ivu-select-item-disabled:hover {
    color: #bbbec4;
    cursor: not-allowed
}

.ivu-select-item-disabled:hover {
    background-color: #fff
}

.ivu-select-item-selected,
.ivu-select-item-selected:hover {
    color: #fff;
    background: rgba(45, 140, 240, .9)
}

.ivu-select-item-selected.ivu-select-item-focus {
    background: rgba(40, 123, 211, .91)
}

.ivu-select-item-divided {
    margin-top: 5px;
    border-top: 1px solid #e9eaec
}

.ivu-select-item-divided:before {
    content: "";
    height: 5px;
    display: block;
    margin: 0 -16px;
    background-color: #fff;
    position: relative;
    top: -7px
}

.ivu-select-large .ivu-select-item {
    padding: 7px 16px 8px;
    font-size: 14px !important
}

@-moz-document url-prefix() {
    .ivu-select-item {
        white-space: normal
    }
}

.ivu-select-multiple .ivu-select-item {
    position: relative
}

.ivu-select-multiple .ivu-select-item-selected {
    color: rgba(45, 140, 240, .9);
    background: #fff
}

.ivu-select-multiple .ivu-select-item-focus,
.ivu-select-multiple .ivu-select-item-selected:hover {
    background: #f3f3f3
}

.ivu-select-multiple .ivu-select-item-selected.ivu-select-multiple .ivu-select-item-focus {
    color: rgba(40, 123, 211, .91);
    background: #fff
}

.ivu-select-multiple .ivu-select-item-selected:after {
    display: inline-block;
    font-family: Ionicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    content: "\F3FD";
    color: rgba(45, 140, 240, .9);
    position: absolute;
    top: 2px;
    right: 16px
}

.ivu-select-group {
    list-style: none;
    margin: 0;
    padding: 0
}

.ivu-select-group-title {
    padding-left: 8px;
    font-size: 12px;
    color: #999;
    height: 30px;
    line-height: 30px
}

.ivu-form-item-error .ivu-select-selection {
    border: 1px solid #ed3f14
}

.ivu-form-item-error .ivu-select-arrow {
    color: #ed3f14
}

.ivu-form-item-error .ivu-select-visible .ivu-select-selection {
    border-color: #ed3f14;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(237, 63, 20, .2)
}

.ivu-select-dropdown {
    width: inherit;
    max-height: 200px;
    overflow: auto;
    margin: 5px 0;
    padding: 5px 0;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 900
}

.ivu-select-dropdown-transfer {
    z-index: 1060
}

.ivu-select-dropdown.ivu-transfer-no-max-height {
    max-height: none
}

.ivu-modal .ivu-select-dropdown {
    position: absolute !important
}

.ivu-tooltip,
.ivu-tooltip-rel {
    display: inline-block
}

.ivu-tooltip-rel {
    position: relative
}

.ivu-tooltip-popper {
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    z-index: 1060
}

.ivu-tooltip-popper[x-placement^=top] {
    padding: 5px 0 8px
}

.ivu-tooltip-popper[x-placement^=right] {
    padding: 0 5px 0 8px
}

.ivu-tooltip-popper[x-placement^=bottom] {
    padding: 8px 0 5px
}

.ivu-tooltip-popper[x-placement^=left] {
    padding: 0 8px 0 5px
}

.ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow {
    bottom: 3px;
    border-width: 5px 5px 0;
    border-top-color: rgba(70, 76, 91, .9)
}

.ivu-tooltip-popper[x-placement=top] .ivu-tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.ivu-tooltip-popper[x-placement=top-start] .ivu-tooltip-arrow {
    left: 16px
}

.ivu-tooltip-popper[x-placement=top-end] .ivu-tooltip-arrow {
    right: 16px
}

.ivu-tooltip-popper[x-placement^=right] .ivu-tooltip-arrow {
    left: 3px;
    border-width: 5px 5px 5px 0;
    border-right-color: rgba(70, 76, 91, .9)
}

.ivu-tooltip-popper[x-placement=right] .ivu-tooltip-arrow {
    top: 50%;
    margin-top: -5px
}

.ivu-tooltip-popper[x-placement=right-start] .ivu-tooltip-arrow {
    top: 8px
}

.ivu-tooltip-popper[x-placement=right-end] .ivu-tooltip-arrow {
    bottom: 8px
}

.ivu-tooltip-popper[x-placement^=left] .ivu-tooltip-arrow {
    right: 3px;
    border-width: 5px 0 5px 5px;
    border-left-color: rgba(70, 76, 91, .9)
}

.ivu-tooltip-popper[x-placement=left] .ivu-tooltip-arrow {
    top: 50%;
    margin-top: -5px
}

.ivu-tooltip-popper[x-placement=left-start] .ivu-tooltip-arrow {
    top: 8px
}

.ivu-tooltip-popper[x-placement=left-end] .ivu-tooltip-arrow {
    bottom: 8px
}

.ivu-tooltip-popper[x-placement^=bottom] .ivu-tooltip-arrow {
    top: 3px;
    border-width: 0 5px 5px;
    border-bottom-color: rgba(70, 76, 91, .9)
}

.ivu-tooltip-popper[x-placement=bottom] .ivu-tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.ivu-tooltip-popper[x-placement=bottom-start] .ivu-tooltip-arrow {
    left: 16px
}

.ivu-tooltip-popper[x-placement=bottom-end] .ivu-tooltip-arrow {
    right: 16px
}

.ivu-tooltip-inner {
    max-width: 250px;
    min-height: 34px;
    padding: 8px 12px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: rgba(70, 76, 91, .9);
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    white-space: nowrap
}

.ivu-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.ivu-poptip,
.ivu-poptip-rel {
    display: inline-block
}

.ivu-poptip-rel {
    position: relative
}

.ivu-poptip-title {
    margin: 0;
    padding: 8px 16px;
    position: relative
}

.ivu-poptip-title:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0;
    background-color: #e9eaec
}

.ivu-poptip-title-inner {
    color: #1c2438;
    font-size: 14px
}

.ivu-poptip-body {
    padding: 8px 16px
}

.ivu-poptip-body-content {
    overflow: auto
}

.ivu-poptip-body-content-inner {
    color: #495060
}

.ivu-poptip-inner {
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    white-space: nowrap
}

.ivu-poptip-popper {
    min-width: 150px;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    z-index: 1060
}

.ivu-poptip-popper[x-placement^=top] {
    padding: 5px 0 8px
}

.ivu-poptip-popper[x-placement^=right] {
    padding: 0 5px 0 8px
}

.ivu-poptip-popper[x-placement^=bottom] {
    padding: 8px 0 5px
}

.ivu-poptip-popper[x-placement^=left] {
    padding: 0 8px 0 5px
}

.ivu-poptip-popper[x-placement^=top] .ivu-poptip-arrow {
    bottom: 3px;
    border-width: 5px 5px 0;
    border-top-color: hsla(0, 0%, 85%, .5)
}

.ivu-poptip-popper[x-placement=top] .ivu-poptip-arrow {
    left: 50%;
    margin-left: -5px
}

.ivu-poptip-popper[x-placement=top-start] .ivu-poptip-arrow {
    left: 16px
}

.ivu-poptip-popper[x-placement=top-end] .ivu-poptip-arrow {
    right: 16px
}

.ivu-poptip-popper[x-placement^=right] .ivu-poptip-arrow {
    left: 3px;
    border-width: 5px 5px 5px 0;
    border-right-color: hsla(0, 0%, 85%, .5)
}

.ivu-poptip-popper[x-placement=right] .ivu-poptip-arrow {
    top: 50%;
    margin-top: -5px
}

.ivu-poptip-popper[x-placement=right-start] .ivu-poptip-arrow {
    top: 8px
}

.ivu-poptip-popper[x-placement=right-end] .ivu-poptip-arrow {
    bottom: 8px
}

.ivu-poptip-popper[x-placement^=left] .ivu-poptip-arrow {
    right: 3px;
    border-width: 5px 0 5px 5px;
    border-left-color: hsla(0, 0%, 85%, .5)
}

.ivu-poptip-popper[x-placement=left] .ivu-poptip-arrow {
    top: 50%;
    margin-top: -5px
}

.ivu-poptip-popper[x-placement=left-start] .ivu-poptip-arrow {
    top: 8px
}

.ivu-poptip-popper[x-placement=left-end] .ivu-poptip-arrow {
    bottom: 8px
}

.ivu-poptip-popper[x-placement^=bottom] .ivu-poptip-arrow {
    top: 3px;
    border-width: 0 5px 5px;
    border-bottom-color: hsla(0, 0%, 85%, .5)
}

.ivu-poptip-popper[x-placement=bottom] .ivu-poptip-arrow {
    left: 50%;
    margin-left: -5px
}

.ivu-poptip-popper[x-placement=bottom-start] .ivu-poptip-arrow {
    left: 16px
}

.ivu-poptip-popper[x-placement=bottom-end] .ivu-poptip-arrow {
    right: 16px
}

.ivu-poptip-popper[x-placement^=top] .ivu-poptip-arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -5px;
    border-bottom-width: 0;
    border-top-width: 5px;
    border-top-color: #fff
}

.ivu-poptip-popper[x-placement^=right] .ivu-poptip-arrow:after {
    content: " ";
    left: 1px;
    bottom: -5px;
    border-left-width: 0;
    border-right-width: 5px;
    border-right-color: #fff
}

.ivu-poptip-popper[x-placement^=bottom] .ivu-poptip-arrow:after {
    content: " ";
    top: 1px;
    margin-left: -5px;
    border-top-width: 0;
    border-bottom-width: 5px;
    border-bottom-color: #fff
}

.ivu-poptip-popper[x-placement^=left] .ivu-poptip-arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-width: 5px;
    border-left-color: #fff;
    bottom: -5px
}

.ivu-poptip-arrow,
.ivu-poptip-arrow:after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.ivu-poptip-arrow {
    border-width: 6px
}

.ivu-poptip-arrow:after {
    content: "";
    border-width: 5px
}

.ivu-poptip-confirm .ivu-poptip-popper {
    max-width: 300px
}

.ivu-poptip-confirm .ivu-poptip-inner {
    white-space: normal
}

.ivu-poptip-confirm .ivu-poptip-body {
    padding: 16px 16px 8px
}

.ivu-poptip-confirm .ivu-poptip-body .ivu-icon {
    font-size: 16px;
    color: #f90;
    line-height: 18px;
    position: absolute
}

.ivu-poptip-confirm .ivu-poptip-body-message {
    padding-left: 20px
}

.ivu-poptip-confirm .ivu-poptip-footer {
    text-align: right;
    padding: 8px 16px 16px
}

.ivu-poptip-confirm .ivu-poptip-footer button {
    margin-left: 4px
}

.ivu-input {
    display: inline-block;
    width: 100%;
    height: 32px;
    line-height: 1.5;
    padding: 4px 7px;
    font-size: 12px;
    border: 1px solid #dddee1;
    border-radius: 4px;
    color: #495060;
    background-color: #fff;
    background-image: none;
    position: relative;
    cursor: text;
    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out
}

.ivu-input::-moz-placeholder {
    color: #bbbec4;
    opacity: 1
}

.ivu-input:-ms-input-placeholder {
    color: #bbbec4
}

.ivu-input::-webkit-input-placeholder {
    color: #bbbec4
}

.ivu-input:focus,
.ivu-input:hover {
    border-color: #57a3f3
}

.ivu-input:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-input[disabled],
fieldset[disabled] .ivu-input {
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.ivu-input[disabled]:hover,
fieldset[disabled] .ivu-input:hover {
    border-color: #e4e5e7
}

textarea.ivu-input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    vertical-align: bottom;
    font-size: 14px
}

.ivu-input-large {
    font-size: 14px;
    padding: 6px 7px;
    height: 36px
}

.ivu-input-small {
    padding: 1px 7px;
    height: 24px;
    border-radius: 3px
}

.ivu-input-wrapper {
    display: inline-block;
    width: 100%;
    position: relative;
    vertical-align: middle;
    line-height: normal
}

.ivu-input-icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    color: #80848f;
    position: absolute;
    right: 0;
    z-index: 3
}

.ivu-input-hide-icon .ivu-input-icon,
.ivu-input-icon-clear,
.ivu-input-icon-validate {
    display: none
}

.ivu-input-wrapper:hover .ivu-input-icon-clear {
    display: inline-block
}

.ivu-input-icon-normal+.ivu-input {
    padding-right: 32px
}

.ivu-input-hide-icon .ivu-input-icon-normal+.ivu-input {
    padding-right: 7px
}

.ivu-input-wrapper-large .ivu-input-icon {
    font-size: 18px;
    height: 36px;
    line-height: 36px
}

.ivu-input-wrapper-small .ivu-input-icon {
    width: 24px;
    font-size: 14px;
    height: 24px;
    line-height: 24px
}

.ivu-input-group {
    display: table;
    width: 100%;
    border-collapse: separate;
    position: relative;
    font-size: 12px;
    top: 1px
}

.ivu-input-group-large {
    font-size: 14px
}

.ivu-input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.ivu-input-group>[class*=col-] {
    padding-right: 8px
}

.ivu-input-group-append,
.ivu-input-group-prepend,
.ivu-input-group>.ivu-input {
    display: table-cell
}

.ivu-input-group-with-prepend .ivu-input,
.ivu-input-group-with-prepend.ivu-input-group-small .ivu-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ivu-input-group-with-append .ivu-input,
.ivu-input-group-with-append.ivu-input-group-small .ivu-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ivu-input-group-append .ivu-btn,
.ivu-input-group-prepend .ivu-btn {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    margin: -6px -7px
}

.ivu-input-group-append,
.ivu-input-group-prepend {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle
}

.ivu-input-group .ivu-input {
    width: 100%;
    float: left;
    margin-bottom: 0;
    position: relative;
    z-index: 2
}

.ivu-input-group-append,
.ivu-input-group-prepend {
    padding: 4px 7px;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    color: #495060;
    text-align: center;
    background-color: #eee;
    border: 1px solid #dddee1;
    border-radius: 6px
}

.ivu-input-group-append .ivu-select,
.ivu-input-group-prepend .ivu-select {
    margin: -5px -7px
}

.ivu-input-group-append .ivu-select-selection,
.ivu-input-group-prepend .ivu-select-selection {
    background-color: inherit;
    margin: -1px;
    border: 1px solid transparent
}

.ivu-input-group-append .ivu-select-visible .ivu-select-selection,
.ivu-input-group-prepend .ivu-select-visible .ivu-select-selection {
    box-shadow: none
}

.ivu-input-group-prepend,
.ivu-input-group>.ivu-input:first-child,
.ivu-input-group>span>.ivu-input:first-child {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.ivu-input-group-prepend .ivu--select .ivu--select-selection,
.ivu-input-group>.ivu-input:first-child .ivu--select .ivu--select-selection,
.ivu-input-group>span>.ivu-input:first-child .ivu--select .ivu--select-selection {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.ivu-input-group-prepend {
    border-right: 0
}

.ivu-input-group-append {
    border-left: 0
}

.ivu-input-group-append,
.ivu-input-group>.ivu-input:last-child {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.ivu-input-group-append .ivu--select .ivu--select-selection,
.ivu-input-group>.ivu-input:last-child .ivu--select .ivu--select-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ivu-input-group-large .ivu-input,
.ivu-input-group-large>.ivu-input-group-append,
.ivu-input-group-large>.ivu-input-group-prepend {
    font-size: 14px;
    padding: 6px 7px;
    height: 36px
}

.ivu-input-group-small .ivu-input,
.ivu-input-group-small>.ivu-input-group-append,
.ivu-input-group-small>.ivu-input-group-prepend {
    padding: 1px 7px;
    height: 24px;
    border-radius: 3px
}

.ivu-form-item-error .ivu-input {
    border: 1px solid #ed3f14
}

.ivu-form-item-error .ivu-input:hover {
    border-color: #ed3f14
}

.ivu-form-item-error .ivu-input:focus {
    border-color: #ed3f14;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(237, 63, 20, .2)
}

.ivu-form-item-error .ivu-input-icon {
    color: #ed3f14
}

.ivu-form-item-error .ivu-input-group-append,
.ivu-form-item-error .ivu-input-group-prepend {
    background-color: #fff;
    border: 1px solid #ed3f14
}

.ivu-form-item-error .ivu-input-group-append .ivu-select-selection,
.ivu-form-item-error .ivu-input-group-prepend .ivu-select-selection {
    background-color: inherit;
    border: 1px solid transparent
}

.ivu-form-item-error .ivu-input-group-prepend {
    border-right: 0
}

.ivu-form-item-error .ivu-input-group-append {
    border-left: 0
}

.ivu-form-item-error .ivu-transfer .ivu-input {
    display: inline-block;
    width: 100%;
    height: 32px;
    line-height: 1.5;
    padding: 4px 7px;
    font-size: 12px;
    border: 1px solid #dddee1;
    border-radius: 4px;
    color: #495060;
    background-color: #fff;
    background-image: none;
    position: relative;
    cursor: text;
    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out
}

.ivu-form-item-error .ivu-transfer .ivu-input::-moz-placeholder {
    color: #bbbec4;
    opacity: 1
}

.ivu-form-item-error .ivu-transfer .ivu-input:-ms-input-placeholder {
    color: #bbbec4
}

.ivu-form-item-error .ivu-transfer .ivu-input::-webkit-input-placeholder {
    color: #bbbec4
}

.ivu-form-item-error .ivu-transfer .ivu-input:hover {
    border-color: #57a3f3
}

.ivu-form-item-error .ivu-transfer .ivu-input:focus {
    border-color: #57a3f3;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-form-item-error .ivu-transfer .ivu-input[disabled],
fieldset[disabled] .ivu-form-item-error .ivu-transfer .ivu-input {
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.ivu-form-item-error .ivu-transfer .ivu-input[disabled]:hover,
fieldset[disabled] .ivu-form-item-error .ivu-transfer .ivu-input:hover {
    border-color: #e4e5e7
}

textarea.ivu-form-item-error .ivu-transfer .ivu-input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    vertical-align: bottom;
    font-size: 14px
}

.ivu-form-item-error .ivu-transfer .ivu-input-large {
    font-size: 14px;
    padding: 6px 7px;
    height: 36px
}

.ivu-form-item-error .ivu-transfer .ivu-input-small {
    padding: 1px 7px;
    height: 24px;
    border-radius: 3px
}

.ivu-form-item-error .ivu-transfer .ivu-input-icon {
    color: #80848f
}

.ivu-form-item-validating .ivu-input-icon-validate {
    display: inline-block
}

.ivu-form-item-validating .ivu-input-icon+.ivu-input {
    padding-right: 32px
}

.ivu-slider {
    line-height: normal
}

.ivu-slider-wrap {
    width: 100%;
    height: 4px;
    margin: 16px 0;
    background-color: #e9eaec;
    border-radius: 3px;
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

.ivu-slider-button-wrap {
    width: 18px;
    height: 18px;
    text-align: center;
    background-color: transparent;
    position: absolute;
    top: -4px;
    transform: translateX(-50%)
}

.ivu-slider-button-wrap .ivu-tooltip {
    display: block;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ivu-slider-button {
    width: 12px;
    height: 12px;
    border: 2px solid #57a3f3;
    border-radius: 50%;
    background-color: #fff;
    transition: all .2s linear;
    outline: 0
}

.ivu-slider-button-dragging,
.ivu-slider-button:focus,
.ivu-slider-button:hover {
    border-color: #2d8cf0;
    transform: scale(1.5)
}

.ivu-slider-button:hover {
    cursor: grab
}

.ivu-slider-button-dragging,
.ivu-slider-button-dragging:hover {
    cursor: grabbing
}

.ivu-slider-bar {
    height: 4px;
    background: #57a3f3;
    border-radius: 3px;
    position: absolute
}

.ivu-slider-stop {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ccc;
    transform: translateX(-50%)
}

.ivu-slider-disabled {
    cursor: not-allowed
}

.ivu-slider-disabled .ivu-slider-wrap {
    background-color: #ccc;
    cursor: not-allowed
}

.ivu-slider-disabled .ivu-slider-bar {
    background-color: #ccc
}

.ivu-slider-disabled .ivu-slider-button,
.ivu-slider-disabled .ivu-slider-button-dragging,
.ivu-slider-disabled .ivu-slider-button:hover {
    border-color: #ccc
}

.ivu-slider-disabled .ivu-slider-button-dragging,
.ivu-slider-disabled .ivu-slider-button-dragging:hover,
.ivu-slider-disabled .ivu-slider-button:hover {
    cursor: not-allowed
}

.ivu-slider-input .ivu-slider-wrap {
    width: auto;
    margin-right: 100px
}

.ivu-slider-input .ivu-input-number {
    float: right;
    margin-top: -14px
}

.selectDropDown {
    width: auto;
    padding: 0;
    white-space: nowrap;
    overflow: visible
}

.ivu-cascader {
    line-height: normal
}

.ivu-cascader-rel {
    display: inline-block;
    width: 100%;
    position: relative
}

.ivu-cascader .ivu-input {
    display: block;
    cursor: pointer
}

.ivu-cascader-disabled .ivu-input {
    cursor: not-allowed
}

.ivu-cascader-label {
    width: 100%;
    height: 100%;
    line-height: 32px;
    padding: 0 7px;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0
}

.ivu-cascader-size-large .ivu-cascader-label {
    line-height: 36px;
    font-size: 14px
}

.ivu-cascader-size-small .ivu-cascader-label {
    line-height: 26px
}

.ivu-cascader .ivu-cascader-arrow:first-of-type {
    display: none;
    cursor: pointer
}

.ivu-cascader:hover .ivu-cascader-arrow:first-of-type {
    display: inline-block
}

.ivu-cascader-show-clear:hover .ivu-cascader-arrow:nth-of-type(2) {
    display: none
}

.ivu-cascader-arrow {
    position: absolute;
    top: 50%;
    right: 8px;
    line-height: 1;
    margin-top: -7px;
    font-size: 14px;
    color: #80848f;
    transition: all .2s ease-in-out
}

.ivu-cascader-visible .ivu-cascader-arrow:nth-of-type(2) {
    transform: rotate(180deg)
}

.ivu-cascader .ivu-select-dropdown {
    width: auto;
    padding: 0;
    white-space: nowrap;
    overflow: visible
}

.ivu-cascader .ivu-cascader-menu-item {
    margin: 0;
    line-height: normal;
    padding: 7px 16px;
    clear: both;
    color: #495060;
    font-size: 12px !important;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background .2s ease-in-out
}

.ivu-cascader .ivu-cascader-menu-item-focus,
.ivu-cascader .ivu-cascader-menu-item:hover {
    background: #f3f3f3
}

.ivu-cascader .ivu-cascader-menu-item-disabled {
    color: #bbbec4;
    cursor: not-allowed
}

.ivu-cascader .ivu-cascader-menu-item-disabled:hover {
    color: #bbbec4;
    background-color: #fff;
    cursor: not-allowed
}

.ivu-cascader .ivu-cascader-menu-item-selected,
.ivu-cascader .ivu-cascader-menu-item-selected:hover {
    color: #fff;
    background: rgba(45, 140, 240, .9)
}

.ivu-cascader .ivu-cascader-menu-item-selected.ivu-cascader .ivu-cascader-menu-item-focus {
    background: rgba(40, 123, 211, .91)
}

.ivu-cascader .ivu-cascader-menu-item-divided {
    margin-top: 5px;
    border-top: 1px solid #e9eaec
}

.ivu-cascader .ivu-cascader-menu-item-divided:before {
    content: "";
    height: 5px;
    display: block;
    margin: 0 -16px;
    background-color: #fff;
    position: relative;
    top: -7px
}

.ivu-cascader .ivu-cascader-large .ivu-cascader-menu-item {
    padding: 7px 16px 8px;
    font-size: 14px !important
}

@-moz-document url-prefix() {
    .ivu-cascader .ivu-cascader-menu-item {
        white-space: normal
    }
}

.ivu-cascader .ivu-select-item span {
    color: #ed3f14
}

.ivu-cascader-dropdown {
    padding: 5px 0
}

.ivu-cascader-dropdown .ivu-select-dropdown-list {
    max-height: 190px;
    box-sizing: border-box;
    overflow: auto
}

.ivu-cascader-not-found-tip {
    padding: 5px 0;
    text-align: center;
    color: #bbbec4
}

.ivu-cascader-not-found-tip li:not([class^=ivu-]) {
    list-style: none;
    margin-bottom: 0
}

.ivu-cascader-not-found .ivu-select-dropdown {
    width: inherit
}

.ivu-cascader-menu {
    display: inline-block;
    min-width: 100px;
    height: 180px;
    margin: 0;
    padding: 5px 0 !important;
    vertical-align: top;
    list-style: none;
    border-right: 1px solid #e9eaec;
    overflow: auto
}

.ivu-cascader-menu:last-child {
    border-right-color: transparent;
    margin-right: -1px
}

.ivu-cascader-menu .ivu-cascader-menu-item {
    position: relative;
    padding-right: 24px;
    transition: all .2s ease-in-out
}

.ivu-cascader-menu .ivu-cascader-menu-item i {
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -6px
}

.ivu-cascader-menu .ivu-cascader-menu-item-active {
    background-color: #f3f3f3;
    color: #2d8cf0
}

.ivu-cascader-transfer {
    z-index: 1060;
    width: auto;
    padding: 0;
    white-space: nowrap;
    overflow: visible
}

.ivu-cascader-transfer .ivu-cascader-menu-item {
    margin: 0;
    line-height: normal;
    padding: 7px 16px;
    clear: both;
    color: #495060;
    font-size: 12px !important;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background .2s ease-in-out
}

.ivu-cascader-transfer .ivu-cascader-menu-item-focus,
.ivu-cascader-transfer .ivu-cascader-menu-item:hover {
    background: #f3f3f3
}

.ivu-cascader-transfer .ivu-cascader-menu-item-disabled {
    color: #bbbec4;
    cursor: not-allowed
}

.ivu-cascader-transfer .ivu-cascader-menu-item-disabled:hover {
    color: #bbbec4;
    background-color: #fff;
    cursor: not-allowed
}

.ivu-cascader-transfer .ivu-cascader-menu-item-selected,
.ivu-cascader-transfer .ivu-cascader-menu-item-selected:hover {
    color: #fff;
    background: rgba(45, 140, 240, .9)
}

.ivu-cascader-transfer .ivu-cascader-menu-item-selected.ivu-cascader-transfer .ivu-cascader-menu-item-focus {
    background: rgba(40, 123, 211, .91)
}

.ivu-cascader-transfer .ivu-cascader-menu-item-divided {
    margin-top: 5px;
    border-top: 1px solid #e9eaec
}

.ivu-cascader-transfer .ivu-cascader-menu-item-divided:before {
    content: "";
    height: 5px;
    display: block;
    margin: 0 -16px;
    background-color: #fff;
    position: relative;
    top: -7px
}

.ivu-cascader-transfer .ivu-cascader-large .ivu-cascader-menu-item {
    padding: 7px 16px 8px;
    font-size: 14px !important
}

@-moz-document url-prefix() {
    .ivu-cascader-transfer .ivu-cascader-menu-item {
        white-space: normal
    }
}

.ivu-cascader-transfer .ivu-select-item span {
    color: #ed3f14
}

.ivu-cascader-transfer .ivu-cascader-menu-item {
    padding-right: 24px;
    transition: all .2s ease-in-out
}

.ivu-cascader-transfer .ivu-cascader-menu-item-active {
    background-color: #f3f3f3;
    color: #2d8cf0
}

.ivu-form-item-error .ivu-cascader-arrow {
    color: #ed3f14
}

.ivu-transfer {
    position: relative;
    line-height: 1.5
}

.ivu-transfer-list {
    display: inline-block;
    width: 180px;
    height: 210px;
    font-size: 12px;
    vertical-align: middle;
    position: relative;
    padding-top: 35px
}

.ivu-transfer-list-with-footer {
    padding-bottom: 35px
}

.ivu-transfer-list-header {
    padding: 8px 16px;
    background: #f9fafc;
    color: #495060;
    border: 1px solid #dddee1;
    border-bottom: 1px solid #e9eaec;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.ivu-transfer-list-header-title {
    cursor: pointer
}

.ivu-transfer-list-header>span {
    padding-left: 4px
}

.ivu-transfer-list-header-count {
    margin: 0 !important;
    float: right
}

.ivu-transfer-list-body {
    height: 100%;
    border: 1px solid #dddee1;
    border-top: none;
    border-radius: 0 0 6px 6px;
    position: relative;
    overflow: hidden
}

.ivu-transfer-list-body-with-search {
    padding-top: 34px
}

.ivu-transfer-list-body-with-footer {
    border-radius: 0
}

.ivu-transfer-list-content {
    height: 100%;
    padding: 4px 0;
    overflow: auto
}

.ivu-transfer-list-content-item {
    overflow: hidden;
    text-overflow: ellipsis
}

.ivu-transfer-list-content-item>span {
    padding-left: 4px
}

.ivu-transfer-list-content-not-found {
    display: none;
    text-align: center;
    color: #bbbec4
}

li.ivu-transfer-list-content-not-found:only-child {
    display: block
}

.ivu-transfer-list-body-with-search .ivu-transfer-list-content {
    padding: 6px 0 0
}

.ivu-transfer-list-body-search-wrapper {
    padding: 8px 8px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.ivu-transfer-list-search {
    position: relative
}

.ivu-transfer-list-footer {
    border: 1px solid #dddee1;
    border-top: none;
    border-radius: 0 0 6px 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    zoom: 1
}

.ivu-transfer-list-footer:after,
.ivu-transfer-list-footer:before {
    content: "";
    display: table
}

.ivu-transfer-list-footer:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ivu-transfer-operation {
    display: inline-block;
    overflow: hidden;
    margin: 0 16px;
    vertical-align: middle
}

.ivu-transfer-operation .ivu-btn {
    display: block;
    min-width: 24px
}

.ivu-transfer-operation .ivu-btn:first-child {
    margin-bottom: 12px
}

.ivu-transfer-list-content-item {
    margin: 0;
    line-height: normal;
    padding: 7px 16px;
    clear: both;
    color: #495060;
    font-size: 12px !important;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background .2s ease-in-out
}

.ivu-transfer-list-content-item-focus,
.ivu-transfer-list-content-item:hover {
    background: #f3f3f3
}

.ivu-transfer-list-content-item-disabled {
    color: #bbbec4;
    cursor: not-allowed
}

.ivu-transfer-list-content-item-disabled:hover {
    color: #bbbec4;
    background-color: #fff;
    cursor: not-allowed
}

.ivu-transfer-list-content-item-selected,
.ivu-transfer-list-content-item-selected:hover {
    color: #fff;
    background: rgba(45, 140, 240, .9)
}

.ivu-transfer-list-content-item-selected.ivu-transfer-list-content-item-focus {
    background: rgba(40, 123, 211, .91)
}

.ivu-transfer-list-content-item-divided {
    margin-top: 5px;
    border-top: 1px solid #e9eaec
}

.ivu-transfer-list-content-item-divided:before {
    content: "";
    height: 5px;
    display: block;
    margin: 0 -16px;
    background-color: #fff;
    position: relative;
    top: -7px
}

.ivu-transfer-large .ivu-transfer-list-content-item {
    padding: 7px 16px 8px;
    font-size: 14px !important
}

@-moz-document url-prefix() {
    .ivu-transfer-list-content-item {
        white-space: normal
    }
}

.ivu-table {
    width: inherit;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    color: #495060;
    font-size: 12px;
    background-color: #fff;
    box-sizing: border-box
}

.ivu-table-wrapper {
    position: relative;
    border: 1px solid #dddee1;
    border-bottom: 0;
    border-right: 0
}

.ivu-table-hide {
    opacity: 0
}

.ivu-table:before {
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    z-index: 1
}

.ivu-table:after,
.ivu-table:before {
    content: "";
    position: absolute;
    background-color: #dddee1
}

.ivu-table:after {
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 3
}

.ivu-table-footer,
.ivu-table-title {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #e9eaec
}

.ivu-table-footer {
    border-bottom: none
}

.ivu-table-header {
    overflow: hidden
}

.ivu-table-overflowX {
    overflow-x: scroll
}

.ivu-table-overflowY {
    overflow-y: scroll
}

.ivu-table-tip {
    overflow-x: auto;
    overflow-y: hidden
}

.ivu-table-with-fixed-top.ivu-table-with-footer .ivu-table-footer {
    border-top: 1px solid #dddee1
}

.ivu-table-with-fixed-top.ivu-table-with-footer tbody tr:last-child td {
    border-bottom: none
}

.ivu-table td,
.ivu-table th {
    min-width: 0;
    height: 48px;
    box-sizing: border-box;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    border-bottom: 1px solid #e9eaec
}

.ivu-table th {
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #f8f8f9
}

.ivu-table td {
    background-color: #fff;
    transition: background-color .2s ease-in-out
}

td.ivu-table-column-left,
th.ivu-table-column-left {
    text-align: left
}

td.ivu-table-column-center,
th.ivu-table-column-center {
    text-align: center
}

td.ivu-table-column-right,
th.ivu-table-column-right {
    text-align: right
}

.ivu-table table {
    table-layout: fixed
}

.ivu-table-border td,
.ivu-table-border th {
    border-right: 1px solid #e9eaec
}

.ivu-table-cell {
    padding-left: 18px;
    padding-right: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    box-sizing: border-box
}

.ivu-table-cell-ellipsis {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ivu-table-cell-with-expand {
    height: 47px;
    line-height: 47px;
    padding: 0;
    text-align: center
}

.ivu-table-cell-expand {
    cursor: pointer;
    transition: transform .2s ease-in-out
}

.ivu-table-cell-expand i {
    font-size: 14px
}

.ivu-table-cell-expand-expanded {
    transform: rotate(90deg)
}

.ivu-table-cell-sort {
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ivu-table-hidden {
    visibility: hidden
}

th .ivu-table-cell {
    display: inline-block;
    word-wrap: normal;
    vertical-align: middle
}

td.ivu-table-expanded-cell {
    padding: 20px 50px;
    background: #f8f8f9
}

.ivu-table-stripe .ivu-table-body tr:nth-child(2n) td,
.ivu-table-stripe .ivu-table-fixed-body tr:nth-child(2n) td {
    background-color: #f8f8f9
}

.ivu-table-stripe .ivu-table-body tr.ivu-table-row-hover td,
.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-hover td,
tr.ivu-table-row-hover td {
    background-color: #ebf7ff
}

.ivu-table-large {
    font-size: 14px
}

.ivu-table-large th {
    height: 48px
}

.ivu-table-large td {
    height: 60px
}

.ivu-table-large-footer,
.ivu-table-large-title {
    height: 60px;
    line-height: 60px
}

.ivu-table-large .ivu-table-cell-with-expand {
    height: 59px;
    line-height: 59px
}

.ivu-table-large .ivu-table-cell-with-expand i {
    font-size: 16px
}

.ivu-table-small th {
    height: 32px
}

.ivu-table-small td {
    height: 40px
}

.ivu-table-small-footer,
.ivu-table-small-title {
    height: 40px;
    line-height: 40px
}

.ivu-table-small .ivu-table-cell-with-expand {
    height: 39px;
    line-height: 39px
}

.ivu-table-row-highlight td,
.ivu-table-stripe .ivu-table-body tr.ivu-table-row-highlight:nth-child(2n) td,
.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-highlight:nth-child(2n) td,
tr.ivu-table-row-highlight.ivu-table-row-hover td {
    background-color: #ebf7ff
}

.ivu-table-fixed,
.ivu-table-fixed-right {
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 2px 0 6px -2px rgba(0, 0, 0, .2)
}

.ivu-table-fixed-right:before,
.ivu-table-fixed:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #dddee1;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4
}

.ivu-table-fixed-right {
    top: 0;
    left: auto;
    right: 0;
    box-shadow: -2px 0 6px -2px rgba(0, 0, 0, .2)
}

.ivu-table-fixed-right-header {
    position: absolute;
    top: -1px;
    right: 0;
    background-color: #f8f8f9;
    border-top: 1px solid #dddee1;
    border-bottom: 1px solid #e9eaec
}

.ivu-table-fixed-header {
    overflow: hidden
}

.ivu-table-fixed-header-with-empty .ivu-table-hidden .ivu-table-cell span,
.ivu-table-fixed-header-with-empty .ivu-table-hidden .ivu-table-sort {
    display: none
}

.ivu-table-fixed-body {
    overflow: hidden;
    position: relative;
    z-index: 3
}

.ivu-table-fixed-shadow {
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 1px 0 6px rgba(0, 0, 0, .2);
    overflow: hidden;
    z-index: 1
}

.ivu-table-sort {
    display: inline-block;
    width: 9px;
    height: 12px;
    margin-left: 4px;
    margin-top: -1px;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.ivu-table-sort i {
    display: block;
    height: 6px;
    line-height: 6px;
    overflow: hidden;
    position: absolute;
    color: #bbbec4;
    transition: color .2s ease-in-out
}

.ivu-table-sort i:hover {
    color: inherit
}

.ivu-table-sort i.on {
    color: #2d8cf0
}

.ivu-table-sort i:first-child {
    top: 0
}

.ivu-table-sort i:last-child {
    bottom: 0
}

.ivu-table-filter {
    display: inline-block;
    cursor: pointer;
    position: relative
}

.ivu-table-filter i {
    color: #bbbec4;
    transition: color .2s ease-in-out
}

.ivu-table-filter i:hover {
    color: inherit
}

.ivu-table-filter i.on {
    color: #2d8cf0
}

.ivu-table-filter-list {
    padding: 8px 0 0
}

.ivu-table-filter-list-item {
    padding: 0 12px 8px
}

.ivu-table-filter-list-item .ivu-checkbox-wrapper+.ivu-checkbox-wrapper {
    margin: 0
}

.ivu-table-filter-list-item label {
    display: block
}

.ivu-table-filter-list-item label>span {
    margin-right: 4px
}

.ivu-table-filter-list ul {
    padding-bottom: 8px
}

.ivu-table-filter-list .ivu-table-filter-select-item {
    margin: 0;
    line-height: normal;
    padding: 7px 16px;
    clear: both;
    color: #495060;
    font-size: 12px !important;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background .2s ease-in-out
}

.ivu-table-filter-list .ivu-table-filter-select-item-focus,
.ivu-table-filter-list .ivu-table-filter-select-item:hover {
    background: #f3f3f3
}

.ivu-table-filter-list .ivu-table-filter-select-item-disabled {
    color: #bbbec4;
    cursor: not-allowed
}

.ivu-table-filter-list .ivu-table-filter-select-item-disabled:hover {
    color: #bbbec4;
    background-color: #fff;
    cursor: not-allowed
}

.ivu-table-filter-list .ivu-table-filter-select-item-selected,
.ivu-table-filter-list .ivu-table-filter-select-item-selected:hover {
    color: #fff;
    background: rgba(45, 140, 240, .9)
}

.ivu-table-filter-list .ivu-table-filter-select-item-selected.ivu-table-filter-list .ivu-table-filter-select-item-focus {
    background: rgba(40, 123, 211, .91)
}

.ivu-table-filter-list .ivu-table-filter-select-item-divided {
    margin-top: 5px;
    border-top: 1px solid #e9eaec
}

.ivu-table-filter-list .ivu-table-filter-select-item-divided:before {
    content: "";
    height: 5px;
    display: block;
    margin: 0 -16px;
    background-color: #fff;
    position: relative;
    top: -7px
}

.ivu-table-filter-list .ivu-table-large .ivu-table-filter-select-item {
    padding: 7px 16px 8px;
    font-size: 14px !important
}

@-moz-document url-prefix() {
    .ivu-table-filter-list .ivu-table-filter-select-item {
        white-space: normal
    }
}

.ivu-table-filter-footer {
    padding: 4px;
    border-top: 1px solid #e9eaec;
    overflow: hidden
}

.ivu-table-filter-footer button:first-child {
    float: left
}

.ivu-table-filter-footer button:last-child {
    float: right
}

.ivu-table-tip table {
    width: 100%
}

.ivu-table-tip table td {
    text-align: center
}

.ivu-table-expanded-hidden {
    visibility: hidden
}

.ivu-table-popper {
    min-width: 0;
    text-align: left
}

.ivu-table-popper .ivu-poptip-body {
    padding: 0
}

.ivu-dropdown {
    display: inline-block
}

.ivu-dropdown .ivu-select-dropdown {
    overflow: visible;
    max-height: none
}

.ivu-dropdown .ivu-dropdown {
    width: 100%
}

.ivu-dropdown-rel {
    position: relative
}

.ivu-dropdown-menu {
    min-width: 100px
}

.ivu-dropdown-transfer {
    width: auto
}

.ivu-dropdown-item {
    margin: 0;
    line-height: normal;
    padding: 7px 16px;
    clear: both;
    color: #495060;
    font-size: 12px !important;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background .2s ease-in-out
}

.ivu-dropdown-item-focus,
.ivu-dropdown-item:hover {
    background: #f3f3f3
}

.ivu-dropdown-item-disabled {
    color: #bbbec4;
    cursor: not-allowed
}

.ivu-dropdown-item-disabled:hover {
    color: #bbbec4;
    background-color: #fff;
    cursor: not-allowed
}

.ivu-dropdown-item-selected,
.ivu-dropdown-item-selected:hover {
    color: #fff;
    background: rgba(45, 140, 240, .9)
}

.ivu-dropdown-item-selected.ivu-dropdown-item-focus {
    background: rgba(40, 123, 211, .91)
}

.ivu-dropdown-item-divided {
    margin-top: 5px;
    border-top: 1px solid #e9eaec
}

.ivu-dropdown-item-divided:before {
    content: "";
    height: 5px;
    display: block;
    margin: 0 -16px;
    background-color: #fff;
    position: relative;
    top: -7px
}

.ivu-dropdown-large .ivu-dropdown-item {
    padding: 7px 16px 8px;
    font-size: 14px !important
}

@-moz-document url-prefix() {
    .ivu-dropdown-item {
        white-space: normal
    }
}

.ivu-tabs {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    color: #495060;
    zoom: 1
}

.ivu-tabs:after,
.ivu-tabs:before {
    content: "";
    display: table
}

.ivu-tabs:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ivu-tabs-bar {
    outline: 0
}

.ivu-tabs-ink-bar {
    height: 2px;
    box-sizing: border-box;
    background-color: #2d8cf0;
    position: absolute;
    left: 0;
    bottom: 1px;
    z-index: 1;
    transition: transform .3s ease-in-out;
    transform-origin: 0 0
}

.ivu-tabs-bar {
    border-bottom: 1px solid #dddee1;
    margin-bottom: 16px
}

.ivu-tabs-nav-container {
    margin-bottom: -1px;
    line-height: 1.5;
    font-size: 14px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    zoom: 1
}

.ivu-tabs-nav-container:after,
.ivu-tabs-nav-container:before {
    content: "";
    display: table
}

.ivu-tabs-nav-container:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ivu-tabs-nav-container:focus {
    outline: 0
}

.ivu-tabs-nav-container:focus .ivu-tabs-tab-focused {
    border-color: #57a3f3 !important
}

.ivu-tabs-nav-container-scrolling {
    padding-left: 32px;
    padding-right: 32px
}

.ivu-tabs-nav-wrap {
    overflow: hidden;
    margin-bottom: -1px
}

.ivu-tabs-nav-scroll {
    overflow: hidden;
    white-space: nowrap
}

.ivu-tabs-nav-right {
    float: right;
    margin-left: 5px
}

.ivu-tabs-nav-prev {
    left: 0
}

.ivu-tabs-nav-next,
.ivu-tabs-nav-prev {
    position: absolute;
    line-height: 32px;
    cursor: pointer
}

.ivu-tabs-nav-next {
    right: 0
}

.ivu-tabs-nav-scrollable {
    padding: 0 12px
}

.ivu-tabs-nav-scroll-disabled {
    display: none
}

.ivu-tabs-nav {
    padding-left: 0;
    margin: 0;
    float: left;
    list-style: none;
    box-sizing: border-box;
    position: relative;
    transition: transform .5s ease-in-out
}

.ivu-tabs-nav:after,
.ivu-tabs-nav:before {
    display: table;
    content: " "
}

.ivu-tabs-nav:after {
    clear: both
}

.ivu-tabs-nav .ivu-tabs-tab-disabled {
    pointer-events: none;
    cursor: default;
    color: #ccc
}

.ivu-tabs-nav .ivu-tabs-tab {
    display: inline-block;
    height: 100%;
    padding: 8px 16px;
    margin-right: 16px;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    transition: color .3s ease-in-out
}

.ivu-tabs-nav .ivu-tabs-tab:hover {
    color: #57a3f3
}

.ivu-tabs-nav .ivu-tabs-tab:active {
    color: #2b85e4
}

.ivu-tabs-nav .ivu-tabs-tab .ivu-icon {
    width: 14px;
    height: 14px;
    margin-right: 8px
}

.ivu-tabs-nav .ivu-tabs-tab-active {
    color: #2d8cf0
}

.ivu-tabs-mini .ivu-tabs-nav-container {
    font-size: 14px
}

.ivu-tabs-mini .ivu-tabs-tab {
    margin-right: 0;
    padding: 8px 16px;
    font-size: 12px
}

.ivu-tabs .ivu-tabs-content-animated {
    display: flex;
    flex-direction: row;
    will-change: transform;
    transition: transform .3s ease-in-out
}

.ivu-tabs .ivu-tabs-tabpane {
    flex-shrink: 0;
    width: 100%;
    transition: opacity .3s;
    opacity: 1;
    outline: 0
}

.ivu-tabs .ivu-tabs-tabpane-inactive {
    opacity: 0;
    height: 0
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-nav-container {
    height: 32px
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-ink-bar {
    visibility: hidden
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab {
    margin: 0;
    margin-right: 4px;
    height: 31px;
    padding: 5px 16px 4px;
    border: 1px solid #dddee1;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    transition: all .3s ease-in-out;
    background: #f8f8f9
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active {
    height: 32px;
    padding-bottom: 5px;
    background: #fff;
    transform: translateZ(0);
    border-color: #dddee1;
    color: #2d8cf0
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-nav-wrap {
    margin-bottom: 0
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab .ivu-icon-ios-close-empty {
    width: 0;
    height: 22px;
    font-size: 22px;
    margin-right: 0;
    color: #999;
    text-align: right;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    top: -1px;
    transform-origin: 100% 50%;
    transition: all .3s ease-in-out
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab .ivu-icon-ios-close-empty:hover {
    color: #444
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active .ivu-icon-ios-close-empty,
.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab:hover .ivu-icon-ios-close-empty {
    width: 14px;
    transform: translateZ(0)
}

.ivu-tabs-no-animation>.ivu-tabs-content {
    transform: none !important
}

.ivu-tabs-no-animation>.ivu-tabs-content>.ivu-tabs-tabpane-inactive {
    display: none
}

.ivu-menu {
    display: block;
    margin: 0;
    padding: 0;
    outline: 0;
    list-style: none;
    color: #495060;
    font-size: 14px;
    position: relative;
    z-index: 900
}

.ivu-menu-horizontal {
    height: 60px;
    line-height: 60px
}

.ivu-menu-horizontal.ivu-menu-light:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #dddee1;
    position: absolute;
    bottom: 0;
    left: 0
}

.ivu-menu-vertical.ivu-menu-light:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #dddee1;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.ivu-menu-light {
    background: #fff
}

.ivu-menu-dark {
    background: #495060
}

.ivu-menu-primary {
    background: #2d8cf0
}

.ivu-menu-item {
    display: block;
    outline: 0;
    list-style: none;
    font-size: 14px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.ivu-menu-item>i {
    margin-right: 6px
}

.ivu-menu-submenu-title>i,
.ivu-menu-submenu-title span>i {
    margin-right: 8px
}

.ivu-menu-horizontal .ivu-menu-item,
.ivu-menu-horizontal .ivu-menu-submenu {
    float: left;
    padding: 0 20px;
    position: relative;
    cursor: pointer;
    z-index: 3;
    transition: all .2s ease-in-out
}

.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item,
.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu {
    height: inherit;
    line-height: inherit;
    border-bottom: 2px solid transparent;
    color: #495060
}

.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active,
.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover,
.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active,
.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover {
    color: #2d8cf0;
    border-bottom: 2px solid #2d8cf0
}

.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-item,
.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-submenu {
    color: hsla(0, 0%, 100%, .7)
}

.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-item-active,
.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-item:hover,
.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-submenu-active,
.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-submenu:hover,
.ivu-menu-primary.ivu-menu-horizontal .ivu-menu-item,
.ivu-menu-primary.ivu-menu-horizontal .ivu-menu-submenu {
    color: #fff
}

.ivu-menu-primary.ivu-menu-horizontal .ivu-menu-item-active,
.ivu-menu-primary.ivu-menu-horizontal .ivu-menu-item:hover,
.ivu-menu-primary.ivu-menu-horizontal .ivu-menu-submenu-active,
.ivu-menu-primary.ivu-menu-horizontal .ivu-menu-submenu:hover {
    background: #2b85e4
}

.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown {
    min-width: 100%;
    width: auto;
    max-height: none
}

.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item {
    height: auto;
    border-bottom: 0;
    float: none
}

.ivu-menu-item-group {
    line-height: normal
}

.ivu-menu-item-group-title {
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
    font-size: 12px;
    color: #999
}

.ivu-menu-item-group>ul {
    padding: 0 !important;
    list-style: none !important
}

.ivu-menu-vertical .ivu-menu-item,
.ivu-menu-vertical .ivu-menu-submenu-title {
    padding: 14px 24px;
    position: relative;
    cursor: pointer;
    z-index: 1;
    transition: all .2s ease-in-out
}

.ivu-menu-vertical .ivu-menu-item:hover,
.ivu-menu-vertical .ivu-menu-submenu-title:hover {
    background: #f3f3f3
}

.ivu-menu-vertical .ivu-menu-submenu-title-icon {
    float: right;
    position: relative;
    top: 4px
}

.ivu-menu-submenu-title-icon {
    transition: transform .2s ease-in-out
}

.ivu-menu-opened>*>.ivu-menu-submenu-title-icon {
    transform: rotate(180deg)
}

.ivu-menu-vertical .ivu-menu-submenu-nested {
    padding-left: 20px
}

.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item {
    padding-left: 43px
}

.ivu-menu-vertical .ivu-menu-item-group-title {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    padding-left: 28px
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-group-title {
    color: hsla(0, 0%, 100%, .36)
}

.ivu-menu-light.ivu-menu-vertical .ivu-menu-item {
    border-right: 2px solid transparent
}

.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
    color: #2d8cf0;
    border-right: 2px solid #2d8cf0;
    z-index: 2
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item,
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title {
    color: hsla(0, 0%, 100%, .7)
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu),
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):hover,
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu),
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu):hover {
    background: #363e4f
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item:hover,
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover {
    color: #fff;
    background: #495060
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu),
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu) {
    color: #2d8cf0;
    border-right: 2px solid #2d8cf0
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item:hover {
    color: #fff;
    background: 0 0 !important
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
    border-right: none;
    color: #fff;
    background: #2d8cf0 !important
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-child-item-active>.ivu-menu-submenu-title {
    color: #fff
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened {
    background: #363e4f
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title {
    background: #495060
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-has-parent-submenu .ivu-menu-submenu-title {
    background: 0 0
}

.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item {
    margin: 0;
    line-height: normal;
    padding: 7px 16px;
    clear: both;
    color: #495060;
    font-size: 12px !important;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background .2s ease-in-out
}

.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-focus,
.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item:hover {
    background: #f3f3f3
}

.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-disabled {
    color: #bbbec4;
    cursor: not-allowed
}

.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-disabled:hover {
    color: #bbbec4;
    background-color: #fff;
    cursor: not-allowed
}

.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-selected,
.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-selected:hover {
    color: #fff;
    background: rgba(45, 140, 240, .9)
}

.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-selected.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-focus {
    background: rgba(40, 123, 211, .91)
}

.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-divided {
    margin-top: 5px;
    border-top: 1px solid #e9eaec
}

.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-divided:before {
    content: "";
    height: 5px;
    display: block;
    margin: 0 -16px;
    background-color: #fff;
    position: relative;
    top: -7px
}

.ivu-menu-large .ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item {
    padding: 7px 16px 8px;
    font-size: 14px !important
}

@-moz-document url-prefix() {
    .ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item {
        white-space: normal
    }
}

.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item {
    padding: 7px 16px 8px;
    font-size: 14px !important
}

.ivu-date-picker {
    display: inline-block;
    line-height: normal
}

.ivu-date-picker-rel {
    position: relative
}

.ivu-date-picker .ivu-select-dropdown {
    width: auto;
    padding: 0;
    overflow: visible;
    max-height: none
}

.ivu-date-picker-cells {
    width: 196px;
    margin: 10px;
    white-space: normal
}

.ivu-date-picker-cells span,
.ivu-date-picker-cells span em {
    display: inline-block;
    width: 24px;
    height: 24px
}

.ivu-date-picker-cells span em {
    line-height: 24px;
    margin: 2px;
    font-style: normal;
    border-radius: 3px;
    text-align: center;
    transition: all .2s ease-in-out
}

.ivu-date-picker-cells-header span {
    line-height: 24px;
    text-align: center;
    margin: 2px;
    color: #bbbec4
}

.ivu-date-picker-cells-cell:hover em {
    background: #e1f0fe
}

.ivu-date-picker-cells-focused em {
    box-shadow: inset 0 0 0 1px #2d8cf0
}

span.ivu-date-picker-cells-cell {
    width: 28px;
    height: 28px;
    cursor: pointer
}

.ivu-date-picker-cells-cell-next-month em,
.ivu-date-picker-cells-cell-prev-month em {
    color: #bbbec4
}

.ivu-date-picker-cells-cell-next-month:hover em,
.ivu-date-picker-cells-cell-prev-month:hover em {
    background: 0 0
}

span.ivu-date-picker-cells-cell-disabled,
span.ivu-date-picker-cells-cell-disabled:hover,
span.ivu-date-picker-cells-cell-week-label,
span.ivu-date-picker-cells-cell-week-label:hover {
    cursor: not-allowed;
    color: #bbbec4
}

span.ivu-date-picker-cells-cell-disabled:hover em,
span.ivu-date-picker-cells-cell-disabled em,
span.ivu-date-picker-cells-cell-week-label:hover em,
span.ivu-date-picker-cells-cell-week-label em {
    color: inherit;
    background: inherit
}

span.ivu-date-picker-cells-cell-disabled,
span.ivu-date-picker-cells-cell-disabled:hover {
    background: #f7f7f7
}

.ivu-date-picker-cells-cell-today em {
    position: relative
}

.ivu-date-picker-cells-cell-today em:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2d8cf0;
    position: absolute;
    top: 1px;
    right: 1px
}

.ivu-date-picker-cells-cell-range {
    position: relative
}

.ivu-date-picker-cells-cell-range em {
    position: relative;
    z-index: 1
}

.ivu-date-picker-cells-cell-range:before {
    content: "";
    display: block;
    background: #e1f0fe;
    border-radius: 0;
    border: 0;
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    right: 0
}

.ivu-date-picker-cells-cell-selected:hover em,
.ivu-date-picker-cells-cell-selected em {
    background: #2d8cf0;
    color: #fff
}

span.ivu-date-picker-cells-cell-disabled.ivu-date-picker-cells-cell-selected em {
    background: #bbbec4;
    color: #f7f7f7
}

.ivu-date-picker-cells-cell-today.ivu-date-picker-cells-cell-selected em:after {
    background: #fff
}

.ivu-date-picker-cells-show-week-numbers {
    width: 226px
}

.ivu-date-picker-cells-month,
.ivu-date-picker-cells-year {
    margin-top: 14px
}

.ivu-date-picker-cells-month span,
.ivu-date-picker-cells-year span {
    width: 40px;
    height: 28px;
    line-height: 28px;
    margin: 10px 12px;
    border-radius: 3px
}

.ivu-date-picker-cells-month span em,
.ivu-date-picker-cells-year span em {
    width: 40px;
    height: 28px;
    line-height: 28px;
    margin: 0
}

.ivu-date-picker-cells-month .ivu-date-picker-cells-cell-focused,
.ivu-date-picker-cells-year .ivu-date-picker-cells-cell-focused {
    background-color: #d5e8fc
}

.ivu-date-picker-header {
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-bottom: 1px solid #e9eaec
}

.ivu-date-picker-header-label {
    cursor: pointer;
    transition: color .2s ease-in-out
}

.ivu-date-picker-header-label:hover {
    color: #2d8cf0
}

.ivu-date-picker-btn-pulse {
    background-color: #d5e8fc !important;
    border-radius: 4px;
    transition: background-color .2s ease-in-out
}

.ivu-date-picker-prev-btn {
    float: left
}

.ivu-date-picker-prev-btn-arrow-double {
    margin-left: 10px
}

.ivu-date-picker-prev-btn-arrow-double i:after {
    content: "\F3D2"
}

.ivu-date-picker-next-btn {
    float: right
}

.ivu-date-picker-next-btn-arrow-double {
    margin-right: 10px
}

.ivu-date-picker-next-btn-arrow-double i:after {
    content: "\F3D3"
}

.ivu-date-picker-with-range .ivu-picker-panel-body {
    min-width: 432px
}

.ivu-date-picker-with-range .ivu-picker-panel-content {
    float: left
}

.ivu-date-picker-with-range .ivu-picker-cells-show-week-numbers,
.ivu-date-picker-with-week-numbers .ivu-picker-panel-body-date {
    min-width: 492px
}

.ivu-date-picker-transfer {
    z-index: 1060;
    max-height: none;
    width: auto
}

.ivu-date-picker-focused input {
    border-color: #57a3f3;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-picker-panel-icon-btn {
    display: inline-block;
    width: 20px;
    height: 24px;
    line-height: 26px;
    margin-top: 4px;
    text-align: center;
    cursor: pointer;
    color: #bbbec4;
    transition: color .2s ease-in-out
}

.ivu-picker-panel-icon-btn:hover {
    color: #2d8cf0
}

.ivu-picker-panel-icon-btn i {
    font-size: 14px
}

.ivu-picker-panel-body-wrapper.ivu-picker-panel-with-sidebar {
    padding-left: 92px
}

.ivu-picker-panel-sidebar {
    width: 92px;
    float: left;
    margin-left: -92px;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #f8f8f9;
    border-right: 1px solid #e9eaec;
    border-radius: 4px 0 0 4px;
    overflow: auto
}

.ivu-picker-panel-shortcut {
    padding: 6px 15px 7px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ivu-picker-panel-shortcut:hover {
    background: #e9eaec
}

.ivu-picker-panel-body {
    float: left
}

.ivu-picker-confirm {
    border-top: 1px solid #e9eaec;
    text-align: right;
    padding: 8px;
    clear: both
}

.ivu-picker-confirm>span {
    color: #2d8cf0;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    padding: 2px 0;
    transition: all .2s ease-in-out
}

.ivu-picker-confirm>span:hover {
    color: #57a3f3
}

.ivu-picker-confirm>span:active {
    color: #2b85e4
}

.ivu-picker-confirm-time {
    float: left
}

.ivu-time-picker-cells {
    min-width: 112px
}

.ivu-time-picker-cells-with-seconds {
    min-width: 168px
}

.ivu-time-picker-cells-list {
    width: 56px;
    max-height: 144px;
    float: left;
    overflow: hidden;
    border-left: 1px solid #e9eaec;
    position: relative
}

.ivu-time-picker-cells-list:hover {
    overflow-y: auto
}

.ivu-time-picker-cells-list:first-child {
    border-left: none;
    border-radius: 4px 0 0 4px
}

.ivu-time-picker-cells-list:last-child {
    border-radius: 0 4px 4px 0
}

.ivu-time-picker-cells-list ul {
    width: 100%;
    margin: 0;
    padding: 0 0 120px;
    list-style: none
}

.ivu-time-picker-cells-list ul li {
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 0 16px;
    box-sizing: content-box;
    text-align: left;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    list-style: none;
    transition: background .2s ease-in-out
}

.ivu-time-picker-cells-cell:hover {
    background: #f3f3f3
}

.ivu-time-picker-cells-cell-disabled {
    color: #bbbec4;
    cursor: not-allowed
}

.ivu-time-picker-cells-cell-disabled:hover {
    color: #bbbec4;
    background-color: #fff;
    cursor: not-allowed
}

.ivu-time-picker-cells-cell-selected,
.ivu-time-picker-cells-cell-selected:hover {
    color: #2d8cf0;
    background: #f3f3f3
}

.ivu-time-picker-cells-cell-focused {
    background-color: #d5e8fc
}

.ivu-time-picker-header {
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-bottom: 1px solid #e9eaec
}

.ivu-time-picker-with-range .ivu-picker-panel-body {
    min-width: 228px
}

.ivu-time-picker-with-range .ivu-picker-panel-content {
    float: left;
    position: relative
}

.ivu-time-picker-with-range .ivu-picker-panel-content:after {
    content: "";
    display: block;
    width: 2px;
    position: absolute;
    top: 31px;
    bottom: 0;
    right: -2px;
    background: #e9eaec;
    z-index: 1
}

.ivu-time-picker-with-range .ivu-picker-panel-content-right {
    float: right
}

.ivu-time-picker-with-range .ivu-picker-panel-content-right:after {
    right: auto;
    left: -2px
}

.ivu-time-picker-with-range .ivu-time-picker-cells-list:first-child,
.ivu-time-picker-with-range .ivu-time-picker-cells-list:last-child {
    border-radius: 0
}

.ivu-time-picker-with-range.ivu-time-picker-with-seconds .ivu-picker-panel-body {
    min-width: 340px
}

.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells,
.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-with-seconds {
    min-width: 216px
}

.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-with-seconds .ivu-time-picker-cells-list {
    width: 72px
}

.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-with-seconds .ivu-time-picker-cells-list ul li {
    padding: 0 0 0 28px
}

.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list {
    width: 108px;
    max-height: 216px
}

.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list:first-child,
.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list:last-child {
    border-radius: 0
}

.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list ul {
    padding: 0 0 192px
}

.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list ul li {
    padding: 0 0 0 46px
}

.ivu-form .ivu-form-item-label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 12px;
    color: #495060;
    line-height: 1;
    padding: 10px 12px 10px 0;
    box-sizing: border-box
}

.ivu-form-label-left .ivu-form-item-label {
    text-align: left
}

.ivu-form-label-top .ivu-form-item-label {
    float: none;
    display: inline-block;
    padding: 0 0 10px
}

.ivu-form-inline .ivu-form-item {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.ivu-form-item {
    margin-bottom: 24px;
    vertical-align: top;
    zoom: 1
}

.ivu-form-item:after,
.ivu-form-item:before {
    content: "";
    display: table
}

.ivu-form-item:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ivu-form-item-content {
    position: relative;
    line-height: 32px;
    font-size: 12px
}

.ivu-form-item .ivu-form-item {
    margin-bottom: 0
}

.ivu-form-item .ivu-form-item .ivu-form-item-content {
    margin-left: 0 !important
}

.ivu-form-item-error-tip {
    position: absolute;
    top: 100%;
    left: 0;
    line-height: 1;
    padding-top: 6px;
    color: #ed3f14
}

.ivu-form-item-required .ivu-form-item-label:before {
    content: "*";
    display: inline-block;
    margin-right: 4px;
    line-height: 1;
    font-family: SimSun;
    font-size: 12px;
    color: #ed3f14
}

.ivu-carousel {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.ivu-carousel-list,
.ivu-carousel-track {
    transform: translateZ(0)
}

.ivu-carousel-list {
    margin: 0;
    padding: 0
}

.ivu-carousel-list,
.ivu-carousel-track {
    position: relative;
    display: block;
    overflow: hidden
}

.ivu-carousel-track {
    top: 0;
    left: 0;
    z-index: 1
}

.ivu-carousel-track.higher {
    z-index: 2
}

.ivu-carousel-item {
    float: left;
    height: 100%;
    min-height: 1px;
    display: block
}

.ivu-carousel-arrow {
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    transition: .2s;
    background-color: rgba(31, 45, 61, .11);
    color: #fff;
    text-align: center;
    font-size: 1em;
    font-family: inherit;
    line-height: inherit
}

.ivu-carousel-arrow:hover {
    background-color: rgba(31, 45, 61, .5)
}

.ivu-carousel-arrow>* {
    vertical-align: baseline
}

.ivu-carousel-arrow.left {
    left: 16px
}

.ivu-carousel-arrow.right {
    right: 16px
}

.ivu-carousel-arrow-always {
    display: inherit
}

.ivu-carousel-arrow-hover {
    display: inherit;
    opacity: 0
}

.ivu-carousel:hover .ivu-carousel-arrow-hover {
    opacity: 1
}

.ivu-carousel-dots {
    z-index: 10;
    display: none;
    position: relative;
    list-style: none;
    text-align: center;
    padding: 0;
    width: 100%;
    height: 17px
}

.ivu-carousel-dots-inside {
    display: block;
    position: absolute;
    bottom: 3px
}

.ivu-carousel-dots-outside {
    display: block;
    margin-top: 3px
}

.ivu-carousel-dots li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 2px;
    padding: 7px 0;
    cursor: pointer
}

.ivu-carousel-dots li button {
    border: 0;
    cursor: pointer;
    background: #8391a5;
    opacity: .3;
    display: block;
    width: 16px;
    height: 3px;
    border-radius: 1px;
    outline: 0;
    font-size: 0;
    color: transparent;
    transition: all .5s
}

.ivu-carousel-dots li button.radius {
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.ivu-carousel-dots li:hover>button {
    opacity: .7
}

.ivu-carousel-dots li.ivu-carousel-active>button {
    opacity: 1;
    width: 24px
}

.ivu-carousel-dots li.ivu-carousel-active>button.radius {
    width: 6px
}

.ivu-rate {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 20px;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal
}

.ivu-rate-disabled .ivu-rate-star-content:before,
.ivu-rate-disabled .ivu-rate-star:before {
    cursor: default
}

.ivu-rate-disabled .ivu-rate-star:hover {
    transform: scale(1)
}

.ivu-rate-star {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 8px;
    position: relative;
    font-family: Ionicons;
    transition: all .3s ease
}

.ivu-rate-star:hover {
    transform: scale(1.1)
}

.ivu-rate-star-content:before,
.ivu-rate-star:before {
    color: #e9e9e9;
    cursor: pointer;
    content: "\F4B3";
    transition: all .2s ease-in-out;
    display: block
}

.ivu-rate-star-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.ivu-rate-star-content:before {
    color: transparent
}

.ivu-rate-star-full:before,
.ivu-rate-star-half .ivu-rate-star-content:before {
    color: #f5a623
}

.ivu-rate-star-full:hover:before,
.ivu-rate-star-half:hover .ivu-rate-star-content:before {
    color: #f7b84f
}

.ivu-rate-text {
    margin-left: 8px;
    vertical-align: middle;
    display: inline-block;
    font-size: 12px
}

.ivu-upload input[type=file] {
    display: none
}

.ivu-upload-list {
    margin-top: 8px
}

.ivu-upload-list-file {
    padding: 4px;
    color: #495060;
    border-radius: 4px;
    transition: background-color .2s ease-in-out;
    overflow: hidden;
    position: relative
}

.ivu-upload-list-file>span {
    cursor: pointer;
    transition: color .2s ease-in-out
}

.ivu-upload-list-file>span i {
    display: inline-block;
    width: 12px;
    height: 12px;
    color: #495060;
    text-align: center
}

.ivu-upload-list-file:hover {
    background: #f3f3f3
}

.ivu-upload-list-file:hover>span {
    color: #2d8cf0
}

.ivu-upload-list-file:hover>span i {
    color: #495060
}

.ivu-upload-list-file:hover .ivu-upload-list-remove {
    opacity: 1
}

.ivu-upload-list-remove {
    opacity: 0;
    font-size: 18px;
    cursor: pointer;
    float: right;
    margin-right: 4px;
    color: #999;
    transition: all .2s ease
}

.ivu-upload-list-remove:hover {
    color: #444
}

.ivu-upload-select {
    display: inline-block
}

.ivu-upload-drag {
    background: #fff;
    border: 1px dashed #dddee1;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color .2s ease
}

.ivu-upload-drag:hover {
    border: 1px dashed #2d8cf0
}

.ivu-upload-dragOver {
    border: 2px dashed #2d8cf0
}

.ivu-tree ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px
}

.ivu-tree ul li {
    list-style: none;
    margin: 8px 0;
    padding: 0;
    white-space: nowrap;
    outline: 0
}

.ivu-tree li ul {
    margin: 0;
    padding: 0 0 0 18px
}

.ivu-tree-title {
    display: inline-block;
    margin: 0;
    padding: 0 4px;
    border-radius: 3px;
    cursor: pointer;
    vertical-align: top;
    color: #495060;
    transition: all .2s ease-in-out
}

.ivu-tree-title:hover {
    background-color: #eaf4fe
}

.ivu-tree-title-selected,
.ivu-tree-title-selected:hover {
    background-color: #d5e8fc
}

.ivu-tree-arrow {
    cursor: pointer;
    width: 12px;
    text-align: center;
    display: inline-block
}

.ivu-tree-arrow i {
    transition: all .2s ease-in-out
}

.ivu-tree-arrow-open i {
    transform: rotate(90deg)
}

.ivu-tree-arrow-disabled {
    cursor: not-allowed
}

.ivu-avatar {
    display: inline-block;
    text-align: center;
    background: #ccc;
    color: #fff;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px
}

.ivu-avatar-image {
    background: 0 0
}

.ivu-avatar>* {
    line-height: 32px
}

.ivu-avatar.ivu-avatar-icon {
    font-size: 18px
}

.ivu-avatar-large {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px
}

.ivu-avatar-large>* {
    line-height: 40px
}

.ivu-avatar-large.ivu-avatar-icon {
    font-size: 24px
}

.ivu-avatar-small {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px
}

.ivu-avatar-small>* {
    line-height: 24px
}

.ivu-avatar-small.ivu-avatar-icon {
    font-size: 14px
}

.ivu-avatar-square {
    border-radius: 4px
}

.ivu-avatar>img {
    width: 100%;
    height: 100%
}

.ivu-color-picker {
    display: inline-block
}

.ivu-color-picker-hide {
    display: none
}

.ivu-color-picker-hide-drop {
    visibility: hidden
}

.ivu-color-picker-disabled {
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.ivu-color-picker-disabled:hover {
    border-color: #e4e5e7
}

.ivu-color-picker>div:first-child:hover .ivu-input {
    border-color: #57a3f3
}

.ivu-color-picker>div:first-child.ivu-color-picker-disabled:hover .ivu-input {
    border-color: #e4e5e7
}

.ivu-color-picker .ivu-select-dropdown {
    padding: 0
}

.ivu-color-picker-input.ivu-input:focus {
    box-shadow: none
}

.ivu-color-picker-focused {
    border-color: #57a3f3;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-color-picker-rel {
    line-height: 0
}

.ivu-color-picker-color {
    width: 18px;
    height: 18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
    border-radius: 2px;
    position: relative;
    top: 2px
}

.ivu-color-picker-color div {
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    border-radius: 2px
}

.ivu-color-picker-color-empty {
    background: #fff;
    overflow: hidden;
    text-align: center
}

.ivu-color-picker-color-empty i {
    font-size: 18px
}

.ivu-color-picker-color-focused {
    border-color: #57a3f3;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-color-picker-large .ivu-color-picker-color {
    width: 20px;
    height: 20px;
    top: 1px
}

.ivu-color-picker-large .ivu-color-picker-color-empty i {
    font-size: 20px
}

.ivu-color-picker-small .ivu-color-picker-color {
    width: 14px;
    height: 14px;
    top: 3px
}

.ivu-color-picker-small .ivu-color-picker-color-empty i {
    font-size: 14px
}

.ivu-color-picker-picker-wrapper {
    padding: 8px 8px 0
}

.ivu-color-picker-picker-panel {
    width: 240px;
    margin: 0 auto;
    box-sizing: initial;
    position: relative
}

.ivu-color-picker-picker-alpha-slider,
.ivu-color-picker-picker-hue-slider {
    height: 10px;
    margin-top: 8px;
    position: relative
}

.ivu-color-picker-picker-colors {
    margin-top: 8px;
    overflow: hidden;
    border-radius: 2px;
    transition: border .2s ease-in-out, box-shadow .2s ease-in-out
}

.ivu-color-picker-picker-colors:focus {
    border-color: #57a3f3;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-color-picker-picker-colors-wrapper {
    display: inline;
    width: 20px;
    height: 20px;
    float: left;
    position: relative
}

.ivu-color-picker-picker-colors-wrapper-color {
    outline: 0;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 2px;
    cursor: pointer;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15)
}

.ivu-color-picker-picker-colors-wrapper-circle {
    width: 4px;
    height: 4px;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    border-radius: 50%;
    transform: translate(-2px, -2px);
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer
}

.ivu-color-picker-picker .ivu-picker-confirm {
    margin-top: 8px
}

.ivu-color-picker-saturation-wrapper {
    width: 100%;
    padding-bottom: 75%;
    position: relative;
    transition: border .2s ease-in-out, box-shadow .2s ease-in-out
}

.ivu-color-picker-saturation-wrapper:focus {
    border-color: #57a3f3;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-color-picker-saturation,
.ivu-color-picker-saturation--black,
.ivu-color-picker-saturation--white {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ivu-color-picker-saturation--white {
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.ivu-color-picker-saturation--black {
    background: linear-gradient(0deg, #000, transparent)
}

.ivu-color-picker-saturation-pointer {
    cursor: pointer;
    position: absolute
}

.ivu-color-picker-saturation-circle {
    width: 4px;
    height: 4px;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    border-radius: 50%;
    transform: translate(-2px, -2px)
}

.ivu-color-picker-hue {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    background: linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
    transition: border .2s ease-in-out, box-shadow .2s ease-in-out
}

.ivu-color-picker-hue:focus {
    border-color: #57a3f3;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-color-picker-hue-container {
    cursor: pointer;
    margin: 0 2px;
    position: relative;
    height: 100%
}

.ivu-color-picker-hue-pointer {
    z-index: 2;
    position: absolute
}

.ivu-color-picker-hue-picker {
    cursor: pointer;
    margin-top: 1px;
    width: 4px;
    border-radius: 1px;
    height: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    background: #fff;
    transform: translateX(-2px)
}

.ivu-color-picker-alpha {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    transition: border .2s ease-in-out, box-shadow .2s ease-in-out
}

.ivu-color-picker-alpha:focus {
    border-color: #57a3f3;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2)
}

.ivu-color-picker-alpha-checkboard-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border-radius: 2px
}

.ivu-color-picker-alpha-checkerboard {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.ivu-color-picker-alpha-gradient {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px
}

.ivu-color-picker-alpha-container {
    cursor: pointer;
    position: relative;
    z-index: 2;
    height: 100%;
    margin: 0 3px
}

.ivu-color-picker-alpha-pointer {
    z-index: 2;
    position: absolute
}

.ivu-color-picker-alpha-picker {
    cursor: pointer;
    width: 4px;
    border-radius: 1px;
    height: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    background: #fff;
    margin-top: 1px;
    transform: translateX(-2px)
}

.ivu-color-picker-confirm {
    margin-top: 8px;
    position: relative;
    border-top: 1px solid #e9eaec;
    text-align: right;
    padding: 8px;
    clear: both
}

.ivu-color-picker-confirm-color {
    position: absolute;
    top: 11px;
    left: 8px
}

.ivu-auto-complete .ivu-icon-ios-close,
.ivu-auto-complete .ivu-select-not-found {
    display: none
}

.ivu-auto-complete:hover .ivu-icon-ios-close {
    display: inline-block
}

.ivu-auto-complete.ivu-select-dropdown {
    max-height: none
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /* vertical-align: baseline */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
/* 
body {
    line-height: 1
} */

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

body {
    color: #696969;
    font-family: Arial, Microsoft YaHei, sans-serif;
    font-size: 16px
}

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

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

.clear-fix:after,
.clearfloat:after {
    content: "";
    display: table;
    clear: both;
    zoom: 1
}

.fl {
    float: left
}

.fr {
    float: right
}

.wxcolor {
    color: #2cc100
}

.zfcolor {
    color: #10a7eb
}

[v-cloak] {
    display: none !important
}

.ivu-table td.demo-table-info-column {
    color: red
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

.peronsals {
    font-size: 62.5%
}

a {
    text-decoration: none
}

::-moz-placeholder {
    text-indent: 5px;
    opacity: 1 !important;
    color: #bbb
}

:-ms-input-placeholder {
    text-indent: 5px;
    color: #bbb
}

::-webkit-input-placeholder {
    text-indent: 5px;
    color: #bbb
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-track-piece {
    margin: -2px;
    background-color: #eee
}

::-webkit-scrollbar-thumb {
    min-width: 150px;
    min-height: 150px;
    border-radius: 10px;
    background: #aaa
}

::-webkit-scrollbar-thumb:horizontal:hover,
::-webkit-scrollbar-thumb:vertical:hover {
    background: #555
}

@keyframes _scaleEnter {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.9)
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes _scaleLeave {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.9)
    }
}

.vp-all-tipModel-wrap {
    color: #747474
}

.vp-all-tipModel-wrap .ivu-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: _scaleEnter .3s ease
}

.vp-all-tipModel-wrap .ivu-modal.ease-leave-active {
    animation: _scaleLeave .3s ease
}

.vp-all-tipModel-wrap .ivu-modal-header {
    padding: 0 0 0 15px
}

.vp-all-tipModel-wrap .ivu-modal-header .ivu-modal-header-inner {
    width: 100px;
    font-size: 20px;
    padding-bottom: 40px;
    text-align: center;
    color: #333;
    font-weight: 400;
    border-bottom: 2px solid #ff0024;
    margin-bottom: -3px
}

.vp-all-tipModel-wrap .ivu-modal-content {
    padding: 40px 30px;
    border-radius: 15px
}

.vp-all-tipModel-wrap .ivu-modal-content .ivu-modal-close {
    width: 60px;
    height: 40px;
    background: #f2f2f2;
    border-bottom-left-radius: 21px;
    border-top-left-radius: 21px;
    right: 0;
    top: 24px
}

.vp-all-tipModel-wrap .ivu-modal-content .ivu-modal-close .ivu-icon-ios-close-empty {
    background: #fff;
    right: -3px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    top: 2px;
    font-size: 56px;
    transition: all .5s ease-in
}

.vp-all-tipModel-wrap .ivu-modal-content .ivu-modal-close .ivu-icon-ios-close-empty:hover {
    transform: translateX(40%)
}

.vp-all-tipModel-wrap .ivu-modal-content .ivu-modal-close .ivu-icon-ios-close-empty:before {
    margin-left: 8px;
    position: absolute;
    top: -9px
}

.vp-all-tipModel-wrap .ivu-modal-content .ivu-modal-close:hover {
    background: linear-gradient(180deg, #ff3492, #ff1e4f)
}

.vp-all-tipModel-wrap .ivu-modal-content .ivu-modal-body {
    text-align: center;
    padding: 67px 0 52px;
    font-size: 24px;
    color: #888
}

.vp-all-tipModel-wrap .ivu-modal-content .ivu-modal-body .tipModel-box i {
    font-size: 34px;
    color: #f60;
    margin-right: 8px
}

.vp-all-tipModel-wrap .ivu-modal-content .ivu-modal-body .tipModel-box i:before {
    position: relative;
    top: 4px
}

.vp-all-tipModel-wrap .ivu-modal-content .ivu-modal-body .tipMarket-box {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.vp-all-tipModel-wrap .ivu-modal-content .ivu-modal-body .tipMarket-box span {
    display: block;
    color: #666;
    letter-spacing: 2px
}

.vp-all-tipModel-wrap .ivu-modal-content .ivu-modal-body .tipMarket-box i {
    font-size: 34px;
    color: #f60;
    margin-right: 8px
}

.vp-all-tipModel-wrap .ivu-modal-content .ivu-modal-body .tipMarket-box i:before {
    position: relative
}

.vp-all-tipModel-wrap.pour .ivu-modal-content .ivu-modal-body {
    padding-top: 30px;
    padding-bottom: 30px
}

.vp-all-tipModel-wrap .ivu-modal-footer {
    display: none
}

.tipMarket .vp-all-tipModel-wrap .ivu-modal-content .ivu-modal-body {
    padding: 40px 0 30px
}

.vp-all-tipModel-wrapnew {
    transform: translateY(0)
}

.content-view {
    max-width: 1345px;
    width: 1345px;
    min-height: 600px;
    margin: 0 auto;
    background-color: #fff;
    border-right: 1px solid #ecebeb
}

.content-view:after {
    content: "";
    display: block;
    clear: both
}

.content-view .content-side {
    float: left;
    z-index: 99;
    width: 190px;
    min-height: 620px;
    height: 100%;
    box-shadow: 2px 0 4px rgba(0, 0, 0, .05)
}

.content-view .content-container {
    position: relative;
    min-width: 1153px;
    min-height: 780px;
    height: 100%;
    box-shadow: inset 2px 0 0 rgba(0, 0, 0, .05)
}

.content-view-rules {
    width: 1345px;
    min-width: 1345px;
    min-height: 600px;
    margin: 0 auto;
    padding-top: 20px
}

.content-view-trend {
    min-height: 100%;
    background: #fff
}

.personals-wrap-style {
    font-size: 16px
}

.tcgBlur {
    filter: blur(10px)
}

.bgColor {
    background: url(../images/bg1.png)
}

.vp-popout-box {
    background: red
}

.vp-popout-box .ivu-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -328px;
    margin-top: -273px
}

.vp-popout-box .ivu-modal-close {
    z-index: 2;
    top: 6px
}

.vp-popout-box .ivu-modal-close i {
    color: #fff
}

.vp-popout-box .ivu-modal-header {
    width: 650px;
    height: 34px;
    margin-top: 5px;
    margin-left: 3px;
    padding: 0;
    border-radius: 10px;
    border: 1px solid #494437;
    background: red;
    color: #fff;
    font-weight: 700;
    position: relative;
    top: 4px
}

.vp-popout-box .ivu-modal-header .ivu-modal-header-inner {
    color: #fff;
    line-height: 34px;
    height: 34px;
    padding-left: 15px
}

.vp-popout-box .ivu-modal-footer {
    border-top: 1px solid #cdd5da
}

.vp-popout-box .ivu-modal-footer .ivu-btn-text {
    display: none
}

.vp-popout-box .ivu-modal-footer .ivu-btn-primary {
    background: red;
    border-color: red;
    padding: 3px 12px;
    border-radius: 6px
}

.vp-popout-box .popout-box {
    min-height: 427px;
    font-family: Microsoft YaHei;
    font-size: 24px;
    line-height: 1.5;
    color: #383838
}

@font-face {
    font-family: San Francisco;
    src: url(/static-fhcp/images/Thin.aea2189.ttf)
}

.vp-lottery-style .public-all-container {
    float: right;
    width: 1154px;
    height: 100%
}

.vp-lottery-style .public-all-container .cp-container-wrap {
    width: 100%
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-header {
    position: relative;
    padding: 14px 18px;
    font-size: 19px;
    font-weight: 600;
    color: #515151
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-header span:after {
    content: "";
    display: block;
    height: 3px;
    width: 114px;
    background-color: #ff5151;
    position: absolute;
    top: 43px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content {
    padding: 8px 0 8px 18px;
    zoom: 1;
    overflow: hidden
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row {
    padding-bottom: 18px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item {
    width: 365px;
    float: left;
    border: 1px solid #dadada;
    border-radius: 4px;
    margin-right: 13px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item:nth-child(3n) {
    margin-right: 0
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item:nth-child(n+4) {
    margin-top: 13px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item:hover .box-top .hoverMaskBox {
    background-position: 0 0, 100% 100%, 0 0, 0 0
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-top {
    position: relative;
    top: 0;
    height: 130px;
    padding-top: 17px;
    width: 362px;
    margin: 0 auto;
    border-bottom: 2px dotted #dadada
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-top .hoverMaskBox {
    position: absolute;
    left: 20px;
    width: 90px;
    height: 90px;
    margin-top: 4px;
    background-image: url(../images/button_bg.png), url(/static/public/image/lottery/ico/button_bg.png);
    background-position: 0 100%, 100% 0, 0 0, 0 0;
    transition: background-position 1s
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-top .lottery-icon {
    width: 90px;
    height: 90px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    left: 21px;
    top: 21px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-top .lottery-icon img {
    width: 100%;
    height: 100%
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-top .box-top-right {
    padding-left: 116px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-top .box-top-right h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    width: 246px;
    text-align: center;
    text-overflow: clip;
    white-space: nowrap
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-top .box-top-right p {
    margin: 10px 0 13px;
    width: 246px;
    text-align: center;
    font-size: 17px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-top .box-top-right p span {
    color: #ff5151
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-top .box-top-right .f-time {
    width: 246px;
    margin-top: 5px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-top .box-top-right .f-time .time {
    background: #f5f5f5;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
    width: 140px;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-top .box-top-right .f-time .time img {
    vertical-align: text-bottom
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-top .box-top-right .f-time .time-days {
    width: 160px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid {
    height: 60px;
    position: relative
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .waiting {
    line-height: 60px;
    text-align: center
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .box-mid-left {
    width: 98px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    float: left
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .box-mid-right {
    float: left;
    text-align: center;
    line-height: 60px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-liuhe-xianggang {
    margin-left: -5px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-liuhe-xianggang .lotterySpan {
    position: relative
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-liuhe-xianggang .lotterySpan .ballOuside span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    margin-right: 5px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-liuhe-xianggang .lotterySpan .ballOuside:last-child span {
    margin-left: 20px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-liuhe-xianggang .lotterySpan .ballOuside:last-child span:before {
    content: "+";
    position: absolute;
    right: 42px;
    color: #515151;
    font-size: 18px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-11xuan5-guangdong,
.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-shishicai-chongqing {
    margin-left: 32px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-11xuan5-guangdong .lotterySpan,
.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-shishicai-chongqing .lotterySpan {
    position: relative
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-11xuan5-guangdong .lotterySpan .ballOuside span,
.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-shishicai-chongqing .lotterySpan .ballOuside span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
    background: #ff4a4a
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-pk-beijing .lotterySpan {
    position: relative
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-pk-beijing .lotterySpan .ballOuside span {
    display: inline-block;
    height: 22px;
    width: 22px;
    font-size: 14px;
    line-height: 22px;
    margin-right: 4px;
    border-radius: 4px;
    color: #fff
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-dipin-3D,
.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-pc-dandan {
    margin-left: 70px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-dipin-3D .lotterySpan,
.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-pc-dandan .lotterySpan {
    position: relative
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-dipin-3D .lotterySpan .ballOuside span,
.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-pc-dandan .lotterySpan .ballOuside span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
    background: #ff4a4a
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-kuai3-jiangsu {
    margin-left: 74px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-kuai3-jiangsu .lotterySpan {
    position: relative;
    top: 10px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-kuai3-jiangsu .lotterySpan .ballOuside span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
    background: #ff4a4a
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-kuai3-jiangsu .lotterySpan .ballOuside span.active1 {
    background: url(../images/ksone@3x.png);
    background-size: 100% 100%
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-kuai3-jiangsu .lotterySpan .ballOuside span.active2 {
    background: url(../images/kstwo@3x.png);
    background-size: 100% 100%
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-kuai3-jiangsu .lotterySpan .ballOuside span.active3 {
    background: url(../images/ksthree@3x.png);
    background-size: 100% 100%
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-kuai3-jiangsu .lotterySpan .ballOuside span.active4 {
    background: url(../images/ksfour@3x.png);
    background-size: 100% 100%
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-kuai3-jiangsu .lotterySpan .ballOuside span.active5 {
    background: url(../images/ksfive@3x.png);
    background-size: 100% 100%
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-kuai3-jiangsu .lotterySpan .ballOuside span.active6 {
    background: url(../images/kssix@3x.png);
    background-size: 100% 100%
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-kuaile-guangdong {
    position: absolute;
    right: 2px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-kuaile-guangdong .lotterySpan {
    position: relative
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-mid .home-middle-kuaile-guangdong .lotterySpan .ballOuside span {
    display: inline-block;
    height: 30px;
    width: 30px;
    font-size: 16px;
    line-height: 30px;
    margin-right: 4px;
    border-radius: 4px;
    color: #fff;
    border-radius: 50%;
    background: #ff4a4a
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-bot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    height: 43px;
    line-height: 43px;
    border-top: 1px solid #dadada
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-bot .item {
    position: relative;
    width: 121px;
    float: left;
    margin: 0;
    background-color: #f1f1f1;
    text-align: center;
    font-size: 17px;
    text-decoration: none;
    color: #333
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-bot .item:first-child:after {
    content: "|";
    font-size: 24px;
    position: absolute;
    left: 120px;
    color: #dadada;
    margin-top: -2px
}

.vp-lottery-style .public-all-container .cp-container-wrap .cp-container-home-content .home-content-row .home-content-item .box-bot .bg-primary {
    background-color: #ff5151;
    color: #fff;
    border-bottom-right-radius: 4px
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-title {
    width: 220px;
    font-size: 12px;
    color: #999
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-title span {
    font-size: 18px;
    color: red
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-range {
    padding-top: 20px
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-range .tip {
    padding-top: 10px;
    padding-bottom: 15px
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-range .tip span {
    color: #888;
    font-size: 14px
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-range .tip span:first-child {
    float: left
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-range .tip span:last-child {
    float: right
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-select {
    width: 100%;
    padding-bottom: 20px;
    overflow: hidden;
    zoom: 1
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-select div {
    float: left;
    border: 10px solid #e4e0e0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    line-height: 36px;
    text-align: center;
    color: #333;
    font-size: 14px;
    margin-right: 14px;
    margin-top: 14px;
    cursor: pointer
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-select div:last-child,
.vp-lottery-style .lottery-content-all-right-submit .decial-right-select div:nth-child(3) {
    margin-right: 0
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-select div.active {
    border: 10px solid red
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money {
    width: 230px;
    height: 43px;
    margin-top: 8px
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money div {
    display: inline-block
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .btn {
    float: left;
    height: 26px;
    width: 100px;
    border-radius: 4px;
    background: #f1f0f0;
    position: relative
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .btn input {
    height: 26px;
    width: 52px;
    display: inline-block;
    text-align: center;
    outline: none;
    border: none;
    background: #f1f0f0;
    color: #333;
    box-shadow: 0 0 .08rem #b1b1b1
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .btn span {
    height: 26px;
    display: inline-block;
    width: 22px;
    cursor: pointer;
    color: #666;
    line-height: 26px;
    text-align: center;
    font-size: 24px;
    background: linear-gradient(180deg, #fff, #eee);
    box-shadow: 0 0 .08rem #b1b1b1
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .btn span:first-child {
    float: left;
    margin-left: 2px
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .btn span:last-child {
    float: right;
    margin-right: 2px
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .mydiv {
    height: 26px;
    line-height: 26px;
    float: left;
    font-size: 14px;
    color: #888;
    margin: 0 8px
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .select {
    width: 70px;
    height: 26px;
    border-radius: 4px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .select .lt-select {
    width: 70px;
    line-height: 26px;
    color: #333;
    text-indent: 12px;
    background: #f1f0f0;
    box-shadow: 0 0 .08rem #b1b1b1
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .select .lt-select .left:first-child {
    display: inline-block
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .select .lt-select .right {
    position: relative;
    display: inline-block;
    float: right;
    width: 22px;
    height: 26px;
    background: linear-gradient(180deg, #fff, #eee);
    box-shadow: 0 0 .08rem #b1b1b1
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .select .lt-select .right span {
    position: absolute;
    top: 10px;
    left: 7px;
    display: inline-block;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #666
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .select .lt-select-box {
    position: absolute;
    z-index: 3;
    left: 2px;
    top: 38px;
    width: 54px;
    background: linear-gradient(180deg, #fff, #eee);
    box-shadow: 0 0 .08rem #b1b1b1;
    color: #333;
    list-style: none
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .select .lt-select-box .arrow {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    top: 3px;
    border-width: 0 5px 5px;
    border-bottom-color: #ededed;
    left: 50%;
    margin-left: -5px;
    top: -6px
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .select .lt-select-box .arrow:after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border: 5px solid transparent;
    content: " ";
    top: 1px;
    margin-left: -5px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .select .lt-select-box li {
    text-align: center;
    line-height: 26px;
    cursor: pointer
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-yuanJiao .single-money .select .lt-select-box li:hover {
    background: #f1f0f0
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-submit {
    width: 100%
}

.vp-lottery-style .lottery-content-all-right-submit .decial-right-submit input {
    width: 100%;
    height: 34px;
    outline: none;
    border: 1px solid #e1e1e1;
    background: #fff;
    border-radius: 4px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 30px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .05)
}

.vp-lottery-style .lottery-content-all-right-submit .clear,
.vp-lottery-style .lottery-content-all-right-submit .sure {
    height: 48px;
    background: url(../images/vp-queding.gif) no-repeat;
    background-size: 100%;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer !important;
    outline: none
}

.vp-lottery-style .lottery-content-all-right-submit .clear i,
.vp-lottery-style .lottery-content-all-right-submit .sure i {
    font-size: 22px
}

.vp-lottery-style .lottery-content-all-right-submit .clear {
    background: url(../images/vp-quxiao.gif) no-repeat;
    background-size: 100%;
    color: #969090;
    width: 100%;
    border: 0;
    outline: none
}

.vp-lottery-style .lottery-content-all-right-submit .clear i {
    margin-right: 3px;
    position: relative;
    top: 2px
}

.vp-lottery-style .lottery-luzhu {
    width: 875px;
    margin-bottom: 30px;
    margin-top: 20px
}

.vp-lottery-style .lottery-luzhu ::-webkit-scrollbar-thumb {
    min-width: 150px;
    min-height: 150px;
    border-radius: 10px;
    background: #aaa;
    overflow-x: hidden
}

.vp-lottery-style .lottery-luzhu ::-webkit-scrollbar-thumb:horizontal:hover,
.vp-lottery-style .lottery-luzhu ::-webkit-scrollbar-thumb:vertical:hover {
    background: #666
}

.vp-lottery-style .lottery-luzhu .decial-3-title {
    height: 32px
}

.vp-lottery-style .lottery-luzhu .decial-3-title span label {
    cursor: pointer;
    padding: 8px;
    margin: 0 16px;
    display: inline-block;
    font-size: 14px;
    color: #888
}

.vp-lottery-style .lottery-luzhu .decial-3-title span label.active {
    border-bottom: 2px solid red;
    color: red;
    position: relative;
    z-index: 999
}

.vp-lottery-style .lottery-luzhu .decial-3-title span label.over {
    margin: 0 22px
}

.vp-lottery-style .lottery-luzhu .decial-3-history {
    min-height: 178px;
    border: 1px solid #ededed;
    zoom: 1;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    overflow: hidden;
    overflow-x: auto
}

.vp-lottery-style .lottery-luzhu .decial-3-history .loading {
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 28px;
    line-height: 242px
}

.vp-lottery-style .lottery-luzhu .decial-3-history .list {
    zoom: 1;
    width: 21.8px;
    float: left
}

.vp-lottery-style .lottery-luzhu .decial-3-history .list:nth-child(11),
.vp-lottery-style .lottery-luzhu .decial-3-history .list:nth-child(20),
.vp-lottery-style .lottery-luzhu .decial-3-history .list:nth-child(23) {
    width: 22px
}

.vp-lottery-style .lottery-luzhu .decial-3-history .list:last-child .list-item {
    border-right: 0
}

.vp-lottery-style .lottery-luzhu .decial-3-history .list .list-item {
    position: relative;
    float: left;
    border-right: 1px solid #ededed;
    width: 22px;
    height: 22px;
    padding: 2px 2.5px
}

.vp-lottery-style .lottery-luzhu .decial-3-history .list .list-item:last-child {
    padding: 4px
}

.vp-lottery-style .lottery-luzhu .decial-3-history .list .list-item span {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    font-family: Microsoft YaHei
}

.vp-lottery-style .lottery-luzhu .decial-3-history .list .list-item span.blue {
    background: #5598fc
}

.vp-lottery-style .lottery-luzhu .decial-3-history .list .list-item span.red {
    background: #fb162d
}

.vp-lottery-style .lottery-luzhu .decial-3-history .list .list-item span.green {
    background: #4caf50
}

.vp-lottery-style .lottery-luzhu .decial-3-history .list .list-item:nth-child(n+2) {
    border-top: 1px solid #ededed
}

.vp-lottery-style .lottery-luzhu .decial-3-history .list .list-item .zoom {
    position: absolute;
    display: none;
    left: 22px;
    top: 22px;
    line-height: 20px;
    border-radius: 6px;
    padding: 10px;
    background: #1aa3f1;
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
    z-index: 999
}

.vp-lottery-style .lottery-luzhu .decial-3-history .list div:hover .zoom {
    display: block
}

.vp-lottery-style .decial-right-ranking-title {
    background: #f9f9f9;
    font-size: 14px;
    line-height: 40px;
    padding-left: 10px;
    color: #585656;
    border-bottom: 1px solid #ededed
}

.vp-lottery-style .decial-right-ranking-title span {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    font-family: Microsoft YaHei
}

.vp-lottery-style .decial-right-ranking-title span.blue {
    background: #5598fc
}

.vp-lottery-style .decial-right-ranking-title span.red {
    background: #fb162d
}

.vp-lottery-style .decial-right-ranking-title span.green {
    background: #4caf50
}

.vp-lottery-style .decial-right-ranking-wrap {
    border-radius: 4px;
    border: 1px solid #ededed;
    overflow: hidden;
    zoom: 1;
    min-height: 32px
}

.vp-lottery-style .decial-right-ranking-wrap .decial-right-ranking-item {
    width: 99px;
    float: left;
    text-align: center;
    border-right: 1px solid #ededed;
    font-size: 14px;
    color: #999
}

.vp-lottery-style .decial-right-ranking-wrap .decial-right-ranking-item:last-child {
    border-right: 0
}

.vp-lottery-style .decial-right-ranking-wrap .decial-right-ranking-item div {
    width: 99px;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #ededed
}

.vp-lottery-style .decial-right-ranking-wrap .decial-right-ranking-item div:last-child {
    border-bottom: 0
}

.vp-lottery-style .decial-right-ranking-wrap .decial-right-ranking-item.bot span {
    border-right: 0
}

.vp-lottery-style .lottery-header-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    box-shadow: 0 0 1px #e5e5e5
}

.vp-lottery-style .lottery-header-item .item {
    height: 152px;
    float: left
}

.vp-lottery-style .lottery-header-item .item.item1 {
    width: 419px
}

.vp-lottery-style .lottery-header-item .item.item2 {
    width: 326px
}

.vp-lottery-style .lottery-header-item .item.item3 {
    width: 408px
}

.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .title {
    color: #888;
    font-size: 16px;
    text-align: center;
    padding: 15px 0
}

.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .title label {
    color: #ff4a4a
}

.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .title i {
    color: #f60;
    cursor: pointer;
    display: inline-block;
    position: relative
}

.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .title i span {
    visibility: hidden;
    top: 30px;
    font-size: 12px;
    display: inline-block;
    border: 1px solid #000;
    left: -25px;
    width: 72px;
    z-index: 999;
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 5px 0;
    position: absolute
}

.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .title i:hover .iconfont_tip_text,
.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .title i:hover .iconfont_tip_text1,
.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .title i:hover .iconfont_tip_text2 {
    visibility: visible
}

.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .openNumber {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .openNumber .number {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #ff4a4a;
    color: #fff;
    display: inline-block;
    float: left;
    border-radius: 50%;
    font-size: 24px;
    text-align: center;
    margin-right: 5px;
    overflow: hidden;
    font-weight: 700
}

.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .openNumber .number .lottery-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .openNumber .number .lottery-box label {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 600
}

.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .symbol {
    min-height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 14px
}

.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .symbol .text {
    width: 32px;
    height: 28px;
    border-radius: 2px;
    border: 1px solid #d4d4d4;
    float: left;
    color: #666;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    margin-right: 5px
}

.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .symbol .text.active {
    width: 40px
}

.vp-lottery-style .lottery-header-item .item.item3 .lottery-wrap .symbol .text:last-child {
    margin-right: 0
}

.vp-lottery-style .lottery-openNumber-center {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vp-lottery-style .lottery-content-all-wrap {
    padding: 20px 0 20px 25px;
    display: -ms-flexbox;
    display: flex
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left {
    width: 875px;
    float: left
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height {
    min-height: 530px
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .lottery-header-common-all {
    margin-top: 20px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ededed;
    border-bottom: 1px solid #ebe9e9;
    text-align: center
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .lottery-header-common-all.first {
    margin-top: 0
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 {
    display: -ms-flexbox;
    display: flex
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.haveMargin {
    margin-top: 20px
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item {
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #ededed;
    border-left: 0
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item:first-child {
    border-left: 1px solid #ededed
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .title {
    height: 40px;
    letter-spacing: 6px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    border-bottom: 2px solid #ebe9e9
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item {
    padding-top: 5px;
    padding-bottom: 5px
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box {
    cursor: pointer;
    padding: 8px 12px;
    text-align: center;
    position: relative;
    line-height: 30px
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box input {
    width: 58px;
    height: 30px;
    line-height: 1;
    float: right;
    border: 1px solid #ededed;
    padding: 5px;
    color: #000;
    opacity: .6;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    box-shadow: inset 2px 2px 8px rgba(0, 0, 0, .05);
    outline: none
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box input.active {
    border: 1px solid #ff5c5c;
    color: #ff5c5c;
    opacity: 1;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .05)
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall {
    width: 34px;
    height: 34px;
    font-size: 18px;
    float: left;
    display: inline-block;
    background: #f8f5f5;
    border-radius: 50%;
    line-height: 34px;
    text-align: center;
    color: #666;
    cursor: pointer
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.black-ball,
.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.blue-ball,
.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.green-ball,
.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.red-ball {
    line-height: 32px;
    border: 1px solid;
    border-radius: 50%
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.black-ball.active,
.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.blue-ball.active,
.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.green-ball.active,
.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.red-ball.active {
    color: #fff
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.red-ball {
    color: #fb162d;
    border-color: #fb162d
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.red-ball.active {
    background-color: #fb162d
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.green-ball {
    color: #4caf50;
    border-color: #4caf50
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.green-ball.active {
    background-color: #4caf50
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.blue-ball {
    color: #5598fc;
    border-color: #5598fc
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.blue-ball.active {
    background-color: #5598fc
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.black-ball {
    color: #4d4d4d;
    border-color: #4d4d4d
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .theBall.black-ball.active {
    background-color: #4d4d4d
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .price {
    color: #888;
    line-height: 32px;
    font-size: 16px;
    cursor: pointer
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1 .decial-1-item .all-item .box .price.active {
    color: #ff5c5c;
    opacity: 1
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.lotFour .decial-1-item .all-item .box .theBall {
    width: 66px;
    height: 32px;
    background: #fff;
    border: 0;
    font-size: 16px
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.lotFour .decial-1-item .all-item .box .theBall.active {
    background: #fff;
    color: #ff5c5c
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.lotFive .decial-1-item .all-item .box {
    padding: 8px 7.5px
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.lotFive .decial-1-item .all-item .box .theBall {
    width: 50px;
    height: 32px;
    background: #fff;
    border: 0;
    font-size: 16px
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.lotFive .decial-1-item .all-item .box .theBall.active {
    background: #fff;
    color: #ff5c5c
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.lotFive .decial-1-item .all-item .box .decial-select-down {
    right: 5px
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.zuhe-common .decial-1-item .all-item .box {
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    height: 50px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.zuhe-common .decial-1-item .all-item .box .theBall {
    width: 120px;
    height: 36px;
    border-radius: 27px;
    background: #fff;
    border: 1px solid #f8f5f5;
    line-height: 36px
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.zuhe-common .decial-1-item .all-item .box .theBall.active {
    color: #ff5c5c;
    border: 1px solid #ff5c5c
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.zuhe-common .decial-1-item .all-item .box .theBall.number,
.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.zuhe-common .decial-1-item .all-item .box .theBall.style {
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #f8f5f5;
    border: 1px solid #ececec;
    font-size: 18px;
    margin-right: 20px
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.zuhe-common .decial-1-item .all-item .box .theBall.number.active,
.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-left .lottery-content-min-height .decial-1.zuhe-common .decial-1-item .all-item .box .theBall.style.active {
    border: 1px solid #ff5c5c;
    color: #fff;
    background: #ff5c5c
}

.vp-lottery-style .lottery-content-all-wrap .lottery-content-all-right {
    float: left;
    width: 230px;
    padding: 10px 0 0 30px
}

.vp-lottery-style .side-css .el-menu {
    border-right: 0
}

.vp-lottery-style .side-css .el-submenu .el-menu-item {
    min-width: 180px
}

.vp-lottery-style .side-css .el-submenu {
    border-bottom: 1px solid #f2f2f2
}

.vp-lottery-style .side-css .el-submenu .el-submenu__title {
    font-size: 18px;
    color: #333;
    line-height: 52px;
    border-left: 5px solid #fff;
    padding-left: 14px !important
}

.vp-lottery-style .side-css .el-submenu .el-submenu__title label {
    width: 170px;
    display: inline-block;
    cursor: pointer
}

.vp-lottery-style .side-css .el-submenu .el-submenu__title i img {
    width: 40px;
    height: 40px
}

.vp-lottery-style .side-css .el-submenu .el-submenu__title span {
    padding-left: 10px
}

.vp-lottery-style .side-css .el-submenu .el-submenu__title .el-submenu__icon-arrow {
    transform: rotate(-90deg);
    position: absolute;
    width: 12px;
    height: 12px
}

.vp-lottery-style .side-css .el-submenu .el-submenu__title .el-submenu__icon-arrow:before {
    display: inline-block;
    content: "";
    background: url(../images/vp-side-item.png) no-repeat;
    width: 13px;
    height: 7px;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 28px
}

.vp-lottery-style .side-css .el-submenu .el-menu {
    border-left: 5px solid #fdfafa
}

.vp-lottery-style .side-css .el-submenu:first-child {
    height: 67px;
    overflow: hidden;
    border-bottom: 4px solid #f2f2f2
}

.vp-lottery-style .side-css .el-submenu:first-child .el-submenu__title {
    height: 66px;
    line-height: 62px
}

.vp-lottery-style .side-css .el-submenu:first-child .el-submenu__title i:last-child {
    display: none
}

.vp-lottery-style .side-css .el-submenu:last-child {
    border-bottom: 0
}

.vp-lottery-style .side-css .el-menu-item {
    font-size: 16px;
    color: #666;
    border-bottom: 1px dashed #e1e1e1;
    padding-left: 32px !important
}

.vp-lottery-style .side-css .el-menu-item:last-child {
    border-bottom: 0
}

.vp-lottery-style .side-css .el-menu-item:before {
    display: inline-block;
    content: "";
    background: url(../images/vp-side-subitem.gif) no-repeat;
    width: 7px;
    height: 16px;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 28px
}

.vp-lottery-style .side-css .el-menu-item.is-active:before {
    background: url(../images/vp-side-subitem-active.jpg) no-repeat
}

.vp-lottery-style .side-css .el-submenu.is-opened {
    background: #f2f2f2
}

.vp-lottery-style .side-css .el-submenu.is-opened .el-submenu__title {
    border-left: 5px solid #f1f1f1
}

.vp-lottery-style .side-css .el-submenu.is-opened .el-submenu__title i img {
    width: 40px;
    height: 40px
}

.vp-lottery-style .side-css .el-submenu.is-opened .el-submenu__title .el-submenu__icon-arrow {
    transform: rotate(0deg)
}

.vp-lottery-style .side-css .el-submenu.is-opened .el-menu {
    border-left: 5px solid #f1f1f1;
    background: #fefafb
}

.vp-lottery-style .side-css .el-submenu__title:hover {
    background-color: #f1f1f1;
    border-left: 5px solid #f1f1f1
}

.vp-lottery-style .side-css .el-menu-item:focus,
.vp-lottery-style .side-css .el-menu-item:hover {
    background-color: #fdfafa;
    color: red
}

.vp-lottery-style .side-css .el-menu-item:focus:before,
.vp-lottery-style .side-css .el-menu-item:hover:before {
    background: url(../images/vp-side-subitem-active.jpg) no-repeat
}

.vp-lottery-style .side-css .el-menu-item-group__title {
    display: none
}

.vp-lottery-style .decial-right-range .ivu-slider-bar {
    background: red;
    height: 10px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    top: -2px
}

.vp-lottery-style .decial-right-range .ivu-slider-wrap {
    border: 1px solid #cfcfcf;
    background-color: #f9f9f9;
    height: 8px;
    margin: 0
}

.vp-lottery-style .decial-right-range .ivu-slider-button-wrap {
    top: -10px
}

.vp-lottery-style .decial-right-range .ivu-slider-button-dragging,
.vp-lottery-style .decial-right-range .ivu-slider-button:focus,
.vp-lottery-style .decial-right-range .ivu-slider-button:hover {
    transform: scale(1)
}

.vp-lottery-style .decial-right-range .ivu-slider-button {
    width: 12px;
    height: 25px;
    border: 0;
    background: url(../images/peilv.svg) 1px 5px no-repeat;
    background-size: 88%
}

.vp-lottery-style .decial-right-range .ivu-tooltip-popper {
    display: none
}

.vp-lottery-style .select-common-css {
    width: 150px;
    text-align: center;
    color: #666
}

.vp-lottery-style .select-common-css .ivu-select-selected-value {
    background: #f6f6f6;
    color: #666
}

.vp-lottery-style .select-common-css .ivu-select-dropdown-list .ivu-select-item {
    font-size: 14px !important;
    color: #9c9b9b
}

.vp-lottery-style .select-common-css .ivu-select-item-selected,
.vp-lottery-style .select-common-css .ivu-select-item-selected:hover {
    color: #666;
    background: #f6f6f6
}

.vp-lottery-style .select-common-css .ivu-select-selection,
.vp-lottery-style .select-common-css .ivu-select:focus .ivu-select-selection {
    border-radius: 0;
    border-color: #eee !important;
    box-shadow: 0 0 0 0 rgba(45, 140, 240, .2) !important
}

.vp-lottery-style .select-common-css.baosan .ivu-select-selected-value {
    background: #fff;
    font-size: 14px;
    color: #666
}

.vp-lottery-style .select-common-css.baosan .ivu-select-dropdown-list .ivu-select-item {
    font-size: 14px !important;
    color: #9c9b9b
}

.vp-lottery-style .vp-omission-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #747474
}

.vp-lottery-style .vp-omission-wrap .ivu-modal {
    top: 0
}

.vp-lottery-style .vp-omission-wrap .ivu-modal-header {
    height: 52px;
    line-height: 34px;
    background: #f8f8f8;
    padding: 14px 24px
}

.vp-lottery-style .vp-omission-wrap .ivu-modal-header .ivu-modal-header-inner {
    font-size: 16px;
    color: #333;
    font-weight: 400
}

.vp-lottery-style .vp-omission-wrap .ivu-modal-content {
    border-radius: 0
}

.vp-lottery-style .vp-omission-wrap .ivu-modal-content .ivu-modal-close {
    right: 24px
}

.vp-lottery-style .vp-omission-wrap .ivu-modal-content .ivu-modal-close .ivu-icon-ios-close-empty {
    font-size: 44px;
    top: -4px
}

.vp-lottery-style .vp-omission-wrap .ivu-modal-content .ivu-modal-body {
    padding: 16px 20px
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container {
    border: 1px solid #ededed
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .betting-container-header {
    zoom: 1;
    overflow: hidden
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .betting-container-header .title {
    width: 135px;
    height: 36px;
    font-size: 14px;
    float: left;
    line-height: 36px;
    text-align: center;
    background: #f8f8f8;
    border-right: 1px dashed #ededed;
    border-bottom: 1px solid #ededed
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .betting-container-header .title:last-child {
    width: 137px;
    border-right: 0
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .vp-overfloat-out {
    height: 146px;
    overflow-y: scroll
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .vp-overfloat-out .loading {
    font-size: 32px;
    color: #999;
    text-align: center;
    line-height: 143px
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .vp-overfloat-out .vp-overfloat-in {
    width: 535px
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .vp-overfloat-out .vp-overfloat-in .betting {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .vp-overfloat-out .vp-overfloat-in .text {
    width: 135px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    float: left;
    border-bottom: 1px dashed #ededed;
    border-right: 1px dashed #ededed;
    word-wrap: break-word
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .vp-overfloat-out .vp-overfloat-in .text span {
    padding: 4px 11px;
    background: #f8f8f8;
    border-radius: 2px;
    cursor: pointer
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .vp-overfloat-out .vp-overfloat-in .text span.active {
    background: red;
    color: #fff
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .vp-overfloat-out .vp-overfloat-in .text:last-child {
    width: 130px;
    border-right: 0
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .vp-overfloat-out::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #dfdfdf
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .vp-overfloat-out::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5
}

.vp-lottery-style .vp-omission-wrap .vp-betting-container .vp-overfloat-out::-webkit-scrollbar-thumb {
    background-color: #a3a3a3;
    border-radius: 5px
}

.vp-lottery-style .vp-omission-wrap .omission-footer {
    padding: 16px 0 0;
    text-align: center
}

.vp-lottery-style .vp-omission-wrap .omission-footer div {
    display: inline-block;
    font-size: 14px
}

.vp-lottery-style .vp-omission-wrap .omission-footer div a {
    color: #888;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    border-radius: 2px
}

.vp-lottery-style .vp-omission-wrap .omission-footer div a:first-child {
    margin-right: 20px;
    background: red;
    color: #fff
}

.vp-lottery-style .vp-omission-wrap .omission-footer div a:last-child {
    border: 1px solid #eee;
    background: #f8f8f8
}

.vp-lottery-style .vp-omission-wrap .omission-footer .odd {
    padding-right: 50px;
    float: left;
    line-height: 30px
}

.vp-lottery-style .vp-omission-wrap .omission-footer .price {
    padding-right: 35px
}

.vp-lottery-style .vp-omission-wrap .omission-footer .price span {
    padding-right: 14px
}

.vp-lottery-style .vp-omission-wrap .omission-footer .price input {
    width: 135px;
    height: 28px;
    border: 1px solid #eee;
    border-radius: 2px;
    text-indent: 10px;
    outline: none;
    color: #888
}

.vp-lottery-style .vp-omission-wrap .omission-footer .button-box {
    float: right
}

.vp-lottery-style .vp-omission-wrap .omission-footer .button-box a {
    display: inline-block;
    width: 70px;
    height: 28px
}

.vp-lottery-style .vp-omission-wrap .ivu-modal-footer {
    border-top: 0;
    text-align: center;
    padding: 16px 18px 26px;
    display: none
}

.vp-lottery-style .vp-login-warp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #747474
}

.vp-lottery-style .vp-login-warp .ivu-modal {
    top: 0
}

.vp-lottery-style .vp-login-warp .ivu-modal-header {
    padding: 47px 0 0 30px
}

.vp-lottery-style .vp-login-warp .ivu-modal-header .ivu-modal-header-inner {
    width: 100px;
    font-size: 20px;
    padding-bottom: 40px;
    text-align: center;
    color: #333;
    font-weight: 400;
    border-bottom: 2px solid #ff0024;
    margin-bottom: -3px
}

.vp-lottery-style .vp-login-warp .ivu-modal-content {
    border-radius: 15px
}

.vp-lottery-style .vp-login-warp .ivu-modal-content .ivu-modal-close {
    display: none
}

.vp-lottery-style .vp-login-warp .ivu-modal-content .ivu-modal-body {
    padding: 30px 50px 0
}

.vp-lottery-style .vp-login-warp .ivu-modal-footer {
    display: none
}

.vp-lottery-style .tema-cheackbox-wrap {
    width: 100%;
    height: 436px;
    border: 1px solid #a8a8a830;
    margin-top: 20px;
    color: #999;
    font-size: 14px
}

.vp-lottery-style .tema-cheackbox-wrap .cheackbox-wrap {
    padding: 14px 14px 0
}

.vp-lottery-style .tema-cheackbox-wrap .cheackbox-wrap .ivu-radio-group label {
    display: inline-block;
    margin-bottom: 13px;
    margin-right: 0
}

.vp-lottery-style .tema-cheackbox-wrap .cheackbox-wrap .ivu-radio-group label .ivu-radio {
    margin-right: 8px
}

.vp-lottery-style .tema-cheackbox-wrap .cheackbox-wrap .ivu-radio-group label .ivu-radio .ivu-radio-inner {
    width: 16px;
    height: 16px;
    border: 1px solid #a8a8a8
}

.vp-lottery-style .tema-cheackbox-wrap .cheackbox-wrap .ivu-radio-group label .ivu-radio .ivu-radio-inner:after {
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px
}

.vp-lottery-style .tema-cheackbox-wrap .cheackbox-wrap .ivu-radio-group label .ivu-radio .ivu-radio-input {
    cursor: default !important
}

.vp-lottery-style .tema-cheackbox-wrap .cheackbox-wrap .ivu-radio-group label .ivu-radio.ivu-radio-checked .ivu-radio-inner {
    border-color: #ff0001
}

.vp-lottery-style .tema-cheackbox-wrap .cheackbox-wrap .ivu-radio-group label .ivu-radio.ivu-radio-checked .ivu-radio-inner:after {
    background-color: #ff0001
}

.vp-lottery-style .tema-cheackbox-wrap .cheackbox-wrap .ivu-radio-group label .ivu-radio.ivu-radio-checked .ivu-radio-inner.ivu-radio-focus {
    box-shadow: none
}

.vp-lottery-style .tema-cheackbox-wrap .cheackbox-wrap .ivu-radio-group label .ivu-radio.ivu-radio-checked .ivu-radio-input {
    outline: none
}

.vp-lottery-style .tema-cheackbox-wrap .cheackbox-wrap .ivu-radio-group label:nth-child(odd) {
    width: 93px;
    font-size: 14px
}

.vp-lottery-style .tema-cheackbox-wrap .cheackbox-wrap .ivu-radio-group label:nth-child(2n) {
    font-size: 14px
}

.vp-lottery-style .tema-cheackbox-wrap .selsect-wrap {
    width: 100%;
    border-top: 1px solid #ededed;
    padding: 7px 10px 0 13px
}

.vp-lottery-style .tema-cheackbox-wrap .selsect-wrap .row .row-item {
    width: 28px;
    text-align: center;
    margin-bottom: 9px;
    float: left;
    margin-left: 20px
}

.vp-lottery-style .tema-cheackbox-wrap .selsect-wrap .row .row-item div {
    width: 24px;
    height: 24px;
    line-height: 25px;
    border-radius: 50%;
    font-size: 14px;
    color: #999;
    cursor: pointer
}

.vp-lottery-style .tema-cheackbox-wrap .selsect-wrap .row .row-item div.active {
    background: red;
    color: #fff
}

.vp-lottery-style .tema-cheackbox-wrap .selsect-wrap .row .row-item:nth-child(4n+1) {
    margin-left: 0
}

.vp-lottery-style .guo-guan-cheacBox .el-radio {
    float: right;
    padding-top: 8px
}

.vp-lottery-style .guo-guan-cheacBox .el-radio .el-radio__label {
    display: none
}

.vp-lottery-style .he-xiao-cheacBox {
    float: right;
    padding-top: 8px
}

.vp-lottery-style .he-xiao-cheacBox .el-checkbox__label {
    display: none
}

.vp-lottery-style .lian-ma-cheacBox .el-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    padding: 27px 87px
}

.vp-lottery-style .lian-ma-cheacBox .el-checkbox__input {
    position: absolute;
    right: 20px;
    top: 17px
}

.vp-lottery-style .lian-ma-cheacBox .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #bc2a1b;
    border-color: #bc2a1b
}

.vp-lottery-style .lian-ma-cheacBox .el-checkbox__inner:hover {
    border-color: #bc2a1b
}

.vp-lottery-style .lian-ma-cheacBox .el-checkbox__label {
    display: none
}

.vp-betting-warp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #747474
}

.vp-betting-warp .ivu-modal {
    top: 0
}

.vp-betting-warp .ivu-modal-header {
    height: 52px;
    line-height: 34px;
    background: #f8f8f8;
    padding: 14px 24px
}

.vp-betting-warp .ivu-modal-header .ivu-modal-header-inner {
    font-size: 18px;
    color: #333;
    font-weight: 400
}

.vp-betting-warp .ivu-modal-content {
    border-radius: 0
}

.vp-betting-warp .ivu-modal-content .ivu-modal-close {
    right: 24px
}

.vp-betting-warp .ivu-modal-content .ivu-modal-close .ivu-icon-ios-close-empty {
    font-size: 44px;
    top: -4px
}

.vp-betting-warp .ivu-modal-content .ivu-modal-body {
    padding: 16px 20px
}

.vp-betting-warp .vp-betting-header {
    color: #747474;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-size: 16px;
    padding-bottom: 18px
}

.vp-betting-warp .vp-betting-header div {
    text-align: center;
    width: 178px
}

.vp-betting-warp .vp-betting-header div:first-child {
    width: 158px
}

.vp-betting-warp .vp-betting-header div:last-child {
    margin-right: 0;
    width: 198px
}

.vp-betting-warp .vp-betting-header div span {
    color: red
}

.vp-betting-warp .vp-betting-container {
    border: 1px solid #ededed
}

.vp-betting-warp .vp-betting-container .betting-container-header {
    zoom: 1;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.vp-betting-warp .vp-betting-container .betting-container-header .title {
    -ms-flex: 1;
    flex: 1;
    width: 135px;
    height: 36px;
    font-size: 14px;
    float: left;
    line-height: 36px;
    text-align: center;
    background: #f8f8f8;
    border-right: 1px dashed #ededed;
    border-bottom: 1px solid #ededed
}

.vp-betting-warp .vp-betting-container .betting-container-header .title:last-child {
    width: 137px;
    border-right: 0
}

.vp-betting-warp .vp-betting-container .vp-overfloat-out {
    height: 146px;
    overflow-y: hidden;
    overflow-x: hidden
}

.vp-betting-warp .vp-betting-container .vp-overfloat-out .vp-overfloat-in {
    height: 150px;
    width: 542px;
    overflow-y: auto
}

.vp-betting-warp .vp-betting-container .vp-overfloat-out .vp-overfloat-in .betting {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.vp-betting-warp .vp-betting-container .vp-overfloat-out .vp-overfloat-in .text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    word-break: break-all;
    width: 134px;
    max-width: 135.75px;
    min-height: 36px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    float: left;
    border-bottom: 1px dashed #ededed;
    border-right: 1px dashed #ededed;
    word-wrap: break-word
}

.vp-betting-warp .vp-betting-container .vp-overfloat-out .vp-overfloat-in .text:last-child {
    width: 137px;
    border-right: 0
}

.vp-betting-warp .ivu-modal-footer {
    border-top: 0;
    text-align: center;
    padding: 16px 18px 26px
}

.vp-betting-warp .ivu-modal-footer button+button {
    margin-left: 40px
}

.vp-betting-warp .ivu-btn {
    color: #fff;
    padding: 8px 45px;
    font-size: 18px
}

.vp-betting-warp .ivu-btn,
.vp-betting-warp .ivu-btn:hover {
    background-color: #ff0024;
    border-color: #ff0024
}

.vp-betting-warp .ivu-btn.ivu-btn-text {
    background: #f1f1f1;
    border-color: #ededed;
    color: #6d6d6d
}

body .clearfix:after,
body .clearfix:before,
body .content:after,
body .content:before,
body .row:after,
body .wrapper:after,
body .wrapper:before {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

body img {
    border: none
}

.vnst-cont-wrap {
    background: #272727
}

.clear:after,
.clear:before {
    content: "";
    display: table
}

.clear:after {
    clear: both
}

.clear {
    *zoom: 1
}


/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }
    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scaleX(1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    0%,
    to {
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        transform: scaleX(1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        transform: translateZ(0)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    0%,
    11.1%,
    to {
        transform: translateZ(0)
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }
    14% {
        transform: scale(1.3)
    }
    28% {
        transform: scale(1)
    }
    42% {
        transform: scale(1.3)
    }
    70% {
        transform: scale(1)
    }
}

.heartBeat {
    animation-name: heartBeat;
    animation-duration: 1.3s;
    animation-timing-function: ease-in-out
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    animation-duration: .75s;
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    animation-duration: .75s;
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-duration: .75s;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg)
    }
    to {
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        transform-origin: center;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }
    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-duration: 2s;
    animation-name: hinge
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }
    50% {
        transform: rotate(-10deg)
    }
    70% {
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.delay-1s {
    animation-delay: 1s
}

.animated.delay-2s {
    animation-delay: 2s
}

.animated.delay-3s {
    animation-delay: 3s
}

.animated.delay-4s {
    animation-delay: 4s
}

.animated.delay-5s {
    animation-delay: 5s
}

.animated.fast {
    animation-duration: .8s
}

.animated.faster {
    animation-duration: .5s
}

.animated.slow {
    animation-duration: 2s
}

.animated.slower {
    animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),
(print) {
    .animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important
    }
}

.toast[data-v-a747cc90] {
    width: 280px;
    height: 165px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -140px;
    margin-top: -82.5px;
    z-index: 201999
}

.toast .top[data-v-a747cc90] {
    height: 125px;
    background: #413c5a;
    border-radius: 8px 8px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.toast .top img[data-v-a747cc90] {
    display: block;
    width: 42px;
    margin-bottom: 20px
}

.toast .top p[data-v-a747cc90] {
    color: #fff;
    font-weight: 200
}

.toast .bottom[data-v-a747cc90] {
    height: 40px;
    background: #ec2426;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 0 0 8px 8px;
    cursor: pointer
}

.loading {
    width: 1030px;
    height: 720px;
    z-index: 99999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -395px;
    margin-top: -360px
}

.loading .loading-content {
    background: #fff;
    width: 100%;
    height: 100%;
    text-align: center
}

.loading .loading-content .toast {
    text-align: center;
    padding-top: 430px;
    padding-left: 20px;
    color: #666
}

.loading .loading-content .toast span {
    display: inline-block;
    animation-duration: 1s;
    animation-name: slow-wave-data-v-787e9158;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

.loading .loading-content .toast span:first-child {
    animation-delay: -5.76s
}

.loading .loading-content .toast span:nth-child(2) {
    animation-delay: -5.52s
}

.loading .loading-content .toast span:nth-child(3) {
    animation-delay: -5.28s
}

.loading .loading-content .toast span:nth-child(4) {
    animation-delay: -5.04s
}

.loading .loading-content .toast span:nth-child(5) {
    animation-delay: -4.8s
}

.loading .loading-content .toast span:nth-child(6) {
    animation-delay: -4.32s
}

.loading .loading-content .toast span:nth-child(7) {
    animation-delay: -4.08s
}

.loading .loading-content .toast span:nth-child(8) {
    animation-delay: -3.84s
}

@keyframes slow-wave-data-v-787e9158 {
    0% {
        transform: translateY(0)
    }
    to {
        transform: translateY(-10px)
    }
}

.la-ball-spin-clockwise>div,
.la-ball-spin-clockwise {
    position: relative;
    box-sizing: border-box
}

.la-ball-spin-clockwise {
    display: block;
    font-size: 0;
    color: #fff
}

.la-ball-spin-clockwise>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}

.la-ball-spin-clockwise {
    width: 32px;
    height: 32px
}

.la-ball-spin-clockwise>div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;
    border-radius: 100%;
    animation: ball-spin-clockwise-data-v-787e9158 1s infinite ease-in-out
}

.la-ball-spin-clockwise>div:first-child {
    top: 5%;
    left: 50%;
    animation-delay: -.875s
}

.la-ball-spin-clockwise>div:nth-child(2) {
    top: 18.18019485%;
    left: 81.81980515%;
    animation-delay: -.75s
}

.la-ball-spin-clockwise>div:nth-child(3) {
    top: 50%;
    left: 95%;
    animation-delay: -.625s
}

.la-ball-spin-clockwise>div:nth-child(4) {
    top: 81.81980515%;
    left: 81.81980515%;
    animation-delay: -.5s
}

.la-ball-spin-clockwise>div:nth-child(5) {
    top: 95%;
    left: 50%;
    animation-delay: -.375s
}

.la-ball-spin-clockwise>div:nth-child(6) {
    top: 81.8198047%;
    left: 18.18019492%;
    animation-delay: -.25s
}

.la-ball-spin-clockwise>div:nth-child(7) {
    top: 49.99997508%;
    left: 5.00000512%;
    animation-delay: -.125s
}

.la-ball-spin-clockwise>div:nth-child(8) {
    top: 18.17946497%;
    left: 18.18037005%;
    animation-delay: 0s
}

.la-ball-spin-clockwise.la-sm {
    width: 16px;
    height: 16px
}

.la-ball-spin-clockwise.la-sm>div {
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-left: -2px
}

.la-ball-spin-clockwise.la-2x {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px
}

.la-ball-spin-clockwise.la-2x>div {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    background: #fd15034d
}

.la-ball-spin-clockwise.la-3x {
    width: 96px;
    height: 96px
}

.la-ball-spin-clockwise.la-3x>div {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px
}

@keyframes ball-spin-clockwise-data-v-787e9158 {
    0%,
    to {
        opacity: 1;
        transform: scale(1)
    }
    20% {
        opacity: 1
    }
    80% {
        opacity: 0;
        transform: scale(0)
    }
}

.index-header {
    background: #171717;
    width: 100%;
    position: relative;
    z-index: 12;
    border-bottom: 1px solid #262626;
}

.index-header .header-top {
    height: 36px;
    border-bottom: 1px solid #262626;
}

.index-header .header-top .w1000 {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding-left: 6px;
}

.index-header .header-top .w1000 .toplink {
    line-height: 36px;
    color: #573626;
    position: relative;
    padding-right: 0;
}

.lisence {
    position: absolute;
    left: -100px;
    top: 30px;
    display: none;
    z-index: 1000;
}

.index-header .header-top .w1000 .toplink a {
    color: #959595;
    margin: 0 10px;
    transition: all .4s;
}

.index-header .header-top .w1000 .toplink .time {
    font-size: 12px;
    color: #d9d243;
    margin: 0;
}

.index-header .header-top .w1000 .toplink .commonFunc {
    position: relative;
    float: right;
    transform: translate(10px);
}

.index-header .header-top .w1000 .toplink .commonFunc .detection {
    color: #ff0;
}

.resd {
    color: red !important;
}

.index-header .header-float {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 9999 !important;
}

.index-header .header-float .navbg {
    height: 106px;
}

.index-header .header-float .navbg .nav {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.index-header .header-float .navbg .nav .logo {
    width: 302px;
    height: 100%;
    margin-right: 70px;
}

.index-header .header-float .navbg .nav #head-container {
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1000;
}

.index-header .header-float .navbg .nav #head-container li {
    margin: 0;
    height: 100%;
    text-align: center;
    position: relative;
}

.index-header .header-float .navbg .nav #head-container li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    color: #ffd053;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nav ul li>a {
    color: #fff;
}

.index-header .header-float .navbg .nav #head-container li a .ico.home {
    background: url(../images/homeico.png) no-repeat 50%;
}

.index-header .header-float .navbg .nav #head-container li a .ico.chess {
    background: url(../images/chess_icon.png) no-repeat 50%;
}

.index-header .header-float .navbg .nav #head-container li a .ico {
    width: 100%;
    height: 22px;
    margin-bottom: 10px;
}

.nav ul li a i {
    display: inline-block;
    font-style: normal;
    font-family: Arial;
    margin-top: 9px;
    font-size: 13px;
}

.index-header .header-float .navbg .nav #head-container li a .ch {
    font-size: 16px;
}

.nav ul li>a span {
    background: none;
    height: 23px;
    display: block;
    margin: 0 auto;
}

.header .nav .subnav {
    position: absolute;
    line-height: 36px;
    left: -42px;
    top: 86px;
    z-index: 99;
    display: none;
    padding-top: 5px;
}

.fres {
    animation: spin-data-v-18ceeaf8 1s linear
}

{
    margin: 0;
    padding: 0
}

.clear {
    clear: both
}

a {
    text-decoration: none;
    color: #333;
}

body {
    font-size: 12px;
    font-family: \\5FAE\8F6F\96C5\9ED1;
    background: #2c2b2b;
}

.index {
    padding-top: 144px
}

.resd {
    color: red !important
}

.blingColor {
    color: #ff0
}

.index-header {
    background: #171717;
    width: 100%;
    position: relative;
    z-index: 12;
    border-bottom: 1px solid #262626
}

.index-header .header-top {
    height: 36px;
    border-bottom: 1px solid #262626
}

.index-header .header-top .w1000 {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding-left: 6px
}

.index-header .header-top .w1000 .toplink {
    line-height: 36px;
    color: #573626;
    position: relative;
    padding-right: 0
}

.index-header .header-top .w1000 .toplink a {
    color: #959595;
    margin: 0 10px;
    transition: all .4s
}

.index-header .header-top .w1000 .toplink a.fs {
    color: #959595;
    transition: all 0s
}

.index-header .header-top .w1000 .toplink a.xl {
    color: #dfbb4c;
    margin-right: 0
}

.index-header .header-top .w1000 .toplink a.color1 {
    color: red
}

.index-header .header-top .w1000 .toplink a:hover {
    color: #fff
}

.index-header .header-top .w1000 .toplink .time {
    font-size: 12px;
    color: #d9d243;
    margin: 0
}

.index-header .header-top .w1000 .toplink .commonFunc {
    position: relative;
    float: right;
    transform: translate(10px)
}

.index-header .header-top .w1000 .toplink .commonFunc .detection {
    color: #ff0
}

.index-header .header-top .w1000 .toplink .commonFunc .download,
.index-header .header-top .w1000 .toplink .commonFunc .guanjia,
.index-header .header-top .w1000 .toplink .commonFunc .jiebei {
    margin-right: 10px;
    color: #ff0
}

.index-header .header-top .w1000 .toplink .commonFunc .suggestion {
    color: #ff0
}

.index-header .header-float {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 9999 !important
}

.index-header .header-float .navbg {
    height: 106px
}

.index-header .header-float .navbg .nav {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-header .header-float .navbg .nav #head-container {
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1000
}

.index-header .header-float .navbg .nav #head-container li {
    margin: 0;
    height: 100%;
    text-align: center;
    position: relative
}

.index-header .header-float .navbg .nav #head-container li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    color: #ffd053;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.index-header .header-float .navbg .nav #head-container li a .ico {
    width: 100%;
    height: 22px;
    margin-bottom: 10px
}

.index-header .header-float .navbg .nav #head-container li a .ico.home {
    background: url(../images/homeico.png) no-repeat 50%
}

.index-header .header-float .navbg .nav #head-container li a .ico.elec {
    background: url(../images/elecico.png) no-repeat 50%
}

.index-header .header-float .navbg .nav #head-container li a .ico.chess {
    background: url(../images/chess_icon.png) no-repeat 50%
}

.index-header .header-float .navbg .nav #head-container li a .ico.casino {
    background: url(../images/casinoico.png) no-repeat 50%
}

.index-header .header-float .navbg .nav #head-container li a .ico.lottery {
    background: url(../images/lotteryico.png) no-repeat 50%
}

.index-header .header-float .navbg .nav #head-container li a .ico.fishing {
    background: url(../images/fishingico.png) no-repeat 50%
}

.index-header .header-float .navbg .nav #head-container li a .ico.esport123 {
    background: url(../images/esport.png) no-repeat 50%
}

.index-header .header-float .navbg .nav #head-container li a .ico.esport {
    background: url(../images/esportico.png) no-repeat 50%
}

.index-header .header-float .navbg .nav #head-container li a .ico.promo {
    background: url(../images/promoico.png) no-repeat 50%
}

.index-header .header-float .navbg .nav #head-container li a .ico.service {
    background: url(../images/serviceico.png) no-repeat 50%
}

.index-header .header-float .navbg .nav #head-container li a img {
    position: absolute;
    top: 10px;
    right: -14px
}

.index-header .header-float .navbg .nav #head-container li a .ch {
    font-size: 16px
}

.index-header .lgobox {
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    z-index: 3;
    transform: translate(-50%)
}

.index-header .lgobox .index-bannercon #loginForms {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 20
}

.index-header .lgobox .index-bannercon #loginForms .index-login {
    width: 280px;
    height: 360px;
    overflow: hidden;
    position: relative;
    padding-top: 28px
}

.index-header .lgobox .index-bannercon #loginForms .index-login.withCode {
    background: url(../images/with_code.png) no-repeat
}

.index-header .lgobox .index-bannercon #loginForms .index-login.withCode .subbtn {
    bottom: 10px
}

.index-header .lgobox .index-bannercon #loginForms .index-login.noCode {
    background: url(../images/no_code.png) no-repeat
}

.index-header .lgobox .index-bannercon #loginForms .index-login.noCode .subbtn {
    bottom: 64px
}

.index-header .lgobox .index-bannercon #loginForms .index-login .title {
    width: 100%;
    height: 24px;
    margin-bottom: 12px;
    background: url(../images/title.png) 50% no-repeat
}

.index-header .lgobox .index-bannercon #loginForms .index-login p {
    width: 82%;
    height: 42px;
    line-height: 42px;
    margin: 0 auto;
    border: 1px solid #212121
}

.index-header .lgobox .index-bannercon #loginForms .index-login p:hover {
    border: 1px solid #d9b575
}

.index-header .lgobox .index-bannercon #loginForms .index-login p.username_box {
    margin-bottom: 10px;
    background: url(../images/user_input.png) no-repeat 50%
}

.index-header .lgobox .index-bannercon #loginForms .index-login p.pwd_box {
    background: url(../images/pwd_input.png) no-repeat 50%
}

.index-header .lgobox .index-bannercon #loginForms .index-login p.code_box0 {
    height: 48px;
    line-height: 48px;
    padding-top: 4px;
    width: 83%;
    margin: 12px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.index-header .lgobox .index-bannercon #loginForms .index-login p.code_box0 .yzm {
    width: 52%;
    height: 40px;
    line-height: 40px;
    background: transparent;
    border: none;
    color: #fff !important;
    font-size: 15px;
    outline: 0;
    margin: 0;
    padding-left: 13px;
    border: 1px solid #626262
}

.index-header .lgobox .index-bannercon #loginForms .index-login p.code_box0 .yzm::-webkit-input-placeholder {
    color: #fff
}

.index-header .lgobox .index-bannercon #loginForms .index-login p.code_box0 .yzm::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.index-header .lgobox .index-bannercon #loginForms .index-login p.code_box0 .yzm:hover {
    border: 1px solid #d9b575 !important
}

.index-header .lgobox .index-bannercon #loginForms .index-login p.code_box0 .yzmimg {
    width: 44%;
    height: 40px;
    margin-top: 0
}

.index-header .lgobox .index-bannercon #loginForms .index-login p input {
    width: 85%;
    height: 40px;
    line-height: 40px;
    background: transparent;
    border: none;
    color: #fff !important;
    font-size: 15px;
    display: block;
    outline: 0;
    margin: 0 34px;
    padding-right: 10px;
    caret-color: #fff
}

.index-header .lgobox .index-bannercon #loginForms .index-login p input::-webkit-input-placeholder {
    color: #fff
}

.index-header .lgobox .index-bannercon #loginForms .index-login p input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.index-header .lgobox .index-bannercon #loginForms .index-login .code_box0 {
    border: 0 !important
}

.index-header .lgobox .index-bannercon #loginForms .index-login .code_box {
    height: 48px;
    line-height: 48px;
    padding-top: 4px;
    width: 83%;
    margin: 12px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.index-header .lgobox .index-bannercon #loginForms .index-login .code_box .yzm {
    width: 52%;
    height: 40px;
    line-height: 40px;
    background: transparent;
    border: none;
    color: #fff !important;
    font-size: 15px;
    outline: 0;
    margin: 0;
    padding-left: 13px;
    border: 1px solid #212121
}

.index-header .lgobox .index-bannercon #loginForms .index-login .code_box .yzm::-webkit-input-placeholder {
    color: #fff
}

.index-header .lgobox .index-bannercon #loginForms .index-login .code_box .yzm::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.index-header .lgobox .index-bannercon #loginForms .index-login .code_box .yzmimg {
    width: 44%;
    height: 40px;
    margin-top: 0
}

.index-header .lgobox .index-bannercon #loginForms .index-login .button {
    width: 82%;
    height: 42px;
    margin: 7px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-header .lgobox .index-bannercon #loginForms .index-login .button a {
    width: 48%;
    height: 100%
}

.index-header .lgobox .index-bannercon #loginForms .index-login .button a.login_btn {
    text-decoration: none;
    background: url(../images/login_btn.png) no-repeat 50%;
    background-size: contain
}

.index-header .lgobox .index-bannercon #loginForms .index-login .button a.login_btn:hover {
    color: #fefba6
}

.index-header .lgobox .index-bannercon #loginForms .index-login .button a.forget {
    background: url(../images/forget_pwd.png) no-repeat 50%;
    background-size: contain
}

.index-header .lgobox .index-bannercon #loginForms .index-login .button .subbtn {
    background: #27c6fa;
    border-radius: 4px;
    width: 259px;
    height: 46px;
    line-height: 40px;
    text-align: center;
    border: none;
    color: #282203;
    font-size: 18px;
    font-family: \\5FAE\8F6F\96C5\9ED1;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    transition: all .4s;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.index-header .lgobox .index-bannercon #loginForms .index-login .button .subbtn:hover {
    background: #5cd7ff
}

.index-header .lgobox .index-bannercon #loginForms .index-login .register_btn {
    display: block;
    background: url(../images/register_btn.png) no-repeat 50%;
    width: 83%;
    height: 42px
}

.index-header .lgobox .index-bannercon #loginForms .index-login .register_btn.show_code {
    margin: 0 auto
}

.index-header .lgobox .index-bannercon #loginForms .index-login .register_btn.no_code {
    margin: 0px auto 0
}

.index-header .header-login {
    width: 100%;
    height: 55px;
    background: #0c0c0c;
    z-index: 1;
    border-bottom: 1px solid #0c0c0c
}

.index-header .header-login #loginForm {
    width: 1200px;
    height: 100%;
    margin: 0 auto
}

.index-header .header-login #loginForm .header-logincon {
    height: 100%;
    width: 1400px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-align: center;
    align-items: center;
    transform: translate(10px)
}

.index-header .header-login #loginForm .header-logincon input {
    background: #000;
    width: 190px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #434343;
    color: #fff;
    padding-left: 15px;
    float: left;
    display: block;
    margin-left: 5px;
    font-size: 16px;
}

.index-header .header-login #loginForm .header-logincon input.user {
    transition: all .4s;
}

.index-header .header-login #loginForm .header-logincon input.user:hover {
    border: 1px solid #ffd053;
    transition: all .4s ease
}

.index-header .header-login #loginForm .header-logincon input.pass {
    transition: all .4s
}

.index-header .header-login #loginForm .header-logincon input.pass:hover {
    border: 1px solid #ffd053;
    transition: all .4s ease
}

.index-header .header-login #loginForm .header-logincon input.code {
    width: 178px;
    padding-left: 10px;
    transition: all .4s
}

.index-header .header-login #loginForm .header-logincon input::-webkit-input-placeholder {
    color: #fff
}

.index-header .header-login #loginForm .header-logincon input:-moz-placeholder,
.index-header .header-login #loginForm .header-logincon input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.index-header .header-login #loginForm .header-logincon .verify_code_box .codeimg {
    height: 30px;
    display: block;
    float: left;
    position: relative;
    margin-left: -56px;
    margin-top: 2px;
    cursor: pointer
}

.index-header .header-login #loginForm .header-logincon .forget {
    background: url(../images/forget.png) no-repeat;
    width: 60px;
    height: 32px;
    display: block;
    float: left;
    position: relative;
    margin-left: -61px;
    margin-top: -1px;
    background-size: cover
}

.index-header .header-login #loginForm .header-logincon .subbtn {
    background: url(../images/subbtn.png) no-repeat;
    width: 130px;
    height: 34px;
    border: none;
    padding: 0;
    cursor: pointer;
    margin-left: 10px
}

.index-header .header-login #loginForm .header-logincon .subbtn:hover {
    background-position: bottom
}

.index-header .header-login #loginForm .header-logincon .regbtn {
    background: url(../images/regbtn.png) top no-repeat;
    width: 130px;
    height: 34px;
    display: block;
    float: left;
    margin-left: 7px
}

.index-header .header-login #loginForm .header-logincon .regbtn :hover {
    background-position: bottom
}

.index-header .header-login .w1000 {
    color: #fff;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 4
}

.index-header .header-login .w1000 .left {
    min-width: 250px;
    height: 100%;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 96px
}

.index-header .header-login .w1000 .left span {
    height: 100%;
    line-height: 54px;
    font-size: 16px;
    padding: 0 1px 0 0
}

.index-header .header-login .w1000 .left span.account {
    margin: 0 6px 0 0
}

.index-header .header-login .w1000 .left span.account font {
    display: inline-block;
    min-width: 68px
}

.index-header .header-login .w1000 .left span.user_money font {
    display: inline-block;
    min-width: 35px
}

.index-header .header-login .w1000 .left span.refresh_balance .refresh {
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url("../images/refresh.png") 50% no-repeat;
    margin-top: 17px
}

.index-header .header-login .w1000 .left span.refresh_balance .newfresh {
    background: url("../images/newfresh.png") no-repeat 50%
}

.index-header .header-login .w1000 .left span.refresh_balance .fres {
    animation: spin-data-v-18ceeaf8 1s linear
}

@keyframes spin-data-v-18ceeaf8 {
    0% {
        transform: rotate(0deg) scale(1.2)
    }
    to {
        transform: rotate(1turn) scale(1.2)
    }
}

.index-header .header-login .w1000 .right {
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px
}

.index-header .header-login .w1000 .right span a {
    font-size: 15px;
    color: #fff;
}

.index-header .header-login .w1000 .right span a.unread_msg {
    margin: 0 8px
}

.index-header .header-login .w1000 .right span a.logOut {
    display: inline-block;
    width: 62px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #000;
    background: url(../images/log_out.png) 50% no-repeat;
    background-size: contain
}

.index-header .notice {
    height: 36px;
    line-height: 36px;
    width: 100%;
    margin-top: 0;
    background: url(../images/noticebg.png) repeat-x
}

.index-header .notice .w1000 {
    width: 1040px;
    height: 100%;
    margin: auto
}

.index-header .notice .w1000 span {
    font-size: 12px;
    background: url(../images/notice.png) 0 no-repeat;
    padding-left: 30px;
    width: 128px;
    float: left;
    display: block;
    height: 36px;
    line-height: 37px;
    color: #e0bf55
}

.index-header .notice .w1000 span i {
    font-style: normal
}

.index-header .notice .w1000 marquee {
    float: right;
    width: 860px;
    margin-right: 10px;
    color: #fff;
    height: 36px;
    line-height: 36px
}

.header-top .lang {
    float: right;
    height: 36px
}

.header-top .lang a.cn {
    background-position: 0 0
}

.header-top .lang a.hk {
    background-position: -23px 0
}

.header-top .lang a.usa {
    background-position: -45px 0
}

.lisence {
    position: absolute;
    left: -100px;
    top: 30px;
    display: none;
    z-index: 1000
}

.nav_fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

.nav ul li>a span {
    background: none;
    height: 23px;
    display: block;
    margin: 0 auto
}

.nav ul li>a span.i2 {
    background-position: -240px 0;
    width: 41px
}

.nav ul li>a span.i3 {
    background-position: -157px 0
}

.nav ul li>a span.i4 {
    background-position: -340px 0;
    width: 30px
}

.nav ul li>a span.i5 {
    background-position: -70px 0;
    width: 30px
}

.nav ul li>a span.i6 {
    background-position: -433px 0;
    width: 23px
}

.nav ul li>a span.i7 {
    background-position: -520px 0;
    width: 20px
}

.nav ul li>a span.i8 {
    background-position: -605px 0;
    width: 25px
}

.nav ul li>a span.i2 {
    background-position: -240px -44px
}

.nav ul li>a span.i3 {
    background-position: -157px -45px
}

.nav ul li>a span.i4 {
    background-position: -340px -44px
}

.nav ul li>a span.i5 {
    background-position: -70px -44px
}

.nav ul li>a span.i6 {
    background-position: -430px -44px
}

.nav ul li>a span.i7 {
    background-position: -520px -44px
}

.nav ul li>a span.i8 {
    background-position: -605px -44px
}

.nav ul li>a {
    color: #fff
}

.nav ul li a p {
    margin-top: 10px;
    height: 12px;
    font-size: 14px
}

.nav ul li a i {
    display: inline-block;
    font-style: normal;
    font-family: Arial;
    margin-top: 9px;
    font-size: 13px
}

.nav ul li>a.color1 {
    color: #e60012
}

.nav ul li>a.color2 {
    color: #ffd053
}

.nav ul li>a span.i2.color1 {
    background-position: -240px -22px
}

.nav ul li>a span.i3.color1 {
    background-position: -157px -22px
}

.nav ul li>a span.i5.color1 {
    background-position: -70px -22px
}

.nav ul li>a span.i7.color1 {
    background-position: -520px -22px
}

.nav ul li:hover>a span.i2 {
    background-position: -240px -44px
}

.nav ul li:hover>a span.i4 {
    background-position: -340px -44px
}

.nav ul li:hover>a span.i5 {
    background-position: -70px -44px
}

.nav ul li:hover>a span.i6 {
    background-position: -430px -44px
}

.nav ul li:hover>a span.i7 {
    background-position: -520px -44px
}

.nav ul li:hover>a span.i8 {
    background-position: -605px -44px
}

.nav ul li:hover>a>i,
.nav ul li:hover>a>p {
    color: #ffd053
}

.nav ul li>a span.i3 {
    width: 37px;
    background-position: 6px -44px
}

.nav ul li>a span.i88 {
    width: 37px;
    background-position: -58px -44px
}

.nav ul li>a span.i78 {
    width: 37px;
    background-position: -130px -44px
}

.nav ul li>a span.i68 {
    width: 45px;
    background-position: -199px -44px
}

.nav ul li>a span.i58 {
    width: 38px;
    background-position: -278px -44px
}

.nav ul li>a span.i48 {
    width: 38px;
    background-position: -339px -44px
}

.nav ul li>a span.i38 {
    width: 38px;
    background-position: -471px -44px
}

.nav ul li>a span.i28 {
    width: 38px;
    background-position: -539px -44px
}

.nav ul li>a span.i98 {
    width: 38px;
    background-position: -601px -44px
}

.nav ul li>a span.i168 {
    width: 38px;
    background-position: -398px -44px
}

.header .nav .subnav {
    position: absolute;
    line-height: 36px;
    left: -42px;
    top: 86px;
    z-index: 99;
    display: none;
    padding-top: 5px
}

.header .nav .subnav .jt {
    background: url(../images/menujt.png) no-repeat;
    height: 5px;
    width: 9px;
    display: block;
    margin: 0 auto
}

.header .nav .subnav .con {
    background: rgba(0, 0, 0, .85);
    width: 150px;
    border: 2px solid #ffd053;
    height: auto;
    padding-top: 3px
}

.header .nav .subnav .con a {
    color: #c7c7c7;
    font-size: 13px;
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-bottom: 1px dotted hsla(0, 0%, 100%, .15);
    margin: 0 auto;
    padding: 5px 15px 0;
    position: relative
}

.header .nav .subnav .con a:hover {
    color: #d6bd7b
}

.header .nav .subnav .con a img {
    position: absolute;
    z-index: 99;
    right: 5px;
    top: 50%;
    transform: translateY(-35%)
}

.CHESS:hover .subnav,
.FISHING:hover .subnav,
.GAME:hover .subnav,
.SPORTS:hover .subnav {
    display: block
}

::-webkit-input-placeholder {
    color: #f5e97b
}

input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    background-color: transparent !important;
    background-image: none !important;
    transition: background-color 50000s ease-in-out 0s !important
}

.ivu-carousel-dots {
    z-index: 1000
}

.alert-img .ivu-modal-content {
    background-color: transparent
}

.alert-img .ivu-modal-footer {
    display: none
}

.alert-img .ivu-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -325px;
    margin-top: -275px
}

.alert-img .ivu-modal-body {
    padding: 0;
    height: 550px
}

.guanbi img {
    position: relative
}

.guanbi .ivu-modal-content .ivu-modal-footer {
    display: none !important
}

.guanbi .ivu-modal-body {
    padding: 0 !important;
    height: 550px
}

.guanbi .ivu-modal-close {
    display: none
}

.guanbi .ivu-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -328px;
    margin-top: -273px
}

.guanbi .close {
    position: absolute;
    display: block;
    width: 70px;
    height: 70px;
    right: 0;
    top: 0;
    cursor: pointer
}

body {
    background: #272727
}

.fhcp-new-index {
    position: relative;
    min-width: 1200px;
    margin: 0 auto;
    background: #272727;
    font-size: 16px
}

.fhcp-new-index .just-bg {
    width: 90%;
    height: 500px;
    background: url("../images/cbg2.jpg");
    position: absolute;
    top: 0;
    z-index: -10
}

.fhcp-new-index .list li a:hover {
    background: #e1bd53
}

.fhcp-new-index .list li a:hover .ren {
    color: #2d1e17
}

.fhcp-new-index a {
    text-decoration: none;
    color: #fff;
    font-size: 12px
}

.fhcp-new-index .pt60 {
    padding-top: 60px
}

.fhcp-new-index .tac {
    text-align: center;
    width: 123px;
    height: 30px
}

.fhcp-new-index .zhenren {
    background: #1b1b1b;
    height: 231px;
    border: 0 solid #e1bd53
}

.fhcp-new-index .zhenren li {
    float: left;
    width: 123px;
    height: 76px;
    border-right: 1px solid #2a2a2a;
    border-bottom: 1px solid #2a2a2a
}

.fhcp-new-index .zhenren li a {
    display: block;
    text-align: center;
    color: #fff;
    padding-top: 12px
}

.fhcp-new-index .zhenren li a p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.fhcp-new-index .zhenren li a p:hover {
    color: #ffd053
}

.fhcp-new-index .zhenren li.rimr {
    border-right: none;
    width: 124px
}

.fhcp-new-index .pt20 {
    padding-top: 20px
}

.fhcp-new-index .lunti div {
    float: left;
    font-size: 12px;
    width: 33.3%;
    text-align: center;
    line-height: 26px;
    color: #f4dc77
}

.fhcp-new-index .luntop2 li .red {
    color: red
}

.fhcp-new-index .home-container {
    height: 737px;
    background: #1a1a1a;
    background-size: cover;
    position: relative;
    overflow: hidden;
    margin: 36px auto 0;
    width: 100%
}

.fhcp-new-index .home-container #slot-box {
    position: relative;
    max-width: 1920px;
    height: 100%;
    font-size: 0;
    margin: 0 auto;
    background: url(../images/bg.jpg) no-repeat top;
    background-size: cover
}

.fhcp-new-index .home-container #slot-box .wrapper {
    position: relative;
    width: 1200px;
    height: 100%;
    z-index: 99;
    padding: 34px 0 0;
    margin: 0 auto
}

.fhcp-new-index .home-container #slot-box .wrapper .super_award {
    width: 870px;
    height: 125px;
    text-align: center;
    font-size: 28px;
    line-height: 54px;
    color: #ffed8d;
    margin: 0 auto;
    padding: 0 92px 0 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background: url(../images/money_bg.gif) no-repeat 50%
}

.fhcp-new-index .home-container #slot-box .wrapper .super_award .txt_icon {
    display: inline-block;
    width: 190px;
    height: 45px;
    margin: 0 30px 0 0;
    background: url(../images/super_bonus.png) no-repeat 50%
}

.fhcp-new-index .home-container #slot-box .wrapper .super_award .award_num {
    -ms-flex: 1;
    flex: 1;
    height: 61px;
    font-size: 37.75px;
    color: #ffed8d;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fhcp-new-index .home-container #slot-box .wrapper .super_award .award_num li {
    -ms-flex: 1;
    flex: 1;
    margin-right: 5px;
    box-sizing: border-box;
    background: url(../images/num_box.png) no-repeat 50%;
    background-size: contain
}

.fhcp-new-index .home-container #slot-box .wrapper .super_award .award_num li:nth-child(9) {
    background: none;
    margin: 0 -5px 0 -9px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box {
    height: 74.5%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 243px;
    margin-top: 20px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container {
    width: 713px;
    height: 100%;
    padding-top: 9px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav {
    height: 102px;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    border-radius: 5px;
    white-space: nowrap
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .arrow {
    position: absolute;
    top: 31px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .arrow.prev {
    z-index: 999;
    left: 20px;
    background: url(../images/arrow-left.png) no-repeat 50%
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .arrow.prev:hover {
    background: url(../images/arrow-left-hover.png) no-repeat 50%
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .arrow.next {
    right: 20px;
    background: url(../images/arrow-right.png) no-repeat 50%
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .arrow.next:hover {
    background: url(../images/arrow-right-hover.png) no-repeat 50%
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell {
    height: 100%
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp {
    overflow: hidden;
    width: 86%;
    height: 100%;
    margin: auto;
    position: relative
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list {
    width: 3000px;
    height: 100%;
    position: relative;
    margin: 0;
    display: table
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list.move {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transform: translate3d(-104px, 0, 0)
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list.back {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transform: translate3d(104px, 0, 0)
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li {
    background: url(../images/xian.png) 100% no-repeat;
    cursor: pointer;
    width: 104px;
    float: left;
    height: 102px;
    display: table-cell;
    color: #fff;
    font-size: 14px;
    text-align: left;
    vertical-align: top;
    transition: all 1s !important;
    position: relative
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li:before {
    content: "";
    margin-right: 10px;
    height: 37px;
    width: 60px;
    margin-top: 26px;
    text-align: left;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: 9%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.ae:before {
    background: url(../images/ae.png) no-repeat 50%;
    background-size: contain;
    height: 30px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.ag:before {
    background: url(../images/ag.png) no-repeat 50%;
    background-size: contain
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.bbin:before {
    background: url(../images/bbin.png) no-repeat 50%;
    background-size: contain
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.cq9:before {
    background: url(../images/cq9.png) no-repeat 50%;
    background-size: contain
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.dt:before {
    background: url(../images/dt.png) no-repeat 50%;
    background-size: contain;
    height: 34px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.fg:before {
    background: url(../images/fg.png) no-repeat 50%;
    background-size: contain
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.jdb:before {
    background: url(../images/jdb.png) no-repeat 50%;
    background-size: contain;
    height: 30px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.mg:before {
    background: url(../images/mg.png) no-repeat 50%;
    background-size: contain
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.mw:before {
    background: url(../images/mw.png) no-repeat 50%;
    background-size: contain
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.pt:before {
    background: url(../images/pt.png) no-repeat 50%;
    background-size: contain
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.pg:before {
    background: url(../images/pg.png) no-repeat 50%;
    background-size: contain
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.ky:before {
    background: url(../images/ky.png) no-repeat 50%;
    background-size: contain;
    height: 32px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.vg:before {
    background: url(../images/vg.png) no-repeat 50%;
    background-size: contain;
    height: 26px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.ly:before {
    background: url(../images/ly.png) no-repeat 50%;
    background-size: contain;
    height: 32px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.ttg:before {
    background: url(../images/ttg.png) no-repeat 50%;
    background-size: contain
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li.active span {
    color: #fefd8a !important
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li:hover {
    background-color: #222
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li .game-list-text {
    width: 100%;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    bottom: 28px;
    transition: all 1s
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li .game-list-text span {
    display: block;
    text-align: center
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_nav .main-cell .tempWarp #game-list li .game-list-text span:nth-child(2) {
    color: #7a5434;
    font-size: 14px;
    text-align: left;
    margin-top: 5px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_list_box {
    width: 100%;
    margin: 14px 0 0;
    padding: 9px 4px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_list_box .game-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_list_box .game-content .content {
    width: 100%
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_list_box .game-content .content ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_list_box .game-content .content ul .game-item {
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 0 6px 15px;
    width: 25%;
    height: 180px;
    overflow: hidden;
    background-color: transparent;
    cursor: pointer;
    box-sizing: border-box
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_list_box .game-content .content ul .game-item .game-pic {
    transition: all .4s;
    text-align: center
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_list_box .game-content .content ul .game-item .game-pic img {
    width: 100%;
    height: 110px;
    transition: all 2s
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_list_box .game-content .content ul .game-item .game_name {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    z-index: 1
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_list_box .game-content .content ul .game-item .game_name .name_txt {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid #585858;
    padding-top: 4px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_list_box .game-content .content ul .game-item .star_num {
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    text-align: right;
    color: #8e8e8e;
    font-size: 14px;
    padding-right: 6px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_list_box .game-content .content ul .game-item .star_num:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 10px;
    height: 10px;
    width: 55px;
    background: url(../images/star.png) repeat-x 0;
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .game_container .game_list_box .game-content .content ul .game-item:hover .game_name {
    background-color: #e1bd53
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list {
    width: 246px;
    height: 96%;
    padding-top: 104px;
    margin-top: -10px;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
    background: url(../images/winner_list.png) no-repeat 50%
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .title_txt {
    height: 26px;
    line-height: 26px;
    width: 82%;
    margin: auto;
    border-bottom: 1px solid #444;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .title_txt span {
    padding: 0;
    color: #f4dc77;
    font-size: 14px;
    -ms-flex: 1;
    flex: 1
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .title_txt span.id {
    text-align: left
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .title_txt span.amount {
    text-align: left;
    padding-left: 10px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .title_txt span.game-name {
    text-align: right
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1 {
    overflow: hidden;
    position: relative;
    height: 69%;
    margin-top: 14px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1:hover .winning-list {
    animation-play-state: paused
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1 .winning-list {
    position: relative;
    left: 0;
    top: 0;
    animation: animateSub-data-v-64b953a4 40s linear infinite
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1 .winning-list .winning-item {
    width: 100%;
    padding: 0 10px 0 4px;
    line-height: 28px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1 .winning-list .winning-item:after {
    content: "";
    display: table;
    clear: both;
    zoom: 1
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1 .winning-list .winning-item:first-child .order,
.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1 .winning-list .winning-item:nth-child(2) .order,
.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1 .winning-list .winning-item:nth-child(3) .order {
    background-color: red
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1 .winning-list .winning-item i {
    font-size: 12px;
    font-weight: 400;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1 .winning-list .winning-item .user_id {
    color: #fefa84;
    padding-left: 20px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1 .winning-list .winning-item .money_num {
    color: red
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1 .winning-list .winning-item .game_name {
    color: #868686
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1 .winning-list .winning-item .order {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background-color: #afafaf;
    border-radius: 4px
}

.fhcp-new-index .home-container #slot-box .wrapper .game_info_box .winner_list .winning-box1 .winning-list .winning-item .sort {
    float: left;
    width: 75px;
    color: #f27800;
    text-align: center;
    font-weight: 400
}

.fhcp-new-index .cont {
    height: 618px;
    position: relative;
    background: url("../images/bottom_bg.jpg");
    border-top: 1px solid #484848
}

.fhcp-new-index .cont .inner {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    padding: 40px 0 48px
}

.fhcp-new-index .cont .inner .game.top {
    width: 100%;
    height: 280px;
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fhcp-new-index .cont .inner .game.top .ga {
    width: 590px;
    height: 100%;
    border-radius: 28px;
    position: relative;
    transition: all .5s ease-in-out
}

.fhcp-new-index .cont .inner .game.top .ga.chess {
    background: url(../images/chess.png) no-repeat 0 0;
    background-size: cover
}

.fhcp-new-index .cont .inner .game.top .ga.casino {
    background: url(../images/casino.png) no-repeat 0 0;
    background-size: cover
}

.fhcp-new-index .cont .inner .game.top .ga .enterzh {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
    border-radius: 28px;
    background: rgba(0, 0, 0, .7);
    transition: all .5s ease-in-out
}

.fhcp-new-index .cont .inner .game.top .ga:hover {
    transform: scale(1.05);
    transition: all .5s ease-in-out
}

.fhcp-new-index .cont .inner .game.top .ga:hover .enterzh {
    opacity: 1;
    transition: all .6s ease
}

.fhcp-new-index .cont .inner .game.top .ga:hover .enterzh i {
    position: absolute;
    right: 0;
    width: 95%;
    height: 100%;
    background: url(../images/entry_btn.png) no-repeat 0
}

.fhcp-new-index .cont .inner .game.bottom {
    width: 100%;
    height: 230px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.fhcp-new-index .cont .inner .game.bottom .ga {
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border-radius: 28px;
    position: relative;
    transition: all .5s ease-in-out
}

.fhcp-new-index .cont .inner .game.bottom .ga.lottery {
    background: url(../images/lottery.png) no-repeat 0 0;
    background-size: cover
}

.fhcp-new-index .cont .inner .game.bottom .ga.fishing {
    background: url(../images/fishing.png) no-repeat 0 0;
    background-size: cover;
    margin: 0 20px
}

.fhcp-new-index .cont .inner .game.bottom .ga.sport {
    background: url(../images/sport.png) no-repeat 0 0;
    background-size: cover
}

.fhcp-new-index .cont .inner .game.bottom .ga:hover {
    transform: scale(1.05);
    transition: all .5s ease-in-out
}

.fhcp-new-index .cont .inner .game.bottom .ga:hover .enterzh {
    opacity: 1;
    transition: all .5s ease-in-out
}

.fhcp-new-index .cont .inner .game.bottom .ga:hover .enterzh i {
    position: absolute;
    right: 0;
    width: 95%;
    height: 100%;
    background: url(../images/entry_btn.png) no-repeat 0
}

.fhcp-new-index .cont .inner .game.bottom .ga .enterzh {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
    border-radius: 28px;
    background: rgba(0, 0, 0, .7);
    transition: all .5s ease-in-out
}

@keyframes animateSub-data-v-64b953a4 {
    0% {
        top: 0
    }
    to {
        top: -700px
    }
}

.fhcp-new-index .home-container #slot-box:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -805px;
    bottom: -20px;
    width: 355px;
    height: 518px;
    z-index: 1
}

.fhcp-new-index .carouse {
    min-width: 1200px;
    max-width: 100%;
    margin: 0 auto
}

.fhcp-new-index .carouse .carousel_wrapper {
    overflow: hidden;
    width: 100%
}

.fhcp-new-index .carouse .carousel_wrapper .ivu-carousel-list {
    height: 100%
}

.fhcp-new-index .carouse .carousel_wrapper .ivu-carousel-list .ivu-carousel-track {
    height: 100%;
    width: 100%
}

.fhcp-new-index .carouse .carousel_wrapper .ivu-carousel-list .ivu-carousel-track .myItems {
    width: 100%;
    height: 100% !important
}

.fhcp-new-index .carouse .carousel_wrapper .ivu-carousel-list .ivu-carousel-track .myItems img {
    height: 100%;
    width: 100%
}

.fhcp-new-index .carouse .ivu-carousel-dots-inside {
    bottom: 12px
}

.fhcp-new-index .carouse .ivu-carousel-dots-inside li .radius {
    width: 12px;
    height: 12px;
    background: #fff
}

.fhcp-new-index .carouse .ivu-carousel-dots-inside li.ivu-carousel-active .radius {
    background: #de3a3a
}

.fhcp-new-index .el-carousel {
    width: 100%
}

.fhcp-new-index .w1000 {
    width: 1040px;
    height: 36px;
    margin: 0 auto;
    cursor: pointer
}

.fhcp-new-index .index-banner {
    height: 465px;
    position: relative
}

.fhcp-new-index .index-bannercon {
    position: relative;
    height: 464px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -500px;
    z-index: 20
}

.fhcp-new-index .notice {
    position: absolute
}

.fhcp-new-index .notice span {
    width: 100px
}

.fhcp-new-index .index-slots {
    height: 453px;
    overflow: hidden
}

.fhcp-new-index .notice {
    height: 36px;
    line-height: 36px;
    width: 100%;
    margin-top: 0;
    background: url(../images/noticebg.png) repeat-x
}

.fhcp-new-index .index-notice {
    position: absolute;
    left: 0;
    bottom: 0
}

.fhcp-new-index .notice span {
    font-size: 12px;
    background: url(../images/notice.png) 0 no-repeat;
    padding-left: 30px;
    width: 130px;
    float: left;
    display: block;
    height: 36px;
    line-height: 37px;
    color: #e0bf55
}

.fhcp-new-index .notice span i {
    font-style: normal
}

.fhcp-new-index .notice marquee {
    float: right;
    width: 860px;
    margin-right: 10px;
    color: #fff;
    height: 36px;
    line-height: 36px;
    font-size: 12px
}

.footer .pull-left {
    float: left !important
}

.footer .pull-right {
    float: right !important
}

.footer .clearfix:after,
.footer .clearfix:before {
    content: " ";
    display: table
}

.footer .clearfix:after {
    clear: both
}

.footer-box {
    width: 100%;
    height: 300px;
    background: #151515;
    font-family: Microsoft YaHei !important
}

.footer-box .footer-area {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

.footer-box .footer-area .title {
    overflow: hidden
}

.footer-box .footer-area .title ul {
    margin-top: 22px
}

.footer-box .footer-area .title ul li:first-child {
    margin-left: 6px;
    margin-right: 41px
}

.footer-box .footer-area .title ul li:nth-child(2) {
    margin-right: 71px
}

.footer-box .footer-area .title ul li:nth-child(3) {
    margin-right: 76px
}

.footer-box .footer-area .title ul li {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #fff
}

.footer-box .footer-area .link-area {
    margin-left: 7px
}

.footer-box .footer-area .link-area ul li {
    margin-top: 20px;
    margin-left: 4px
}

.footer-box .footer-area .link-area ul li a {
    font-size: 14px;
    color: #707070
}

.footer-box .footer-area .link-area ul li a:hover {
    color: #fff
}

.footer-box .footer-area .footer-text {
    background: url("../images/footer-line.png") no-repeat;
    background-size: 100% auto;
    margin-top: 26px
}

.footer-box .footer-area .footer-text p {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #707070;
    padding-top: 16px
}

.footer-box .footer-area .shuxian {
    position: absolute;
    top: 54px
}

.footer-box .footer-area .shuxian.shuxian1 {
    left: 122px
}

.footer-box .footer-area .shuxian.shuxian2 {
    left: 292px
}

.footer-box .footer-area .shuxian.shuxian3 {
    left: 436px
}

.footer-box .footer-area .footer-bg {
    position: absolute;
    top: 64px
}

.footer-box .footer-area .footer-bg.footer-bg1 {
    left: 157px
}

.footer-box .footer-area .footer-bg.footer-bg2 {
    left: 327px
}

.footer-box .footer-area .footer-bg.footer-bg3 {
    left: 476px
}

@keyframes _scaleEnter-data-v-0357b8eb {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.9)
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes _scaleLeave-data-v-0357b8eb {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.9)
    }
}

[data-v-0357b8eb] .ivu-modal-mask,
[data-v-0357b8eb] .ivu-modal-wrap {
    z-index: 2000
}

[data-v-0357b8eb] .ivu-modal-close {
    right: 0
}

[data-v-0357b8eb] .ivu-modal-footer {
    border-top: none;
    display: none
}

[data-v-0357b8eb] .ivu-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 318px;
    animation: _scaleEnter-data-v-0357b8eb .3s ease
}

[data-v-0357b8eb] .ivu-modal.v-leave-active {
    animation: _scaleLeave-data-v-0357b8eb .3s ease
}

[data-v-0357b8eb] .ivu-modal-header {
    border-bottom: none;
    padding: 0
}

[data-v-0357b8eb] .ivu-modal-close .ivu-icon-ios-close-empty {
    color: #fff;
    font-size: 37px;
    top: 0
}

[data-v-0357b8eb] .ivu-modal-body {
    padding: 51.5px 0
}

[data-v-0357b8eb] .ivu-modal-close {
    top: 0;
    right: 20px
}

.headerp[data-v-0357b8eb] {
    text-align: center;
    margin-top: 20px
}

.tishi[data-v-0357b8eb] {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    border-radius: 6px 6px 0 0
}

.tishi span[data-v-0357b8eb] {
    margin-left: 30px
}

.agent-con[data-v-0357b8eb] {
    text-align: center;
    vertical-align: middle
}

.agent-con span:first-child i[data-v-0357b8eb] {
    font-size: 40px;
    color: #f90;
    margin-right: 8px
}

.agent-con span:first-child i[data-v-0357b8eb]:before {
    position: relative;
    top: 0
}

.agent-con .tispan[data-v-0357b8eb] {
    font-size: 17px;
    color: #1f1f1f;
    position: relative;
    top: -8px
}

.tipMarket-box[data-v-0357b8eb] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.tipMarket-box span[data-v-0357b8eb] {
    display: block
}

.tipMarket-box .tispan[data-v-0357b8eb] {
    top: 0
}

.new2020[data-v-06e47bce] {
    position: fixed;
    z-index: 9999;
    width: 320px;
    height: 310px;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    background-image: url("/static/public/image/activity/usdt.png")
}

.new2020 .clBtn[data-v-06e47bce] {
    width: 32px;
    height: 32px;
    background-image: url("/static/public/image/activity/x.png");
    position: absolute;
    top: -12px;
    right: 0;
    cursor: pointer
}

.newBox1[data-v-8eefdbb4] {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1001;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.newBox1 .pop-img[data-v-8eefdbb4] {
    transform: scale(.9);
    width: 752px;
    height: 612px;
    border-radius: 22px;
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.newBox1 .pop-img .top_img[data-v-8eefdbb4] {
    width: 100%;
    height: 240px
}

.newBox1 .pop-img .top_img img[data-v-8eefdbb4] {
    width: 100%;
    height: 64px
}

.newBox1 .pop-img #show_box[data-v-8eefdbb4] {
    width: 100%;
    height: 476px;
    overflow: auto
}

.newBox1 .pop-img #show_box #show_textBox[data-v-8eefdbb4] {
    padding: 0 24px 0 30px
}

.newBox1 .pop-img #show_box #show_textBox li p[data-v-8eefdbb4] {
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333;
    line-height: 28px
}

.newBox1 .pop-img #show_box #show_textBox li .border_line[data-v-8eefdbb4] {
    width: 100%;
    height: 2px;
    background: #e7e7e7;
    margin: 13px 0
}

.newBox1 .pop-img #show_box #show_textBox li:last-child .border_line[data-v-8eefdbb4] {
    opacity: 0;
    margin-bottom: 0
}

.newBox1 .pop-img .btnBox[data-v-8eefdbb4] {
    width: 100%;
    height: 72px;
    padding: 0 24px
}

.newBox1 .pop-img .btnBox .border_line[data-v-8eefdbb4] {
    width: 100%;
    height: 1px;
    background: #e7e7e7
}

.newBox1 .pop-img .btnBox .pop_btnBox[data-v-8eefdbb4] {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    height: 72px;
    padding: 16px 0 24px
}

.newBox1 .pop-img .btnBox .pop_btnBox span[data-v-8eefdbb4] {
    color: #444;
    height: 32px;
    line-height: 32px;
    font-size: 15px
}

.newBox1 .pop-img .btnBox .pop_btnBox .btn_sty[data-v-8eefdbb4] {
    outline: none;
    font-size: 15px;
    width: 72px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #c5c5c5;
    background-color: #fff;
    border-radius: 5px;
    color: #444
}

.newBox1 .pop-img .btnBox .pop_btnBox .shang[data-v-8eefdbb4] {
    margin-left: 16px;
    margin-right: 16px
}

.newBox1 .pop-img .close[data-v-8eefdbb4] {
    width: 50px;
    height: 50px;
    position: absolute;
    cursor: pointer;
    right: 16px;
    top: 15px
}

.newBox1 .pop-img .close img[data-v-8eefdbb4] {
    width: 50px;
    height: 50px
}

.newBox1 .pop-img .close[data-v-8eefdbb4]:hover {
    opacity: .8
}

.newBox1 .noticeText[data-v-8eefdbb4] {
    color: #000;
    font-size: 24px;
    width: 70%;
    margin: 0 auto;
    line-height: 40px;
    text-align: center;
    letter-spacing: 5px
}

.newBox1 input[data-v-8eefdbb4]::-webkit-input-safebox-button {
    display: none
}

.newBox1 .pwdNumber[data-v-8eefdbb4] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 450px;
    margin: 41px auto
}

.newBox1 .pwdNumber input[data-v-8eefdbb4] {
    border: 1px solid #000;
    outline: none;
    height: 51px;
    width: 51px;
    font-size: 48px;
    text-align: center;
    border-radius: 5px
}

.newBox1 .confirmBtn[data-v-8eefdbb4] {
    width: 508px;
    height: 72px;
    border-radius: 7px;
    font-size: 30px;
    letter-spacing: 5px;
    color: #fff;
    margin: 20px 115px;
    outline: none;
    border: none;
    cursor: pointer
}

@keyframes verifyBefore-data-v-67248d5f {
    0% {
        background-image: url("/static/public/image/paycheck/1.png")
    }
    11.11% {
        background-image: url("/static/public/image/paycheck/1.png")
    }
    22.22% {
        background-image: url("/static/public/image/paycheck/2.png")
    }
    33.33% {
        background-image: url("/static/public/image/paycheck/3.png")
    }
    44.44% {
        background-image: url("/static/public/image/paycheck/4.png")
    }
    55.55% {
        background-image: url("/static/public/image/paycheck/5.png")
    }
    66.66% {
        background-image: url("/static/public/image/paycheck/6.png")
    }
    77.77% {
        background-image: url("/static/public/image/paycheck/7.png")
    }
    88.88% {
        background-image: url("/static/public/image/paycheck/8.png")
    }
    to {
        background-image: url("/static/public/image/paycheck/9.png")
    }
}

.newBox3.newBox4[data-v-67248d5f] {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10001;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.newBox3.newBox4 .checkBox1[data-v-67248d5f] {
    width: 352px;
    height: 298px
}

.newBox3.newBox4 .checkBox1 p[data-v-67248d5f] {
    padding-left: 15px;
    height: 51px;
    font-size: 16px;
    color: #3a3b3d;
    line-height: 51px;
    border-bottom: 1px solid #e6e6e6
}

.newBox3.newBox4 .checkBox1 .close1[data-v-67248d5f] {
    width: 15px;
    height: 21px;
    display: inline-block;
    position: absolute;
    top: 14px;
    right: 15px;
    cursor: pointer;
    overflow: hidden
}

.newBox3.newBox4 .checkBox1 .close1 img[data-v-67248d5f] {
    position: absolute;
    top: -61px;
    width: 39px
}

.newBox3[data-v-67248d5f] {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10001;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.newBox3 .question[data-v-67248d5f] {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 21px;
    right: 70px;
    cursor: pointer
}

.newBox3 .question img[data-v-67248d5f] {
    width: 40px;
    height: 40px
}

.newBox3 .close[data-v-67248d5f] {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 21px;
    right: 15px;
    cursor: pointer
}

.newBox3 .close img[data-v-67248d5f] {
    width: 40px;
    height: 40px
}

.newBox3 .checkBox[data-v-67248d5f] {
    position: relative;
    width: 150px;
    height: 170px;
    background: #fff;
    border-radius: 10px
}

.newBox3 .checkBox div[data-v-67248d5f] {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.newBox3 .checkBox .text[data-v-67248d5f] {
    position: absolute;
    bottom: 10px;
    left: 38px;
    color: #000
}

.newBox3 .checkBox .verify_loading[data-v-67248d5f] {
    width: 112px;
    height: 112px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: verifyBefore-data-v-67248d5f .8s linear .5s infinite alternate
}

.newBox3 .checkBox .move2[data-v-67248d5f] {
    transition: all;
    animation: animateSub-data-v-67248d5f 3s linear infinite
}

@keyframes animateSub-data-v-67248d5f {
    0% {
        top: 20px;
        box-shadow: none
    }
    to {
        top: 110px;
        box-shadow: none
    }
}

.newBox3 .checkBox1[data-v-67248d5f] {
    position: relative;
    width: 684px;
    height: 582px;
    background: #fff;
    border-radius: 10px
}

.newBox3 .checkBox1 p[data-v-67248d5f] {
    padding-left: 15px;
    height: 80px;
    font-size: 30px;
    color: #3a3b3d;
    padding-left: 30px;
    font-family: PingFang-SC-Medium;
    line-height: 80px;
    border-bottom: 1px solid #e6e6e6
}

.newBox3 .checkBox1 .move_box[data-v-67248d5f] {
    height: 42px;
    border: 1px dashed #000;
    position: relative
}

.newBox3 .checkBox1 .move_box .move_btn[data-v-67248d5f] {
    position: absolute;
    top: 0;
    z-index: 3
}

.test1Dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1998;
    font-family: microsoft jhenghei !important
}

.test1Dialog .fadeIn {
    transition: all .3s;
    opacity: 0
}

.test1Dialog .fadeOut {
    transition: all .3s;
    opacity: 1
}

.test1Dialog .betDialog {
    width: 1000px !important
}

.test1Dialog .betDialog .listContainer .contentBox {
    width: 655px !important
}

.test1Dialog .betDialog .listContainer .contentBox ul {
    width: 635px !important
}

.test1Dialog .jsylDialog {
    transform: translate(-50%, -46.5%) !important
}

.test1Dialog .dialogContent {
    width: 1128px;
    height: 629px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .3)
}

.test1Dialog .dialogContent .listHead:first-child span {
    display: inline-block;
    height: 60px;
    width: 160px;
    line-height: 60px;
    text-align: center;
    color: #68b0d8;
    font-size: 30px;
    font-family: STHeiti, microsoft yahei, \\5FAE\8F6F\96C5\9ED1, simsun, \\5B8B\4F53, arial;
    font-weight: 400
}

.test1Dialog .dialogContent .listHead:first-child span:last-child {
    float: right
}

.test1Dialog .dialogContent .listHead:first-child span:last-child i {
    display: inline-block;
    width: 20px;
    height: 5px;
    background: #afd6eb;
    transform: rotate(45deg);
    position: relative;
    left: 45px;
    top: -10px;
    cursor: pointer
}

.test1Dialog .dialogContent .listHead:first-child span:last-child i:after {
    content: "";
    display: block;
    width: 20px;
    height: 5px;
    font-weight: 700;
    background: #afd6eb;
    transform: rotate(-90deg);
    cursor: pointer
}

.test1Dialog .dialogContent .listHead:first-child span:last-child em {
    display: inline-block;
    height: 21px;
    width: 21px;
    background: url("/static/public/image/logClose.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    left: 40px;
    cursor: pointer
}

.test1Dialog .dialogContent .listContainer {
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #dfdfdf
}

.test1Dialog .dialogContent .listContainer div:first-child {
    width: 348px;
    background: #f2f2ea;
    border-right: 1px solid #dfdfdf
}

.test1Dialog .dialogContent .listContainer div:first-child ul {
    border-right: 1px solid #fff;
    height: 565px;
    overflow-y: scroll
}

.test1Dialog .dialogContent .listContainer div:first-child ul::-webkit-scrollbar {
    display: none
}

.test1Dialog .dialogContent .listContainer div:first-child .hoverName1:hover {
    background: #68b0d8;
    color: #fff;
    border-left: 3px solid #68b0d8
}

.test1Dialog .dialogContent .listContainer div:first-child .hoverName1:hover .listIcon {
    background-position-y: -16px
}

.test1Dialog .dialogContent .listContainer div:first-child .hoverName2:hover {
    background: #18b88f;
    color: #fff;
    border-left: 3px solid #18b88f
}

.test1Dialog .dialogContent .listContainer div:first-child .hoverName2:hover .listIcon {
    background-position-y: -16px
}

.test1Dialog .dialogContent .listContainer div:first-child .hoverName3:hover {
    background: #63666d;
    color: #fff !important;
    border-left: 3px solid #63666d !important
}

.test1Dialog .dialogContent .listContainer div:first-child .hoverName3:hover .listIcon {
    background-position-y: -16px
}

.test1Dialog .dialogContent .listContainer div:first-child .hoverName4:hover {
    background: #c1172e;
    color: #fff !important;
    border-left: 3px solid #c1172e !important
}

.test1Dialog .dialogContent .listContainer div:first-child .hoverName4:hover .listIcon {
    background-position-y: -16px
}

.test1Dialog .dialogContent .listContainer div:first-child .hoverName5:hover {
    background: #7265b9;
    color: #fff !important;
    border-left: 3px solid #7265b9 !important
}

.test1Dialog .dialogContent .listContainer div:first-child .hoverName5:hover .listIcon {
    background-position-y: -16px
}

.test1Dialog .dialogContent .listContainer div:first-child .hoverName6:hover {
    background: #927340;
    color: #fff !important;
    border-left: 3px solid #927340 !important
}

.test1Dialog .dialogContent .listContainer div:first-child .hoverName6:hover .listIcon {
    background-position-y: -16px
}

.test1Dialog .dialogContent .listContainer div:first-child li {
    margin: 0 !important;
    padding: 0;
    display: list-item;
    text-align: -webkit-match-parent;
    position: relative
}

.test1Dialog .dialogContent .listContainer div:first-child li .listIcon {
    display: inline-block;
    height: 16px;
    width: 16px;
    position: relative;
    top: 3px;
    left: -9px;
    background: url("/static/public/image/list_icon.png") no-repeat
}

.test1Dialog .dialogContent .listContainer div:first-child li a {
    width: 100%;
    display: inline-block;
    height: 48px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 20px;
    line-height: 48px;
    border-left: 3px solid #b0d6eb;
    color: #666;
    cursor: pointer;
    font-size: 15px;
    font-family: STHeiti, microsoft yahei, \\5FAE\8F6F\96C5\9ED1, simsun, \\5B8B\4F53, arial !important
}

.test1Dialog .dialogContent .listContainer div:first-child li:after {
    display: block;
    height: 2px;
    content: "";
    width: 100%;
    background-color: #dfdfdf;
    border-top: 1px solid #fff;
    position: absolute;
    bottom: 0
}

.test1Dialog .dialogContent .listContainer .contentBox {
    width: 780px;
    padding: 15px;
    background: #f8f8f8;
    box-sizing: content-box;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden
}

.test1Dialog .dialogContent .listContainer .contentBox ul {
    width: 760px;
    height: 505px;
    overflow-y: auto
}

.test1Dialog .dialogContent .listContainer .contentBox ul li {
    width: 100%
}

.test1Dialog .dialogContent .listContainer .contentBox ul li p {
    line-height: 35px;
    font-weight: 700
}

.test1Dialog .dialogContent .listContainer .contentBox .picTitle {
    width: 100%;
    background: none;
    font-size: 18px;
    font-family: STHeiti, microsoft yahei, \\5FAE\8F6F\96C5\9ED1, simsun, \\5B8B\4F53, arial !important;
    margin-bottom: 20px;
    font-weight: 700;
    color: #78badc;
    border: none
}

.test1Dialog .dialogContent .listContainer .contentBox .picTitle i {
    display: inline-block
}

.test1Active {
    background: #68b0d8;
    color: #fff !important;
    border-left: 3px solid #68b0d8 !important
}

.test1Active .listIcon {
    background-position-y: -16px !important
}

.betActive {
    background: #18b88f;
    color: #fff !important;
    border-left: 3px solid #18b88f !important
}

.betActive .listIcon {
    background-position-y: -16px !important
}

.darkActive {
    background: #63666d;
    color: #fff !important;
    border-left: 3px solid #63666d !important
}

.darkActive .listIcon {
    background-position-y: -16px !important
}

.redActive {
    background: #c1172e;
    color: #fff !important;
    border-left: 3px solid #c1172e !important
}

.redActive .listIcon {
    background-position-y: -16px !important
}

.goldActive {
    background: #927340;
    color: #fff !important;
    border-left: 3px solid #927340 !important
}

.goldActive .listIcon {
    background-position-y: -16px !important
}

.purpleActive {
    background: #7265b9;
    color: #fff !important;
    border-left: 3px solid #7265b9 !important
}

.purpleActive .listIcon {
    background-position-y: -16px !important
}

.newBox {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10001;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1680px) {
    .newBox .pop-img {
        transform: scale(.9);
        width: 752px;
        height: 612px;
        border-radius: 16px;
        background-color: #fff;
        position: relative;
        overflow: hidden
    }
    .newBox .pop-img .top_img,
    .newBox .pop-img .top_img img {
        width: 100%;
        height: 64px
    }
    .newBox .pop-img #show_box {
        width: 100%;
        height: 476px;
        overflow: auto
    }
    .newBox .pop-img #show_box #show_textBox {
        padding: 0 24px 0 30px
    }
    .newBox .pop-img #show_box #show_textBox li p {
        padding: 0;
        margin: 0;
        font-size: 17px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333;
        line-height: 28px
    }
    .newBox .pop-img #show_box #show_textBox li .border_line {
        width: 100%;
        height: 2px;
        background: #e7e7e7;
        margin: 13px 0
    }
    .newBox .pop-img #show_box #show_textBox li:last-child .border_line {
        opacity: 0;
        margin-bottom: 0
    }
    .newBox .pop-img .btnBox {
        width: 100%;
        height: 72px;
        padding: 0 24px
    }
    .newBox .pop-img .btnBox .border_line {
        width: 100%;
        height: 1px;
        background: #e7e7e7
    }
    .newBox .pop-img .btnBox .pop_btnBox {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        height: 72px;
        padding: 16px 0 24px
    }
    .newBox .pop-img .btnBox .pop_btnBox span {
        color: #444;
        height: 32px;
        line-height: 32px;
        font-size: 15px
    }
    .newBox .pop-img .btnBox .pop_btnBox .btn_sty {
        outline: none;
        font-size: 15px;
        width: 72px;
        height: 32px;
        line-height: 32px;
        border: 1px solid #c5c5c5;
        background-color: #fff;
        border-radius: 5px;
        color: #444
    }
    .newBox .pop-img .btnBox .pop_btnBox .shang {
        margin-left: 16px;
        margin-right: 16px
    }
    .newBox .pop-img .close {
        width: 34px;
        height: 34px;
        position: absolute;
        cursor: pointer;
        right: 16px;
        top: 15px
    }
    .newBox .pop-img .close img {
        width: 34px;
        height: 34px
    }
    .newBox .pop-img .close:hover {
        opacity: .8
    }
}

@media (min-width:1680px) {
    .newBox .pop-img {
        transform: scale(.9);
        width: 932px;
        height: 758px;
        border-radius: 20px;
        background-color: #fff;
        position: relative;
        overflow: hidden
    }
    .newBox .pop-img .top_img,
    .newBox .pop-img .top_img img {
        width: 932px;
        height: 80px
    }
    .newBox .pop-img #show_box {
        width: 932px;
        height: 588px;
        overflow: auto
    }
    .newBox .pop-img #show_box #show_textBox {
        padding: 0 40px 0 46px
    }
    .newBox .pop-img #show_box #show_textBox li p {
        padding: 0;
        margin: 0;
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333;
        line-height: 28px
    }
    .newBox .pop-img #show_box #show_textBox li .border_line {
        width: 100%;
        height: 2px;
        background: #e7e7e7;
        margin: 13px 0
    }
    .newBox .pop-img #show_box #show_textBox li:last-child .border_line {
        opacity: 0;
        margin-bottom: 0
    }
    .newBox .pop-img .btnBox {
        width: 932px;
        height: 90px;
        padding: 0 46px
    }
    .newBox .pop-img .btnBox .border_line {
        width: 100%;
        height: 1px;
        background: #e7e7e7
    }
    .newBox .pop-img .btnBox .pop_btnBox {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        height: 90px;
        padding: 20px 0 30px
    }
    .newBox .pop-img .btnBox .pop_btnBox span {
        color: #444;
        height: 40px;
        line-height: 40px;
        font-size: 16px
    }
    .newBox .pop-img .btnBox .pop_btnBox .btn_sty {
        outline: none;
        font-size: 16px;
        width: 90px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #c5c5c5;
        background-color: #fff;
        border-radius: 5px;
        color: #444
    }
    .newBox .pop-img .btnBox .pop_btnBox .shang {
        margin-left: 20px;
        margin-right: 20px
    }
    .newBox .pop-img .close {
        width: 42px;
        height: 42px;
        position: absolute;
        cursor: pointer;
        right: 20px;
        top: 18px
    }
    .newBox .pop-img .close img {
        width: 42px;
        height: 42px
    }
    .newBox .pop-img .close:hover {
        opacity: .8
    }
}

.newBox .blueType {
    background-color: #131f3f
}

.newBox .blueType #show_box {
    width: 100%;
    overflow: auto
}

.newBox .blueType #show_box #show_textBox li p {
    color: #5380d4
}

.newBox .blueType #show_box #show_textBox li .border_line {
    background-color: #1e3064
}

.newBox .blueType #show_box::-webkit-scrollbar {
    width: 0;
    height: 0
}

.newBox .blueType #show_box::-webkit-scrollbar-thumb {
    background: #5380d4
}

.newBox .blueType #show_box::-webkit-scrollbar-track {
    background-color: #1e3064
}

.newBox .blueType .btnBox .border_line {
    background-color: #1e3064
}

.newBox .blueType .btnBox .pop_btnBox .show_num {
    color: #34528c
}

.newBox .blueType .btnBox .pop_btnBox .btn_sty {
    background-color: #131f3f;
    border: 1px solid #1e3064;
    color: #34528c
}

.newBox .blackType {
    background-color: #15151c
}

.newBox .blackType #show_box {
    width: 100%;
    overflow: auto
}

.newBox .blackType #show_box #show_textBox li p {
    color: #a7a7af
}

.newBox .blackType #show_box #show_textBox li .border_line {
    background-color: #1c1d25
}

.newBox .blackType #show_box::-webkit-scrollbar {
    width: 0;
    height: 0
}

.newBox .blackType #show_box::-webkit-scrollbar-thumb {
    background: #5380d4
}

.newBox .blackType #show_box::-webkit-scrollbar-track {
    background-color: #1e3064
}

.newBox .blackType .btnBox .border_line {
    background-color: #1c1d25
}

.newBox .blackType .btnBox .pop_btnBox .show_num {
    color: #747474
}

.newBox .blackType .btnBox .pop_btnBox .btn_sty {
    background-color: #15151c;
    border: 1px solid #393939;
    color: #747474
}


/* end */