@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_1124052_fym4uhnxi56.eot?t=1559718556112);
    src: url(//at.alicdn.com/t/font_1124052_fym4uhnxi56.eot?t=1559718556112#iefix) format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"),url(//at.alicdn.com/t/font_1124052_fym4uhnxi56.woff?t=1559718556112) format("woff"),url(//at.alicdn.com/t/font_1124052_fym4uhnxi56.ttf?t=1559718556112) format("truetype"),url(//at.alicdn.com/t/font_1124052_fym4uhnxi56.svg?t=1559718556112#iconfont) format("svg")
}

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

.icon-appreciate:before {
    content: "\e644"
}

.icon-check:before {
    content: "\e645"
}

.icon-close:before {
    content: "\e646"
}

.icon-edit:before {
    content: "\e649"
}

.icon-emoji:before {
    content: "\e64a"
}

.icon-roundcheckfill:before {
    content: "\e656"
}

.icon-roundcheck:before {
    content: "\e657"
}

.icon-search:before {
    content: "\e65c"
}

.icon-likefill:before {
    content: "\e668"
}

.icon-like:before {
    content: "\e669"
}

.icon-filter:before {
    content: "\e69c"
}

.icon-deletefill:before {
    content: "\e6a6"
}

.icon-appreciatefill:before {
    content: "\e6e3"
}

.icon-share:before {
    content: "\e6f3"
}

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

.icon-move:before {
    content: "\e768"
}

.icon-double-arrow-left:before {
    content: "\e714"
}

.icon-double-arrow-right:before {
    content: "\e7e1"
}

.icon-arrow-top:before {
    content: "\e65d"
}

.icon-arrow-left:before {
    content: "\e65e"
}

.icon-arrow-bottom:before {
    content: "\e65f"
}

.icon-arrow-right:before {
    content: "\e660"
}

body,button,input,select,textarea {
    font-family: PingFang SC,Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
    color: #333
}

body {
    font-size: 14px;
    line-height: 1
}

article,aside,blockquote,body,button,dd,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

em,i {
    font-style: normal
}

li {
    list-style: none
}

img {
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

img,input {
    vertical-align: middle
}

a,input,textarea {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    -webkit-font-smoothing: antialiased
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    appearance: none;
    margin: 0
}

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

a,a:focus,a:hover {
    text-decoration: none
}

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

.center-absolute {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.text-ellipsis {
    width: 100%;
    white-space: nowrap
}

.text-ellipsis,.text-ellipsis-mul {
    overflow: hidden;
    text-overflow: ellipsis
}

.text-ellipsis-mul {
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.flex,.flex-wrap {
    display: -webkit-box;
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.flex1 {
    -webkit-box-flex: 1;
    flex: 1
}

.column-flex,.flex-column {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.between-flex,.flex-between {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.center-flex,.flex-center,.flex-middle,.middle-flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.center-flex,.flex-center {
    -webkit-box-pack: center;
    justify-content: center
}

.triangle-right {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.triangle-right:after {
    content: "";
    border-left: 10px solid #333;
    border-top: 7.07214px solid transparent;
    border-bottom: 7.07214px solid transparent
}

.triangle-left {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.triangle-left:after {
    content: "";
    border-right: 10px solid #333;
    border-top: 7.07214px solid transparent;
    border-bottom: 7.07214px solid transparent
}

.triangle-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.triangle-top:after {
    content: "";
    border-bottom: 10px solid #333;
    border-left: 7.07214px solid transparent;
    border-right: 7.07214px solid transparent
}

.triangle-bottom {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.triangle-bottom:after {
    content: "";
    border-top: 10px solid #333;
    border-left: 7.07214px solid transparent;
    border-right: 7.07214px solid transparent
}

.arrow-right {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.arrow-right:after {
    content: "";
    display: block;
    width: .6em;
    height: .6em;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transform: translate(-35%) rotate(45deg);
    transform: translate(-35%) rotate(45deg);
    margin-left: .5em
}

.arrow-left {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.arrow-left:after {
    content: "";
    display: block;
    width: .6em;
    height: .6em;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transform: translate(35%) rotate(-135deg);
    transform: translate(35%) rotate(-135deg);
    margin-left: .5em
}

.arrow-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.arrow-top:after {
    content: "";
    display: block;
    width: .6em;
    height: .6em;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transform: translateY(35%) rotate(-45deg);
    transform: translateY(35%) rotate(-45deg);
    margin-left: .5em
}

.arrow-bottom {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.arrow-bottom:after {
    content: "";
    display: block;
    width: .6em;
    height: .6em;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transform: translateY(-35%) rotate(135deg);
    transform: translateY(-35%) rotate(135deg);
    margin-left: .5em
}

.balloon-right {
    display: inline-block;
    cursor: pointer;
    position: relative
}

.balloon-right:after,.balloon-right:before {
    position: absolute;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .18s ease-out .18s;
    transition: all .18s ease-out .18s;
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-3px,-50%);
    transform: translate(-3px,-50%)
}

.balloon-right:before {
    content: "";
    margin-left: 5px;
    border-right: 6px solid rgba(0,0,0,.7);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

.balloon-right:after {
    content: attr(data-balloon);
    background: rgba(0,0,0,.7);
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding: .6em .8em;
    white-space: nowrap;
    margin-left: 11px
}

.balloon-right:hover:after,.balloon-right:hover:before {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.balloon-left {
    display: inline-block;
    cursor: pointer;
    position: relative
}

.balloon-left:after,.balloon-left:before {
    position: absolute;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .18s ease-out .18s;
    transition: all .18s ease-out .18s;
    top: 50%;
    right: 100%;
    -webkit-transform: translate(3px,-50%);
    transform: translate(3px,-50%)
}

.balloon-left:before {
    content: "";
    margin-right: 5px;
    border-left: 6px solid rgba(0,0,0,.7);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

.balloon-left:after {
    content: attr(data-balloon);
    background: rgba(0,0,0,.7);
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding: .6em .8em;
    white-space: nowrap;
    margin-right: 11px
}

.balloon-left:hover:after,.balloon-left:hover:before {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.balloon-top {
    display: inline-block;
    cursor: pointer;
    position: relative
}

.balloon-top:after,.balloon-top:before {
    position: absolute;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .18s ease-out .18s;
    transition: all .18s ease-out .18s;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%,3px);
    transform: translate(-50%,3px)
}

.balloon-top:before {
    content: "";
    margin-bottom: 5px;
    border-top: 6px solid rgba(0,0,0,.7);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.balloon-top:after {
    content: attr(data-balloon);
    background: rgba(0,0,0,.7);
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding: .6em .8em;
    white-space: nowrap;
    margin-bottom: 11px
}

.balloon-top:hover:after,.balloon-top:hover:before {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.balloon-bottom {
    display: inline-block;
    cursor: pointer;
    position: relative
}

.balloon-bottom:after,.balloon-bottom:before {
    position: absolute;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .18s ease-out .18s;
    transition: all .18s ease-out .18s;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%,-3px);
    transform: translate(-50%,-3px)
}

.balloon-bottom:before {
    content: "";
    margin-top: 5px;
    border-bottom: 6px solid rgba(0,0,0,.7);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.balloon-bottom:after {
    content: attr(data-balloon);
    background: rgba(0,0,0,.7);
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding: .6em .8em;
    white-space: nowrap;
    margin-top: 11px
}

.balloon-bottom:hover:after,.balloon-bottom:hover:before {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.one-px-bottom {
    position: relative
}

.one-px-bottom:after {
    content: "";
    display: block;
    background-color: #d9d9d9;
    -webkit-transform: scaleY(.5);
    bottom: 0;
    position: absolute;
    height: 1px;
    right: 0;
    left: 0;
    transform: scaleY(.5)
}

.one-px-top {
    position: relative
}

.one-px-top:after {
    content: "";
    display: block;
    background-color: #d9d9d9;
    -webkit-transform: scaleY(.5);
    top: 0;
    position: absolute;
    height: 1px;
    right: 0;
    left: 0;
    transform: scaleY(.5)
}

.one-px-right {
    position: relative
}

.one-px-right:after {
    content: "";
    display: block;
    background-color: #d9d9d9;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    right: 0;
    position: absolute;
    width: 1px;
    bottom: 0;
    top: 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.one-px-left {
    position: relative
}

.one-px-left:after {
    content: "";
    display: block;
    background-color: #d9d9d9;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    left: 0;
    position: absolute;
    width: 1px;
    bottom: 0;
    top: 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

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

.fl {
    float: left
}

.fr {
    float: right
}

.full {
    width: 100%;
    height: 100%
}

.pointer {
    cursor: pointer
}

.cover {
    background-size: cover;
    background-position: 50%
}

.cover>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes pacman-balls {
    75% {
        opacity: .7
    }

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

@keyframes pacman-balls {
    75% {
        opacity: .7
    }

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

.k-pacman {
    position: relative
}

.k-pacman>div:nth-child(2) {
    -webkit-animation: pacman-balls 1s linear -.99s infinite;
    animation: pacman-balls 1s linear -.99s infinite
}

.k-pacman>div:nth-child(3) {
    -webkit-animation: pacman-balls 1s linear -.66s infinite;
    animation: pacman-balls 1s linear -.66s infinite
}

.k-pacman>div:nth-child(4) {
    -webkit-animation: pacman-balls 1s linear -.33s infinite;
    animation: pacman-balls 1s linear -.33s infinite
}

.k-pacman>div:nth-child(5) {
    -webkit-animation: pacman-balls 1s linear 0s infinite;
    animation: pacman-balls 1s linear 0s infinite
}

.k-pacman>div:first-of-type {
    -webkit-animation: rotate_pacman_half_up .5s 0s infinite;
    animation: rotate_pacman_half_up .5s 0s infinite
}

.k-pacman>div:first-of-type,.k-pacman>div:nth-child(2) {
    width: 0;
    height: 0;
    border: 25px solid #1890ff;
    border-right-color: transparent;
    border-radius: 25px;
    position: relative;
    left: -30px
}

.k-pacman>div:nth-child(2) {
    -webkit-animation: rotate_pacman_half_down .5s 0s infinite;
    animation: rotate_pacman_half_down .5s 0s infinite;
    margin-top: -50px
}

.k-pacman>div:nth-child(3),.k-pacman>div:nth-child(4),.k-pacman>div:nth-child(5),.k-pacman>div:nth-child(6) {
    background-color: #1890ff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: translateY(-6.25px);
    transform: translateY(-6.25px);
    top: 25px;
    left: 70px
}

@-webkit-keyframes k-line-spinning {
    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

@keyframes k-line-spinning {
    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

.k-line-spinning {
    position: relative;
    top: -10px;
    left: -4px;
    height: 0;
    width: 0
}

.k-line-spinning>div:first-child {
    top: 10px;
    left: 0;
    -webkit-animation: k-line-spinning 1.2s ease-in-out -.84s infinite;
    animation: k-line-spinning 1.2s ease-in-out -.84s infinite
}

.k-line-spinning>div:nth-child(2) {
    top: 6.81818px;
    left: 6.81818px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: k-line-spinning 1.2s ease-in-out -.72s infinite;
    animation: k-line-spinning 1.2s ease-in-out -.72s infinite
}

.k-line-spinning>div:nth-child(3) {
    top: 0;
    left: 10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: k-line-spinning 1.2s ease-in-out -.6s infinite;
    animation: k-line-spinning 1.2s ease-in-out -.6s infinite
}

.k-line-spinning>div:nth-child(4) {
    top: -6.81818px;
    left: 6.81818px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: k-line-spinning 1.2s ease-in-out -.48s infinite;
    animation: k-line-spinning 1.2s ease-in-out -.48s infinite
}

.k-line-spinning>div:nth-child(5) {
    top: -10px;
    left: 0;
    -webkit-animation: k-line-spinning 1.2s ease-in-out -.36s infinite;
    animation: k-line-spinning 1.2s ease-in-out -.36s infinite
}

.k-line-spinning>div:nth-child(6) {
    top: -6.81818px;
    left: -6.81818px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: k-line-spinning 1.2s ease-in-out -.24s infinite;
    animation: k-line-spinning 1.2s ease-in-out -.24s infinite
}

.k-line-spinning>div:nth-child(7) {
    top: 0;
    left: -10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: k-line-spinning 1.2s ease-in-out -.12s infinite;
    animation: k-line-spinning 1.2s ease-in-out -.12s infinite
}

.k-line-spinning>div:nth-child(8) {
    top: 6.81818px;
    left: -6.81818px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: k-line-spinning 1.2s ease-in-out 0s infinite;
    animation: k-line-spinning 1.2s ease-in-out 0s infinite
}

.k-line-spinning>div {
    background-color: #1890ff;
    border-radius: 2px;
    margin: 1px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 2px;
    height: 9px
}

@-webkit-keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }

    to {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }

    to {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

.k-line-pulse>div {
    width: 4px;
    height: 25px;
    background-color: #1890ff;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    margin: 1px;
    -webkit-animation: line-scale-pulse-out .9s cubic-bezier(.85,.25,.37,.85) -.6s infinite;
    animation: line-scale-pulse-out .9s cubic-bezier(.85,.25,.37,.85) -.6s infinite
}

.k-line-pulse>div:nth-child(2),.k-line-pulse>div:nth-child(4) {
    -webkit-animation-delay: -.4s!important;
    animation-delay: -.4s!important
}

.k-line-pulse>div:first-child,.k-line-pulse>div:nth-child(5) {
    -webkit-animation-delay: -.2s!important;
    animation-delay: -.2s!important
}

.k-input {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 8px 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    box-sizing: border-box;
    font-size: 16px
}

.k-input::-webkit-input-placeholder {
    color: #ccc
}

.k-input:focus {
    border-color: #40a9ff;
    box-shadow: 0 0 0 2px rgba(24,144,255,.2)
}

.k-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: inherit;
    font-size: 18px;
    height: 34px;
    outline: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 0 20px;
    margin: 5px;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    background: #fff
}

.k-btn:after {
    content: "";
    opacity: 0;
    display: block;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.k-btn:hover:not(:active):after {
    opacity: .05
}

.k-btn:active:after {
    opacity: .2
}

.k-btn.k-btn-primary {
    border-color: #1890ff;
    color: #fff;
    background-color: #1890ff
}

.k-btn.k-btn-danger {
    color: #f5222d;
    -webkit-transition: all .3s;
    transition: all .3s
}

.k-btn.k-btn-danger:hover {
    background-color: #f5222d;
    border-color: #f5222d;
    color: #fff
}

.k-btn.k-btn-success {
    border-color: #fff;
    color: #fff;
    background-color: #1aad19
}

.k-switch {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 52px;
    height: 32px;
    border: 1px solid #dfdfdf;
    outline: 0;
    border-radius: 16px;
    box-sizing: border-box;
    background-color: #dfdfdf;
    -webkit-transition: background-color .1s,border .1s;
    transition: background-color .1s,border .1s
}

.k-switch:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -webkit-transition: -webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);
    transition: -webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);
    transition: transform .35s cubic-bezier(.4,.4,.25,1.35);
    transition: transform .35s cubic-bezier(.4,.4,.25,1.35),-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35)
}

.k-switch:checked {
    border: 1px solid #1890ff;
    background: #1890ff
}

.k-switch:checked:after {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

@-webkit-keyframes my-process {
    form {
        background-position: 0
    }

    to {
        background-position: 48px
    }
}

@keyframes my-process {
    form {
        background-position: 0
    }

    to {
        background-position: 48px
    }
}

.k-process {
    width: 240px;
    height: 20px;
    border-radius: 10px;
    margin: 10px auto;
    background: linear-gradient(135deg,transparent,transparent 31%,rgba(0,0,0,.05) 33%,rgba(0,0,0,.05) 67%,transparent 69%),#1890ff;
    background-position: 50%;
    background-size: 48px 22px;
    -webkit-animation: my-process 1s linear 0s infinite;
    animation: my-process 1s linear 0s infinite
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

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

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

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

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

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

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}