.last-item {
    margin-bottom: 0
}

.fadeUp-enter-active {
    transition: all .2s ease
}

.fadeUp-leave-active {
    transition: all .2s cubic-bezier(1, .5, .8, 1)
}

.fadeUp-enter,
.fadeUp-leave-to {
    transform: translateY(30px);
    opacity: 0
}

.actCenter {
    min-height: 680px;
}

.actCenter .public-title {
    margin-bottom: 10px;
    padding-top: 18px;
    padding-bottom: 18px;
    height: 66px;
    line-height: 30px;
    border-bottom: 1px solid #e7e7e7;
}

.actCenter .public-title .tab {
    display: inline-block;
    margin-left: 10px;
    height: 30px;
}

.actCenter .public-title .tab a {
    margin-left: 15px;
    line-height: 30px;
    font-size: 16px;
    color: #48484c;
}

.actCenter .public-title .tab a:hover,
.actCenter .public-title .tab .active {
    position: relative;
    color: #F3596A;
    background: none;
}

.actCenter .public-title .tab .active::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #F3596A;
    border-radius: 10px;
}

.registerInfo-code .ivu-form-item-content {
    padding-right: 115px
}

.verificationCode {
    position: absolute;
    right: 0;
    top: 1px;
    height: 32px
}

.head-qd {
    vertical-align: sub
}

.qdPanel {
    position: absolute;
    top: 0;
    width: 460px;
    height: 177px;
    padding-top: 30px;
    left: -200px;
    z-index: 1;
    cursor: auto
}

.qdPanel>div {
    background: #fff;
    padding: 0 20px;
    padding-top: 30px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3)
}

.qdPanel>div:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 22px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.qdCtr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 5px;
    border-top: 1px solid #eee;
    margin-top: 10px
}

.qdCtr button {
    width: 80px
}

.qdCtr p {
    color: #999
}

.probLoo {
    float: left
}

.iows {
    border-left: 1px solid #666;
    height: 25px;
    padding: 0 30p;
    margin: 15px 20px
}

.content {
    color: #9f9f9f;
    text-indent: 2em
}

.num-box {
    background: rgba(0, 0, 0, .1);
    padding: 0 15px;
    border-radius: 5px;
    position: relative
}

.logo-box img:hover {
    cursor: pointer
}

.shadel {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0
}

.popUp {
    width: 600px;
    background: #fff;
    position: fixed;
    z-index: 99;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px 10px 0 0
}

.popUpTop {
    width: 100%;
    height: 48px;
    background: #c82834;
    text-align: center;
    line-height: 48px;
    border-radius: 10px 10px 0 0
}

.popUpTop h2 {
    color: #fff
}

.popUpTop .cancel {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/1.png);
    position: absolute;
    top: 14px;
    right: 20px;
    cursor: pointer
}

.popUpContent {
    padding: 15px 20px;
    height: auto
}

.popUpContent .h2Title {
    text-align: center;
    color: #646464;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}

.popUpContent .content {
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.5;
    word-break: break-all;
    word-wrap: break-word;
    overflow: auto;
    height: auto;
    min-height: 100px;
    max-height: 290px
}

.popUpContent .content::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.popUpContent .content::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .2)
}

.popUpContent .content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 0;
    background: rgba(0, 0, 0, .1)
}

.popUpContent .addtime {
    text-align: right
}

.batt {
    border-bottom: 1px solid #eee
}

.batt span:hover {
    color: red;
    cursor: pointer
}

.batt h2 {
    color: red
}

header .top-content .userinfo-pop {
    position: relative;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

.tologinstyle {
    margin-top: 15px
}

.ivu-modal-body {
    padding-bottom: 0
}

.vertical-center-modal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vertical-center-modal .ivu-modal {
    top: 0
}

header .top-content .user-box .bottom {
    padding: 0 10px
}

.activeStyle:hover {
    color: #f3596a !important
}

header .top-content .userinfo-pop {
    position: absolute;
    left: 0;
    top: 10px;
    width: 288px;
    height: 122px;
    background-color: #f7f7f7;
    z-index: 1111
}

.userinfo-popn {
    position: absolute;
    left: -214px;
    top: 30px;
    z-index: 1111;
    display: inline-block;
    width: 288px;
    height: 133px
}

.btngetmoney,
.btnrecharge {
    width: 130px;
    margin-bottom: 8px;
    margin-left: 0
}

.prob {
    overflow: hidden;
    margin-top: 13px;
    position: relative;
    left: 20px
}

.prob .por {
    font-size: 15px;
    width: 50px
}

.prob .Tpor {
    color: #fff;
    font-size: 14px
}

.Bpor {
    font-size: 22px;
    color: #fff
}

.centen {
    margin-left: 5px
}

.letter {
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    margin: 0;
    font-family: Microsoft YaHei, Lantinghei SC, Open Sans, Arial, Hiragino Sans GB, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    color: #c82834
}

.letter:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    word-break: break-all;
    background-color: #fff
}

.nav-item h2 img {
    height: 30px;
    vertical-align: middle
}

.vertical .ivu-modal .ivu-modal-body {
    padding: 16px 16px 0
}

.lobby .ivu-col-span-6 {
    display: block;
    width: 50%;
    line-height: 30px
}

.lobby .ivu-col-span-12 {
    display: block;
    width: 40%;
    margin-left: 42px;
    margin-top: 15px
}

.qdPanel .ivu-steps-horizontal .ivu-steps-content {
    padding-left: 5px;
    margin-left: -10px;
    margin-top: 10px
}

.qdPanel .ivu-steps-item {
    left: 15px
}

.qdPanel .ivu-steps-status-finish .ivu-steps-head-inner {
    border-color: #c8313c !important
}

.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner>.ivu-steps-icon,
.qdPanel .ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner span {
    color: #c8313c
}

.qdPanel .ivu-steps-item.ivu-steps-status-finish .ivu-steps-tail>i:after {
    background: #c8313c
}

.qdPanel .ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner {
    background: #c8313c;
    border-color: #c8313c
}

.platform-public.fast-channel .platform-box {
    padding: 0;
    overflow: initial
}

.fast-channel .ivu-col a {
    display: block;
    text-align: center;
    padding: 8px 0
}

.fast-channel .ivu-col a:hover {
    background: rgba(0, 0, 0, .01)
}

.fast-channel .ivu-col:first-of-type {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.fast-channel .ivu-col:nth-of-type(2) {
    border-bottom: 1px solid #eee
}

.fast-channel .ivu-col:nth-of-type(3) {
    border-right: 1px solid #eee
}

.fast-channel .ivu-col .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%
}

.fast-channel .ivu-col p {
    padding-top: 5px;
    line-height: 1
}

.fast-channel .ivu-col:first-of-type .icon {
    background-image: url(../images/2.png)
}

.fast-channel .ivu-col:first-of-type .icon-record {
    background-image: url(../images/3.png)
}

.fast-channel .ivu-col:nth-of-type(2) .icon {
    background-image: url(../images/4.png)
}

.fast-channel .ivu-col:nth-of-type(3) .icon {
    background-image: url(../images/5.png)
}

.fast-channel .ivu-col:nth-of-type(4) .icon {
    background-image: url(../images/6.png)
}

.fast-channel .ivu-col:first-of-type p {
    color: #63d0ca
}

.fast-channel .ivu-col:nth-of-type(2) p {
    color: #0095ea
}

.fast-channel .ivu-col:nth-of-type(3) p {
    color: #e8af56
}

.fast-channel .ivu-col:nth-of-type(4) p {
    color: #8ee856
}

.right-con {
    width: 890px
}

.platform-data {
    margin-top: -20px;
    width: 100%
}

.platform-data .platform-box {
    padding: 20px 0;
    border: 1px solid #eee;
    border-top-width: 6px;
    border-top-color: #f3596a
}

.platform-data .ivu-col {
    text-align: center
}

.platform-data .ivu-col:nth-of-type(2) {
    border-left: 2px dotted hsla(0, 0%, 60%, .4);
    border-right: 2px dotted hsla(0, 0%, 60%, .4)
}

.platform-data .icon {
    display: inline-block;
    margin-right: 4px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%
}

.platform-data .ingot .icon {
    background-image: url(../images/7.png)
}

.platform-data .rate .icon {
    background-image: url(../images/8.png)
}

.platform-data .enrollment .icon {
    background-image: url(../images/9.png)
}

.platform-data .ivu-col p {
    color: #48484c;
    font-size: 16px;
    line-height: 24px
}

.platform-data .ivu-col h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    font-family: Georgia, Times New Roman, Times, serif
}

.platform-data .ingot h4 {
    color: #e64254
}

.platform-data .rate h4 {
    color: #f48d12
}

.platform-data .enrollment h4 {
    color: #4a90e2
}

.demo-carousel img {
    width: 1920px;
    height: 600px
}

.left-cont.hot-lottery.fl.dataf1 {
    margin-top: -20px
}

.aisleText {
    width: 285px;
    height: 196px;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee
}

.aisleText ul {
    overflow: hidden
}

.aisleText ul>li {
    width: 143px;
    height: 66px;
    border: 1px solid #eee;
    float: left;
    margin-top: -1px;
    margin-left: -1px;
    text-align: center;
    line-height: 66px
}

.no-announcement {
    text-align: center;
    height: 236px;
    line-height: 236px
}

.no-announcement img {
    vertical-align: middle;
    width: 120px
}

.journalism {
    cursor: pointer
}

.journalism:hover .projectTitle {
    cursor: pointer;
    color: #2d8cf0
}

.img {
    background-image: url(../images/1.b8126d4.png);
    width: 278px;
    height: 190px
}

.img3 {
    background-image: url(../images/5.356b9c6.png);
    width: 278px;
    height: 190px
}

.img11 {
    background-image: url(../images/11.8b39be6.png);
    width: 278px;
    height: 190px
}

.tombolaBox {
    width: 1200px;
    margin: 0 auto;
    margin-top: -240px;
    background: #fff;
    position: relative;
    z-index: 1;
    padding-left: 15px;
    margin-right: 15px;
    border-radius: 5px;
    background: -webkit-linear-gradient(90deg, #fff 95%, #e0e0de 99%)
}

.center {
    text-align: center
}

.hot-lottery li {
    float: left;
    position: relative;
    width: 273px;
    height: 236px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #eee;
    transition: all .2s ease-in-out;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 1px 1px 5px 0 #bbb
}

.hot-lottery li:hover {
    box-shadow: 0 1px 4px 1px #bbb
}

.platform-box.gonggao,
.platform-box.news-box,
h2.public-title {
    width: 100%
}

.journalism {
    padding: 0 0 10px 20px
}

.project {
    color: #f3596a
}

.project span {
    font-size: 18px;
    font-weight: 600
}

.pictallbox {
    height: 60px;
    border: 1px solid #eee
}

.pictallboxR {
    height: 60px;
    /* overflow: hidden */
}

.pictall {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    overflow: hidden;
    height: 70px;
}

.announ {
    list-style: outside;
    line-height: 32px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.announ span {
    color: #000
}

.announ span:hover {
    color: #2d8cf0;
    cursor: pointer
}

.detail {
    color: #2d8cf0
}

.detail:hover {
    color: #f3596a;
    cursor: pointer
}

.lismAnnoun {
    margin-left: 16px;
    height: 129px;
    overflow: hidden
}

.newsAnmLi {
    border-bottom: 1px solid #eee
}

.userName {
    color: #2d8cf0
}

.red {
    color: red
}

.lastMessage {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    position: relative;
    top: -4px;
    color: #999
}

.hot {
    position: relative
}

.allbox .rate,
.hot .rate {
    position: absolute;
    z-index: 1;
    left: 32%;
    top: 40%
}

.allbox li {
    height: 116px;
    margin-bottom: 20px
}

.allbox li>img {
    height: 66%
}

.allbox {
    position: relative
}

.announcementPlatform {
    display: inline-block
}

img.jsmark {
    position: absolute;
    z-index: 1
}

.download-area {
    margin-top: 10px;
    margin-bottom: 10px
}

@keyframes loopSlide-data-v-0a81dd84 {
    0% {
        transform: translateY(0)
    }
    to {
        transform: translateY(-50%)
    }
}

.newsAnm {
    animation: loopSlide-data-v-0a81dd84 180s linear infinite
}

.dynamic {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.dynamic .platform-public:last-of-type {
    /* -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
!*  display: flex;*!
  -ms-flex-direction: column;
  flex-direction: column*/
}

.dynamic .platform-public .news-box {
    -ms-flex: 1;
    flex: 1
}

.hot .img-box>.hotImg {
    height: 100%
}

.hot .img-box>.mask {
    height: 190px
}

.hot-lottery .img-box img {
    width: 100%
}

.hot-lottery .img-box .item {
    z-index: 1;
    position: absolute;
    right: 0;
    padding: 0 5px;
    color: #fff;
    font-size: 16px;
    background: rgba(0, 0, 0, .1);
    border-radius: 5px 0 0 5px
}

.download-area img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.activeLi:hover {
    background: #eee
}

.hot-lottery .public-title {
    padding-bottom: 5px
}

.hot-lottery .public-title:after {
    margin-top: -8px
}

.public-title {
    padding: 15px
}

.gonggao {
    font-weight: 700
}

.list-cont {
    position: relative;
    padding: 8px 5px 3px
}

.roomTip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 278px;
    height: 42px
}

.ivu-rate-star {
    margin-right: 1px
}

.platform-public .platform-box {
    padding: 20px;
    border: 1px solid #eee
}

.main-content .bg {
    padding-bottom: 25px
}

.hot-lottery .lot-info p {
    width: 100%
}

.hot-lottery .img-box {
    height: 200px
}

.download-area .imgapp {
    width: 87px;
    height: 87px;
    margin-left: 29px;
    margin-top: 29px
}

.more {
    position: relative;
    top: -4px
}

.start-box .ivu-rate {
    font-size: 17px !important
}

.ivu-carousel .right {
    right: 100px !important
}

.ivu-carousel .ivu-carousel-arrow {
    width: 60px !important;
    height: 60px !important
}

.ivu-carousel .ivu-icon-chevron-right:before {
    content: "\F125" !important;
    font-size: 20px !important
}

.ivu-carousel .left {
    left: 100px !important
}

.ivu-carousel .ivu-icon-chevron-left:before {
    content: "\F124" !important;
    font-size: 20px !important
}

.setWidth {
    width: 845px;
    overflow-x: scroll
}

.secret-box img {
    width: 100%;
    height: 100%
}

.secret-box a img {
    transition: .5s
}

.secret-box a:hover img {
    transform: scale(1.1)
}

.bth-red {
    cursor: pointer
}

.room-list {
    min-height: 200px
}

.qczModal p {
    text-align: center;
    font-size: 14px
}

.main {
    width: 100%;
    overflow: hidden;
    background-image: url(../images/bg.f4a2c73.png)
}

.main .content {
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    position: relative
}

.room-item {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.zjText {
    text-align: center;
    color: #fdce32;
    font-size: 21px;
    font-weight: 700
}

.zjText span {
    color: #ffdc37;
    margin: 0 5px
}

.zjClose {
    background: url(a/10.png);
    background-size: 100% 100%;
    width: 108px;
    height: 39px;
    margin: 0 auto;
    line-height: 39px;
    color: #7e4300;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    cursor: pointer
}

.zjBox {
    position: relative;
    bottom: -110px
}

.zjImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.zjCloseImg {
    position: relative;
    bottom: 80px;
    left: 220px;
    cursor: pointer
}

.greet {
    white-space: pre-wrap;
    margin: 0
}

.content .ivu-spin-fix {
    z-index: 99
}

.absModal {
    z-index: 99 !important;
    position: absolute !important
}

.absBox {
    position: fixed !important;
    bottom: 0 !important
}

.choosetoplayfooter {
    background: #fff;
    height: 167px;
    position: absolute;
    bottom: 0
}

.leftBar {
    transform: translateY(100%);
    animation: bottomSlide 1s forwards;
    background-color: #fff
}

@keyframes bottomSlide {
    to {
        transform: translateY(0)
    }
}

@keyframes fadePanel {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.zhPanel {
    width: 322px
}

.content .qrBetBtn {
    height: 38px !important;
    font-size: 16px;
    background-color: #2d8cf0 !important;
    border-color: #2d8cf0 !important
}

.content .qrBetBtn[disabled]:hover {
    color: #bbbec4 !important
}

.clTitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 11px;
    margin-top: 10px
}

.clTitle span:first-child {
    font-size: 16px
}

.pmPanel {
    width: 100%
}

.pmTitle {
    margin: 8px 0
}

.closeIframe {
    position: absolute;
    right: 10px;
    top: 104px;
    background: #ff8400;
    color: #fff;
    z-index: 99;
    cursor: pointer;
    padding: 3px 10px;
    border-radius: 5px
}

#iframe {
    position: absolute;
    right: 0;
    width: 606px;
    top: 54px;
    z-index: 98;
    height: 400px
}

.titleSlide {
    margin-top: -150px;
    animation: titleSlide-data-v-87754612 1s forwards
}

@keyframes titleSlide-data-v-87754612 {
    to {
        margin-top: 0
    }
}

.roomNameImg {
    vertical-align: bottom
}

.jgText28 {
    margin-left: 10px
}

.sscMpPanel {
    width: 400px;
    display: -ms-flexbox;
    display: flex
}

.sscMpPanel span {
    line-height: 36px;
    -ms-flex-align: center;
    align-items: center
}

.sscMpPanel .blueText {
    line-height: 60px
}

.rightPanel {
    height: 100%;
    float: right
}

.tsBox img {
    display: block;
    margin: 0 auto
}

.tsBox div {
    color: #5db2ff;
    font-size: 21px;
    text-align: center;
    margin: 10px 0
}

.tsBox p {
    text-align: center;
    margin: 0 auto;
    font-size: 14px
}

@keyframes slideNum-data-v-87754612 {
    0% {
        transform: translateY(-24px)
    }
    to {
        transform: translateY(24px)
    }
}

@keyframes slideNum1-data-v-87754612 {
    0% {
        transform: translateY(-14px)
    }
    to {
        transform: translateY(14px)
    }
}

@keyframes slideEnd-data-v-87754612 {
    0% {
        transform: translateY(-24px)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes slideEnd1-data-v-87754612 {
    0% {
        transform: translateY(-18px)
    }
    to {
        transform: translateY(0)
    }
}

.slideNum {
    animation: slideNum-data-v-87754612 .2s infinite linear
}

.slideNum1 {
    animation: slideNum1-data-v-87754612 .2s infinite linear
}

.slideEnd1 {
    animation: slideEnd-data-v-87754612 2s forwards
}

.slideEnd2 {
    animation: slideEnd-data-v-87754612 2.5s forwards
}

.slideEnd3 {
    animation: slideEnd-data-v-87754612 3s forwards
}

.slideEnd4 {
    animation: slideEnd-data-v-87754612 3.5s forwards
}

.slideEnd5 {
    animation: slideEnd-data-v-87754612 4s forwards
}

.lhcSlideEnd1 {
    animation: slideEnd1-data-v-87754612 2s forwards
}

.lhcSlideEnd2 {
    animation: slideEnd1-data-v-87754612 2.5s forwards
}

.lhcSlideEnd3 {
    animation: slideEnd1-data-v-87754612 3s forwards
}

.lhcSlideEnd4 {
    animation: slideEnd1-data-v-87754612 3.5s forwards
}

.lhcSlideEnd5 {
    animation: slideEnd1-data-v-87754612 4s forwards
}

.lhcSlideEnd6 {
    animation: slideEnd1-data-v-87754612 4.5s forwards
}

.lhcSlideEnd7 {
    animation: slideEnd1-data-v-87754612 5s forwards
}

.room-title .header {
    height: 54px;
    background-color: #48484c
}

.room-title .header .headerleft {
    margin: 9px 0;
    float: left;
    height: 36px
}

.room-title .header .headerleft ul {
    margin-left: 13px;
    height: 36px
}

.room-title .header .headerleft ul li {
    float: left;
    margin-right: 15px;
    font-size: 14px !important
}

.room-title .header .headerleft ul li a {
    font-size: 22px;
    font-weight: 600;
    font-family: PingFangSC;
    line-height: 36px;
    color: #fff
}

.room-title .header .headerright {
    float: right;
    margin: 9px 0;
    height: 36px;
    margin-right: 20px
}

.headerright>div {
    float: left;
    margin: 0 8px;
    line-height: 36px;
    color: #fff;
    cursor: pointer
}

.headerright>div:first-child>span {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background: url(a/11.png)no-repeat;
    margin-right: 4px
}

.headerright>div:nth-child(2)>span {
    width: 18px;
    height: 14px;
    display: inline-block;
    background: url(../images/spirt.71a0a9e.png)0 266px;
    margin-right: 4px
}

.headerright>div:nth-child(3)>span {
    width: 18px;
    height: 16px;
    display: inline-block;
    background: url(../images/spirt.71a0a9e.png)0 284px;
    margin-right: 4px;
    vertical-align: middle
}

.headerright>div:nth-child(4)>span {
    width: 18px;
    height: 16px;
    display: inline-block;
    background: url(../images/spirt.71a0a9e.png)0 304px;
    margin-right: 4px;
    vertical-align: middle
}

.room-title .lotterylive {
    border-bottom: 1px solid #eee;
    height: 56px;
    background-color: #fff
}

.room-title .lotterylive .liveleft {
    float: left
}

.room-title .lotterylive .liveleft ul li {
    float: left;
    margin-right: 10px
}

.room-title .lotterylive .liveleft ul li.sale-stop {
    max-width: 450px
}

.room-title .lotterylive .liveleft ul li.sale-stop p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.room-title .lotterylive .liveleft ul li:first-child {
    width: 30px;
    height: 56px
}

.room-title .lotterylive .liveleft ul li:nth-child(2) {
    font-size: 14px;
    margin-top: 10px;
    min-width: 130px
}

.room-title .lotterylive .liveleft ul li:nth-child(2) span:first-child span {
    color: #448ed0
}

.room-title .lotterylive .liveleft ul li:nth-child(2)>span {
    display: block
}

.room-title .lotterylive .liveleft ul li.timers {
    margin-top: 10px
}

.room-title .lotterylive .liveleft ul li.timers span {
    display: inline-block;
    width: 24.3px;
    height: 36px;
    background-color: #222;
    color: #fff;
    font-size: 27px;
    line-height: 36px;
    text-align: center;
    font-weight: 700;
    border-radius: 2.4px
}

.room-title .lotterylive .liveleft ul li.timers span.pointS {
    width: 8px;
    height: 20px;
    line-height: 0;
    background-color: #fff;
    color: #222;
    position: relative;
    left: -2px
}

.room-title .lotterylive .liveleft ul li.timers span.pointS>a {
    color: #222;
    position: absolute;
    line-height: 0;
    top: 15px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #222;
    margin: 0;
    font-size: 0;
    padding: 0
}

.room-title .lotterylive .liveleft ul li.timers span.pointS>a:first-child {
    top: 0;
    bottom: 0
}

.room-title .lotterylive .liveright {
    float: right;
    height: 100%
}

.room-title .lotterylive .liveright ul {
    height: 100%
}

.room-title .lotterylive .liveright ul li:first-child {
    font-size: 15px
}

.room-title .lotterylive .liveright ul li:first-child>span {
    display: block;
    line-height: 20px
}

.blueText {
    color: #448ed0
}

.sbht {
    margin-right: 8px
}

.room-title .lotterylive .liveright {
    position: relative;
    line-height: 55px;
    padding-right: 30px
}

.room-title .lotterylive .liveright .thenumber {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.theresult {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 56px;
    z-index: 1000;
    overflow: hidden;
    height: 560px;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, .2)
}

.slide-enter-active,
.slide-leave-active {
    transition: all .5s ease
}

.slide-enter,
.slide-leave-active {
    height: 0 !important
}

.slide-enter-active,
.slide-leave {
    height: 560px
}

.theresult .resultlist li {
    position: relative;
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    padding-right: 30px;
    box-shadow: 0 1px 0 0 #eee
}

.theresult .resultlist li .periods {
    font-size: 14px;
    line-height: 56px
}

.number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.theresult .resultlist li .number span {
    display: inline-block;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #448ed0;
    border-radius: 50%;
    text-align: center;
    color: #448ed0;
    font-size: 18px;
    font-weight: 700
}

.theresult .resultlist li .number .sum {
    color: #fff;
    background: #000;
    border-color: #000
}

.theresult .resultlist li>em {
    position: absolute;
    right: 10px;
    top: 25px;
    width: 12px;
    height: 9px;
    background: url(../images/spirt.71a0a9e.png) 0 15px
}

span {
    display: inline-block
}

.clNum {
    border-radius: 50%;
    border: 1px solid #448ed0;
    color: #448ed0;
    text-align: center;
    line-height: 34px;
    width: 36px;
    height: 36px;
    font-weight: 700;
    font-size: 18px;
    overflow: hidden
}

.rorateStyle {
    transform: rotate(180deg)
}

.sanjiao {
    position: absolute;
    right: 30px;
    top: 23px;
    width: 12px;
    height: 9px;
    background: url(../images/spirt.71a0a9e.png) 0 15px;
    transition: all 1s
}

.roomLogo {
    width: 36px;
    height: 36px
}

.ivu-dropdown-item {
    width: 100%;
    margin: 0 !important;
    padding: 15px 30px;
    text-align: center
}

.ivu-dropdown-menu {
    margin: 0 !important;
    height: auto !important
}

.ivu-select-dropdown {
    padding: 0
}

.ivu-dropdown-item:hover {
    background: #f3596a;
    color: #fff
}

.fuhao {
    position: relative;
    font-size: 18px;
    display: block;
    margin: 0 5px
}

.jgNum {
    text-align: center;
    border-radius: 50%;
    line-height: 36px;
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background: #000;
    overflow: hidden
}

.pk10>span {
    display: inline-block
}

.greenBg {
    background: #2ca42d;
    border-color: #2ca42d
}

.blueBg {
    background: #448ed0;
    border-color: #448ed0
}

.redBg {
    background: #d12336;
    border-color: #d12336
}

.blackBg {
    background: #2e2e2e;
    border-color: #2e2e2e
}

.px-01 {
    background-position: -58px -341px
}

.px-02 {
    background-position: -58px -303px
}

.px-03 {
    background-position: -58px -265px
}

.px-04 {
    background-position: -58px -227px
}

.px-05 {
    background-position: -58px -189px
}

.px-06 {
    background-position: -58px -152px
}

.px-07 {
    background-position: -58px -114px
}

.px-08 {
    background-position: -58px -76px
}

.px-09 {
    background-position: -58px -38px
}

.px-10 {
    background-position: -58px 0
}

.px-01,
.px-02,
.px-03,
.px-04,
.px-05,
.px-06,
.px-07,
.px-08,
.px-09,
.px-10 {
    width: 34px !important;
    height: 34px !important;
    margin-right: 2px !important;
    background-image: url(../images/spirt.71a0a9e.png) !important;
    background-repeat: no-repeat;
    border-radius: 0 !important
}

.nomalUl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nomalUl li {
    margin-right: 30px
}

.nnKjjg {
    position: relative;
    float: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    -ms-flex-align: center;
    align-items: center
}

.nnKjjg>ul {
    margin-right: 20px
}

.nnKjjg>ul li span {
    display: block
}

.niuniuPanel {
    width: 520px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    position: relative;
    cursor: pointer
}

.niuniuPanel>p {
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: 98
}

.niuniuPanel>p img {
    display: block;
    margin: 0 auto;
    height: 30px
}

.niuniuPanel>div {
    width: 50%;
    height: 100%;
    position: relative
}

.blueLeft {
    background: #162033;
    padding: 5px 30px 5px 50px
}

.blueLeft>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    transform: rotate(270deg)
}

.blueLeft>span {
    color: #5786eb;
    position: absolute;
    top: 5px;
    left: 30px
}

.redRight {
    background: #681313;
    padding: 5px 50px 5px 30px
}

.redRight>span {
    color: #eb7057;
    position: absolute;
    top: 5px;
    right: 30px
}

.redRight>img:last-child {
    position: absolute;
    bottom: 8px;
    right: 5px;
    width: 14px
}

.redRight>img:first-child {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.niuniuPanel>div>div {
    height: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.niuniuPanel>div>div>div {
    background-size: 100% 100%;
    width: 18%;
    height: 100%
}

.niuniuPanel>div>div>p {
    position: absolute;
    bottom: -3px;
    width: 100%;
    z-index: 9
}

.niuniuPanel>div>div>p>span {
    display: block;
    margin: 0 auto;
    background: url(a/12.png)no-repeat;
    background-size: 100% 100%;
    width: 100px;
    text-align: center;
    color: #d22727;
    line-height: 28px;
    font-weight: 700
}

.rorateImg1 {
    transform: rotate(180deg);
    transition: transform 1s
}

.rorateImg {
    transform: rotate(1turn)
}

.nnResult {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 56px;
    z-index: 98;
    overflow: hidden;
    height: 300px;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, .2)
}

.nnResult li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 60px;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5%;
    border-bottom: 1px solid #eee
}

.redText {
    color: #f3596a
}

.nnResult li>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 200px;
    height: 80%
}

.nnResult li>div div {
    width: 18%;
    height: 100%;
    background-size: 100% 100%
}

.lhcPanel {
    position: relative;
    float: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 70px;
    padding-left: 20px;
    cursor: pointer;
    font-size: 15px
}

.lhcPanel>ul {
    margin-right: 20px
}

.lhcPanel>ul li span {
    display: block
}

.colorPanel {
    min-width: 250px
}

.colorPanel,
.sbPanel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.sbPanel {
    width: 230px
}

.sbPanel>div:first-child {
    width: 105px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sbPanel>div:last-child {
    width: 110px
}

.colorBox {
    text-align: center
}

.colorBox>div:first-child {
    font-size: 14px
}

.jiaHao {
    font-weight: 700
}

.cszBox {
    border-radius: 50%;
    border: 1px solid #c7c7c7;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    font-weight: 700;
    display: block;
    overflow: hidden
}

.lhcResult {
    position: absolute;
    background-color: #fff;
    top: 56px;
    z-index: 1000;
    overflow: hidden;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, .2);
    width: 100%;
    left: 0;
    height: 360px
}

.sbResult {
    height: 600px
}

.lhcResult li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 60px;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-left: 20px;
    padding-right: 70px
}

.cszBox1,
.cszBox2,
.cszBox7,
.cszBox8,
.cszBox12,
.cszBox13,
.cszBox18,
.cszBox19,
.cszBox23,
.cszBox24,
.cszBox29,
.cszBox30,
.cszBox34,
.cszBox35,
.cszBox40,
.cszBox45,
.cszBox46 {
    color: #ff382c;
    border-color: #ff382c
}

.checkedStyle .cszBox1,
.checkedStyle .cszBox2,
.checkedStyle .cszBox7,
.checkedStyle .cszBox8,
.checkedStyle .cszBox12,
.checkedStyle .cszBox13,
.checkedStyle .cszBox18,
.checkedStyle .cszBox19,
.checkedStyle .cszBox23,
.checkedStyle .cszBox24,
.checkedStyle .cszBox29,
.checkedStyle .cszBox30,
.checkedStyle .cszBox34,
.checkedStyle .cszBox35,
.checkedStyle .cszBox40,
.checkedStyle .cszBox45,
.checkedStyle .cszBox46 {
    color: #fff;
    background: #ff382c;
    border: 1px solid #ff382c
}

.cszBox3,
.cszBox4,
.cszBox9,
.cszBox10,
.cszBox14,
.cszBox15,
.cszBox20,
.cszBox25,
.cszBox26,
.cszBox31,
.cszBox36,
.cszBox37,
.cszBox41,
.cszBox42,
.cszBox47,
.cszBox48 {
    color: #008cf7;
    border-color: #008cf7
}

.checkedStyle .cszBox3,
.checkedStyle .cszBox4,
.checkedStyle .cszBox9,
.checkedStyle .cszBox10,
.checkedStyle .cszBox14,
.checkedStyle .cszBox15,
.checkedStyle .cszBox20,
.checkedStyle .cszBox25,
.checkedStyle .cszBox26,
.checkedStyle .cszBox31,
.checkedStyle .cszBox36,
.checkedStyle .cszBox37,
.checkedStyle .cszBox41,
.checkedStyle .cszBox42,
.checkedStyle .cszBox47,
.checkedStyle .cszBox48 {
    color: #fff;
    background: #008cf7;
    border: 1px solid #008cf7
}

.cszBox5,
.cszBox6,
.cszBox11,
.cszBox16,
.cszBox17,
.cszBox21,
.cszBox22,
.cszBox27,
.cszBox28,
.cszBox32,
.cszBox33,
.cszBox38,
.cszBox39,
.cszBox43,
.cszBox44,
.cszBox49 {
    color: #00a751;
    border-color: #00a751
}

.checkedStyle .cszBox5,
.checkedStyle .cszBox6,
.checkedStyle .cszBox11,
.checkedStyle .cszBox16,
.checkedStyle .cszBox17,
.checkedStyle .cszBox21,
.checkedStyle .cszBox22,
.checkedStyle .cszBox27,
.checkedStyle .cszBox28,
.checkedStyle .cszBox32,
.checkedStyle .cszBox33,
.checkedStyle .cszBox38,
.checkedStyle .cszBox39,
.checkedStyle .cszBox43,
.checkedStyle .cszBox44,
.checkedStyle .cszBox49 {
    color: #fff;
    background: #00a751;
    border: 1px solid #00a751
}

.checkedStyle .xyCszBox {
    background: #000;
    color: #fff;
    border-color: #000
}

.checkedStyle .xyCszBox03,
.checkedStyle .xyCszBox06,
.checkedStyle .xyCszBox09,
.checkedStyle .xyCszBox12,
.checkedStyle .xyCszBox15,
.checkedStyle .xyCszBox18,
.checkedStyle .xyCszBox21,
.checkedStyle .xyCszBox24 {
    color: #fff !important;
    background: #ff382c !important;
    border-color: #ff382c !important
}

.checkedStyle .xyCszBox02,
.checkedStyle .xyCszBox05,
.checkedStyle .xyCszBox08,
.checkedStyle .xyCszBox11,
.checkedStyle .xyCszBox17,
.checkedStyle .xyCszBox20,
.checkedStyle .xyCszBox23,
.checkedStyle .xyCszBox26 {
    color: #fff !important;
    background: #008cf7 !important;
    border-color: #008cf7 !important
}

.checkedStyle .xyCszBox01,
.checkedStyle .xyCszBox04,
.checkedStyle .xyCszBox07,
.checkedStyle .xyCszBox10,
.checkedStyle .xyCszBox16,
.checkedStyle .xyCszBox19,
.checkedStyle .xyCszBox22,
.checkedStyle .xyCszBox25 {
    color: #fff !important;
    background: #00a751 !important;
    border-color: #00a751 !important
}

.nomalPai {
    background: url(../images/poker_default@2x.b93679b.png)no-repeat
}

@keyframes roratePai-data-v-87754612 {
    to {
        transform: rotateY(1turn)
    }
}

.roratePai {
    animation: roratePai-data-v-87754612 1s forwards
}

.poker1_1 {
    background: url(a/13.png)no-repeat
}

.redBoxPanel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.redBoxPanel>span {
    overflow: hidden;
    background: #d12336;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0 5px
}

.sbBox {
    width: 30px;
    height: 30px;
    background-size: 100% 100% !important
}

.headerleft .ivu-select-dropdown {
    width: auto
}

@keyframes slidempPanel-data-v-6a28e1f2 {
    0% {
        right: -100%;
        opacity: 1
    }
    95% {
        right: 1%
    }
    to {
        right: 0;
        opacity: 1
    }
}

.slidePanel {
    position: absolute;
    right: 0;
    width: 100%
}

.disappear {
    animation: disa-data-v-6a28e1f2 2s 1 forwards
}

@keyframes disa-data-v-6a28e1f2 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.mipaiPanel {
    position: absolute;
    right: 0;
    width: 606px;
    top: 54px;
    z-index: 98;
    overflow: hidden;
    height: 256px
}

.mpTitle {
    height: 56px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: url(../images/mpTitle.ebe8c42.png)no-repeat;
    background-size: 100% 100%
}

.mpIssue {
    font-size: 15px
}

.mpIssue span {
    color: #4a90e2
}

.mpOpt span {
    background: #fcfcfc;
    color: #be2633;
    border-radius: 12px;
    display: inline-block;
    width: 65px;
    text-align: center;
    margin: 0 3px;
    cursor: pointer
}

.mpOpt span img {
    vertical-align: sub;
    margin-right: 5px
}

#mpCvs {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 99;
    cursor: pointer
}

.rstBox {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 566px;
    height: 160px;
    background: #fff7cf;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mipaiPanel .rstBox>div {
    height: 60px
}

.mipaiPanel .rstBox>li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.mipaiPanel .blueText {
    font-size: 16px;
    width: auto !important
}

.mipaiPanel .cszBox {
    width: 40px;
    height: 40px;
    line-height: 38px
}

.mipaiPanel .colorPanel {
    width: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mipaiPanel .colorPanel>div {
    margin-right: 10px;
    font-size: 16px
}

.mipaiPanel .colorBox div:last-child {
    font-size: 16px
}

.mipaiPanel .rorateImg1 {
    width: 0;
    height: 0
}

.mipaiPanel .clNum {
    width: 45px;
    height: 45px;
    line-height: 43px
}

.mipaiPanel .jgNum {
    width: 45px;
    height: 45px;
    line-height: 45px
}

.mipaiPanel .jgText28 {
    font-size: 16px
}

.mipaiPanel .sscMpPanel {
    width: auto
}

.mipaiPanel .sscMpPanel span {
    width: 54px;
    height: 54px;
    line-height: 54px
}

.mipaiPanel .sbPanel {
    width: 280px !important
}

.mipaiPanel .sbPanel .sbBox {
    width: 50px;
    height: 50px
}

.mipaiPanel .sbPanel div {
    font-size: 16px
}

.choosetoplay[data-v-0d24f438] {
    position: relative;
    height: 760px;
    max-width: 820px
}

.oddsTable {
    width: 100%;
    line-height: 24px
}

.oddsTable td {
    text-align: center
}

.playList {
    font-size: 14px
}

.chooseSytle:hover {
    background: #ffd6d1;
    border: .5px solid #f3596a !important
}

.chooseSytle p:first-child {
    color: #48484c;
    font-size: 14px
}

.chooseSytle p:last-child {
    color: #f3596a;
    line-height: 18px
}

.checkedStyle {
    background: #ffd6d1;
    border: .5px solid #f3596a !important
}

.checkedStyle p {
    color: #f3596a !important
}

.ckMoneyStyle {
    position: relative;
    top: -6px;
    border-radius: 50%;
    box-shadow: 0 0 10px #ffec00
}

.choosetoplayleft {
    height: 760px;
    width: 90px;
    background-color: #f9f9f9;
    text-align: center;
    line-height: 50px
}

.choosetoplayleft .choosetheplay {
    width: 90px;
    height: 50px;
    font-weight: 600;
    font-size: 16px
}

.choosetoplayleft>ul {
    position: relative
}

.choosetoplayleft>ul>li {
    cursor: pointer
}

.choosetoplayleft>ul>li:hover {
    background: #ececec
}

.choosetoplayleft>ul .sort {
    position: absolute;
    top: 0;
    right: -90px;
    background-color: red
}

.choosetoplayleft>ul .sort ul li {
    width: 90px;
    height: 50px
}


/*i {*/


/*position: absolute;*/


/*top: 50%;*/


/*left: 0;*/


/*width: 15px;*/


/*height: 40px;*/


/*margin-top: -20px;*/


/*border: 1px solid #ccc;*/


/*border-top-right-radius: 6px;*/


/*border-bottom-right-radius: 6px;*/


/*background: url(../images/spirt.71a0a9e.png) 0 131px;*/


/*cursor: pointer;*/


/*z-index: 999*/


/*}*/

.choosetoplaycenter {
    position: relative;
    width: 322px
}

.choosetoplaycenter .centermain {
    height: 550px;
    overflow: auto
}

.choosetoplaycenter .centermain .top {
    height: 50px
}

.choosetoplaycenter .centermain .top ul {
    box-sizing: border-box;
    width: 280px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.choosetoplaycenter .centermain .top ul li {
    line-height: 46px;
    text-align: center;
    color: #b8b8b8;
    font-size: 16px;
    font-weight: 600;
    box-sizing: border-box;
    cursor: pointer
}

.choosetoplaycenter .centermain .center {
    position: relative;
    height: 50px
}

.choosetoplaycenter .centermain .center ul {
    margin: 0 8px 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.choosetoplaycenter .centermain .center ul li {
    text-align: center;
    line-height: 50px;
    position: relative
}

.choosetoplaycenter .centermain .center ul li:last-child:hover {
    color: #f3596a
}

.choosetoplaycenter .centermain .center ul li:first-child span {
    position: absolute;
    height: 16px;
    width: 4px;
    background-color: red;
    top: 17px;
    border-radius: 2px
}

.choosetoplaycenter .centermain .center ul li:last-child em {
    position: absolute;
    top: 16px;
    left: -20px;
    width: 20px;
    height: 20px;
    background: url(../images/spirt.71a0a9e.png) 0 247px
}

ul li:hover {
    cursor: pointer
}

.choosetoplaycenter .centermain .bigorsmall,
.choosetoplaycenter .centermain .guessnumber {
    margin: 0 8px 0 10px
}

.choosetoplaycenter .centermain .bigorsmall ul,
.choosetoplaycenter .centermain .guessnumber ul {
    margin-top: -10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch
}

.choosetoplaycenter .centermain .bigorsmall ul li,
.choosetoplaycenter .centermain .guessnumber ul li {
    box-sizing: border-box;
    width: 60px;
    border-radius: 3.2px;
    border: .5px solid #c7c7c7;
    margin-top: 10px;
    font-size: 14px;
    margin-left: 11px
}

.choosetoplaycenter .centermain .bigorsmall ul li p,
.choosetoplaycenter .centermain .guessnumber ul li p {
    line-height: 25px;
    text-align: center
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li {
    width: 42px;
    height: 42px;
    border-radius: 90px;
    border: .5px solid #c7c7c7;
    margin-right: 4px
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li p:first-child {
    font-size: 19.8px;
    font-family: Helvetica;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: .2px;
    text-align: center;
    color: #48484c
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li p:last-child {
    font-family: PingFangSC;
    font-size: 10.8px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .1px;
    text-align: center;
    color: #48484c;
    line-height: 10.8px
}

.choosetoplaycenter .line {
    display: inline-block;
    margin: 0 26px 0 29px;
    width: 247px;
    height: 1px;
    background-color: #eee
}

.choosetoplaycenter .choosetoplayfooter .havebet {
    height: 30px;
    margin-left: 5px;
    border-bottom: 1px solid #eee
}

.choosetoplaycenter .choosetoplayfooter .havebet p {
    line-height: 30px;
    text-align: center;
    font-size: 14px
}

.choosetoplaycenter .choosetoplayfooter .havebet p span {
    color: red
}

.choosetoplaycenter .choosetoplayfooter .inputbet {
    margin: 10px 20px
}

.choosetoplaycenter .choosetoplayfooter .inputbet input {
    height: 30px;
    width: 262px;
    font-size: 14px;
    border: 1px solid #eee
}

.choosetoplaycenter .choosetoplayfooter .inputbet span {
    display: inline-block;
    width: 68px;
    text-align: right;
    color: #5db2ff;
    font-size: 14px;
    cursor: pointer;
    line-height: 32px
}

.bet {
    position: relative;
    margin: 0 20px;
    height: 36px
}

.bet em {
    position: absolute;
    height: 22px;
    width: 22px;
    left: -22px;
    top: 0;
    background: url(../images/spirt.71a0a9e.png) 0 204px
}

.bet ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.bet ul li {
    width: 36px;
    height: 35px;
    font-size: 12px;
    font-family: aril;
    font-weight: 600;
    color: #48484c;
    line-height: 32px;
    text-align: center;
    background-repeat: no-repeat
}

.reset {
    margin: 5px 50px
}

.reset button:first-child {
    width: 104px;
    height: 30px;
    border-radius: 2px;
    border: none;
    color: #fff
}

.reset button:last-child {
    width: 62px;
    height: 30px;
    margin-left: 10px;
    border: none;
    background-color: #fff;
    color: #5db2ff
}

.choosetoplaycenter>.shrink {
    border: 1px solid #ccc;
    border-right: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
    width: 15px;
    height: 40px;
    background: url(../images/spirt.71a0a9e.png) 0 178px;
    cursor: pointer
}

.choosedactive {
    background-color: #ececec;
    border-left: 4px solid red
}

.activebottomline {
    border-bottom: 4px solid red;
    color: #545454 !important;
    font-weight: 600
}

.tableTip {
    text-align: left;
    float: left;
    line-height: 32px
}

.tableTip span {
    color: #f3596a;
    padding: 0 4px
}

.zfInput {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px
}

.zfInput .ivu-input-number {
    margin: 0 5px
}

.moneyInput {
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px
}

.zhPanel2 {
    margin-bottom: 16px
}

.zhPanel2 .ivu-input-number {
    margin: 0 5px
}

.moneyInput2 {
    width: 160px;
    margin: 0 10px
}

.resetBtn {
    border: none;
    background-color: #fff;
    color: #5db2ff
}

.btnBox button {
    display: block;
    margin: 0 auto
}

.tableNoData {
    height: 300px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.leftBar {
    display: -ms-flexbox;
    display: flex;
    width: 412px
}

.zjjtP {
    text-align: right;
    padding: 8px 4px
}

.bigorsmall li p:first-child {
    font-size: 16px
}

.xyCszBox {
    border-radius: 50%;
    border: 1px solid #c7c7c7;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin: 0 auto;
    margin-top: 5px
}

.checkedStyle .xyCszBox {
    background: #000;
    color: #fff;
    border-color: #000
}

.xyCszBox3,
.xyCszBox6,
.xyCszBox9,
.xyCszBox12,
.xyCszBox15,
.xyCszBox18,
.xyCszBox21,
.xyCszBox24 {
    color: #ff382c
}

.checkedStyle .xyCszBox3,
.checkedStyle .xyCszBox6,
.checkedStyle .xyCszBox9,
.checkedStyle .xyCszBox12,
.checkedStyle .xyCszBox15,
.checkedStyle .xyCszBox18,
.checkedStyle .xyCszBox21,
.checkedStyle .xyCszBox24 {
    color: #fff;
    background: #ff382c;
    border: #ff382c
}

.xyCszBox2,
.xyCszBox5,
.xyCszBox8,
.xyCszBox11,
.xyCszBox17,
.xyCszBox20,
.xyCszBox23,
.xyCszBox26 {
    color: #008cf7
}

.checkedStyle .xyCszBox2,
.checkedStyle .xyCszBox5,
.checkedStyle .xyCszBox8,
.checkedStyle .xyCszBox11,
.checkedStyle .xyCszBox17,
.checkedStyle .xyCszBox20,
.checkedStyle .xyCszBox23,
.checkedStyle .xyCszBox26 {
    color: #fff;
    background: #008cf7;
    border: #008cf7
}

.xyCszBox1,
.xyCszBox4,
.xyCszBox7,
.xyCszBox10,
.xyCszBox16,
.xyCszBox19,
.xyCszBox22,
.xyCszBox25 {
    color: #00a751
}

.checkedStyle .xyCszBox1,
.checkedStyle .xyCszBox4,
.checkedStyle .xyCszBox7,
.checkedStyle .xyCszBox10,
.checkedStyle .xyCszBox16,
.checkedStyle .xyCszBox19,
.checkedStyle .xyCszBox22,
.checkedStyle .xyCszBox25 {
    color: #fff;
    background: #00a751;
    border: #00a751
}

.clUl>div {
    width: 100%
}

.oddsTable {
    width: 100%;
    line-height: 24px
}

.oddsTable td {
    text-align: center
}

.playList {
    font-size: 14px
}

.chooseSytle:hover {
    background: #ffd6d1;
    border: 1px solid #f3596a !important
}

.chooseSytle p:first-child {
    color: #48484c;
    font-size: 14px
}

.chooseSytle p:last-child {
    color: #f3596a
}

.checkedStyle {
    background: #ffd6d1;
    border: 1px solid #f3596a !important
}

.checkedStyle p {
    color: #f3596a !important
}

.ckMoneyStyle {
    position: relative;
    top: -6px;
    border-radius: 50%;
    box-shadow: 0 0 10px #ffec00
}

.choosetoplayleft {
    height: 760px;
    width: 90px;
    background-color: #f9f9f9;
    text-align: center;
    line-height: 50px
}

.choosetoplayleft .choosetheplay {
    width: 90px;
    height: 50px;
    font-weight: 600;
    font-size: 16px
}

.choosetoplayleft>ul {
    position: relative
}

.choosetoplayleft>ul>li {
    cursor: pointer
}

.choosetoplayleft>ul>li a {
    color: #495060
}

.choosetoplayleft>ul>li .otherf1 {
    width: 100%;
    height: 100%;
    display: inline-block
}

.choosetoplayleft>ul>li:hover {
    background: #ececec
}

.choosetoplayleft>ul .sort {
    position: absolute;
    top: 0;
    right: -90px;
    background-color: red
}

.choosetoplayleft>ul .sort ul li {
    width: 90px;
    height: 50px
}


/*i {*/


/*position: absolute;*/


/*top: 50%;*/


/*left: 0;*/


/*width: 15px;*/


/*height: 40px;*/


/*margin-top: -20px;*/


/*border: 1px solid #ccc;*/


/*border-top-right-radius: 6px;*/


/*border-bottom-right-radius: 6px;*/


/*background: url(../images/spirt.71a0a9e.png) 0 131px;*/


/*cursor: pointer;*/


/*z-index: 999*/


/*}*/

.choosetoplaycenter {
    position: relative;
    width: 322px
}

.choosetoplaycenter .centermain {
    height: 550px;
    overflow: auto
}

.choosetoplaycenter .centermain .top {
    height: 50px
}

.choosetoplaycenter .centermain .top ul {
    box-sizing: border-box;
    width: 280px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.choosetoplaycenter .centermain .top ul li {
    line-height: 46px;
    text-align: center;
    color: #b8b8b8;
    font-size: 16px;
    font-weight: 600;
    box-sizing: border-box;
    cursor: pointer
}

.choosetoplaycenter .centermain .center {
    position: relative;
    height: 50px
}

.choosetoplaycenter .centermain .center ul {
    margin: 0 8px 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.choosetoplaycenter .centermain .center ul li {
    text-align: center;
    line-height: 50px;
    position: relative
}

.choosetoplaycenter .centermain .center ul li:first-child span {
    position: absolute;
    height: 16px;
    width: 4px;
    background-color: red;
    top: 17px;
    border-radius: 2px
}

.choosetoplaycenter .centermain .center ul li:last-child em {
    position: absolute;
    top: 16px;
    left: -20px;
    width: 20px;
    height: 20px;
    background: url(../images/spirt.71a0a9e.png) 0 247px
}

ul li:hover {
    cursor: pointer
}

.choosetoplaycenter .centermain .bigorsmall,
.choosetoplaycenter .centermain .guessnumber {
    margin: 0 8px
}

.choosetoplaycenter .centermain .bigorsmall ul,
.choosetoplaycenter .centermain .guessnumber ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch
}

.playMethod-list {
    margin-top: -10px
}

.bigorsmall {
    position: relative
}

.choosetoplaycenter .centermain .bigorsmall ul li,
.choosetoplaycenter .centermain .guessnumber ul li {
    box-sizing: border-box;
    width: 59px;
    height: 50px;
    border-radius: 3.2px;
    border: .5px solid #c7c7c7;
    margin-top: 10px;
    font-size: 14px;
    margin-left: 13px
}

.choosetoplaycenter .centermain .bigorsmall ul li p,
.choosetoplaycenter .centermain .guessnumber ul li p {
    line-height: 25px;
    text-align: center
}

.bigorsmall ul li p:first-child {
    font-size: 16px
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li {
    width: 42px;
    height: 42px;
    border-radius: 90px;
    border: .5px solid #c7c7c7;
    margin-right: 4px
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li p:first-child {
    font-size: 19.8px;
    font-family: Helvetica;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: .2px;
    text-align: center;
    color: #48484c
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li p:last-child {
    font-family: PingFangSC;
    font-size: 10.8px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .1px;
    text-align: center;
    color: #48484c;
    line-height: 10.8px
}

.choosetoplaycenter .line {
    display: inline-block;
    margin: 0 26px 0 29px;
    width: 247px;
    height: 1px;
    background-color: #eee
}

.choosetoplaycenter .choosetoplayfooter .havebet {
    height: 30px;
    margin-left: 5px;
    border-bottom: 1px solid #eee
}

.choosetoplaycenter .choosetoplayfooter .havebet p {
    line-height: 30px;
    text-align: center;
    font-size: 14px
}

.choosetoplaycenter .choosetoplayfooter .havebet p span {
    color: red
}

.choosetoplaycenter .choosetoplayfooter .inputbet {
    margin: 10px 20px
}

.choosetoplaycenter .choosetoplayfooter .inputbet input {
    height: 30px;
    width: 262px;
    font-size: 14px;
    border: 1px solid #eee
}

.choosetoplaycenter .choosetoplayfooter .inputbet span {
    display: inline-block;
    width: 68px;
    text-align: right;
    color: #5db2ff;
    font-size: 14px;
    cursor: pointer;
    line-height: 32px
}

.bet {
    position: relative;
    margin: 0 20px;
    height: 36px
}

.bet em {
    position: absolute;
    height: 22px;
    width: 22px;
    left: -22px;
    top: 0;
    background: url(../images/spirt.71a0a9e.png) 0 204px
}

.bet ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.bet ul li {
    width: 36px;
    height: 35px;
    font-size: 12px;
    font-family: aril;
    font-weight: 600;
    color: #48484c;
    line-height: 32px;
    text-align: center;
    background-repeat: no-repeat
}

.reset {
    margin: 5px 0;
    text-align: center
}

.reset button:first-child {
    width: 100px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    padding: 0;
    border-radius: 2px
}

.reset button:last-child {
    width: 62px;
    height: 30px;
    margin-left: 10px;
    border: none;
    background-color: #fff;
    color: #5db2ff
}

.choosetoplaycenter>.shrink {
    border: 1px solid #ccc;
    border-right: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
    width: 15px;
    height: 40px;
    background: url(../images/spirt.71a0a9e.png) 0 178px;
    cursor: pointer
}

.choosedactive {
    background-color: #ececec;
    border-left: 4px solid red
}

.activebottomline {
    border-bottom: 4px solid red;
    color: #545454 !important;
    font-weight: 600
}

.tableTip {
    text-align: left;
    float: left;
    line-height: 32px
}

.tableTip span {
    color: #f3596a;
    padding: 0 4px
}

.zfInput {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px
}

.zfInput .ivu-input-number {
    margin: 0 5px
}

.moneyInput {
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px
}

.zhPanel2 {
    margin-bottom: 16px
}

.zhPanel2 .ivu-input-number {
    margin: 0 5px
}

.moneyInput2 {
    width: 160px;
    margin: 0 10px
}

.titlered {
    position: relative;
    border: none !important;
    padding: 15px 0
}

.titlered>span {
    position: absolute;
    height: 16px;
    width: 4px !important;
    background-color: red;
    top: 17px;
    border-radius: 2px;
    display: inline-block
}

.h3Tit h3,
.liTit {
    position: relative;
    padding-left: 10px
}

.h3Tit h3 {
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 200
}

.h3Tit h3:before,
.liTit:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0;
    width: 4px;
    height: 16px;
    background-color: red;
    border-radius: 2px;
    display: inline-block
}

.guanyahe>p {
    padding-left: 3%;
    padding: 9px 0;
    border: 1px solid #c7c7c7;
    border-radius: 3.2px;
    margin-bottom: 8px
}

.guanyahe>p>span {
    display: inline-block;
    width: 55%;
    padding-left: 6px;
    text-align: center
}

.guanyahe>p>span:first-child {
    width: 20%
}

.guanyahe>p>span:nth-child(3) {
    width: 20%;
    color: #f3596a
}

.springF {
    position: relative;
    height: 25px
}

.springF>span {
    display: inline-block;
    width: 18px !important;
    height: 18px !important;
    margin-right: 2px !important;
    background-image: url(../images/spirt.71a0a9e.png) !important;
    background-repeat: no-repeat;
    border-radius: 0 !important;
    margin-top: 6px
}

.gusessNum-1 {
    background-position: -361px -39px !important
}

.gusessNum-2 {
    background-position: -361px -59px !important
}

.gusessNum-3 {
    background-position: -361px -79px !important
}

.gusessNum-4 {
    background-position: -361px -99px !important
}

.gusessNum-5 {
    background-position: -361px -119px !important
}

.gusessNum-6 {
    background-position: -361px -139px !important
}

.gusessNum-7 {
    background-position: -361px -159px !important
}

.gusessNum-8 {
    background-position: -361px -179px !important
}

.gusessNum-9 {
    background-position: -361px -199px !important
}

.gusessNum-10 {
    background-position: -361px -219px !important
}

.resetBtn {
    border: none;
    background-color: #fff;
    color: #5db2ff
}

.btnBox button {
    display: block;
    margin: 0 auto
}

.choosetoplaycenter .centermain .center ul li:nth-child(2):hover {
    color: #f3596a
}

.tableNoData {
    height: 300px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.leftBar {
    display: -ms-flexbox;
    display: flex;
    width: 412px
}

.zjjtP {
    text-align: right;
    padding: 8px 4px
}

.clUl>div {
    width: 100%
}

.oddsTable {
    width: 100%;
    line-height: 24px
}

.oddsTable td {
    text-align: center
}

.playList {
    font-size: 14px
}

.chooseSytle:hover {
    background: #ffd6d1;
    border: 1px solid #f3596a !important
}

.chooseSytle p:first-child {
    color: #48484c;
    font-size: 16px
}

.chooseSytle p:last-child {
    color: #f3596a
}

.checkedStyle {
    background: #ffd6d1;
    border: 1px solid #f3596a !important
}

.checkedStyle p {
    color: #f3596a !important
}

.ckMoneyStyle {
    position: relative;
    top: -6px;
    border-radius: 50%;
    box-shadow: 0 0 10px #ffec00
}

.choosetoplayleft {
    height: 760px;
    width: 90px;
    background-color: #f9f9f9;
    text-align: center;
    line-height: 50px
}

.choosetoplayleft .choosetheplay {
    width: 90px;
    height: 50px;
    font-weight: 600;
    font-size: 16px
}

.choosetoplayleft>ul {
    position: relative
}

.choosetoplayleft>ul>li {
    cursor: pointer
}

.choosetoplayleft>ul>li a {
    color: #495060
}

.choosetoplayleft>ul>li .otherf1 {
    width: 100%;
    height: 100%;
    display: inline-block
}

.choosetoplayleft>ul>li:hover {
    background: #ececec
}

.choosetoplayleft>ul .sort {
    position: absolute;
    top: 0;
    right: -90px;
    background-color: red
}

.choosetoplayleft>ul .sort ul li {
    width: 90px;
    height: 50px
}


/*i {*/


/*position: absolute;*/


/*top: 50%;*/


/*left: 0;*/


/*width: 15px;*/


/*height: 40px;*/


/*margin-top: -20px;*/


/*border: 1px solid #ccc;*/


/*border-top-right-radius: 6px;*/


/*border-bottom-right-radius: 6px;*/


/*background: url(../images/spirt.71a0a9e.png) 0 131px;*/


/*cursor: pointer;*/


/*z-index: 999*/


/*}*/

.choosetoplaycenter {
    position: relative;
    width: 322px
}

.choosetoplaycenter .centermain {
    height: 550px;
    overflow: auto
}

.choosetoplaycenter .centermain .top {
    height: 50px
}

.choosetoplaycenter .centermain .top ul {
    box-sizing: border-box;
    width: 280px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.choosetoplaycenter .centermain .top ul li {
    line-height: 46px;
    text-align: center;
    color: #b8b8b8;
    font-size: 16px;
    font-weight: 600;
    box-sizing: border-box;
    cursor: pointer
}

.choosetoplaycenter .centermain .center {
    position: relative;
    height: 50px
}

.choosetoplaycenter .centermain .center ul {
    margin: 0 8px 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.choosetoplaycenter .centermain .center ul li {
    text-align: center;
    line-height: 50px;
    position: relative
}

.choosetoplaycenter .centermain .center ul li:first-child span {
    position: absolute;
    height: 16px;
    width: 4px;
    background-color: red;
    top: 17px;
    border-radius: 2px
}

.choosetoplaycenter .centermain .center ul li:last-child em {
    position: absolute;
    top: 16px;
    left: -20px;
    width: 20px;
    height: 20px;
    background: url(../images/spirt.71a0a9e.png) 0 247px
}

ul li:hover {
    cursor: pointer
}

.choosetoplaycenter .centermain .bigorsmall,
.choosetoplaycenter .centermain .guessnumber {
    margin: 0 8px
}

.choosetoplaycenter .centermain .bigorsmall ul,
.choosetoplaycenter .centermain .guessnumber ul {
    margin-top: -10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch
}

.choosetoplaycenter .centermain .bigorsmall ul li,
.choosetoplaycenter .centermain .guessnumber ul li {
    box-sizing: border-box;
    width: 60px;
    height: 50px;
    border-radius: 3.2px;
    border: .5px solid #c7c7c7;
    margin-top: 10px;
    font-size: 14px;
    margin-left: 10px
}

.choosetoplaycenter .centermain .bigorsmall ul li p,
.choosetoplaycenter .centermain .guessnumber ul li p {
    line-height: 25px;
    text-align: center
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li {
    width: 42px;
    height: 42px;
    border-radius: 90px;
    border: .5px solid #c7c7c7;
    margin-right: 4px
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li p:first-child {
    font-size: 19.8px;
    font-family: Helvetica;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: .2px;
    text-align: center;
    color: #48484c
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li p:last-child {
    font-family: PingFangSC;
    font-size: 10.8px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .1px;
    text-align: center;
    color: #48484c;
    line-height: 10.8px
}

.choosetoplaycenter .line {
    display: inline-block;
    margin: 0 26px 0 29px;
    width: 247px;
    height: 1px;
    background-color: #eee
}

.choosetoplaycenter .choosetoplayfooter .havebet {
    height: 30px;
    margin-left: 5px;
    border-bottom: 1px solid #eee
}

.choosetoplaycenter .choosetoplayfooter .havebet p {
    line-height: 30px;
    text-align: center;
    font-size: 14px
}

.choosetoplaycenter .choosetoplayfooter .havebet p span {
    color: red
}

.choosetoplaycenter .choosetoplayfooter .inputbet {
    margin: 10px 20px
}

.choosetoplaycenter .choosetoplayfooter .inputbet input {
    height: 30px;
    width: 262px;
    font-size: 14px;
    border: 1px solid #eee
}

.choosetoplaycenter .choosetoplayfooter .inputbet span {
    display: inline-block;
    width: 68px;
    text-align: right;
    color: #5db2ff;
    font-size: 14px;
    cursor: pointer;
    line-height: 32px
}

.bet {
    position: relative;
    margin: 0 20px;
    height: 36px
}

.bet em {
    position: absolute;
    height: 22px;
    width: 22px;
    left: -22px;
    top: 0;
    background: url(../images/spirt.71a0a9e.png) 0 204px
}

.bet ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.bet ul li {
    width: 36px;
    height: 35px;
    font-size: 12px;
    font-family: aril;
    font-weight: 600;
    color: #48484c;
    line-height: 32px;
    text-align: center;
    background-repeat: no-repeat
}

.reset {
    margin: 5px 50px
}

.reset button:first-child {
    width: 104px;
    height: 30px;
    border-radius: 2px;
    border: none;
    color: #fff
}

.reset button:last-child {
    width: 62px;
    height: 30px;
    margin-left: 10px;
    border: none;
    background-color: #fff;
    color: #5db2ff
}

.choosetoplaycenter>.shrink {
    border: 1px solid #ccc;
    border-right: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
    width: 15px;
    height: 40px;
    background: url(../images/spirt.71a0a9e.png) 0 178px;
    cursor: pointer
}

.choosedactive {
    background-color: #ececec;
    border-left: 4px solid red
}

.activebottomline {
    border-bottom: 4px solid red;
    color: #545454 !important;
    font-weight: 600
}

.tableTip {
    text-align: left;
    float: left;
    line-height: 32px
}

.tableTip span {
    color: #f3596a;
    padding: 0 4px
}

.zfInput {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px
}

.zfInput .ivu-input-number {
    margin: 0 5px
}

.moneyInput {
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px
}

.zhPanel2 {
    margin-bottom: 16px
}

.zhPanel2 .ivu-input-number {
    margin: 0 5px
}

.moneyInput2 {
    width: 160px;
    margin: 0 10px
}

.titlered {
    position: relative;
    border: none !important;
    padding: 15px 0
}

.titlered>span {
    position: absolute;
    height: 16px;
    width: 4px !important;
    background-color: red;
    top: 17px;
    border-radius: 2px;
    display: inline-block
}

.guanyahe>p {
    padding-left: 3%;
    padding: 9px 0;
    border: 1px solid #c7c7c7;
    border-radius: 3.2px;
    margin-bottom: 8px
}

.guanyahe>p>span {
    display: inline-block;
    width: 55%;
    padding-left: 6px;
    text-align: center
}

.guanyahe>p>span:first-child {
    width: 20%
}

.guanyahe>p>span:nth-child(3) {
    width: 20%;
    color: #f3596a
}

.springF {
    position: relative;
    height: 25px
}

.springF>span {
    display: inline-block;
    width: 18px !important;
    height: 18px !important;
    margin-right: 2px !important;
    background-image: url(../images/spirt.71a0a9e.png) !important;
    background-repeat: no-repeat;
    border-radius: 0 !important;
    margin-top: 6px
}

.gusessNum-1 {
    background-position: -361px -39px !important
}

.gusessNum-2 {
    background-position: -361px -59px !important
}

.gusessNum-3 {
    background-position: -361px -79px !important
}

.gusessNum-4 {
    background-position: -361px -99px !important
}

.gusessNum-5 {
    background-position: -361px -119px !important
}

.gusessNum-6 {
    background-position: -361px -139px !important
}

.gusessNum-7 {
    background-position: -361px -159px !important
}

.gusessNum-8 {
    background-position: -361px -179px !important
}

.gusessNum-9 {
    background-position: -361px -199px !important
}

.gusessNum-10 {
    background-position: -361px -219px !important
}

.resetBtn {
    border: none;
    background-color: #fff;
    color: #5db2ff
}

.btnBox button {
    display: block;
    margin: 0 auto
}

.choosetoplaycenter .centermain .center ul li:nth-child(2):hover {
    color: #f3596a
}

.choosetoplaycenter .bigorsmall .guessNum>p {
    width: 84px;
    height: 50px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #c7c7c7;
    margin: 6px;
    margin-bottom: 9px
}

.choosetoplaycenter .bigorsmall .guessNum>p>span {
    display: inline-block
}

.choosetoplaycenter .bigorsmall .guessNum>p>span:first-child {
    width: 28px;
    height: 28px;
    background: linear-gradient(180deg, #fff, #efefef);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .35);
    margin-top: 10px;
    margin-left: 6px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #272138;
    font-size: 19px
}

.choosetoplaycenter .bigorsmall .guessNum>p>span:last-child {
    width: 39px;
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC-Medium;
    color: #f3596a;
    line-height: 20px;
    text-align: center
}

.checkedNumStyle:hover {
    background: #ffd6d1;
    border: 1px solid #f3596a !important
}

.checkedNumStyle p:first-child {
    color: #48484c
}

.checkedNumStyle p:last-child {
    color: #f3596a
}

.checkedNumStyle {
    background: #ffd6d1;
    border: 1px solid #f3596a !important
}

.checkedNumStyle p {
    color: #f3596a !important
}

.chooseSytle {
    cursor: pointer
}

.tableNoData {
    height: 300px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.leftBar {
    display: -ms-flexbox;
    display: flex;
    width: 412px
}

.zjjtP {
    text-align: right;
    padding: 8px 4px
}

.oddsTable[data-v-36f2388c] {
    width: 100%;
    line-height: 24px
}

.oddsTable td[data-v-36f2388c] {
    text-align: center
}

.playList[data-v-36f2388c] {
    font-size: 14px
}

.chooseSytle[data-v-36f2388c]:hover {
    background: #ffd6d1;
    border: 1px solid #f3596a !important
}

.chooseSytle p[data-v-36f2388c]:first-child {
    color: #48484c;
    font-size: 14px
}

.chooseSytle p[data-v-36f2388c]:last-child {
    color: #f3596a;
    line-height: 18px
}

.checkedStyle[data-v-36f2388c] {
    background: #ffd6d1;
    border: 1px solid #f3596a !important
}

.checkedStyle p[data-v-36f2388c] {
    color: #f3596a !important
}

.ckMoneyStyle[data-v-36f2388c] {
    position: relative;
    top: -6px;
    border-radius: 50%;
    box-shadow: 0 0 10px #ffec00
}

.choosetoplayleft[data-v-36f2388c] {
    height: 760px;
    width: 90px;
    background-color: #f9f9f9;
    text-align: center;
    line-height: 50px
}

.choosetoplayleft .choosetheplay[data-v-36f2388c] {
    width: 90px;
    height: 50px;
    font-weight: 600;
    font-size: 16px
}

.choosetoplayleft>ul[data-v-36f2388c] {
    position: relative
}

.choosetoplayleft>ul>li[data-v-36f2388c] {
    cursor: pointer
}

.choosetoplayleft>ul>li[data-v-36f2388c]:hover {
    background: #ececec
}

.choosetoplayleft>ul>li .otherf1[data-v-36f2388c] {
    width: 100%;
    height: 100%;
    display: inline-block
}

.choosetoplayleft>ul .sort[data-v-36f2388c] {
    position: absolute;
    top: 0;
    right: -90px;
    background-color: red
}

.choosetoplayleft>ul .sort ul li[data-v-36f2388c] {
    width: 90px;
    height: 50px
}

i[data-v-36f2388c] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 40px;
    margin-top: -20px;
    border: 1px solid #ccc;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background: url(../images/spirt.71a0a9e.png) 0 131px;
    cursor: pointer;
    z-index: 999
}

.choosetoplaycenter[data-v-36f2388c] {
    position: relative
}

.choosetoplaycenter .centermain[data-v-36f2388c] {
    height: 550px;
    overflow: auto
}

.choosetoplaycenter .centermain .top[data-v-36f2388c] {
    height: 50px
}

.choosetoplaycenter .centermain .top ul[data-v-36f2388c] {
    box-sizing: border-box;
    width: 280px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.choosetoplaycenter .centermain .top ul li[data-v-36f2388c] {
    line-height: 46px;
    text-align: center;
    color: #b8b8b8;
    font-size: 16px;
    font-weight: 600;
    box-sizing: border-box;
    cursor: pointer
}

.choosetoplaycenter .centermain .center[data-v-36f2388c] {
    position: relative;
    height: 50px
}

.choosetoplaycenter .centermain .center ul[data-v-36f2388c] {
    margin: 0 8px 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.choosetoplaycenter .centermain .center ul li[data-v-36f2388c] {
    text-align: center;
    line-height: 50px;
    position: relative
}

.choosetoplaycenter .centermain .center ul li[data-v-36f2388c]:last-child:hover {
    color: #f3596a
}

.choosetoplaycenter .centermain .center ul li:first-child span[data-v-36f2388c] {
    position: absolute;
    height: 16px;
    width: 4px;
    background-color: red;
    top: 17px;
    border-radius: 2px
}

.choosetoplaycenter .centermain .center ul li:last-child em[data-v-36f2388c] {
    position: absolute;
    top: 16px;
    left: -20px;
    width: 20px;
    height: 20px;
    background: url(../images/spirt.71a0a9e.png) 0 247px
}

ul li[data-v-36f2388c]:hover {
    cursor: pointer
}

.choosetoplaycenter .centermain .bigorsmall[data-v-36f2388c],
.choosetoplaycenter .centermain .guessnumber[data-v-36f2388c] {
    margin: 0 8px 0 10px
}

.choosetoplaycenter .centermain .bigorsmall ul[data-v-36f2388c],
.choosetoplaycenter .centermain .guessnumber ul[data-v-36f2388c] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch
}

.choosetoplaycenter .centermain .bigorsmall ul li[data-v-36f2388c],
.choosetoplaycenter .centermain .guessnumber ul li[data-v-36f2388c] {
    box-sizing: border-box;
    width: 21%;
    height: 50px;
    border-radius: 3.2px;
    border: .5px solid #c7c7c7;
    margin-top: 10px;
    font-size: 14px;
    margin-left: 13px
}

.choosetoplaycenter .centermain .bigorsmall ul li p[data-v-36f2388c],
.choosetoplaycenter .centermain .guessnumber ul li p[data-v-36f2388c] {
    line-height: 25px;
    text-align: center
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li[data-v-36f2388c] {
    width: 42px;
    height: 42px;
    border-radius: 90px;
    border: .5px solid #c7c7c7;
    margin-right: 4px
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li p[data-v-36f2388c]:first-child {
    font-size: 19.8px;
    font-family: Helvetica;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: .2px;
    text-align: center;
    color: #48484c
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li p[data-v-36f2388c]:last-child {
    font-family: PingFangSC;
    font-size: 10.8px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .1px;
    text-align: center;
    color: #48484c;
    line-height: 10.8px
}

.choosetoplaycenter .line[data-v-36f2388c] {
    display: inline-block;
    margin: 0 26px 0 29px;
    width: 247px;
    height: 1px;
    background-color: #eee
}

.askRoadPanel .ivu-tabs-nav {
    float: none;
    margin: 0 auto;
    width: 270px
}

.askRoadPanel .ivu-tabs-tab {
    padding: 16px !important;
    font-weight: 700
}

.askRoadPanel .ivu-tabs-bar {
    margin: 0 auto
}

.askRoadPanel .ivu-tabs-tabpane {
    overflow-y: scroll;
    height: 708px;
    position: relative;
    overflow-x: hidden
}

.ivu-spin {
    height: 100%
}

.demo-spin-icon-load {
    animation: ani-demo-spin 1s linear infinite
}

@keyframes ani-loading-text {
    0% {
        color: red
    }
    50% {
        color: green
    }
    to {
        color: blue
    }
}

.loadText {
    animation: ani-loading-text 1s linear infinite
}

.demo-spin-col {
    height: 100px;
    position: relative;
    border: 1px solid #eee
}

.bigorsmall div:first-child .h3Tit h3[data-v-1b0ca6b6] {
    margin-top: 0
}

.h3Tit[data-v-1b0ca6b6] {
    height: auto;
    overflow: hidden
}

.h3Tit h3[data-v-1b0ca6b6] {
    position: relative;
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 10px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 200
}

.h3Tit h3[data-v-1b0ca6b6]:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0;
    width: 4px;
    height: 16px;
    background-color: red;
    border-radius: 2px;
    display: inline-block
}

.oddsTable[data-v-1b0ca6b6] {
    width: 100%;
    line-height: 24px
}

.oddsTable td[data-v-1b0ca6b6] {
    text-align: center
}

.playList[data-v-1b0ca6b6] {
    font-size: 14px
}

.chooseSytle[data-v-1b0ca6b6]:hover {
    background: #ffd6d1;
    border: 1px solid #f3596a !important
}

.chooseSytle p[data-v-1b0ca6b6]:first-child {
    color: #48484c;
    font-size: 14px
}

.chooseSytle p[data-v-1b0ca6b6]:last-child {
    color: #f3596a
}

.checkedStyle[data-v-1b0ca6b6] {
    background: #ffd6d1;
    border: 1px solid #f3596a !important
}

.checkedStyle p[data-v-1b0ca6b6] {
    color: #f3596a !important
}

.ckMoneyStyle[data-v-1b0ca6b6] {
    position: relative;
    top: -6px;
    border-radius: 50%;
    box-shadow: 0 0 10px #ffec00
}

.choosetoplayleft[data-v-1b0ca6b6] {
    height: 760px;
    width: 90px;
    background-color: #f9f9f9;
    text-align: center;
    line-height: 50px
}

.choosetoplayleft .choosetheplay[data-v-1b0ca6b6] {
    width: 90px;
    height: 50px;
    font-weight: 600;
    font-size: 16px
}

.choosetoplayleft>ul[data-v-1b0ca6b6] {
    position: relative
}

.choosetoplayleft>ul>li[data-v-1b0ca6b6] {
    cursor: pointer
}

.choosetoplayleft>ul>li a[data-v-1b0ca6b6] {
    color: #495060
}

.choosetoplayleft>ul>li .otherf1[data-v-1b0ca6b6] {
    width: 100%;
    height: 100%;
    display: inline-block
}

.choosetoplayleft>ul>li[data-v-1b0ca6b6]:hover {
    background: #ececec
}

.choosetoplayleft>ul .sort[data-v-1b0ca6b6] {
    position: absolute;
    top: 0;
    right: -90px;
    background-color: red
}

.choosetoplayleft>ul .sort ul li[data-v-1b0ca6b6] {
    width: 90px;
    height: 50px
}

i[data-v-1b0ca6b6] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 40px;
    margin-top: -20px;
    border: 1px solid #ccc;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background: url(../images/spirt.71a0a9e.png) 0 131px;
    cursor: pointer;
    z-index: 999
}

.choosetoplaycenter[data-v-1b0ca6b6] {
    position: relative;
    width: 322px
}

.choosetoplaycenter .centermain[data-v-1b0ca6b6] {
    height: 550px;
    overflow: auto
}

.choosetoplaycenter .centermain .top[data-v-1b0ca6b6] {
    height: 50px
}

.choosetoplaycenter .centermain .top ul[data-v-1b0ca6b6] {
    box-sizing: border-box;
    width: 280px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.choosetoplaycenter .centermain .top ul li[data-v-1b0ca6b6] {
    line-height: 46px;
    text-align: center;
    color: #b8b8b8;
    font-size: 16px;
    font-weight: 600;
    box-sizing: border-box;
    cursor: pointer
}

.choosetoplaycenter .centermain .center[data-v-1b0ca6b6] {
    position: relative;
    height: 50px
}

.choosetoplaycenter .centermain .center ul[data-v-1b0ca6b6] {
    margin: 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.choosetoplaycenter .centermain .center ul li[data-v-1b0ca6b6] {
    text-align: center;
    line-height: 50px;
    position: relative
}

.choosetoplaycenter .centermain .center ul li:first-child span[data-v-1b0ca6b6] {
    position: absolute;
    height: 16px;
    width: 4px;
    background-color: red;
    top: 17px;
    border-radius: 2px
}

.choosetoplaycenter .centermain .center ul li:last-child em[data-v-1b0ca6b6] {
    position: absolute;
    top: 16px;
    left: -20px;
    width: 20px;
    height: 20px;
    background: url(../images/spirt.71a0a9e.png) 0 247px
}

ul li[data-v-1b0ca6b6]:hover {
    cursor: pointer
}

.choosetoplaycenter .centermain .bigorsmall[data-v-1b0ca6b6],
.choosetoplaycenter .centermain .guessnumber[data-v-1b0ca6b6] {
    margin: 0 10px
}

.choosetoplaycenter .centermain .bigorsmall ul[data-v-1b0ca6b6],
.choosetoplaycenter .centermain .guessnumber ul[data-v-1b0ca6b6] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch
}

.choosetoplaycenter .centermain .bigorsmall ul li[data-v-1b0ca6b6],
.choosetoplaycenter .centermain .guessnumber ul li[data-v-1b0ca6b6] {
    box-sizing: border-box;
    width: 60px;
    height: 50px;
    border-radius: 3.2px;
    border: .5px solid #c7c7c7;
    margin-top: 10px;
    font-size: 14px;
    margin-left: 13px
}

.choosetoplaycenter .centermain .bigorsmall ul li p[data-v-1b0ca6b6],
.choosetoplaycenter .centermain .guessnumber ul li p[data-v-1b0ca6b6] {
    line-height: 25px;
    text-align: center
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li[data-v-1b0ca6b6] {
    width: 42px;
    height: 42px;
    border-radius: 90px;
    border: .5px solid #c7c7c7;
    margin-right: 4px
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li p[data-v-1b0ca6b6]:first-child {
    font-size: 19.8px;
    font-family: Helvetica;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: .2px;
    text-align: center;
    color: #48484c
}

.choosetoplaycenter .centermain .guessnumber .guessnumberlist li p[data-v-1b0ca6b6]:last-child {
    font-family: PingFangSC;
    font-size: 10.8px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .1px;
    text-align: center;
    color: #48484c;
    line-height: 10.8px
}

.choosetoplaycenter .line[data-v-1b0ca6b6] {
    display: inline-block;
    margin: 0 26px 0 29px;
    width: 247px;
    height: 1px;
    background-color: #eee
}

.choosetoplaycenter .choosetoplayfooter .havebet[data-v-1b0ca6b6] {
    height: 30px;
    margin-left: 5px;
    border-bottom: 1px solid #eee
}

.choosetoplaycenter .choosetoplayfooter .havebet p[data-v-1b0ca6b6] {
    line-height: 30px;
    text-align: center;
    font-size: 14px
}

.choosetoplaycenter .choosetoplayfooter .havebet p span[data-v-1b0ca6b6] {
    color: red
}

.choosetoplaycenter .choosetoplayfooter .inputbet[data-v-1b0ca6b6] {
    margin: 10px 20px
}

.choosetoplaycenter .choosetoplayfooter .inputbet input[data-v-1b0ca6b6] {
    height: 30px;
    width: 262px;
    font-size: 14px;
    border: 1px solid #eee
}

.choosetoplaycenter .choosetoplayfooter .inputbet span[data-v-1b0ca6b6] {
    display: inline-block;
    width: 68px;
    text-align: right;
    color: #5db2ff;
    font-size: 14px;
    cursor: pointer;
    line-height: 32px
}

.bet[data-v-1b0ca6b6] {
    position: relative;
    margin: 0 20px;
    height: 36px
}

.bet em[data-v-1b0ca6b6] {
    position: absolute;
    height: 22px;
    width: 22px;
    left: -22px;
    top: 0;
    background: url(../images/spirt.71a0a9e.png) 0 204px
}

.bet ul[data-v-1b0ca6b6] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.bet ul li[data-v-1b0ca6b6] {
    width: 36px;
    height: 35px;
    font-size: 12px;
    font-family: aril;
    font-weight: 600;
    color: #48484c;
    line-height: 32px;
    text-align: center;
    background-repeat: no-repeat
}

.jgTable .ivu-table {
    font-size: 14px
}

.jgTable .ivu-table-cell {
    padding: 0
}

.jgTable .ivu-table td,
.jgTable .ivu-table th {
    height: 38px
}

.jgTable .testClass {
    font-size: 21px
}

.qiu28 {
    border-radius: 50%;
    color: #fff;
    background-color: #dc1716;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block
}

.xyColorBox3,
.xyColorBox6,
.xyColorBox9,
.xyColorBox12,
.xyColorBox15,
.xyColorBox18,
.xyColorBox21,
.xyColorBox24 {
    background-color: #ff382c !important
}

.xyColorBox2,
.xyColorBox5,
.xyColorBox8,
.xyColorBox11,
.xyColorBox17,
.xyColorBox20,
.xyColorBox23,
.xyColorBox26 {
    background-color: #008cf7 !important
}

.xyColorBox1,
.xyColorBox4,
.xyColorBox7,
.xyColorBox10,
.xyColorBox16,
.xyColorBox19,
.xyColorBox22,
.xyColorBox25 {
    background-color: #00a751 !important
}

.text-red {
    color: #dd5d5d
}

.actRuleCon h1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 2
}

.actRuleCon .text-gray {
    margin-top: 12px
}

.actRuleCon .text-red {
    margin: 0 6px
}

.taskPanel {
    width: 1200px;
    margin: 0 auto
}

.taskHead {
    padding: 20px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #cacaca
}

.leftTt {
    font-weight: 700;
    font-size: 21px;
    padding-left: 10px;
    margin-right: 40px;
    position: relative
}

.leftTt:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    width: 4px;
    height: 24px;
    border-radius: 2px;
    background-color: #f3596a
}

.taskTab {
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    font-size: 16px
}

.taskTab div {
    position: relative
}

.taskTab div i {
    position: absolute;
    right: -6px;
    top: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f3596a
}

.taskTab div:hover {
    color: #f3596a
}

.taskTab div span {
    padding: 10px 0;
    font-weight: 700
}

.taskList {
    overflow: auto;
    margin-top: 30px;
    min-height: 600px
}

.taskBox {
    background: #fff;
    padding: 10px 20px;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .2);
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.taskBox,
.taskBoxLeft {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.taskBoxLeft {
    width: 30%
}

.taskBoxLeft>div:first-child {
    margin-right: 20px;
    border-radius: 6px;
    width: 80px;
    height: 80px
}

.taskBoxLeft>div:first-child img {
    margin-top: 16px;
    margin-left: 19px
}

.taskBoxLeft>div:last-child {
    font-weight: 700;
    font-size: 18px
}

.taskBoxLeft>div:last-child p {
    font-weight: 400;
    font-size: 14px
}

.taskBoxLeft>div:last-child p span {
    color: #f3596a
}

.taskBoxText {
    color: #999;
    width: 45%
}

.taskBoxBtn {
    border-radius: 24px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    width: 120px;
    cursor: pointer
}

.taskBoxBtn a {
    color: #fff
}

.taskBoxBtn1 {
    background: #c8313c
}

.taskBoxBtn2 {
    background: #f48d12
}

.taskBoxBtn3 {
    background: #fff;
    color: #01ad0f
}

.taskBoxBtn4 {
    background: #ccc
}

.loadingBox {
    height: 700px;
    position: relative
}

.taskTitleActive span {
    border-bottom: 2px solid #f3596a;
    color: #f3596a
}

.taskBoxState {
    text-align: center;
    color: #f3596a;
    font-size: 16px;
    font-weight: 700
}

.noData {
    height: 700px;
    position: relative
}

.noData img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.bgColor0 {
    background: #8261ff
}

.bgColor1 {
    background: #618eff
}

.bgColor2 {
    background: #61b3ff
}

.bgColor3 {
    background: #ff8661
}

.bgColor4 {
    background: #ff6161
}

.bgColor5 {
    background: #ff6191
}

.bgColor6 {
    background: #01ad0f
}

.bgColor7 {
    background: #f48d12
}

.bgColor8 {
    background: #f40012
}

.bgColor9 {
    background: #e66652
}

.bgColor10 {
    background: #f32ab2
}

.bgColor11 {
    background: #a91ac2
}

.bgColor12 {
    background: #61b3ff
}

.bgColor13 {
    background: #ff8661
}

.bgColor14 {
    background: #ff6161
}

.bgColor15 {
    background: #ff6191
}

.contentFlex[data-v-b12977be] {
    display: -ms-flexbox;
    display: flex
}

.main-content[data-v-b12977be] {
    margin-top: 15px
}

.pc-bottom .pc-left[data-v-b12977be] {
    min-height: 575px
}

.recharge-wrapper[data-v-57548114] {
    position: relative
}

.pay-tab[data-v-57548114] {
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee
}

.pay-tab a[data-v-57548114] {
    float: left;
    margin-bottom: -1px;
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #48484c;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #e6e6e6
}

.pay-tab a.active[data-v-57548114] {
    color: #fff;
    background-color: #f3596a;
    border: 1px solid #f3596a
}

.pay-tab a .icon[data-v-57548114] {
    width: 20px;
    height: 18px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-image: url(../images/spirt.71a0a9e.png)
}

.pay-tab a .icon-xs[data-v-57548114] {
    background-position: -226px -284px
}

.pay-tab a .icon-zx[data-v-57548114] {
    background-position: -226px -302px
}

.pay-tab a.active .icon-xs[data-v-57548114] {
    background-position: -250px -284px
}

.pay-tab a.active .icon-zx[data-v-57548114] {
    background-position: -250px -302px
}

.item-list[data-v-57548114] {
    padding: 15px 0
}

.row-list[data-v-57548114] {
    padding: 5px 0;
    font-size: 15px
}

.item-list .col-l[data-v-57548114],
.row-list .col-l[data-v-57548114] {
    text-align: right;
    padding-right: 5px
}

.row-list .col-r[data-v-57548114] {
    text-align: left;
    padding-left: 5px
}

.recharge-list ul[data-v-57548114] {
    margin-top: -15px
}

.recharge-list ul li[data-v-57548114] {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    margin-top: 15px;
    padding: 10px;
    height: 40px;
    line-height: 20px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc
}

.recharge-list ul li.checked[data-v-57548114],
.recharge-list ul li[data-v-57548114]:hover {
    border-color: #f3596a
}

.recharge-list ul li img[data-v-57548114] {
    float: left;
    margin-right: 8px;
    width: 20px;
    height: 20px
}

.quick-money[data-v-57548114] {
    margin-top: -15px;
    width: 440px
}

.quick-money .goods-items[data-v-57548114] {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    margin-top: 15px;
    text-align: center;
    width: 90px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc
}

.quick-money .other-amount[data-v-57548114] {
    width: 200px
}

.quick-money .other-amount input[data-v-57548114] {
    float: left;
    margin: 4px 0 0 10px;
    width: 150px;
    padding: 0 4px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #ccc
}

.quick-money .other-amount input[data-v-57548114]:focus {
    border-color: #57a3f3
}

.next-step[data-v-57548114],
.next-step[data-v-57548114]:hover {
    display: inline-block;
    margin-top: 30px;
    padding: 0 20px;
    min-width: 90px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #f3596a;
    border: 0;
    outline: none;
    border-radius: 2px
}

.next-step[disabled][data-v-57548114],
.next-step[disabled][data-v-57548114]:hover {
    color: #bbbec4;
    background-color: #f7f7f7
}

.pay-info[data-v-57548114] {
    position: relative
}

.pay-info .public-title[data-v-57548114] {
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    border-bottom: 1px solid #e7e7e7
}

.pay-info .row-wrap[data-v-57548114] {
    margin: 50px 0
}

.pay-info-offline .col-r[data-v-57548114],
.pay-info-online .col-r[data-v-57548114] {
    text-align: center;
    border-left: 1px solid #eee
}

.pay-info-offline .col-r img[data-v-57548114],
.pay-info-online .col-r #qrcode[data-v-57548114],
.pay-info-online .col-r img[data-v-57548114] {
    display: inline-block;
    width: 150px;
    height: 150px;
    border: 1px solid #979797
}

.pay-info-offline .col-r .border-none[data-v-57548114] {
    border: none
}

.pay-info-offline .col-r p[data-v-57548114],
.pay-info-oline .col-r p[data-v-57548114] {
    margin-top: 20px;
    font-size: 15px;
    color: #48484c
}

.btn-wrap[data-v-57548114] {
    text-align: center
}

.btn-wrap .next-step[data-v-57548114] {
    margin: 0 auto
}

.pay-status .row-wrap[data-v-57548114] {
    text-align: center
}

.pay-status .row-wrap img[data-v-57548114] {
    width: 110px
}

.pay-status .row-wrap p[data-v-57548114] {
    font-size: 18px;
    font-weight: 700
}

.pay-status .next-step[data-v-57548114] {
    min-width: 120px;
    background: #2d8cf0
}

.mtb-min[data-v-57548114] {
    margin: 20px 0
}

.icoCopy[data-v-57548114] {
    margin-left: 10px;
    cursor: pointer;
    vertical-align: top;
    line-height: 20px;
    font-size: 16px
}

.recharge-tips[data-v-57548114] {
    padding-top: 10px;
    text-align: left;
    color: #999;
    line-height: 1;
    font-size: 12px
}

.tips[data-v-57548114] {
    margin-top: 20px;
    width: 100%;
    min-height: 100px;
    padding: 15px 20px;
    border-radius: 4px;
    background-color: #fffcee;
    border: 1px solid #e6e6e6
}

.tips h4[data-v-57548114] {
    font-size: 16px;
    font-weight: 600
}

.tips p[data-v-57548114] {
    font-size: 14px;
    color: #666;
    line-height: 2
}

[data-v-57548114]::-webkit-input-placeholder {
    color: #999
}

[data-v-57548114]:-moz-placeholder,
[data-v-57548114]::-moz-placeholder {
    color: #999
}

[data-v-57548114]:-ms-input-placeholder {
    color: #999
}

.recharge .recharge-msg .cont .right[data-v-2d91213c] {
    padding-left: 0;
    text-align: center
}

.recharge .recharge-msg .cont .right #qrcode[data-v-2d91213c] {
    display: inline-block;
    width: 150px;
    height: 150px
}

.recharge .recharge-msg .cont .right p[data-v-2d91213c] {
    margin-left: 0
}

.recharge .recharge-msg .cont .border-none img[data-v-2d91213c] {
    border: none
}

.recharge-cont .recharge-item .bank-list[data-v-2d91213c] {
    width: 447px;
    max-height: 225px;
    overflow-x: hidden;
    z-index: 10000;
    background-color: #fff;
    border-top: 1px solid #999
}

.graybtn[data-v-2d91213c] {
    background-color: #ccc;
    border: 0 !important
}

.pink-btn[data-v-2d91213c] {
    border: 0 !important
}

.recharge .recharge-msg .cont .left[data-v-2d91213c] {
    width: 335px
}

.recharge .recharge-msg .cont[data-v-2d91213c] {
    position: relative
}

.Iconleft[data-v-2d91213c] {
    position: absolute;
    font-size: 20px;
    left: 340px;
    margin-top: -45px
}

.progress-status li[data-v-2d91213c] {
    text-align: center;
    line-height: 25px;
    width: 135px;
    padding-left: 0
}

.recharged[data-v-2d91213c] {
    text-align: center;
    margin-top: 80px
}

.recharge .recharge-msg .cont .left p[data-v-2d91213c] {
    margin-bottom: 5px
}

.pc-bottom .pc-right[data-v-2d91213c] {
    border: 1px solid #eee;
    min-height: 575px !important
}

.pc-bottom .pc-left[data-v-2d91213c] {
    min-height: 600px !important
}

.chooseBnak[data-v-2d91213c] {
    height: 32px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.choosebankdiv[data-v-2d91213c] {
    margin-bottom: 30px
}

.recharg-status img[data-v-2d91213c] {
    width: 113px
}

.recharg-status p[data-v-2d91213c] {
    font-size: 14px;
    font-weight: 700
}

.ivu-btn-primary[data-v-2d91213c] {
    color: #fff;
    background-color: #2d8cf0;
    border-color: #2d8cf0;
    width: 200px;
    margin-top: 30px
}

textarea[data-v-2d91213c] {
    border: none;
    resize: none;
    outline: none;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%
}

.recharge .recharge-msg .cont .left[data-v-b3af0bb0] {
    padding-left: 160px
}

.recharge .recharge-msg .cont .left p[data-v-b3af0bb0] {
    margin-bottom: 15px
}

.recharge .recharge-msg .cont[data-v-b3af0bb0] {
    border: 0;
    height: 250px;
    padding-bottom: 0;
    padding-left: 34px
}

.pc-bottom .pc-left[data-v-b3af0bb0] {
    min-height: 520px !important;
    background-color: red
}

.pc-bottom .pc-right[data-v-b3af0bb0] {
    border: 1px solid #eee;
    min-height: 575px !important
}

.progressbar[data-v-b3af0bb0] {
    margin-top: 13px
}

.infostyle[data-v-b3af0bb0] {
    position: relative
}

.wjpsd[data-v-b3af0bb0] {
    position: absolute;
    bottom: -20px;
    font-size: 12px;
    color: #9b9b9b;
    right: 0;
    cursor: pointer
}

.recharge .recharge-msg .cont .left[data-v-5fa02685][data-v-b3af0bb0] {
    padding-bottom: 10px
}

.moneystyle[data-v-b3af0bb0] {
    position: relative
}

.moneyIcon[data-v-b3af0bb0] {
    position: absolute;
    width: 20px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    left: 103px;
    color: #48484c
}

.accountInfoStyle[data-v-b3af0bb0] {
    display: inline-block;
    cursor: default
}

.setpsd[data-v-b3af0bb0] {
    color: #9b9b9b;
    font-size: 15px;
    font-family: PingFangSC-Medium
}

.fixed-pas[data-v-005ff991] {
    width: 500px
}

.ivu-form .ivu-form-item-label[data-v-005ff991] {
    font-size: 14px
}

.input-box[data-v-005ff991] {
    width: 394px
}

.input-box .lableStyle[data-v-005ff991] {
    width: 94px !important;
    margin-right: 12px;
    height: 34px;
    line-height: 34px;
    padding-right: 0;
    font-size: 15px !important;
    text-align: right
}

.list-box[data-v-005ff991] {
    width: 314px
}

.list-box p[data-v-005ff991] {
    float: left;
    font-size: 15px;
    height: 34px;
    line-height: 34px;
    border-radius: 1px;
    padding: 0 9px;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 hsla(0, 0%, 100%, .11);
    border: 1px solid #e6e3da;
    cursor: pointer
}

.list-box p[data-v-005ff991]:nth-child(2) {
    margin: 0 13px
}

.input-box[data-v-005ff991] {
    display: -ms-flexbox;
    display: flex
}

.outerBox[data-v-005ff991] {
    padding: 18px 26px 0
}

.icon-wx[data-v-005ff991] {
    background: url(../images/spirt.71a0a9e.png) no-repeat -29px -190px
}

.icon-wx[data-v-005ff991],
.icon-zfb[data-v-005ff991] {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 5px
}

.icon-zfb[data-v-005ff991] {
    background: url(../images/spirt.71a0a9e.png) no-repeat -29px -167px
}

.icon-bank[data-v-005ff991] {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -29px -215px;
    margin: 0 5px
}

p.active[data-v-005ff991] {
    border: 1px solid #4a90e2
}

.colorr[data-v-7edd1cd6] {
    color: grey
}

.xuebNo[data-v-7edd1cd6] {
    background: url(../images/spirt.26da66b.png)no-repeat;
    background-position: -280px -280px
}

.xuebNo[data-v-7edd1cd6],
.xuebyes[data-v-7edd1cd6] {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-left: -241px;
    margin-top: -14px
}

.xuebyes[data-v-7edd1cd6] {
    background: url(../images/spirt.26da66b.png)no-repeat;
    background-position: -280px -315px
}

.top[data-v-7edd1cd6] {
    position: relative;
    top: -7px
}

.marger[data-v-7edd1cd6] {
    margin-left: 30px
}

.left[data-v-7edd1cd6] {
    margin-left: 630px;
    margin-top: -4px
}

.cont[data-v-7edd1cd6] {
    width: 150px;
    height: 10px
}

.schedule[data-v-7edd1cd6] {
    width: 260px;
    height: 10px;
    border: 1px solid #eee
}

.circle[data-v-7edd1cd6] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-top: -3px;
    text-align: center;
    line-height: 15px
}

.backcolor[data-v-7edd1cd6] {
    background: #95d619
}

.backcolorNo[data-v-7edd1cd6] {
    background: #ed382c
}

.backcolorred[data-v-7edd1cd6] {
    background: #ed382c;
    position: relative;
    top: -7px
}

.coler[data-v-7edd1cd6] {
    color: #fff;
    font-size: 20px;
    line-height: 30px
}

.float[data-v-7edd1cd6] {
    float: left
}

.box[data-v-7edd1cd6] {
    width: 880px;
    border: 1px solid #eee;
    margin-top: 40px
}

.werf[data-v-7edd1cd6] {
    padding: 20px;
    line-height: 6px;
    border-bottom: 1px solid #eee
}

.info-box[data-v-7edd1cd6] {
    width: 880px;
    margin: 80px 120px;
    text-align: center
}

.info-weaf[data-v-7edd1cd6] {
    width: 880px;
    height: 126px;
    background: #fffcee;
    border-radius: 4px;
    border: 1px solid #eee;
    line-height: 30px;
    margin-top: 30px
}

.info-weaf p[data-v-7edd1cd6] {
    margin-left: 30px
}

li.float.wxleft[data-v-7edd1cd6] {
    margin-left: 35px
}

li.float.wxlefty[data-v-7edd1cd6] {
    margin-left: 60px
}

li.float.shleft[data-v-7edd1cd6] {
    margin-left: 30px
}

li.float.sqleft[data-v-7edd1cd6] {
    margin-left: -14px
}

.limit-tips[data-v-51345e5c] {
    margin-top: -24px;
    margin-bottom: 0
}

.limit-tips[data-v-51345e5c] .ivu-form-item-content {
    font-size: 12px;
    color: #999;
    font-weight: 200
}

.limit-tips[data-v-51345e5c] .ivu-form-item-content span {
    margin: 0 4px
}

.recharge-msg[data-v-51345e5c] .ivu-btn-primary {
    width: 100px
}

.recharge[data-v-51345e5c] {
    position: relative
}

.Amend[data-v-51345e5c] {
    color: #2d8cf0;
    font-size: 12px;
    margin-top: -24px;
    float: right
}

.Amend span[data-v-51345e5c] {
    color: #d22727;
    margin: 0 3px
}

.color[data-v-51345e5c] {
    color: red;
    font-size: 7px
}

.recharge .recharge-msg .cont .left[data-v-51345e5c] {
    padding-left: 160px
}

.recharge .recharge-msg .cont .left p[data-v-51345e5c] {
    height: auto;
    overflow: hidden;
    margin-bottom: 15px
}

.pc-cont[data-v-51345e5c] {
    padding-top: 0
}

.pc-bottom .public-title[data-v-51345e5c] {
    margin-bottom: 0
}

.recharge .recharge-msg .cont[data-v-51345e5c] {
    border: 0;
    height: 250px;
    padding-bottom: 0;
    padding-left: 34px
}

.pc-bottom .pc-left[data-v-51345e5c] {
    min-height: 520px !important;
    background-color: red
}

.pc-bottom .pc-right[data-v-51345e5c] {
    border: 1px solid #eee;
    min-height: 575px !important
}

.progressbar[data-v-51345e5c] {
    margin-top: 13px
}

.infostyle[data-v-51345e5c] {
    position: relative
}

.wjpsd[data-v-51345e5c] {
    position: absolute;
    bottom: -20px;
    font-size: 12px;
    color: #9b9b9b;
    right: 10px;
    cursor: pointer
}

.recharge .recharge-msg .cont .left[data-v-51345e5c] {
    padding-bottom: 10px
}

.moneystyle[data-v-51345e5c] {
    position: relative
}

.moneyIcon[data-v-51345e5c] {
    position: absolute;
    width: 20px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    left: 103px;
    color: #48484c
}

.accountInfoStyle[data-v-51345e5c] {
    display: inline-block;
    cursor: default
}

.setpsd[data-v-51345e5c] {
    color: #9b9b9b;
    font-size: 15px;
    font-family: PingFangSC-Medium
}

.ionize[data-v-51345e5c] {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #495060;
    padding-right: 12px;
    box-sizing: border-box
}

.pink-bth[data-v-51345e5c] {
    background: #c8313c;
    border-radius: 5px;
    padding: 0 10px
}

.pink-bth[data-v-51345e5c]:hover {
    background: #ed3f14;
    color: #fff
}

.pc-content-wrapper[data-v-58d3b8a2] {
    display: -ms-flexbox;
    display: flex
}

.pc-top[data-v-58d3b8a2] {
    position: relative
}

span.fs-16.flot1[data-v-58d3b8a2] {
    font-size: 12px
}

.pc-top .top-center[data-v-58d3b8a2] {
    padding: 0 20px;
    border-left: 1px solid #c7c6c6;
    border-right: 1px solid #c7c6c6;
    margin-top: 10px;
    padding-top: 20px
}

.pc-top .left[data-v-58d3b8a2] {
    margin-right: 26px
}

.btnrecharge2[data-v-58d3b8a2],
.btnrecharge[data-v-58d3b8a2] {
    margin-bottom: 8px;
    width: 130px;
    font-size: 16px
}

.fl.right2[data-v-58d3b8a2] {
    display: none
}

.pc-top .top-right[data-v-58d3b8a2] {
    padding: 55px 10px
}

.fl.bth-box.max[data-v-58d3b8a2] {
    width: 77px
}

button.ivu-btn.ivu-btn-error.btnrecharge2[data-v-58d3b8a2] {
    margin-bottom: 10px
}

.pc-bottom .pc-left[data-v-58d3b8a2] {
    min-height: 600px
}

.fl.right[data-v-58d3b8a2] {
    position: absolute;
    right: 235px
}

.pc-top .bth-box[data-v-58d3b8a2] {
    position: absolute;
    right: 335px
}

.vip-upgrade-modal[data-v-58d3b8a2] {
    overflow: hidden
}

.vip-upgrade-modal .closeImg[data-v-58d3b8a2] {
    z-index: 1;
    position: absolute;
    width: 24px;
    height: 24px;
    margin-top: -100px;
    margin-left: 120px;
    cursor: pointer
}

.vip-upgrade-modal .beam[data-v-58d3b8a2] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -225px;
    margin-left: -225px;
    z-index: -1;
    text-align: center;
    width: 450px;
    height: 450px;
    line-height: 450px;
    background: url(../images/shinebg_pic@3x.4144aa6.png) no-repeat 50%;
    animation: beam-rotate-data-v-58d3b8a2 20s linear forwards infinite
}

@keyframes beam-rotate-data-v-58d3b8a2 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.vip-upgrade-modal .bounceIn[data-v-58d3b8a2] {
    cursor: pointer;
    animation-name: bounceIn-data-v-58d3b8a2;
    animation-duration: .75s
}

@keyframes bounceIn-data-v-58d3b8a2 {
    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)
    }
}

.pc-cont[data-v-6c6c20b2] {
    padding-top: 0
}

.activeStyle[data-v-6c6c20b2]:hover {
    color: #f3596a
}

.nctipsqq[data-v-6c6c20b2] {
    position: absolute;
    top: 30px;
    color: #f3596a;
    width: 100px
}

.inp.inpwritestyle[data-v-6c6c20b2] {
    border: 1px solid #ccc;
    border-radius: 5px;
    border-color: #2d8cf0
}

.inp[data-v-6c6c20b2] {
    color: #999
}

.nctips[data-v-6c6c20b2] {
    position: absolute;
    top: 25px;
    color: #f3596a
}

.hastips[data-v-6c6c20b2] {
    width: 206px
}

.avatar-list li[data-v-6c6c20b2] {
    float: left;
    cursor: pointer;
    margin-right: 8px;
    margin-bottom: 10px;
    width: 44px;
    height: 44px;
    padding: 2px;
    border-radius: 50%;
    border: 1px solid #eee
}

.avatar-list li.active[data-v-6c6c20b2],
.avatar-list li[data-v-6c6c20b2]:hover {
    border-color: #f3596a
}

.avatar-list li img[data-v-6c6c20b2] {
    width: 38px;
    height: 38px
}

.img-wrap[data-v-6c6c20b2] {
    border-radius: 50%
}

.save-btn[data-v-6c6c20b2] {
    min-width: 80px
}

.fixed-pas[data-v-4d7bc394] {
    width: 500px
}

.ivu-form .ivu-form-item-label[data-v-4d7bc394] {
    font-size: 14px
}

.input-box[data-v-4d7bc394] {
    width: 394px
}

.input-box .lableStyle[data-v-4d7bc394] {
    width: 94px !important;
    margin-right: 12px;
    height: 34px;
    line-height: 34px;
    padding-right: 0;
    font-size: 15px !important;
    text-align: right
}

.list-box[data-v-4d7bc394] {
    width: 314px
}

.list-box p[data-v-4d7bc394] {
    float: left;
    font-size: 15px;
    height: 34px;
    line-height: 34px;
    border-radius: 1px;
    padding: 0 9px;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 hsla(0, 0%, 100%, .11);
    border: 1px solid #e6e3da;
    cursor: pointer;
    margin-right: 9px
}

.input-box[data-v-4d7bc394] {
    display: -ms-flexbox;
    display: flex
}

.outerBox[data-v-4d7bc394] {
    padding: 18px 26px 0
}

.icon-wx[data-v-4d7bc394] {
    background: url(../images/spirt.71a0a9e.png) no-repeat -29px -190px
}

.icon-wx[data-v-4d7bc394],
.icon-zfb[data-v-4d7bc394] {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 5px
}

.icon-zfb[data-v-4d7bc394] {
    background: url(../images/spirt.71a0a9e.png) no-repeat -29px -167px
}

.icon-bank[data-v-4d7bc394] {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -29px -215px;
    margin: 0 5px
}

p.active[data-v-4d7bc394] {
    border: 1px solid #4a90e2
}

.ivu-modal-header-inner,
.ivu-modal-header p {
    font-size: 16px
}

.pink-bth {
    cursor: pointer
}

.activeStyle:hover {
    color: #f3596a !important
}

ul.Classify {
    padding: 10px 0;
    border-top: 1px solid #eee
}

span {
    cursor: pointer
}

.Page {
    margin-left: 435px;
    margin-top: -30px
}

.bet {
    padding: 2px 5px;
    border: 1px solid #eee;
    text-align: left;
    margin-top: 20px;
    font-size: 14px;
    width: 400px;
    overflow-x: scroll;
    white-space: nowrap
}

.bet::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.bet::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .2)
}

.bet::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 0;
    background: rgba(0, 0, 0, .1)
}

.bet .green {
    color: green
}

.red {
    color: red
}

.Classify .ClassifyOne {
    position: relative;
    margin: 15px 0
}

.Classify .ClassifyOne span {
    margin-left: 17px;
    display: inline-block;
    border-radius: 10%;
    padding: 2px
}

.active,
.bacl {
    background: #ed3f14;
    color: #fff
}

.bacl {
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
    border-radius: 10%
}

.criteria {
    line-height: 30px;
    margin: 15px 0
}

.criteria li {
    float: left;
    margin-left: 15px
}

.criteria .dateItem span {
    margin-left: 15px
}

.text {
    margin-left: 10px;
    cursor: pointer
}

.text:hover {
    color: red
}

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

p.ClassifyOneP {
    position: absolute;
    top: 0;
    left: 107px;
    line-height: 23px
}

li.ClassifyOne.Top {
    margin-bottom: 40px
}

ul.Classify[data-v-85296a94] {
    padding: 10px 0;
    border-top: 1px solid #eee
}

span[data-v-85296a94] {
    cursor: pointer
}

.bet[data-v-85296a94] {
    padding: 8px 12px;
    border: 1px solid #eee;
    text-align: left;
    margin-bottom: 20px;
    font-size: 14px;
    width: 100%;
    background: rgba(0, 0, 0, .01)
}

.bet>span[data-v-85296a94] {
    display: inline-block;
    white-space: nowrap;
    line-height: 24px
}

.bet>span span[data-v-85296a94]:nth-of-type(2) {
    margin-right: 8px
}

.bet[data-v-85296a94]::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.bet[data-v-85296a94]::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .2)
}

.bet[data-v-85296a94]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 0;
    background: rgba(0, 0, 0, .1)
}

.moneyColro[data-v-85296a94] {
    color: green
}

.bet .green[data-v-85296a94] {
    color: green
}

.bet .red[data-v-85296a94] {
    color: red
}

.Classify .ClassifyOne[data-v-85296a94] {
    position: relative;
    margin: 15px 0
}

.Classify .ClassifyOne span[data-v-85296a94] {
    margin-left: 20px;
    display: inline-block;
    border-radius: 10%;
    padding: 2px
}

.active[data-v-85296a94] {
    background: #ed3f14;
    color: #fff
}

.criteria[data-v-85296a94] {
    line-height: 30px;
    margin: 15px 0
}

.criteria li[data-v-85296a94] {
    float: left;
    margin-left: 15px
}

.criteria .dateItem span[data-v-85296a94] {
    margin-left: 15px
}

.clearfloat[data-v-85296a94]:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.bacl[data-v-85296a94] {
    background: #ed3f14;
    color: #fff;
    display: inline-block;
    border-radius: 10%
}

.bacl[data-v-85296a94],
.text[data-v-85296a94] {
    margin-left: 10px;
    cursor: pointer
}

.text[data-v-85296a94]:hover {
    color: red
}

.bpBox[data-v-85296a94] {
    height: 40px;
    position: relative;
    top: 20px
}

.bpBox>.pfl[data-v-85296a94] {
    float: left;
    width: 100%
}

.bpBox .Page[data-v-85296a94] {
    text-align: center
}

.v-transfer-dom .ivu-modal-confirm-body {
    font-size: 17px
}

img[data-v-5889ff2e] {
    width: 100%;
    height: 100%;
    margin-top: 20px
}

.pc-cont[data-v-5889ff2e] {
    padding-top: 0
}

.gold-btn[data-v-6e36aca6] {
    border: 0
}

.pc-cont[data-v-6e36aca6] {
    padding-top: 0
}

.dl-share[data-v-6e36aca6] {
    position: relative;
    min-height: 300px
}

.qrcode-wrapper[data-v-6e36aca6] {
    display: inline-block;
    width: 168px;
    height: 168px
}

.ulbox[data-v-7ca2fc50] {
    margin-left: 30%
}

.ulbox li[data-v-7ca2fc50] {
    float: left;
    line-height: 32px
}

.ulbox li[data-v-7ca2fc50]:first-child {
    margin-right: 10px
}

.statistics-box .cont .cont-item[data-v-7ca2fc50] {
    float: left;
    width: 33.33%;
    margin-top: 21px;
    margin-bottom: 21px;
    padding-left: 50px;
    font-size: 14px;
    border-right: 1px solid #ffefd4
}

.wire[data-v-7ca2fc50] {
    border-bottom: 1px solid #eee;
    padding: 10px;
    width: 273px
}

.border[data-v-7ca2fc50] {
    border-radius: 50px;
    border: 1px solid #eee;
    padding: 10px;
    margin-top: 20px
}

.search-wrapper[data-v-6637987a] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 20px 0;
    width: 100%;
    height: auto;
    line-height: 32px
}

.search-wrapper .search-item[data-v-6637987a] {
    margin-right: 10px
}

.search-wrapper .item-input[data-v-6637987a] {
    width: 100px
}

.search-wrapper .item-auto[data-v-6637987a] {
    width: auto;
    margin-right: 0
}

.search-wrapper .item-DatePicker[data-v-6637987a] {
    width: 240px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search-wrapper .item-DatePicker[data-v-6637987a] .ivu-date-picker {
    width: 48%
}

.search-wrapper .trading span[data-v-6637987a] {
    display: inline-block;
    margin: 4px 0;
    padding: 0 5px;
    line-height: 24px;
    cursor: pointer
}

.search-wrapper .trading .text[data-v-6637987a]:hover {
    color: red
}

.search-wrapper .cur[data-v-6637987a] {
    color: #fff;
    background: #ed3f14;
    border-radius: 10%
}

.item-wrapper[data-v-6637987a] {
    position: relative;
    padding: 30px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 4px;
    background-color: #fffcee;
    box-shadow: 0 2px 4px 0 #0000001f
}

.item-wrapper .item-list[data-v-6637987a] {
    -ms-flex: 1;
    flex: 1;
    padding: 0 30px;
    border-left: 1px solid #ffefd4
}

.item-wrapper .item-list[data-v-6637987a]:first-child {
    border-left: none
}

.item-wrapper .item-list p[data-v-6637987a] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 32px;
    font-size: 14px
}

.statistics-box[data-v-fe40168a] {
    position: fixed;
    top: 46%;
    left: 57%;
    z-index: 9;
    border-radius: 4px;
    background-color: #fffcee;
    box-shadow: 0 2px 4px 0 #0000001f
}

.box[data-v-fe40168a] {
    height: 50px
}

.bos[data-v-fe40168a] {
    float: left
}

.box ul li[data-v-fe40168a] {
    float: left;
    margin-right: 10px
}

.trading[data-v-fe40168a] {
    line-height: 32px
}

.trading .text[data-v-fe40168a] {
    margin-left: 10px;
    cursor: pointer
}

.trading .text[data-v-fe40168a]:hover {
    color: red
}

.table[data-v-fe40168a] {
    margin-top: 10px
}

.border[data-v-fe40168a] {
    border-radius: 50px;
    border: 1px solid #eee;
    padding: 10px;
    margin-top: 20px
}

li.type.laft[data-v-fe40168a] {
    margin-left: 21px
}

li.money.laft[data-v-fe40168a] {
    margin-left: 33px
}

.vertical-center-modal[data-v-fe40168a] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ivu-modal[data-v-fe40168a] {
    top: 0
}

.statistics-box.arrow[data-v-fe40168a]:before {
    content: "";
    position: absolute;
    width: 19px;
    height: 10px;
    right: 55px;
    top: -9px;
    background: url(/static/img/spirt.26da66b.png) no-repeat -162px -353px
}

li.type.laft1[data-v-fe40168a] {
    margin-left: 40px
}

.page[data-v-fe40168a] {
    margin-top: 20px;
    width: 100%;
    text-align: center
}

.table-box span[data-v-fe40168a] {
    float: left
}

.bacl[data-v-fe40168a] {
    margin-left: 10px;
    cursor: pointer;
    background: #ed3f14;
    color: #fff;
    display: inline-block;
    border-radius: 10%;
    padding: 0 4px
}

.statistics-box .cont .cont-item[data-v-fe40168a] {
    float: left;
    width: 50%;
    margin-top: 21px;
    margin-bottom: 21px;
    padding-left: 50px;
    font-size: 14px;
    border-right: 1px solid #ffefd4
}

.btnopen[data-v-01c51b02] {
    margin-left: 210px
}

span.time.lro[data-v-9a50b8f0] {
    margin-left: 5px
}

span.time.right[data-v-9a50b8f0] {
    margin-left: -8px
}

span.time.laft[data-v-9a50b8f0] {
    margin-left: 12px
}

.box[data-v-9a50b8f0] {
    height: 50px
}

.bos[data-v-9a50b8f0] {
    float: left
}

.box ul li[data-v-9a50b8f0] {
    float: left;
    margin-right: 10px
}

.trading[data-v-9a50b8f0] {
    line-height: 32px
}

.trading .text[data-v-9a50b8f0] {
    margin-left: 10px;
    cursor: pointer
}

.trading .text[data-v-9a50b8f0]:hover {
    color: red
}

.table[data-v-9a50b8f0] {
    margin-top: 10px
}

.pop[data-v-9a50b8f0] {
    position: absolute;
    width: 695px;
    z-index: 999;
    top: 62px;
    margin-left: -216px;
    left: 50%
}

.bacl[data-v-9a50b8f0] {
    margin-left: 10px;
    cursor: pointer;
    background: #ed3f14;
    color: #fff;
    display: inline-block;
    border-radius: 10%
}

.page[data-v-9a50b8f0] {
    margin-top: 20px;
    width: 100%;
    text-align: center
}

.table-box .time[data-v-9a50b8f0] {
    width: 178px
}

.statistics-box .cont[data-v-9a50b8f0] {
    height: 185px
}

.statistics-box .cont .cont-item[data-v-9a50b8f0] {
    float: left;
    width: 33.33%;
    margin-top: 21px;
    margin-bottom: 21px;
    padding-left: 50px;
    font-size: 14px;
    border-right: 1px solid #ffefd4
}

.ivu-table .demo-table-info-row td {
    background-color: #2db7f5;
    color: #fff
}

.ivu-table .demo-table-error-row td {
    background-color: #f60;
    color: #fff
}

.ivu-table .demo-table-info-cell-name,
.ivu-table td.demo-table-info-column {
    background-color: #2db7f5;
    color: #fff
}

.ivu-table .demo-table-info-cell-age {
    background-color: #f60;
    color: #fff
}

.ivu-table .demo-table-info-cell-address {
    background-color: #187;
    color: #fff
}

.ivu-cascader-menu {
    height: 70px !important
}

.fl[data-v-4fe82747] {
    position: relative
}

.page[data-v-4fe82747] {
    margin-top: 20px;
    width: 100%;
    text-align: center
}

.announ[data-v-4fe82747] {
    display: inline-block;
    padding: 15px 0;
    font-size: 15px
}

.announ[data-v-4fe82747]:hover {
    cursor: pointer;
    color: #f3596a
}

.metabel[data-v-4fe82747] {
    border-top: 1px solid #eee;
    padding: 15px 5px
}

.trans[data-v-4fe82747] {
    padding: 0 20px;
    height: 0;
    overflow: hidden;
    margin: 0 17px
}

.trans2[data-v-4fe82747],
.trans[data-v-4fe82747] {
    transition: all .5s linear;
    width: 98%;
    border-radius: 5px;
    text-indent: 2em;
    line-height: 30px
}

.trans2[data-v-4fe82747] {
    padding: 10px 20px;
    background: #fffbeb;
    margin: 10px 17px
}

.trans2[data-v-4fe82747]:after {
    position: absolute;
    left: 55px;
    top: 1px;
    bottom: 0;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fffbeb
}

.pull3Span[data-v-4fe82747]:hover {
    color: red;
    cursor: pointer
}

.ivu-checkbox-group .ivu-checkbox-wrapper>span:last-child {
    display: none
}

.ivu-col-span-2 {
    margin-left: 5px !important
}

.public-title[data-v-00eaebd7] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.public-title span[data-v-00eaebd7] {
    margin-right: 10px
}

.flTable[data-v-00eaebd7] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.noDataP[data-v-00eaebd7] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0
}

.flTable tr[data-v-00eaebd7] {
    line-height: 32px
}

.flTable th[data-v-00eaebd7] {
    border: 1px solid #eee
}

.flTable td[data-v-00eaebd7] {
    text-align: center;
    border: 1px solid #eee
}

.flGtBtn[data-v-00eaebd7] {
    background: #c8313c;
    color: #fff;
    border: 0;
    width: 50px;
    height: 24px;
    border-radius: 5px;
    cursor: pointer
}

.flListPanel[data-v-00eaebd7] {
    position: absolute;
    width: 905px;
    z-index: 9;
    background: #fff;
    height: 500px;
    overflow-y: scroll
}

.flTitle[data-v-00eaebd7] {
    background: #f9f9f9;
    color: #78788c;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px
}

.flTitle img[data-v-00eaebd7] {
    width: 24px
}

.flBox[data-v-00eaebd7] {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .11);
    padding: 15px
}

.flBoxTlt[data-v-00eaebd7] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flBoxTlt div[data-v-00eaebd7] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.flBoxTlt img[data-v-00eaebd7] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 5px
}

.flBoxTlt .levelImg[data-v-00eaebd7] {
    width: 80px;
    height: 30px;
    position: relative;
    bottom: 3px
}

.flBoxTlt button[data-v-00eaebd7] {
    background: #fff;
    border: 1px solid #c8313c;
    color: #c8313c;
    height: 30px;
    border-radius: 4px;
    width: 80px;
    cursor: pointer
}

.flBox>p[data-v-00eaebd7] {
    text-align: center;
    color: #909090;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

.flBox>p img[data-v-00eaebd7] {
    margin-right: 6px;
    width: 16px
}

.levelImg[data-v-00eaebd7] {
    width: 40px;
    height: 18px;
    vertical-align: sub;
    display: inline-block;
    margin: 0 5px
}

.level-upgrade dl .ivu-btn-pink.disabled[data-v-3e0184cd],
.level-upgrade dl .ivu-btn-pink.disabled[data-v-3e0184cd]:hover {
    color: #c5c8ce;
    background: #f7f7f7;
    border-color: #dcdee2
}

.contentLoad .ivu-spin-fix[data-v-483df765],
.contentLoad .ivu-spin-fix[data-v-62506cf8] {
    width: 100%;
    height: 500px;
    position: relative;
    background: none
}

.trend-main-wrap[data-v-64e3cd81] {
    padding: 35px;
    border-radius: 8px
}

#iframe[data-v-64e3cd81] {
    margin: 0 auto;
    display: block;
    padding: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px
}

.login-main-bg {
    padding: 150px 0 120px;
    background: url(../images/login-main-bg.33de8ab.jpg);
    overflow: auto;
    background-size: cover
}

.login-main-wrap {
    position: relative;
    height: 480px;
    background: url(../images/login-bg.ee63575.png) no-repeat 50%
}

.login-main-wrap .user-log-box {
    z-index: 1;
    margin-left: 0;
    width: 350px;
    padding: 25px;
    border-radius: 4px;
    position: absolute;
    left: auto;
    top: 50px;
    right: 50px
}

.registerInfo-code[data-v-79a0a930] .ivu-form-item-content {
    padding-right: 115px
}

.verificationCode[data-v-79a0a930] {
    position: absolute;
    right: 0;
    top: 1px;
    height: 32px
}

.right-cont[data-v-79a0a930] {
    font-size: 28px;
    color: #fff
}

.reg-main-bg {
    padding: 30px 0;
    background: url(../images/about-content-bg.080e48f.jpg);
    overflow: auto;
    background-size: cover
}

.reg-wrap {
    padding: 0 3px
}

.reg-title {
    padding: 0 30px;
    background: url(../images/16.png) no-repeat top
}

.reg-title h2 {
    padding: 30px 0;
    text-align: center;
    color: #424242;
    font-size: 28px;
    line-height: 36px;
    font-weight: 400;
    border-bottom: 1px dotted #ccc
}

.reg-content {
    position: relative;
    min-height: 600px;
    padding: 30px 350px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    border-radius: 0 0 8px 8px
}

@keyframes arrowDown-data-v-7f2c1c14 {
    0% {
        transform: translateY(-15px)
    }
    50% {
        transform: translate(0)
    }
    to {
        transform: translateY(-15px)
    }
}

@keyframes imgScale-data-v-7f2c1c14 {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.05)
    }
    to {
        transform: scale(1)
    }
}

@keyframes fadeIn-data-v-7f2c1c14 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes zoomIn-data-v-7f2c1c14 {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.concatUs .ivu-icon-chevron-up {
    display: inline-block;
    margin-top: -9px;
    margin-left: 14px;
    border: none;
    width: 20px;
    height: 20px;
    padding: 0;
    background: url(../images/21.png) no-repeat 50%
}

.concatUs .ivu-icon-chevron-up:before {
    display: none
}

.concatUs {
    width: 50px;
    background-color: #e64254;
    border-radius: 4px 0 0 4px;
    position: fixed;
    top: 250px;
    right: 0;
    z-index: 999;
    transform: translateY(-50%)
}

.concatUs>div {
    height: 48px;
    position: relative;
    text-align: center;
    line-height: 48px
}

.concatUs>div:after {
    content: "";
    height: 1px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .651);
    position: absolute;
    width: 50%;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.concatUs>div:first-of-type:after {
    content: "";
    height: 0;
    border: none
}

.concatUs>div img {
    vertical-align: middle;
    width: 20px
}

.concatUs>div .hoverDiv {
    position: absolute;
    background-color: #e64254;
    top: 0;
    left: 0;
    height: 100%;
    line-height: 48px;
    text-align: left;
    padding-left: 50px;
    padding-right: 15px;
    color: #fff;
    transition: all .5s
}

.concatUs>div .hoverDiv a {
    color: #fff
}

.concatUs>div .hoverDiv img {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%)
}

.concatUs>div .hoverDiv:hover {
    transform: translateX(calc(-100% + 50px))
}

.concatUs>div .hoverDiv span {
    white-space: nowrap
}

.sug {
    width: 100%;
    height: 120px;
    padding: 10px;
    resize: none
}

.num {
    float: right
}

.imgShow {
    position: relative
}

.imgShow div {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 70px;
    vertical-align: middle;
    line-height: 70px
}

.imgShow div input {
    position: absolute;
    width: 70px;
    height: 70px;
    overflow: hidden;
    background-color: red;
    opacity: 0
}

.imgShow img {
    width: 70px;
    max-height: 70px;
    vertical-align: middle
}

.sugChoose {
    text-align: right
}

.contentPhone {
    padding-top: 10px
}

.cPointer {
    cursor: pointer
}

.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
}

pre {
    font-family: monospace, monospace
}

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

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

textarea {
    resize: vertical
}

* {
    -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
}

.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%;
    height: 60px;
}

.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%;
    position: absolute;
    left: 927px;
}

.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;
    -moz-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;
    -moz-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;
    -moz-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;
    -moz-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;
    -moz-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;
    -moz-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: -webkit-grab;
    cursor: grab
}

.ivu-slider-button-dragging,
.ivu-slider-button-dragging:hover {
    cursor: -webkit-grabbing;
    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;
    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;
    -moz-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;
    -moz-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;
    -moz-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;
    -moz-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
}


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

html {
    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: Consolas, Menlo, Courier, monospace;
    font-size: 1em
}

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

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;
    font-family: Microsoft yahei
}

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 {
    padding: .35em .75em .625em
}

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
}

[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
}

.prl-10 {
    padding: 0 10px
}

.fs-12 {
    font-size: 12px !important
}

.mg-0 {
    margin: 0 !important
}

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

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px !important
}

.mr-20 {
    margin-right: 20px
}

.ml-20 {
    margin-left: 20px
}

.prl-20 {
    padding: 0 20px
}

.ptb-20 {
    padding: 20px 0
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

i {
    font-style: normal
}

.df {
    display: -ms-flexbox;
    display: flex
}

.w-1200 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

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

.clearfix {
    zoom: 1;
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.fw-b {
    font-weight: 700
}

.b-n {
    border: none !important
}

body {
    background: #f6f6f6;
    min-width: 1200px
}

p {
    margin: 0
}

a {
    text-decoration: none
}

em {
    font-style: normal
}

.icon {
    display: inline-block;
    vertical-align: middle
}

li,
ul {
    padding: 0;
    margin: 0;
    list-style: none
}

input {
    outline: none
}

.c-orange {
    color: #f49e0c !important
}

.c-red {
    color: #f3596a !important
}

.btn-red {
    background: #c8313c
}

.btn-red:hover {
    background: #ee4740
}

.btn-blue {
    background: #4a90e2
}

.btn-blue:hover {
    background: #5abbff
}

.btn-orange {
    background: #f48d12
}

.btn-orange:hover {
    background: #edad11
}

.ivu-btn-error {
    background: #c8313c;
    border-color: #c8313c
}

.ivu-btn-error:hover {
    background: #ee4740;
    border-color: #ee4740
}

.platform-public .platform-box li,
.t-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hot-lottery .lot-info p,
.t-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2
}

.footer {
    min-width: 1200px;
    background: #131414;
    padding: 20px 0;
    width: 100%;
    text-align: center
}

.footer,
.footer .w-1200 {
    overflow: hidden;
    margin: 0 auto;
    clear: both
}

.footer .w-1200 {
    width: 1200px;
    text-align: left
}

.footer .top {
    height: 65px;
    line-height: 65px;
    box-sizing: border-box;
    border-bottom: 1px solid #525252
}

.footer .user-number {
    color: #bbb;
    font-size: 13px
}

.footer .number-box {
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
}

.footer .number-item {
    display: inline-block;
    position: relative;
    width: 21px;
    height: 30px;
    line-height: 30px;
    border-radius: 1px;
    background-color: #b49d72;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .72), inset 0 1px 1px 0 rgba(208, 206, 245, .5);
    font-family: Impact;
    font-size: 24px;
    letter-spacing: .2px;
    text-align: center;
    color: #fff;
    vertical-align: top
}

.footer .number-item:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #323232
}

.footer .top-logo {
    margin-top: 20px
}

.footer .footer-nav {
    line-height: 32px;
    padding-top: 5px
}

.footer .footer-nav a {
    font-size: 13px;
    color: #c7c7c7
}

.footer .footer-nav a:hover {
    color: #f6f6f6
}

.footer .footer-nav a:after {
    content: "";
    margin: 0 10px;
    border-right: 1px solid #525252
}

.footer .footer-nav a:last-child:after {
    display: none
}

.footer .footer-nav span {
    color: #525252;
    padding: 0 10px
}

.footer p {
    font-size: 13px;
    line-height: 2;
    color: #525252
}

.footer p span {
    color: #bbb;
    font-size: 13px
}

.authorized p {
    text-align: right;
    color: #a48c5f;
    line-height: 32px;
    padding-top: 5px
}

.footer .item-box {
    width: 188px;
    height: 46px;
    background: url(../images/spirt.71a0a9e.png);
    background-position: -162px -35px
}

.mt-number-animate {
    line-height: 34px;
    height: 34px;
    font-size: 20px;
    overflow: hidden;
    display: block;
    position: relative;
    font-family: Oswald, sans-serif
}

.numberRun2 {
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    overflow: hidden
}

.mt-number-animate .mt-number-animate-dom {
    text-align: center;
    float: left;
    position: relative;
    top: 0;
    height: 34px
}

.lot-list {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    padding: 20px 0
}

.lot-list img {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 4px
}

.lot-list li {
    width: 180px;
    height: 58px;
    line-height: 58px;
    border-radius: 1px;
    margin: 5px;
    padding-left: 10px;
    float: left;
    position: relative
}

.lot-list li:after {
    content: "";
    width: 1px;
    height: 17px;
    position: absolute;
    top: 24px;
    right: 10px;
    background: #eee
}

.lot-list li a {
    font-size: 14px;
    color: #545454
}

.lot-list li:hover {
    background-color: #f0f0f0
}

.is-fixed {
    height: 102px
}

.is-fixed nav {
    position: fixed;
    z-index: 99;
    top: 0;
    width: 100%;
    height: 58px;
    padding: 12px 0;
    background: rgba(200, 40, 52, .95);
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeHeaderInDown
}

@keyframes fadeHeaderInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.is-fixed nav .logo-box {
    position: relative;
    widows: auto;
    height: 34px
}

.is-fixed nav .logo-box img {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -21px;
    height: 42px;
    min-width: auto
}

.is-fixed nav .right-cont {
    padding: 0
}

.is-fixed nav .nav-list li {
    line-height: 34px
}

.is-fixed nav .nav-list li:after {
    margin-top: -7px;
    height: 14px
}

.is-fixed nav .nav-list li>a {
    border-radius: 17px
}

.is-fixed nav .nav-list .listHover>a,
.is-fixed nav .nav-list li>a.router-link-active,
.is-fixed nav .nav-list li>a:hover {
    background: rgba(255, 186, 0, .8)
}

.is-fixed nav .nav-list .user-icon {
    margin-top: 8px
}

.is-fixed nav .nav-list .lobbyBox {
    top: 26px
}

header {
    z-index: 100;
    position: relative
}

header .top-content {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .96)
}

header .top-content .icon {
    vertical-align: text-top;
    margin-right: 5px
}

header .top-content .img-tel {
    width: 17px;
    height: 16px;
    background: url(../images/spirt.71a0a9e.png) no-repeat;
    background-position: 0 -357px;
    margin-left: -15px;
    margin-top: -7px;
    border: none;
}

header .top-content .img-person {
    width: 9px;
    height: 18px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -29px -57px
}

header .top-content .img-mes {
    width: 13px;
    height: 13px;
    position: relative;
    background: url(../images/spirt.71a0a9e.png) no-repeat;
    background-position: -29px -76px;
    vertical-align: middle
}

header .top-content .img-mes .red-dot {
    position: absolute;
    right: -3px;
    top: -3px;
    width: 6px;
    height: 6px;
    margin: 0;
    background: red;
    box-shadow: 0 0 1px rgba(0, 0, 0, .2);
    border-radius: 50%
}

header .top-content a {
    position: relative;
    color: #fff
}

header .top-content a:hover {
    color: #c8313c
}

header .top-content a:hover .c-orange {
    color: #c8313c !important
}

header .top-content em {
    font-size: 12px;
    margin: 0 10px;
    color: #ddd
}

header .top-content .top-code-link:hover .top-code-box {
    display: block
}

header .top-content .top-code-box {
    display: none;
    position: absolute;
    top: 10px;
    z-index: 9999;
    width: 170px;
    height: 170px
}

header .top-content .top-code {
    position: absolute;
    top: 12px;
    width: 170px;
    height: 170px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .13);
    border-radius: 2px
}

header .top-content .top-code:after {
    content: "";
    position: absolute;
    left: 35px;
    top: -7px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

header .top-content .top-code img {
    width: 150px;
    height: 150px
}

header .top-content .wel-tips {
    font-size: 12px;
    display: inline-block
}

header .top-content .userinfo-pop {
    position: absolute;
    left: -234px;
    top: 40px;
    height: 122px;
    background-color: #f7f7f7;
    z-index: 1
}

header .top-content .userinfo-pop:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #f7f7f7;
    right: 22px;
    top: -16px
}

header .top-content .userinfo-pop a {
    color: #4a90e2
}

header .top-content .img-kf {
    width: 13px;
    height: 16px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -29px -94px;
    vertical-align: middle
}

header .top-content .icon-eye {
    width: 17px;
    height: 12px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -130px -332px;
    vertical-align: middle
}

header .top-content .icon-eye.close {
    background: url(../images/spirt.71a0a9e.png) no-repeat -130px -317px
}

header .top-content .top-btn {
    display: inline-block;
    margin-left: 4px;
    padding: 0 10px;
    line-height: 20px;
    color: #fff;
    border-radius: 2px
}

header .top-content .top-btn:hover {
    color: #fff
}

header .top-content .right-cont {
    margin-right: 20px
}

header .top-content .logInfo {
    animation-duration: .5s;
    animation-fill-mode: both
}

header .top-content .notLog .logInfo {
    animation-name: bounceInDown
}

header .top-content .logged .logInfo {
    animation-name: bounceInUp
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -30px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 5px, 0)
    }
    75% {
        transform: translate3d(0, -5px, 0)
    }
    90% {
        transform: translate3d(0, 2px, 0)
    }
    to {
        transform: none
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -30px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 5px, 0)
    }
    75% {
        transform: translate3d(0, -5px, 0)
    }
    90% {
        transform: translate3d(0, 2px, 0)
    }
    to {
        transform: none
    }
}

nav {
    position: relative;
    height: 72px;
    padding: 5px 0;
    background-color: #c82834
}

nav .logo-box {
    float: left;
    width: 162px;
    height: 62px
}

nav .logo-box img {
    height: 62px
}

nav .right-cont {
    padding: 11px 0
}

nav .nav-list li {
    float: left;
    position: relative;
    padding: 0 6px;
    color: #fff;
    font-size: 15px;
    line-height: 40px
}

nav .nav-list li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    height: 24px;
    border-left: 1px solid rgba(98, 0, 0, .46)
}

nav .nav-list li:last-child:after {
    display: none
}

nav .nav-list li>a {
    display: block;
    padding: 0 15px;
    color: #fff;
    border-radius: 20px
}

nav .nav-list .listHover>a,
nav .nav-list li>a.router-link-active,
nav .nav-list li>a:hover {
    background: rgba(255, 186, 0, .8)
}

nav .nav-list .white-arrow {
    width: 8px;
    height: 4px;
    margin-left: 4px;
    background: url(../images/spirt.71a0a9e.png) no-repeat 0 -414px
}

nav .nav-list .user-icon {
    float: left;
    margin: 11px 4px 0 0;
    width: 14px;
    height: 17px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -30px -348px
}

nav .nav-list .lobbyBox {
    z-index: 100;
    position: absolute;
    left: 50%;
    top: 36px;
    margin-left: -360px;
    width: 720px;
    padding-top: 20px
}

nav .nav-list .lobby {
    position: absolute;
    width: 720px;
    padding: 10px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .13)
}

nav .nav-list .lobby:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -7px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

nav .nav-list .nav-item {
    float: left;
    margin: 0 10px 10px;
    width: 330px;
    height: auto;
    line-height: 1;
    color: #000;
    border-bottom: 1px solid #e4e4e4
}

nav .nav-list .nav-item h2 {
    font-size: 16px;
    color: rgba(208, 2, 27, .67);
    line-height: 2
}

nav .nav-list .link-item span {
    display: inline-block;
    margin: 2px 0;
    width: 25%;
    height: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

nav .nav-list .link-item span a {
    display: inline-block;
    width: auto;
    padding: 0 4px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #000
}

nav .nav-list .link-item span a.active,
nav .nav-list .link-item span a:hover {
    background-color: #ededed;
    border-radius: 3px
}

.banner {
    overflow: hidden;
    width: 100%
}

.banner img {
    display: block
}

.ivu-carousel {
    text-align: center
}

.ivu-carousel .demo-carousel {
    position: relative;
    height: 600px;
    overflow: hidden
}

.demo-carousel img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px
}

.ivu-carousel:hover .ivu-carousel-arrow-hover {
    display: none
}

.ivu-carousel .ivu-carousel-list {
    height: 600px
}

.ivu-carousel .ivu-carousel-dots {
    display: inline-block;
    width: auto;
    height: 24px;
    padding: 6px 10px;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 18px;
    margin-top: 35px;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ivu-carousel .ivu-carousel-dots li {
    margin: 0 3px;
    padding: 0
}

.ivu-carousel .ivu-carousel-dots li button {
    opacity: 1;
    width: 12px;
    height: 12px;
    background: #7d7d7d;
    border-radius: 6px
}

.ivu-carousel .ivu-carousel-dots li.ivu-carousel-active>button {
    width: 29px;
    background: #c8313c
}

.index-banner {
    position: relative;
    height: 600px
}

.user-log-wrap {
    z-index: 1;
    position: absolute;
    right: calc((100% - 1216px) / 2);
    margin-left: -609px;
    width: 314px;
    padding: 18px 9px 0;
    background: url(../images/22.png) no-repeat
}

.user-log-box {
    padding: 5px 25px 20px;
    background: #fff;
    opacity: .94;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    border-radius: 0 0 4px 4px
}

.user-log-box .log-title {
    font-size: 16px;
    font-family: PingFangSC-Semibold;
    color: #48484c;
    line-height: 22px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e6e3da
}

.user-log-box .log-title span {
    position: relative
}

.user-log-box .log-title span:after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 3px solid #c8313c
}

.user-log-box .log-form {
    padding-top: 20px
}

.autolog-box {
    padding-top: 10px
}

.autolog-box .fr,
.autolog-box a {
    color: #c82834
}

.autolog-box a:hover {
    color: #e64254
}

.loged .user-info {
    min-height: 84px
}

.loged .user-info dt,
.loged .user-info dt img {
    float: left;
    width: 84px;
    height: 84px;
    border-radius: 50%
}

.loged .user-info dd {
    padding-left: 100px;
    font-size: 12px;
    line-height: 20px
}

.loged .user-info dd .name {
    position: relative;
    padding-right: 40px;
    font-size: 18px;
    line-height: 25px;
    color: #222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.loged .user-info dd .name .name-r {
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #999
}

.loged .user-info dd .name .name-r:hover {
    color: #f3596a
}

.loged .user-info dd .money,
.loged .user-info dd .name {
    margin-bottom: 6px
}

.loged .user-info dd .money .c-red {
    font-size: 16px
}

.loged .user-info dd .btn {
    float: left;
    width: 48%;
    margin-right: 2%;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px
}

.loged .user-info dd .btn:last-child {
    margin-left: 2%;
    margin-right: 0
}

.level-info {
    position: relative;
    margin: 10px 0;
    height: 20px;
    padding: 5px 5px 5px 62px;
    background: #d8d8d8;
    border-radius: 4px
}

.level-info .level-icon {
    position: absolute;
    top: 1px;
    left: 5px;
    width: 52px;
    height: 18px
}

.level-info .progress-bar {
    float: left;
    margin-bottom: 0;
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 8px
}

.level-info .progress-bar .ivu-tooltip-rel {
    width: 100%;
    height: 10px;
    float: left;
    cursor: pointer
}

.level-info .progress-bar .ivu-tooltip-inner {
    text-align: center;
    padding: 20px;
    color: #48484c;
    border: 1px solid #f3596a
}

.level-info .progress-bar .ivu-tooltip-popper[x-placement^=bottom] .ivu-tooltip-arrow {
    border-bottom-color: #f3596a
}

.level-info .progress-bar .ivu-tooltip-popper[x-placement=bottom] .ivu-tooltip-arrow:before {
    left: 50%;
    margin-left: -5px
}

.level-info .progress-bar .ivu-tooltip-popper[x-placement^=bottom] .ivu-tooltip-arrow:before {
    top: 2px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff
}

.level-info .progress-bar .ivu-tooltip-arrow:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.level-info .progress-bar .ivu-tooltip-inner p {
    padding-bottom: 8px
}

.level-info .progress-bar .ivu-tooltip-inner p .c-red {
    margin: 0 5px
}

.level-info .progress-bar .ivu-tooltip-inner p:last-child {
    padding-bottom: 0
}

.level-info .progress-bar .ivu-tooltip-inner .btn a {
    display: inline-block;
    padding: 0 15px;
    line-height: 24px;
    color: #48484c;
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 20px
}

.level-info .progress-bar .ivu-tooltip-inner .btn a:hover {
    color: #fff;
    background: #f3596a;
    border-color: #f3596a
}

.recent h3 {
    font-size: 14px
}

.recent ul {
    position: relative
}

.recent .load-wrap {
    height: 130px
}

.recent ul li {
    position: relative;
    float: left;
    margin: 3px 0;
    width: 100%;
    line-height: 20px;
    padding-left: 10px;
    font-size: 12px;
    cursor: pointer
}

.recent ul li .arrow {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 20px
}

.recent ul li .lottery-logo,
.recent ul li .lottery-logo img {
    float: left;
    width: 20px;
    height: 20px
}

.recent ul li .name {
    margin: 0 5px
}

.recent ul li .name,
.recent ul li .room {
    float: left;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.recent ul li:hover .arrow,
.recent ul li:hover .name,
.recent ul li:hover .room {
    color: #c8313c
}

.recent ul li .status {
    float: right;
    position: relative;
    padding: 0 5px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    background: #f49e0c;
    border-radius: 2px
}

.recent ul li .status:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-width: 5px 5px 5px 0;
    border-style: solid;
    border-color: transparent;
    border-right-color: #f49e0c
}

.recent ul li .status-red {
    background: #c8313c
}

.recent ul li .status-red:before {
    border-right-color: #c8313c
}

.main-content.bg {
    width: 100%;
    background: #fff
}

.public-title {
    font-size: 22px;
    font-weight: 600;
    color: #48484c;
    position: relative;
    padding-left: 25px
}

.public-title span {
    font-size: 18px;
    color: #48484c;
    margin-left: 10px
}

.public-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    width: 4px;
    height: 24px;
    border-radius: 2px;
    background-color: #f3596a
}

a.more {
    color: #2d8cf0;
    border: 1px solid;
    border-radius: 5px;
    padding: 2px
}

a.more:hover {
    color: #f3596a
}

a.more:hover .icon-more {
    background: url(../images/spirt.71a0a9e.png) no-repeat -127px -209px
}

a.more .icon-more {
    width: 11px;
    height: 11px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -107px -209px;
    vertical-align: baseline;
    margin-left: 5px
}

.hot-lottery {
    width: 890px
}

.hot-lottery li {
    margin-right: 20px
}

.hot-lottery li:nth-child(3n) {
    margin-right: 0
}

.hot-lottery .img-box {
    display: block;
    overflow: hidden;
    position: relative
}

.hot-lottery .img-box:hover .mask {
    opacity: 1
}

.hot-lottery .img-box .mask {
    background: rgba(0, 0, 0, .1);
    width: 100%;
    height: 66%;
    position: absolute;
    z-index: 2;
    opacity: 0;
    transition: opacity .5s
}

.hot-lottery .info-title {
    font-size: 20px;
    color: #1d1d1d;
    padding: 13px 10px 7px 5px;
    margin-left: 10px
}

.hot-lottery .list-cont {
    overflow: hidden
}

.hot-lottery .lot-info p {
    font-size: 14px;
    color: #78788c;
    padding: 0 15px;
    line-height: 1.5
}

.hot-lottery .go-game a {
    color: #fff;
    float: right;
    border: 1px solid #eee;
    border-radius: 10px;
    top: -41px;
    position: relative;
    left: -5px;
    padding: 3px 10px
}

.hot-lottery .go-game a:hover {
    color: #f3596a
}

.hot-lottery .go-game a:hover .icon-left {
    background: url(../images/spirt.71a0a9e.png) no-repeat -125px -191px
}

.hot-lottery .go-game .icon-left {
    width: 12px;
    height: 14px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -107px -191px;
    margin-left: 5px
}

.hot-lottery li:hover {
    transform: translateY(-8px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.hot-lottery li:hover .go-game a {
    background: #f3596a;
    color: #fff
}

.hot-lottery li:hover .go-game a .icon-left {
    background-position: -125px -191px
}

.hot-lottery li .ivu-rate-star {
    font-size: 22px;
    margin-right: 2px
}

.hot-lottery li .ivu-rate-star-zero {
    display: none
}

.hot-lottery li:hover .ivu-rate-star {
    animation: bounceIn 1s both
}

.hot-lottery li .ivu-rate-star:first-of-type {
    animation-delay: 1.25s
}

.hot-lottery li .ivu-rate-star:nth-of-type(2) {
    animation-delay: 1s
}

.hot-lottery li .ivu-rate-star:nth-of-type(3) {
    animation-delay: .75s
}

.hot-lottery li .ivu-rate-star:nth-of-type(4) {
    animation-delay: .5s
}

.hot-lottery li .ivu-rate-star:nth-of-type(5) {
    animation-delay: .25s
}

.hot-lottery li:hover .ivu-rate-star:first-of-type {
    animation-delay: 0s
}

.hot-lottery li:hover .ivu-rate-star:nth-of-type(2) {
    animation-delay: .25s
}

.hot-lottery li:hover .ivu-rate-star:nth-of-type(3) {
    animation-delay: .5s
}

.hot-lottery li:hover .ivu-rate-star:nth-of-type(4) {
    animation-delay: .75s
}

.hot-lottery li:hover .ivu-rate-star:nth-of-type(5) {
    animation-delay: 1s
}

@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)
    }
}

.platform-public {
    width: 285px
}

.platform-public .platform-box {
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden
}

.platform-public .platform-box li {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #222
}

.platform-public .platform-box.news-box {
    height: 525px;
    border: 1px solid #eee
}

.download-area {
    background: url(../images/appdown.png) no-repeat;
    background-size: 100%;
    height: 152px;
    width: 100%;
    margin-bottom: 25px;
    position: relative
}

.download-area img {
    position: absolute;
    left: 29px;
    top: 29px;
    width: 87px;
    height: 86px
}

.mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 10
}

.pop-model {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%)
}

.select-room {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    padding-bottom: 15px
}

.select-room .close {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -107px -369px
}

.select-room .close:hover {
    background: url(../images/spirt.71a0a9e.png) no-repeat -137px -369px
}

.room-list {
    margin: 0 18px 18px
}

.room-list li {
    width: 197px;
    height: 177px;
    border-radius: 3px;
    overflow: hidden;
    float: left;
    position: relative;
    margin-right: 7px;
    margin-bottom: 7px
}

.room-list li p {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background-color: rgba(49, 31, 39, .6);
    z-index: 10
}

.room-list li .img-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .05);
    opacity: 0;
    z-index: 11
}

.room-list li a:hover .img-mask {
    opacity: 1
}

.room-list li.secret-box {
    font-size: 12px;
    color: #fff
}

.room-list li.secret-box .img-mask {
    background: rgba(0, 0, 0, .5)
}

.room-list li.secret-box input {
    margin: 0 auto;
    display: block;
    width: 119px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    background: transparent;
    border: 1px solid #fff;
    outline: none;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #fff;
    padding: 0 10px;
    font-size: 48px
}

.room-list li.secret-box .bth-red {
    margin: 0 auto;
    outline: none;
    border: none;
    display: block;
    width: 139px;
    height: 26px;
    opacity: .88;
    border-radius: 4px;
    background-color: #f3596a;
    color: #fff
}

.start-box {
    float: right
}

.scores.scores-5 {
    background-position: 0 0
}

.scores.scores-half-4 {
    background-position: 0 -16px
}

.scores.scores-4 {
    background-position: 0 -32px
}

.scores.scores-half-3 {
    background-position: 0 -48px
}

.scores.scores-3 {
    background-position: 0 -60px
}

.scores.scores-half-2 {
    background-position: 0 -80px
}

.scores.scores-2 {
    background-position: 0 -96px
}

.scores.scores-half-1 {
    background-position: 0 -112px
}

.scores.scores-1 {
    background-position: 0 -128px
}

.login-box {
    width: 540px;
    border-radius: 6px;
    background-image: linear-gradient(180deg, #fcfcfc, #f6f6f6);
    box-shadow: 0 3px 6px 0 #0000004e
}

.login-box .title {
    height: 97px;
    color: #48484c;
    font-size: 30px;
    font-weight: 600;
    line-height: 97px;
    margin: 0 34px;
    position: relative;
    border-bottom: 1px solid #e6e3da
}

.login-box .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 120px;
    border-radius: 100px;
    left: 0;
    background: #48484c
}

.input-box {
    margin-bottom: 25px;
    position: relative
}

.input-box label {
    display: inline-block;
    margin-right: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #48484c
}

.input-box input {
    outline: none;
    width: 347px;
    height: 51px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #c7c7c7;
    padding: 0 20px 0 15px
}

.input-box.small label {
    font-weight: 400;
    font-size: 14px;
    width: 73px
}

.input-box.small input {
    height: 34px;
    width: 318px
}

.input-box .tips {
    position: absolute;
    left: 104px;
    bottom: -18px;
    font-size: 12px;
    color: #c30016;
    display: none
}

.input-box.yes .tips {
    display: block
}

.input-box.yes input {
    border: 1px solid #d0011b
}

.input-box.no .tips {
    display: block
}

.input-box.no input {
    border: 1px solid #303030
}

.login-cont {
    padding: 34px
}

.login-cont label {
    width: 68px
}

.login-cont .yzm {
    position: relative
}

.login-cont .yzm .yzm-box {
    position: absolute;
    right: 2px;
    top: 1px;
    width: 150px;
    height: 51px;
    border-radius: 4px;
    background: #ccc
}

.login-cont .yzm .input-box input {
    width: 202px;
    padding-right: 160px
}

.login-cont .login-bth {
    display: inline-block;
    line-height: 51px;
    text-align: center;
    width: 477px;
    height: 51px;
    border-radius: 3px;
    background-color: #f3596a;
    color: #fff;
    font-style: 14px
}

.login-cont .bottom {
    margin: 15px 0;
    font-size: 16px
}

.login-cont .bottom a {
    color: #c82834
}

.login-cont .bottom span {
    color: #c82834;
    margin-right: 5px;
    line-height: 6px;
    font-size: 14px;
    vertical-align: baseline
}

.login-cont .bottom input {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.login-cont .bottom label {
    width: 122px
}

.register-cont {
    max-height: 600px;
    overflow: auto
}

.register-cont .register-bth {
    display: inline-block;
    line-height: 51px;
    text-align: center;
    width: 477px;
    height: 51px;
    border-radius: 3px;
    background-color: #f3596a;
    color: #fff;
    font-style: 14px;
    background-color: #4a90e2
}

.register-cont label {
    width: 73px
}

.register-cont .input-box input {
    width: 325px
}

.third-party {
    position: relative;
    font-size: 16px;
    color: #48484c;
    line-height: 27px;
    text-align: center
}

.third-party:before {
    right: 0
}

.third-party:after,
.third-party:before {
    content: "";
    position: absolute;
    top: 15px;
    height: 1px;
    background: #cacaca;
    width: 154px
}

.third-party:after {
    left: 0
}

.third-party .icon-qq,
.third-party .icon-wx,
.third-party .icon-xl {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -282px -118px;
    margin: 0 10px
}

.third-party .icon-qq:hover,
.third-party .icon-wx:hover,
.third-party .icon-xl:hover {
    background: url(../images/spirt.71a0a9e.png) no-repeat -222px -118px
}

.third-party .icon-wx {
    background: url(../images/spirt.71a0a9e.png) no-repeat -282px -226px
}

.third-party .icon-wx:hover {
    background: url(../images/spirt.71a0a9e.png) no-repeat -224px -227px
}

.third-party .icon-xl {
    background: url(../images/spirt.71a0a9e.png) no-repeat -282px -171px
}

.third-party .icon-xl:hover {
    background: url(../images/spirt.71a0a9e.png) no-repeat -223px -173px
}

.third-party .t-con {
    margin-top: 20px
}

.progress-bar {
    width: 144px;
    height: 5px;
    border-radius: 3px;
    background-color: #f0f0f0;
    margin-bottom: 10px
}

.progress-bar .progress-inner {
    float: left;
    display: inline-block;
    width: 0;
    height: 100%;
    border-radius: 3px;
    transition: width 5s;
    background-color: #ffba00
}

.pc-top {
    width: 100%;
    height: 155px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    border: 1px solid #d8d8d8;
    margin-top: 12px;
    margin-bottom: 12px
}

.pc-top>div {
    box-sizing: border-box
}

.pc-top .top-left {
    width: 340px;
    padding: 30px 20px 24px 40px
}

.top-left .user-avatar,
.top-left .user-avatar img {
    float: left;
    width: 95px;
    height: 95px;
    border-radius: 50%
}

.top-left .info-box {
    padding-left: 110px
}

.top-left .info-box .user-name,
.top-left .info-box .user-num {
    font-size: 18px;
    color: #222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pc-top .top-left .info-box .user-num {
    color: #999
}

.top-left .info-box .level-info {
    margin: 5px 0
}

.pc-top .top-left .info-box .user-name .icon {
    width: 53px;
    height: 18px;
    background: url(../images/spirt.71a0a9e.png) no-repeat;
    margin-left: 5px
}

.pc-top .top-left .info-box .user-name .rank-1 {
    background-position: -157px -281px
}

.pc-top .top-left .info-box .user-name .rank-2 {
    background-position: -157px -258px
}

.pc-top .top-left .info-box .user-name .rank-3 {
    background-position: -157px -235px
}

.pc-top .top-left .info-box .user-name .rank-4 {
    background-position: -157px -215px
}

.pc-top .top-left .info-box .user-name .rank-5 {
    background-position: -157px -191px
}

.pc-top .top-left .info-box .user-name .rank-6 {
    height: 20px;
    background-position: -157px -163px
}

.pc-top .top-left .info-box .user-name .rank-7 {
    width: 57px;
    background-position: -157px -138px
}

.pc-top .top-left .info-box .user-name .rank-8 {
    background-position: -157px -113px
}

.pc-top .top-left .info-box .link-box span {
    width: 18px;
    height: 18px
}

.pc-top .top-left .info-box .link-box .icon-tel {
    background: url(../images/spirt.71a0a9e.png) no-repeat -106px -248px
}

.pc-top .top-left .info-box .link-box .has.icon-tel {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -248px
}

.pc-top .top-left .info-box .link-box .icon-wx {
    background: url(../images/spirt.71a0a9e.png) no-repeat -106px -225px
}

.pc-top .top-left .info-box .link-box .has.icon-wx {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -225px
}

.pc-top .top-left .info-box .link-box .icon-msg {
    background: url(../images/spirt.71a0a9e.png) no-repeat -106px -271px
}

.pc-top .top-left .info-box .link-box .has.icon-msg {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -271px
}

.pc-top .top-left .info-box .link-box .icon-bank {
    background: url(../images/spirt.71a0a9e.png) no-repeat -106px -294px
}

.pc-top .top-left .info-box .link-box .has.icon-bank {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -294px
}

.pc-top .top-left .info-box .link-box .icon-qq {
    background: url(../images/spirt.71a0a9e.png) no-repeat -361px -241px
}

.pc-top .top-left .info-box .link-box .has.icon-qq {
    background: url(../images/spirt.71a0a9e.png) no-repeat -339px -241px
}

.pc-top .top-center {
    width: 635px
}

.pc-top .left {
    margin-right: 46px
}

.pc-top .left .title {
    font-size: 16px;
    margin-bottom: 27px
}

.pc-top .left .money {
    color: #222;
    font-size: 24px
}

.pc-top .left .big {
    font-size: 42px
}

.pc-top .center {
    margin-right: 32px
}

.pc-top .center p {
    margin-bottom: 33px;
    font-size: 16px
}

.pc-top .center .fs-16 {
    font-size: 16px
}

.pc-top .center .icon {
    width: 15px;
    height: 14px;
    margin-right: 5px;
    vertical-align: text-bottom
}

.pc-top .center .icon-ye {
    background: url(../images/spirt.71a0a9e.png)-29px -237px
}

.pc-top .center .icon-ye1 {
    background: url(../images/spirt.71a0a9e.png)-29px -253px
}

.pc-top .center .icon-bao {
    background: url(../images/spirt.71a0a9e.png)-29px -270px
}

.pc-top .bth-box {
    margin-right: 26px
}

.pc-top .bth-box .btn {
    display: block;
    width: 129px;
    height: 34px;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    text-align: center
}

.pc-top .bth-box .red-btn {
    background-color: #c82834;
    margin-bottom: 8px
}

.pc-top .bth-box .blue-btn {
    background-color: #4a90e2
}

.pc-top .right a {
    font-size: 14px;
    color: #545454
}

.pc-top a:hover {
    color: #f3596a
}

.pc-top a:hover .icon-jing {
    background: url(../images/spirt.71a0a9e.png) no-repeat -25px -287px
}

.pc-top .icon-jing {
    width: 30px;
    height: 30px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -25px -315px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: -5px
}

.pc-top .top-right {
    width: 223px;
    padding: 55px 25px;
    height: 155px
}

.pc-top .top-right .icon-dl {
    width: 50px;
    height: 45px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -200px -400px
}

.pc-top .top-right div {
    font-size: 14px;
    color: #999
}

.pc-top .top-right div p {
    margin-bottom: 8px;
    margin-left: 5px
}

.pc-bottom .pc-left .item-list.active.down>a:after {
    transform: rotate(90deg);
    top: 0
}

.pc-bottom {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    border: 1px solid #dfdfdf;
    padding-left: 19px;
    padding-bottom: 20px;
    margin-bottom: 25px
}

.pc-bottom div {
    box-sizing: border-box
}

.pc-bottom .public-title {
    border-bottom: 1px solid #e7e7e7;
    height: 66px;
    line-height: 66px;
    margin-bottom: 15px
}

.pc-bottom .pc-left {
    width: 225px;
    background-color: #f9f9f9;
    padding: 30px 25px 20px 30px;
    margin-right: 15px
}

.pc-bottom .pc-left .icon {
    width: 20px;
    height: 19px;
    margin-right: 13px
}

.pc-bottom .pc-left .icon-fk {
    background: url(../images/spirt.71a0a9e.png) no-repeat -104px -39px
}

.pc-bottom .pc-left .icon-aq {
    background: url(../images/spirt.71a0a9e.png) no-repeat -104px -59px
}

.pc-bottom .pc-left .icon-bg {
    background: url(../images/spirt.71a0a9e.png) no-repeat -104px -83px
}

.pc-bottom .pc-left .icon-dl {
    background: url(../images/spirt.71a0a9e.png) no-repeat -104px -107px
}

.pc-bottom .pc-left .icon-td {
    background: url(../images/spirt.71a0a9e.png) no-repeat -104px -127px
}

.pc-bottom .pc-left .icon-tz {
    background: url(../images/spirt.71a0a9e.png) no-repeat -104px -148px
}

.pc-bottom .pc-left .icon-jy {
    background: url(../images/spirt.71a0a9e.png) no-repeat -104px -170px
}

.pc-bottom .pc-left .item-list {
    font-size: 16px;
    color: #4a4a4a;
    margin-bottom: 25px;
    position: relative
}

.pc-bottom .pc-left .item-list .sub-list a:after {
    top: 13px;
    left: 0
}

.pc-bottom .pc-left .item-list.active>a {
    font-size: 16px;
    color: #4a90e2
}

.pc-bottom .pc-left .item-list.active>a .icon-fk {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -39px
}

.pc-bottom .pc-left .item-list.active>a .icon-aq {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -59px
}

.pc-bottom .pc-left .item-list.active>a .icon-bg {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -83px
}

.pc-bottom .pc-left .item-list.active>a .icon-dl {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -107px
}

.pc-bottom .pc-left .item-list.active>a .icon-td {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -127px
}

.pc-bottom .pc-left .item-list.active>a .icon-tz {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -148px
}

.pc-bottom .pc-left .item-list.active>a .icon-jy {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -170px
}

.pc-bottom .pc-left .item-list.active>a.down {
    transform: rotate(90deg)
}

.pc-bottom .pc-left .item-list.active>a:after {
    background: url(../images/spirt.71a0a9e.png) no-repeat -169px -336px
}

.pc-bottom .pc-left .item-list a {
    width: 100%;
    display: block;
    font-size: 16px;
    color: #4a4a4a;
    position: relative
}

.pc-bottom .pc-left .item-list a:after {
    width: 11px;
    height: 11px;
    content: "";
    right: 0;
    position: absolute;
    top: 5px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -158px -336px
}

.pc-bottom .pc-left .item-list a:hover {
    color: #4a90e2
}

.pc-bottom .pc-left .item-list a:hover:after {
    background: url(../images/spirt.71a0a9e.png) no-repeat -169px -336px
}

.pc-bottom .pc-left .item-list a:hover .icon-fk {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -39px
}

.pc-bottom .pc-left .item-list a:hover .icon-aq {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -59px
}

.pc-bottom .pc-left .item-list a:hover .icon-bg {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -83px
}

.pc-bottom .pc-left .item-list a:hover .icon-dl {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -107px
}

.pc-bottom .pc-left .item-list a:hover .icon-td {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -127px
}

.pc-bottom .pc-left .item-list a:hover .icon-tz {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -148px
}

.pc-bottom .pc-left .item-list a:hover .icon-jy {
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -170px
}

.pc-bottom .pc-left .sub-list {
    margin-left: 25px;
    margin-top: 5px
}

.pc-bottom .pc-left .sub-list li {
    line-height: 35px
}

.pc-bottom .pc-left .sub-list li a {
    font-size: 15px
}

.pc-bottom .pc-left .sub-list li .icon-right {
    width: 12px;
    height: 12px
}

.pc-bottom .pc-left .sub-list li.active a {
    color: #4a90e2
}

.pc-bottom .pc-left .sub-list li.active a:after {
    background: url(../images/spirt.71a0a9e.png) no-repeat -169px -336px
}

.pc-bottom .pc-right {
    width: 905px;
    background-color: #fff;
    padding-left: 17px;
    padding-bottom: 17px
}

.pc-bottom .pc-right .public-title {
    font-size: 16px;
    height: 55px;
    line-height: 55px
}

.pc-bottom .pc-right .public-title:after {
    width: 3px;
    height: 18px;
    margin-top: -9px
}

.pc-cont {
    padding-right: 20px;
    padding-top: 12px
}

.bank-box {
    width: 100%;
    height: 250px;
    border-radius: 4px;
    background-color: #fffcee;
    border: 1px solid #e6e6e6;
    padding: 45px;
    position: relative
}

.bank-box .pink-bth {
    position: absolute;
    right: 20px;
    top: 20px
}

.bank-box .img-bank {
    background: url(../images/bank-zan.7fc81af.png) no-repeat;
    width: 286px;
    height: 163px
}

.bank-info {
    border-left: 1px solid #ffefd4;
    padding-left: 43px;
    margin-left: 40px
}

.bank-info p {
    margin-bottom: 20px
}

.bank-info p .title {
    font-size: 15px;
    display: inline-block;
    width: 132px;
    color: #545454
}

.bank-info .open-bank img {
    width: 124px;
    height: 20px
}

.bank-info .word {
    color: #222;
    font-size: 15px;
    font-weight: 700
}

.cancel-bth,
.pink-bth {
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff
}

.cancel-bth {
    box-sizing: border-box;
    background: #fff;
    color: #cacaca;
    border: 1px solid #cacaca
}

.no-bind {
    width: 100%;
    height: 126px;
    line-height: 126px;
    border-radius: 4px;
    background-color: #fffcee;
    border: 1px solid #e6e6e6;
    color: #48484c;
    text-align: center
}

.security-setting {
    line-height: 65px
}

.security-setting li {
    border-bottom: 1px solid #eee
}

.security-setting li .front {
    width: 290px;
    font-size: 16px
}

.security-setting li .tool {
    cursor: pointer;
    color: #4a90e2;
    font-size: 14px
}

.security-setting li .tool .red {
    color: #f3596a
}

.security-setting li .tool .blue {
    color: #4a90e2
}

.security-setting li .v-line {
    margin: 0 10px;
    color: #999
}

.security-setting li .txt {
    color: #999;
    font-size: 14px;
    position: relative
}

.security-setting li .txt.on input {
    display: block
}

.security-setting li .txt input {
    display: none;
    position: absolute;
    z-index: 1;
    width: 206px;
    height: 32px;
    top: 30px;
    padding: 0 15px;
    border: 1px solid #eee;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.icon-suo {
    width: 16px;
    height: 16px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -29px -128px;
    vertical-align: baseline
}

.public-pop {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.public-pop .title {
    position: relative;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    border-radius: 4px;
    background-color: #f9f9f9;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .11);
    padding-left: 22px;
    color: #78788c;
    font-weight: 700
}

.public-pop .title .close {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 10px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -129px -348px
}

.public-pop .title .close:hover {
    background: url(../images/spirt.71a0a9e.png) no-repeat -106px -348px
}

.public-pop .content {
    padding: 19px
}

.public-pop .big .input-box label {
    width: 90px
}

.public-pop .big .input-box input {
    width: 248px
}

.public-pop .input-box {
    margin-bottom: 10px
}

.public-pop .input-box label {
    font-size: 14px;
    font-weight: 500;
    color: #48484c;
    float: left;
    height: 36px;
    line-height: 36px
}

.public-pop .input-box input {
    height: 36px;
    font-size: 12px
}

.public-pop .cancel-bth,
.public-pop .pink-bth {
    width: 76px;
    margin: 0 2px
}

.public-pop .bth {
    text-align: center;
    padding-bottom: 20px
}

.public-pop .list-box {
    float: left
}

.public-pop .list-box p {
    float: left;
    margin-right: 6px;
    padding: 5px 10px;
    border-radius: 1px;
    background-color: #fff;
    font-size: 15px;
    border: 1px solid #e0e0e0
}

.public-pop .list-box p.active {
    border: 1px solid #4a90e2
}

.public-pop .list-box p:last-child {
    margin-right: 0
}

.public-pop .list-box li {
    font-size: 15px
}

.public-pop .list-box .icon {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -25px -164px
}

.public-pop .list-box .icon-wx {
    background: url(../images/spirt.71a0a9e.png) no-repeat -25px -190px
}

.public-pop .list-box .icon-bank {
    background: url(../images/spirt.71a0a9e.png) no-repeat -25px -211px
}

.fixed-pas {
    width: 480px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #c7c7c7
}

.fix-inner {
    border: 1px solid #e0e0e0;
    padding: 15px 25px
}

.fix-inner input {
    width: 296px
}

.ask-box {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 20;
    transform: translate(-50%, -50%);
    border: 5px solid rgba(0, 0, 0, .11);
    color: #48484c;
    font-size: 18px;
    padding: 15px 30px;
    background: #fff;
    font-weight: 700
}

.condition-select {
    position: relative
}

.condition-select .des {
    width: 150px;
    text-align: center;
    cursor: pointer
}

.condition-select .pop {
    border-radius: 4px;
    position: absolute;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    border: 1px solid #dfdfdf;
    top: 65px
}

.condition-select * {
    box-sizing: border-box
}

.condition-select .time-box {
    font-size: 0;
    padding-bottom: 20px;
    border-bottom: 1px dashed #d9d9d9;
    margin-bottom: 10px
}

.condition-select .time-box a,
.condition-select .time-box input,
.condition-select .time-box span {
    font-size: 14px;
    color: #4a4a4a
}

.condition-select a.pink-bth {
    width: 48px;
    color: #fff;
    margin: 0 5px;
    height: 26px;
    line-height: 26px
}

.condition-select .time-item,
.condition-select .v-line {
    margin: 0 10px
}

.condition-select .classify,
.condition-select .status {
    line-height: 50px
}

.condition-select .classify a,
.condition-select .classify span,
.condition-select .status a,
.condition-select .status span {
    font-size: 14px;
    margin: 0 5px;
    color: #4a4a4a
}

.condition-select .classify a,
.condition-select .status a {
    padding: 3px 10px
}

.condition-select .classify a.active,
.condition-select .status a.active {
    background: #f3596a;
    color: #fff;
    border-radius: 2px
}

.condition-select .status {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee
}

.table-box span {
    float: left
}

.table-box.tz-record .time {
    width: 150px
}

.table-box.tz-record .type {
    width: 90px
}

.table-box.tz-record .tz-cont {
    width: 214px
}

.table-box.tz-record .money,
.table-box.tz-record .statu,
.table-box.tz-record .z-money {
    width: 90px
}

.table-box.tz-record li {
    font-size: 14px
}

.table-box .title {
    height: 45px;
    background-color: #fafafa;
    border: 1px solid #eee;
    line-height: 50px
}

.table-box .title li {
    float: left;
    color: #98a4b4;
    font-size: 16px;
    text-align: center;
    margin-left: 30px
}

.table-box .time {
    width: 200px
}

.table-box .money {
    width: 150px
}

.table-box .statu,
.table-box .type {
    width: 140px
}

.table-box .remark {
    width: 234px
}

.table-box .qi-num {
    width: 140px
}

.table-box .table-content span {
    display: inline-block;
    text-align: center;
    height: 100%;
    word-wrap: break-word
}

.table-box .table-content li {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
    position: relative
}

.table-box .table-content .time {
    font-size: 14px;
    color: #4a4a4a
}

.table-box .table-content .money,
.table-box .table-content .z-money {
    font-size: 16px;
    font-weight: 600
}

.table-box .table-content .type {
    font-size: 14px;
    color: 1000
}

.table-box .table-content .statu {
    font-size: 14px;
    color: #5db2ff
}

.table-box .table-content .statu.success {
    color: #999
}

.table-box .table-bottom {
    margin-top: 25px
}

.table-box .table-bottom .table-sum {
    border: 1px solid #eee;
    border-radius: 50px;
    padding: 10px 26px
}

.table-box .table-bottom .line {
    margin: 0 10px
}

.m-green {
    font-weight: 600;
    color: #19a30f
}

.m-red {
    font-weight: 600;
    color: #f3596a
}

.page-box * {
    box-sizing: border-box
}

.page-box .next,
.page-box .prev {
    display: inline-block;
    width: 90px;
    text-align: center;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #eee;
    float: left;
    color: #4a4a4a
}

.page-box .next {
    border-left: none
}

.page-box ul {
    float: left
}

.page-box ul li {
    float: left;
    cursor: pointer;
    line-height: 44px;
    height: 44px;
    width: 44px;
    text-align: center;
    font-size: 16px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-left: none
}

.page-box ul li.active {
    cursor: default;
    background: none;
    border: none;
    border-right: 1px solid #eee
}

.page-box ul .more {
    line-height: 31px
}

.statistics-box {
    border-radius: 4px;
    background-color: #fffcee;
    box-shadow: 0 2px 4px 0 #0000001f
}

.statistics-box.arrow:before {
    content: "";
    position: absolute;
    width: 19px;
    height: 10px;
    right: 114px;
    top: -9px;
    background: url(../images/spirt.71a0a9e.png) no-repeat -162px -353px
}

.statistics-box .cont {
    height: 175px;
    border-radius: 4px;
    background-color: #fffcee
}

.statistics-box .cont .cont-item {
    float: left;
    width: 50%;
    margin-top: 21px;
    margin-bottom: 21px;
    padding-left: 50px;
    font-size: 14px;
    border-right: 1px solid #ffefd4
}

.statistics-box .cont .cont-item:last-child {
    border-right: none
}

.statistics-box .cont .cont-item p {
    margin-bottom: 15px
}

.statistics-box .cont .cont-item p:last-child {
    margin-bottom: 0
}

.statistics-box .cont .cont-item span {
    display: inline-block;
    width: 100px
}

.statistics-box .time-contro {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    background-color: #fdf5e1;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    font-size: 14px;
    text-align: center
}

.statistics-box .time-contro input {
    width: 100px;
    height: 26px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #cacaca;
    font-size: 12px;
    padding: 0 10px;
    box-sizing: border-box
}

.userinfo-tab {
    line-height: 55px;
    border-bottom: 1px solid #eee
}

.userinfo-tab a {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #999;
    padding-bottom: 16px;
    margin-right: 20px
}

.userinfo-tab a.active {
    color: #f3596a
}

.userinfo-tab a.active:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 4px;
    border-radius: 2px;
    background: #f3596a
}

.fix-img {
    margin-top: 25px
}

.fix-img .left {
    width: 500px;
    border-right: 1px solid #eee
}

.fix-img .right {
    padding-left: 25px;
    box-sizing: border-box;
    width: 366px
}

.fix-img .right .img-wrap {
    width: 100px;
    height: 100px;
    margin: 0
}

.fix-img .right .img-wrap.small-img {
    width: 50px;
    height: 50px
}

.fix-img .right .img-wrap img {
    width: 100px;
    height: 100px;
    border-radius: 50%
}

.fix-img .right .img-wrap.small-img img {
    width: 50px;
    height: 50px
}

.fix-img .upload-img {
    width: 201px;
    height: 35px;
    background-image: linear-gradient(180deg, #fff, #efefef);
    border: 1px solid #d8d8d8;
    text-align: center;
    line-height: 35px;
    font-size: 12px;
    color: #48484c;
    position: relative
}

.fix-img .upload-img .icon-upload {
    width: 16px;
    height: 16px;
    background: url(../images/spirt.71a0a9e.png) no-repeat 0 -378px;
    margin-right: 5px
}

.fix-img .upload-img input {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 35px;
    z-index: 1;
    opacity: 0
}

.fix-img .tips {
    font-size: 12px;
    color: #999;
    margin: 10px 0
}

.fix-img .img-box {
    width: 471px;
    height: 237px;
    background-color: #f9f9f9;
    border: 1px solid #eee
}

.fix-img .img-wrap {
    width: 150px;
    height: 150px;
    border: 1px solid #eee;
    margin: 42px auto;
    background: transparent
}

.fix-img .img-wrap img {
    width: 150px;
    height: 150px;
    border-radius: 50%
}

.fix-img .recommend-img {
    margin-top: 10px
}

.fix-img .recommend-img .title {
    font-size: 14px;
    color: #222;
    padding: 10px 0
}

.xx-open {
    width: 782px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 3px 0 #00000009;
    border: 1px solid #eee;
    margin: 20px auto
}

.xx-open .input-wrap {
    margin: 30px auto;
    width: 500px
}

.gold-btn {
    display: block;
    width: 88px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    background-color: #fbed77;
    box-shadow: inset 0 -3px 1px 0 #f0a72d;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #d0021b;
    margin: 0 auto
}

.dl-share {
    width: 100%;
    margin-top: 30px
}

.dl-share .share-box {
    width: 349px;
    padding: 22px 25px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .12);
    border: 1px solid #eee;
    text-align: center;
    margin-left: 55px
}

.dl-share * {
    width: 100%;
    text-align: center
}

.dl-share .gold-btn {
    width: 88px
}

.dl-share .copy-title {
    font-size: 14px;
    color: #48484c;
    margin: 15px 0
}

.dl-share .share-title {
    color: #000;
    font-size: 20px;
    margin-bottom: 22px
}

.dl-share img {
    width: 168px;
    height: 168px
}

.dl-share .link-box {
    width: 280px;
    min-height: 106px;
    border-radius: 2px;
    border: 1px solid #eee;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto 15px;
    color: #999;
    word-wrap: break-word;
    padding: 10px;
    line-height: 1.5;
    margin-bottom: 15px
}

.dl-description {
    margin: 10px 0;
    line-height: 1.5;
    font-size: 14px;
    color: #545454
}

.dl-title {
    font-size: 16px;
    color: #48484c;
    margin: 30px 0 15px;
    font-weight: 400
}

.dl-table .dl-th {
    width: 100%;
    line-height: 44px;
    height: 44px;
    background-image: linear-gradient(273deg, #6d5ef7, #c86dd7)
}

.dl-table .dl-th li {
    width: 20%;
    height: 100%;
    color: #fff;
    float: left;
    text-align: center
}

.dl-table .dl-tbody {
    background-color: #fff;
    border: .8px solid #a768e2
}

.dl-table .dl-tbody li {
    height: 37px;
    line-height: 37px;
    font-size: 0
}

.dl-table .dl-tbody li:nth-child(2n) {
    background-color: rgba(150, 101, 233, .1)
}

.dl-table .dl-tbody li span {
    width: 20%;
    text-align: center;
    color: #515151;
    font-size: 14px;
    display: inline-block
}

.rank-top {
    height: 158px;
    width: 100%;
    background: url(../images/ranktop.17401eb.png) no-repeat 100%;
    text-align: center;
    color: #fff
}

.rank-top img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 15px auto 10px
}

.rank-top p {
    font-size: 16px;
    color: #fff
}

.rank-top .c-orange {
    margin-right: 15px
}

.rank-top .progress-bar {
    margin: 10px auto;
    width: 400px;
    height: 6px;
    border-radius: 3.6px;
    background-color: #f0f0f0
}

.rank-top .progress-bar .progress-inner {
    height: 6px
}

.c-orange {
    color: #fd9c4c
}

.rank-cont {
    padding: 0 33px 33px;
    background: #fff;
    overflow: hidden
}

.rank-table {
    margin: 25px 0;
    border-collapse: collapse
}

.rank-table th {
    background-color: #eaf5fc
}

.rank-table td,
.rank-table th {
    border: 1px solid #c6d8e7;
    color: #48484c;
    font-size: 18px;
    font-weight: 400
}

.rank-table td:first-child,
.rank-table th:first-child {
    width: 207px
}

.rank-table td:nth-child(2),
.rank-table th:nth-child(2) {
    width: 134px
}

.rank-table td:nth-child(3),
.rank-table th:nth-child(3) {
    width: 435px
}

.rank-table td:nth-child(4),
.rank-table th:nth-child(4) {
    width: 350px
}

.rank-table tr {
    height: 39px;
    line-height: 39px;
    text-align: center
}

.rank-table .icon {
    width: 40px;
    height: 36px;
    background: url(../images/spirt.71a0a9e.png) no-repeat;
    margin-right: 5px
}

.rank-table .icon.icon-rank1 {
    background-position: -382px 4px
}

.rank-table .icon.icon-rank2 {
    background-position: -346px 4px
}

.rank-table .icon.icon-rank3 {
    background-position: -308px 4px
}

.rank-table .icon.icon-rank4 {
    background-position: -270px 4px
}

.rank-table .icon.icon-rank5 {
    background-position: -231px 0
}

.rank-table .icon.icon-rank6 {
    background-position: -192px 0
}

.rank-table .icon.icon-rank7 {
    background-position: -150px 4px
}

.rank-table .icon.icon-rank8 {
    background-position: -106px 4px
}

.rank-way li {
    margin: 15px 0;
    padding: 0 24px;
    float: left;
    border-right: 1px solid #eee
}

.rank-way li:last-child {
    border-right: none
}

.rank-way .right {
    float: left;
    margin-right: 30px
}

.rank-way .right p {
    color: #48484c;
    font-weight: 700;
    font-size: 18px
}

.rank-way .right p.des {
    font-weight: 400;
    font-size: 14px;
    margin-top: 6px
}

.rank-way .icon {
    float: left;
    width: 43px;
    height: 43px;
    border-radius: 50px;
    margin-right: 14px
}

.rank-way .icon-cz {
    background: url(../images/spirt.71a0a9e.png) no-repeat -56px -398px
}

.rank-way .icon-tz {
    background: url(../images/spirt.71a0a9e.png) no-repeat -104px -398px
}

.rank-way .icon-zj {
    background: url(../images/spirt.71a0a9e.png) no-repeat -152px -398px
}

.rank-way .pink-btn {
    border-radius: 15px;
    float: right
}

.pink-btn {
    width: 60px;
    height: 30px;
    background-color: #f3596a;
    color: #fff;
    display: block;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    margin-top: 10px
}

.withdraw {
    position: relative
}

.withdraw .progress-status {
    position: absolute;
    right: 17px;
    top: 3px
}

.progress-status {
    height: 25px;
    background-color: #fff;
    line-height: 25px;
    font-size: 12px
}

.progress-status li:first-child {
    width: 115px
}

.progress-status li {
    width: 95px;
    padding-left: 20px;
    float: left;
    position: relative
}

.progress-status li.success,
.progress-status li.success-last,
.progress-status li.wait-first {
    background-color: #ffe6bc;
    color: #ff5a00
}

.progress-status li.success-last:after,
.progress-status li.success:after,
.progress-status li.wait-first:after {
    position: absolute;
    content: "";
    width: 38px;
    height: 26px;
    border: 5px solid #fff;
    border-left-width: 28px;
    border-left-color: transparent;
    border-top-width: 13px;
    border-bottom-width: 13px
}

.progress-status li.success-last:after {
    background: url(../images/flow.d657378.png) no-repeat 0 -26px
}

.progress-status li.wait,
.progress-status li.wait-first {
    background: #f0f0f0;
    color: #999
}

.progress-status li.wait-first:after {
    background: url(../images/flow.d657378.png) no-repeat 0 0
}

.recharge-tab {
    border-bottom: 1px solid #eee
}

.recharge-tab a {
    display: block;
    float: left;
    width: 110px;
    height: 30px;
    background-color: #fff;
    text-align: center;
    line-height: 30px;
    color: #48484c;
    border: 1px solid #e6e6e6;
    font-size: 15px;
    margin-bottom: -1px
}

.recharge-tab a .icon {
    width: 20px;
    height: 18px;
    margin-right: 5px
}

.recharge-tab a .icon-xs {
    background: url(../images/spirt.71a0a9e.png) no-repeat -226px -284px
}

.recharge-tab a .icon-zx {
    background: url(../images/spirt.71a0a9e.png) no-repeat -226px -302px
}

.recharge-tab a.active {
    color: #fff;
    background-color: #f3596a;
    border: 1px solid #f3596a
}

.recharge-tab a.active .icon-xs {
    background: url(../images/spirt.71a0a9e.png) no-repeat -250px -284px
}

.recharge-tab a.active .icon-zx {
    background: url(../images/spirt.71a0a9e.png) no-repeat -249px -283px
}

.recharge-cont {
    margin: 30px 0 0
}

.step-one {
    margin-left: 100px
}

.recharge-cont .recharge-item {
    margin-bottom: 30px
}

.recharge-cont .recharge-item .tips {
    font-size: 12px;
    color: #999;
    margin-top: 7px
}

.recharge-cont .recharge-item label {
    width: 122px;
    height: 32px;
    line-height: 32px;
    float: left
}

.recharge-cont .recharge-item .bank-cont {
    float: left;
    position: relative
}

.recharge-cont .recharge-item img {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    margin-top: 5px;
    vertical-align: text-bottom
}

.recharge-cont .recharge-item .bank-result {
    cursor: pointer;
    width: 447px;
    height: 32px;
    line-height: 32px;
    border-radius: 1px;
    background-color: #00000000;
    border: 1px solid #999
}

.recharge-cont .recharge-item input.bank-result {
    cursor: default
}

.recharge-cont .recharge-item .icon-arrow {
    width: 13px;
    height: 11px;
    transform: rotate(90deg);
    float: right;
    background: url(../images/spirt.71a0a9e.png) no-repeat -160px -335px;
    margin-top: 11px;
    margin-right: 13px
}

.recharge-cont .recharge-item .bank-list {
    position: absolute;
    top: 32px;
    left: 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .12)
}

.recharge-cont .recharge-item .bank-list p {
    border-top: none
}

.recharge-cont .recharge-item .bank-result {
    padding-left: 20px
}

.recharge-cont .pink-btn {
    width: 88px;
    border-radius: 2px;
    margin-left: 122px
}

.recharge .info-box {
    width: 100%;
    min-height: 100px;
    padding: 17px 21px;
    border-radius: 4px;
    background-color: #fffcee;
    border: 1px solid #e6e6e6;
    margin-top: 20px
}

.recharge .info-box .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
}

.recharge .info-box p {
    font-size: 14px;
    color: #666;
    line-height: 2;
    margin-left: 15px
}

.recharge .recharge-msg {
    border-radius: 4px;
    overflow: hidden
}

.recharge .recharge-msg .title {
    width: 100%;
    height: 45px;
    line-height: 50px;
    background-color: #fafafa;
    border: 1px solid #eee;
    color: #98a4b4;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px
}

.recharge .recharge-msg .title .blue {
    color: #4a90e2
}

.recharge .recharge-msg .cont {
    padding: 33px 20px 20px 68px;
    height: 301px;
    border: 1px solid #eee;
    border-top: none
}

.recharge .recharge-msg .cont .left {
    font-size: 15px;
    font-weight: 600
}

.recharge .recharge-msg .cont .left label {
    display: inline-block;
    width: 102px;
    font-weight: 500
}

.recharge .recharge-msg .cont .left p {
    margin-bottom: 27px
}

.recharge .recharge-msg .cont .right {
    width: 388px;
    border-left: 1px solid #eee;
    padding-left: 112px
}

.recharge .recharge-msg .cont .right p {
    margin-top: 20px;
    margin-left: 17px;
    font-size: 15px;
    color: #48484c
}

.recharge .recharge-msg .cont .right img {
    width: 153px;
    height: 153px;
    border: 1px solid #979797
}

.recharge .recharge-msg .cont .pink-btn {
    width: 120px;
    margin: 20px auto
}

.recharge .recharge-msg .cont .deal-box li:after,
.recharge .recharge-msg .cont .deal-box li:first-child:before,
.recharge .recharge-msg .cont .extend-style {
    position: absolute;
    content: "";
    top: -10px;
    width: 25px;
    height: 25px;
    background-color: #f0f0f0;
    border-radius: 50%
}

.recharge .recharge-msg .cont .deal-box {
    padding-right: 35px;
    margin-top: 75px
}

.recharge .recharge-msg .cont .deal-box li {
    float: left;
    position: relative;
    height: 4px;
    background-color: #f0f0f0
}

.recharge .recharge-msg .cont .deal-box li.success {
    background-color: #95d619
}

.recharge .recharge-msg .cont .deal-box li.success:after {
    background-color: #95d619 !important
}

.recharge .recharge-msg .cont .deal-box li.success:last-child:after {
    width: 31px;
    height: 31px;
    background-image: url(../images/spirt.71a0a9e.png);
    background-position: -282px -318px;
    background-color: #fff !important;
    right: 0;
    top: -14px
}

.recharge .recharge-msg .cont .deal-box li.error {
    background-color: #ed382c
}

.recharge .recharge-msg .cont .deal-box li.error:after {
    background-color: #ed382c !important
}

.recharge .recharge-msg .cont .deal-box li.error:last-child:after {
    width: 31px;
    height: 31px;
    background-image: url(../images/spirt.71a0a9e.png);
    background-color: #fff !important;
    background-position: -282px -282px;
    right: 0;
    top: -14px
}

.recharge .recharge-msg .cont .deal-box li .inner {
    position: absolute;
    right: -35px;
    width: 100px;
    text-align: center;
    font-size: 15px;
    color: #48484c;
    margin-top: 24px
}

.recharge .recharge-msg .cont .deal-box li .inner .red {
    color: #f3596a
}

.recharge .recharge-msg .cont .deal-box li .inner.first {
    left: -38px
}

.recharge .recharge-msg .cont .deal-box li .inner .time {
    font-size: 12px;
    color: #666;
    margin-top: 5px
}

.recharge .recharge-msg .cont .deal-box li:after {
    right: 0
}

.recharge .recharge-msg .cont .deal-box li:first-child:before {
    left: 0;
    background: #95d619 !important
}

.recharge .recharge-msg .cont .deal-box .span-4 {
    width: 33.33%
}

.recharge .recharge-msg .cont .deal-box .span-3 {
    width: 50%
}

.paging {
    margin-left: 544px;
    margin-top: 75px
}

.paging>ul li {
    width: 96px;
    height: 44px;
    border: 1px solid #eee;
    text-align: center;
    line-height: 44px;
    float: left
}

.paging>ul .paging-li {
    width: 44px;
    height: 44px
}

.record {
    margin-left: 10px;
    height: 40px;
    text-align: center;
    line-height: 44px
}

.se,
.time-box .online,
.time-box .vip {
    display: inline-block;
    border: 1px solid #eee;
    padding: 5px
}

.time-box .se {
    padding: 5px;
    width: 32px;
    height: 32px;
    text-align: center
}

.time-box .se1 {
    display: inline-block;
    background-image: url(../images/spirt.71a0a9e.png);
    background-position: -28px -148px;
    width: 12px;
    height: 12px
}

.condition-select input {
    border: 1px solid #eee;
    padding: 15px;
    height: 33px
}

.time-box .deal {
    margin-left: 20px
}

.wire {
    border-bottom: 1px solid #eee;
    padding: 10px
}

.pc-right fl .row li {
    float: left
}

.main-content-wrap {
    padding-bottom: 30px
}

.main-content-bg {
    background: url(../images/about-content-bg.080e48f.jpg);
    overflow: auto;
    background-size: cover
}

.sub-nav-wrap {
    background: rgba(0, 0, 0, .2);
    filter: progid: dximagetransform.microsoft.gradient(GradientType=0, startColorstr="#20000000", endColorstr="#20000000")
}

.sub-nav-con {
    padding: 10px 0;
    overflow: hidden;
    position: relative
}

.sub-nav-con a {
    float: left;
    margin: 0;
    padding: 0 9px;
    font-size: 15px;
    color: #dbbd7b;
    line-height: 30px
}

.sub-nav-con a:hover {
    color: #fff;
    background: #ccc
}

.sub-nav-con a.on {
    color: #fff;
}

.sub-nav-con a.active {
    color: #fff
}

.trend-main-wrap {
    margin-top: 15px;
    padding: 20px;
    min-height: 630px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .24)
}

.trend-main-wrap .h2-title {
    position: relative;
    height: 50px;
    line-height: 1.5;
    font-size: 20px;
    letter-spacing: .2px;
    color: #48484c;
    border-bottom: 1px solid #aaa
}

.trend-main-wrap .h2-title span {
    margin-left: 10px;
    font-size: 15px
}

.trend-main-wrap .h2-title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -1px;
    left: 0;
}

.trend-main-wrap .ContentText {
    padding-top: 15px
}

.rank-head {
    text-align: center;
    padding: 15px 0;
    background: url(../images/ranktop.17401eb.png) 50%
}

.rank-head .avatar,
.rank-head .avatar img {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.rank-head .info {
    color: #fff;
    font-size: 16px
}

.rank-head .info em {
    font-style: normal
}

.rank-head .info em:first-child {
    color: #fd9c4c;
    margin-right: 20px
}

.rank-head .progress-bar {
    width: 400px;
    margin: 5px auto 0
}

.rank-content {
    padding: 30px;
    background: #fff
}

.rank-content h1 {
    text-align: center;
    margin: 0
}

.rank-content .public-title {
    padding: 15px
}

.level-rule .ivu-table-header .ivu-table-cell {
    line-height: 60px
}

.level-rule .ivu-table-cell {
    font-size: 16px
}

.level-rule .Honor-privilege .ivu-table-cell div {
    height: 56px;
    line-height: 56px
}

.level-rule .Honor-privilege .ivu-table-cell div img {
    margin-right: 10px;
    margin-bottom: -17px;
    height: 40px
}

.level-upgrade {
    padding-bottom: 60px
}

.level-upgrade dl {
    float: left;
    position: relative;
    width: 33.33%;
    padding: 0 100px 0 20px;
    border-left: 1px solid #eee
}

.level-upgrade dl:first-child {
    border-left: none
}

.level-upgrade dl dt,
.level-upgrade dl dt img {
    float: left;
    width: 43px;
    height: 43px
}

.level-upgrade dl dd {
    margin-left: 55px
}

.level-upgrade dl dd h5 {
    font-size: 18px;
    font-weight: 700
}

.level-upgrade dl dd p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.level-upgrade dl dd p span:last-child {
    margin-left: 8px;
    color: #f3596a
}

.level-upgrade dl .ivu-btn-pink {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 20px;
    color: #fff;
    font-size: 14px;
    background: #f3596a;
    border-color: #f3596a
}

.level-upgrade dl .ivu-btn-pink:hover {
    background: #ec7280;
    border-color: #ec7280
}

.ivu-table td,
.ivu-table th {
    text-align: center !important
}

.ivu-progress-bar .ivu-tooltip-rel {
    width: 100%;
    height: 5px;
    float: left;
    cursor: pointer
}

@keyframes twinkling {
    0% {
        transform: scale(1)
    }
    20% {
        transform: scale(1.02)
    }
    30% {
        transform: scale(1.03)
    }
    40% {
        transform: scale(1.04)
    }
    50% {
        transform: scale(1.05)
    }
    60% {
        transform: scale(1.04)
    }
    70% {
        transform: scale(1.03)
    }
    80% {
        transform: scale(1.02)
    }
    to {
        transform: scale(1)
    }
}

@keyframes twinkling2 {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(1.05)
    }
}

.red-modal .ivu-modal-close .ivu-icon-ios-close-empty,
.red-modal .ivu-modal-close .ivu-icon-ios-close-empty:hover {
    z-index: 1;
    color: #fff
}

.red-modal .ivu-modal-content {
    background: none;
    border-radius: 12px
}

.red-modal .ivu-modal-body {
    padding: 0
}

.red-modal .ivu-modal-footer {
    display: none
}

.red-modal .red-wrap {
    position: relative;
    min-height: 400px;
    border-radius: 12px
}

.red-modal .red-notOpen {
    width: 342px;
    height: 480px;
    padding-top: 220px;
    text-align: center;
    background: url(../images/red-bg.b828ee2.png) no-repeat
}

.red-wrap .red-avartar {
    display: inline-block;
    width: 96px;
    height: 96px;
    border: 5px solid #f2261f;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.red-wrap .red-avartar img {
    width: 86px;
    height: 86px;
    border-radius: 50%
}

.red-notOpen .red-avartar {
    position: absolute;
    top: 78px;
    left: 50%;
    margin-left: -48px
}

.red-notOpen .red-slogan {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 32px;
    color: #ff0
}

.red-notOpen .red-btn {
    margin-top: 50px
}

.red-notOpen .red-btn a {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    cursor: pointer
}

.red-notOpen .red-btn .openAnimation .open-btn {
    animation: turn 2s infinite
}

.red-notOpen .red-btn .front {
    z-index: 5;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(../images/open-front.9645200.png) no-repeat
}

@keyframes turn {
    to {
        transform: rotateY(1turn)
    }
}

.red-modal .red-opened {
    width: 400px;
    text-align: center;
    color: #333;
    background: #f2f2f2 url(../images/red-top.0ef1cc3.png) no-repeat top
}

.red-opened .red-title {
    padding: 20px 0;
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    line-height: 1
}

.red-opened .red-info {
    padding: 5px 0
}

.red-opened .red-info p {
    font-size: 22px;
    line-height: 30px
}

.red-opened .red-info>p {
    position: relative;
    padding: 0 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.red-opened .red-info .best-luck {
    position: absolute;
    right: 30px;
    font-size: 14px
}

.red-opened .red-info .money-info {
    padding-top: 10px
}

.red-opened .red-info .money-info h4 {
    font-size: 40px;
    line-height: 1
}

.red-opened .red-info .money-info p {
    font-size: 13px;
    color: #4375db
}

.red-opened .red-info .finished {
    padding: 30px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2
}

.red-opened .red-winner {
    background: #fff;
    height: auto;
    max-height: 260px;
    overflow-y: scroll
}

#redWinner::-webkit-scrollbar {
    width: 8px;
    background-color: #f6f6f6
}

#redWinner::-webkit-scrollbar-track {
    background-color: #f6f6f6;
    border-radius: 4px
}

#redWinner::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #e6e6e6
}

#redWinner::-webkit-scrollbar-thumb:hover {
    background-color: #ccc
}

.red-opened .red-winner dl {
    padding: 10px 20px;
    border-bottom: 1px solid #eee
}

.red-opened .red-winner dl dt,
.red-opened .red-winner dl dt img {
    float: left;
    width: 44px;
    height: 44px;
    border-radius: 50%
}

.red-opened .red-winner dl dd {
    position: relative;
    padding-left: 60px;
    padding-right: 100px;
    text-align: left
}

.red-opened .red-winner dl dd p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.red-opened .red-winner dl dd p:first-of-type {
    font-size: 18px;
    line-height: 24px
}

.red-opened .red-winner dl dd p:nth-of-type(2) {
    font-size: 16px;
    color: #999;
    line-height: 20px
}

.red-opened .red-winner dl dd .red-money {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 44px
}

.red-opened .red-record {
    padding: 15px 0;
    line-height: 24px;
    font-size: 16px;
    background: #fff;
    border-radius: 0 0 12px 12px
}

.red-rule-modal .ivu-modal-footer {
    display: none
}

.red-rule-modal .ivu-modal-header-inner {
    font-size: 18px;
    font-weight: 400
}

.red-rule-modal .ivu-modal-body {
    padding: 10px 20px 20px
}

.red-rule-modal .rule-content {
    font-size: 14px
}

.red-rule-modal .rule-content ul {
    width: 100%;
    height: auto;
    overflow: hidden
}

.red-rule-modal .rule-content h5 {
    padding: 20px 0 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    border-bottom: 1px solid #eaeaea
}

.red-rule-modal .rule-content ul li {
    float: left;
    position: relative;
    padding: 5px 0;
    width: 100%;
    height: auto;
    line-height: 24px;
    border-bottom: 1px solid #eaeaea
}

.red-rule-modal .rule-content ul li .request {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    line-height: 25px
}

.red-rule-modal .rule-content p {
    padding-top: 10px;
    color: #999
}

.notice-modal .ivu-modal-header {
    height: 48px;
    text-align: center;
    background: #c82834;
    border-radius: 9px 9px 0 0
}

.notice-modal .ivu-modal-header-inner {
    color: #fff;
    font-size: 20px
}

.notice-modal .ivu-modal-close {
    top: 14px
}

.notice-modal .ivu-modal-close .ivu-icon-ios-close-empty:before {
    display: none
}

.notice-modal .ivu-modal-content {
    border-radius: 10px
}

.notice-modal .notice-content {
    font-size: 14px;
    min-height: 300px;
    max-height: 500px;
    word-break: break-all;
    word-wrap: break-word;
    overflow-y: auto
}

.notice-modal .notice-title {
    margin-bottom: 10px;
    text-align: center;
    line-height: 40px;
    color: #646464;
    border-bottom: 1px dotted #b4b4b4
}

.notice-modal .notice-date {
    margin-top: 10px;
    text-align: right;
    font-size: 14px;
    line-height: 1;
    color: #999
}

.notice-modal .ivu-modal-footer {
    display: none
}

.Withdraw-label .ivu-form-item-label {
    font-size: 14px
}

.ivu-back-top-inner {
    background-color: transparent !important;
    box-shadow: 0 0 0 transparent !important
}

.ivu-back-top {
    position: absolute;
    bottom: 0 !important;
    left: 0
}

.concatUs {
    width: 50px;
    background-color: #e64254;
    border-radius: 4px 0 0 4px;
    position: fixed;
    top: 250px;
    right: 0;
    z-index: 999;
    transform: translateY(-50%);
}

.concatUs .ivu-radio-checked .ivu-radio-inner {
    border-color: #6cad82 !important
}

.concatUs .ivu-radio-checked .ivu-radio-inner:after {
    background-color: #6cad82 !important
}

body {
    font-size: 14px
}

.ivu-table {
    font-size: 12px
}

.vertical-center-modal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vertical-center-modal .ivu-modal {
    top: 0
}

.security-setting li .txt input {
    top: 17px;
    border: 0;
    padding: 0
}

.ivu-tooltip-inner {
    background-color: #fff;
    color: #f3596a
}

.ivu-input-number-input {
    text-align: center !important
}

.inputbet .ivu-input-number-input,
.zhPanel .moneyInput .ivu-input-number-input {
    text-align: left !important;
    padding-left: 10px !important
}

.ivu-message {
    z-index: 10000
}

.ivu-message-notice-content {
    padding: 10px 20px 14px;
    font-size: 16px
}

.ivu-message .ivu-icon {
    font-size: 27px;
    top: 4px
}

.ivu-message-notice-close {
    top: 50%;
    margin-top: -9px
}

.ivu-message-notice-close i.ivu-icon {
    font-size: 25px
}

.ivu-modal-confirm-body {
    font-size: 14px
}

.ivu-spin-fix {
    background-color: hsla(0, 0%, 100%, .5)
}

.ivu-dropdown-menu {
    min-width: auto
}

.ivu-modal-wrap {
    z-index: 10000
}

button {
    outline: none;
    cursor: pointer
}

.ivu-modal-close {
    font-size: 21px;
    color: #999;
}

.vertical,
.vertical-reg {
    display: none;
}

.router-link-active.on {
    color: #fff;
}


/*# sourceMappingURL=main.3a77c44b36973b6e09880f7def175e58.css.map */