@charset "UTF-8";.flex {
    flex-direction: row
}

.flex-all {
    flex: 1
}

#app .el-slider__runway {
    background-color: #2e3244
}

.fr .icon-xiazaiapp[data-v-24bc54c2] {
    font-size: 18px;
    margin-top: 0
}

.custom-service[data-v-24bc54c2]:hover,.fr .icon-xiazaiapp[data-v-24bc54c2]:hover {
    color: #00a4d8
}

.mr5[data-v-24bc54c2] {
    margin-right: 5px
}

.mr10[data-v-24bc54c2] {
    margin-right: 10px
}

.nav-list-a[data-v-24bc54c2] {
    display: flex;
    height: 48px;
    flex-direction: row;
    align-items: center
}

.fr .el-icon-sunny[data-v-24bc54c2] {
    color: #f39049;
    margin: 0 12px
}

.fr .el-icon-moon[data-v-24bc54c2] {
    color: #d5b433;
    margin: 0 12px
}

.day .nav_bar[data-v-24bc54c2] {
    background: rgba(0,0,0,.85)
}

.icon-zhankai[data-v-24bc54c2] {
    transition: all .2s;
    font-size: 14px
}

.icon-zhankai.open[data-v-24bc54c2] {
    transform: scale(.9) rotate(450deg)!important
}

.icon-zhankai.close[data-v-24bc54c2] {
    transform: scale(.9) rotate(180deg)!important
}

.account_login[data-v-24bc54c2]:hover,.chooselang-wrap[data-v-24bc54c2]:hover {
    color: #00a4d8
}

.nav_bar[data-v-24bc54c2] {
    line-height: 48px;
    height: 49px;
    width: 100%;
    min-width: 1200px;
    padding: 0 20px;
    background: #181d25;
    border-bottom-color: transparent
}

.nav_bar .base a[data-v-24bc54c2] {
    display: flex;
    box-sizing: border-box;
    height: 48px
}

.nav_bar .base .router-link-active[data-v-24bc54c2],.nav_bar .base a[data-v-24bc54c2]:hover {
    color: #00a4d8;
    border-bottom: 2px solid #00a4d8
}

.nav_bar .login[data-v-24bc54c2] {
    font-size: 14px
}

.nav_bar .login .router-link-active[data-v-24bc54c2],.nav_bar .login a[data-v-24bc54c2]:hover {
    color: #00a4d8
}

.nav_bar .content[data-v-24bc54c2] {
    margin: 0 auto
}

.nav_bar .router-link-active[data-v-24bc54c2] {
    color: #7a98f7
}

.nav_bar .msg_wrap[data-v-24bc54c2] {
    display: flex;
    align-items: center
}

.nav_bar .msg_wrap>div[data-v-24bc54c2] {
    margin: 0 10px
}

.nav_bar .icon_img[data-v-24bc54c2] {
    width: 15px
}

.nav_bar .assets_icon_img[data-v-24bc54c2],.nav_bar .order_icon_img[data-v-24bc54c2] {
    width: 20px;
    height: 20px
}

.nav_bar .sp[data-v-24bc54c2] {
    line-height: normal;
    margin: 0 4px
}

.nav_bar .navbar-logo[data-v-24bc54c2] {
    vertical-align: middle
}

.nav_bar .account_login[data-v-24bc54c2],.nav_bar .assets_item[data-v-24bc54c2],.nav_bar .order_item[data-v-24bc54c2] {
    font-size: 14px
}

.nav_bar .assets_item[data-v-24bc54c2],.nav_bar .order_item[data-v-24bc54c2] {
    height: 48px;
    display: flex;
    align-items: center
}

.nav_bar .lang-choose[data-v-24bc54c2] {
    display: none;
    cursor: default;
    position: absolute;
    top: 48px;
    right: -44px;
    z-index: 999;
    width: 188px;
    line-height: 40px;
    background-color: #fff;
    z-index: 5000;
    border-radius: 3px;
    box-shadow: 0 0 2px 4px rgba(0,0,0,.2)
}

.nav_bar .lang-choose p[data-v-24bc54c2] {
    padding-left: 20px
}

.nav_bar .lang-choose p img[data-v-24bc54c2] {
    width: 14px;
    vertical-align: middle;
    margin-right: 8px;
    display: inline-block
}

.nav_bar .lang-choose p img[data-v-24bc54c2]:nth-child(2) {
    display: none
}

.nav_bar .lang-choose p[data-v-24bc54c2]:hover {
    color: #00a4d8;
    background-color: rgba(242,246,250,.7)!important
}

.nav_bar .lang-choose p:hover img[data-v-24bc54c2]:nth-child(2) {
    display: inline-block
}

.nav_bar .account-choose[data-v-24bc54c2] {
    cursor: default;
    position: absolute;
    top: 48px;
    right: -44px;
    z-index: 999;
    width: 188px;
    line-height: 40px;
    background-color: #181d25;
    z-index: 5000;
    border-radius: 3px;
    box-shadow: 0 0 2px 4px rgba(0,0,0,.2)
}

.nav_bar .account-choose p[data-v-24bc54c2] {
    padding-left: 20px
}

.nav_bar .account-choose p img[data-v-24bc54c2] {
    width: 14px;
    vertical-align: middle;
    margin-right: 8px;
    display: inline-block
}

.nav_bar .account-choose p img[data-v-24bc54c2]:nth-child(2) {
    display: none
}

.nav_bar .account-choose p[data-v-24bc54c2]:hover {
    color: #00a4d8;
    background-color: #30323c
}

.nav_bar .account-choose p:hover img[data-v-24bc54c2]:nth-child(2) {
    display: inline-block
}

.nav_bar .account-choose p:hover img[data-v-24bc54c2]:first-child {
    display: none
}

.nav_bar .asset-choose[data-v-24bc54c2] {
    cursor: default;
    position: absolute;
    top: 48px;
    right: 156px;
    width: 188px;
    line-height: 40px;
    background-color: #262a42;
    z-index: 5000;
    border-radius: 3px;
    box-shadow: 0 0 2px 4px rgba(0,0,0,.2)
}

.nav_bar .asset-choose p[data-v-24bc54c2] {
    padding-left: 20px
}

.nav_bar .asset-choose p img[data-v-24bc54c2] {
    width: 14px;
    vertical-align: middle;
    margin-right: 8px;
    display: inline-block
}

.nav_bar .asset-choose p img[data-v-24bc54c2]:nth-child(2) {
    display: none
}

.nav_bar .asset-choose p[data-v-24bc54c2]:hover {
    color: #5697f4;
    background-color: #181b2a
}

.nav_bar .asset-choose p:hover img[data-v-24bc54c2]:nth-child(2) {
    display: inline-block
}

.nav_bar .asset-choose p:hover img[data-v-24bc54c2]:first-child {
    display: none
}

.nav_bar .order-choose[data-v-24bc54c2] {
    cursor: default;
    position: absolute;
    top: 48px;
    right: 56px;
    width: 188px;
    line-height: 40px;
    background-color: #262a42;
    z-index: 5000;
    border-radius: 3px;
    box-shadow: 0 0 2px 4px rgba(0,0,0,.2)
}

.nav_bar .order-choose p[data-v-24bc54c2] {
    padding-left: 20px
}

.nav_bar .order-choose p img[data-v-24bc54c2] {
    width: 14px;
    vertical-align: middle;
    margin-right: 8px;
    display: inline-block
}

.nav_bar .order-choose p img[data-v-24bc54c2]:nth-child(2) {
    display: none
}

.nav_bar .order-choose p[data-v-24bc54c2]:hover {
    color: #5697f4;
    background-color: #181b2a
}

.nav_bar .order-choose p:hover img[data-v-24bc54c2]:nth-child(2) {
    display: inline-block
}

.nav_bar .order-choose p:hover img[data-v-24bc54c2]:first-child {
    display: none
}

.nav_bar .navbar-item[data-v-24bc54c2] {
    color: #cdd6e4
}

.nav_bar .navbar-item li[data-v-24bc54c2] {
    float: left;
    height: 48px;
    line-height: 48px;
    padding: 0 11px;
    display: block;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    color: #c7cce6
}

.nav_bar .navbar-item li.active[data-v-24bc54c2] {
    color: #00a4d8;
    border: none
}

.nav_bar .login[data-v-24bc54c2] {
    color: #cdd6e4
}

.nav_bar .login span[data-v-24bc54c2] {
    cursor: pointer
}

.nav_bar .login .ml20[data-v-24bc54c2] {
    margin-left: 20px
}

.downapp[data-v-24bc54c2] {
    position: relative
}

.downapp .appcode[data-v-24bc54c2] {
    position: absolute;
    top: 50px;
    z-index: 10;
    left: -80px;
    width: 260px;
    background-color: #fff;
    height: 140px;
    border-radius: 4px
}

.downapp .appcode span[data-v-24bc54c2] {
    position: absolute;
    top: -20px;
    left: 130px;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent
}

.downapp .appcode .app-left[data-v-24bc54c2] {
    width: 130px;
    float: left;
    text-align: center;
    position: relative
}

.downapp .appcode .app-left .code[data-v-24bc54c2] {
    position: relative;
    top: 5px;
    left: 10px
}

.downapp .appcode .app-left .code img[data-v-24bc54c2] {
    width: 100px;
    height: 100px
}

.downapp .appcode .app-left .code p[data-v-24bc54c2]:last-child {
    position: absolute;
    bottom: 0
}

.downapp .appcode .app-right[data-v-24bc54c2] {
    float: right;
    width: 110px;
    text-align: center;
    margin-right: 10px;
    padding-right: 10px;
    margin-top: 5px
}

.downapp .appcode .app-right p[data-v-24bc54c2] {
    top: -10px
}

.downapp .appcode .app-right p img[data-v-24bc54c2] {
    width: 20px;
    position: relative;
    top: 4px;
    margin-top: 0
}

.downapp .appcode .app-right img[data-v-24bc54c2] {
    width: 40px;
    margin-top: 30px
}

.downapp .appcode .app-right b[data-v-24bc54c2] {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #f7f6f6;
    text-align: center;
    top: 0;
    border-radius: 4px
}

.downapp .appcode .texts[data-v-24bc54c2] {
    position: relative;
    top: -30px;
    color: #333
}

.register_btn[data-v-24bc54c2] {
    border: 1px solid #00a4d8;
    padding: 0 16px;
    line-height: 28px;
    border-radius: 2px;
    font-size: 14px
}

.register_btn[data-v-24bc54c2]:hover {
    background-color: #00a4d8;
    color: #fff
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

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

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

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

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

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

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

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

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

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

@-webkit-keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

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

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

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

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        transition-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)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

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

@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

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

@-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;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

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

    to {
        opacity: 1;
        transform: none
    }
}

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

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        transform: none
    }
}

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

    to {
        opacity: 1;
        transform: none
    }
}

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

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

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

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        transform: none
    }
}

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

    to {
        opacity: 1;
        transform: none
    }
}

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

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

@-webkit-keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        transition-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        transition-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        transition-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        transition-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes slideInDown {
    0% {
        transform: translateY(-100%);
        visibility: visible
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translateY(-100%);
        visibility: visible
    }

    to {
        transform: translateY(0)
    }
}

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

@-webkit-keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        visibility: visible
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        visibility: visible
    }

    to {
        transform: translateX(0)
    }
}

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

@-webkit-keyframes slideInRight {
    0% {
        transform: translateX(100%);
        visibility: visible
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translateX(100%);
        visibility: visible
    }

    to {
        transform: translateX(0)
    }
}

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

@-webkit-keyframes slideInUp {
    0% {
        transform: translateY(100%);
        visibility: visible
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translateY(100%);
        visibility: visible
    }

    to {
        transform: translateY(0)
    }
}

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

@-webkit-keyframes slideOutDown {
    0% {
        transform: translateY(0)
    }

    to {
        visibility: hidden;
        transform: translateY(100%)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateY(0)
    }

    to {
        visibility: hidden;
        transform: translateY(100%)
    }
}

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

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }

    to {
        visibility: hidden;
        transform: translateX(-100%)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }

    to {
        visibility: hidden;
        transform: translateX(-100%)
    }
}

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

@-webkit-keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }

    to {
        visibility: hidden;
        transform: translateX(100%)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }

    to {
        visibility: hidden;
        transform: translateX(100%)
    }
}

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

@-webkit-keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }

    to {
        visibility: hidden;
        transform: translateY(-100%)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }

    to {
        visibility: hidden;
        transform: translateY(-100%)
    }
}

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

.seamless-warp2[data-v-2ff2e1d3] {
    overflow: hidden;
    height: 120px;
    width: 100%
}

.seamless-warp2>ul li[data-v-2ff2e1d3] {
    float: left;
    margin-right: 10px
}

.info-list[data-v-2ff2e1d3] {
    margin: 60px auto
}

.info-list li[data-v-2ff2e1d3] {
    width: 25%;
    font-size: 14px;
    padding: 0 15px;
    box-sizing: border-box
}

.info-list li .title[data-v-2ff2e1d3] {
    font-size: 18px;
    color: #181d25;
    line-height: 40px
}

.info-list li img[data-v-2ff2e1d3] {
    height: 125px
}

.curPer,.pointer {
    cursor: pointer
}

.gray {
    color: #d3dfe6
}

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

.ml5 {
    margin-left: 5px
}

.banner_wrap {
    background: #11102c;
    background-size: 100% 100%;
    width: 100%;
    height: 400px
}

.swiper-container {
    width: 100%
}

.swiper-slide>img {
    width: 100%;
    height: 400px
}

.swiper-container a,.swiper-container img {
    display: block
}

div.swiper-container .swiper-pagination>span {
    background: #fff;
    border-radius: 0;
    width: 56px;
    height: 3px
}

.swiper-pagination-bullet {
    width: 56px!important;
    background-color: #00a4d8!important
}

.pur-back[data-v-bab33c70] {
    width: 100%;
    height: 64px;
    text-align: center;
    background-color: #000923
}

.pur-back .pur-center[data-v-bab33c70] {
    text-align: center;
    height: 64px;
    padding: 14px 0;
    position: relative
}

.pur-back .pur-center .pur-content[data-v-bab33c70] {
    text-align: center
}

.pur-back .pur-center .pur-text[data-v-bab33c70] {
    height: 39px;
    text-align: right;
    padding-right: 27px;
    display: inline-block;
    vertical-align: top;
    min-width: 210px
}

.pur-back .pur-center .pur-text .pur-title[data-v-bab33c70] {
    color: #fff;
    font-size: 18px;
    line-height: 1
}

.pur-back .pur-center .pur-text .pur-reference .reference[data-v-bab33c70] {
    vertical-align: top
}

.pur-back .pur-center .pur-text .pur-reference .reference-icon[data-v-bab33c70] {
    vertical-align: top;
    position: relative;
    margin: 1px 0 0 2px;
    cursor: pointer;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-size: 12px 12px
}

.pur-back .pur-center .pur-text .pur-reference .reference-icon .arrow_box[data-v-bab33c70] {
    z-index: 5;
    width: 172px;
    height: 36px;
    padding: 10px 12px;
    display: none;
    background: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    color: #596a7a;
    border-radius: 2px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.12);
    position: absolute;
    top: -44px;
    left: -28px
}

.pur-back .pur-center .pur-text .pur-reference[data-v-bab33c70] {
    color: #869ec9;
    font-size: 12px;
    line-height: 14px
}

.pur-back .pur-center .pur-input[data-v-bab33c70] {
    height: 36px;
    position: relative;
    display: inline-block
}

.pur-back .pur-center .pur-input>a {
    cursor: pointer
}

.pur-back .pur-center .pur-input .select-box[data-v-bab33c70] {
    position: relative;
    z-index: 5;
    width: 160px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.12);
    display: inline-block;
    float: left;
    margin-right: 2px
}

.pur-back .pur-center .pur-input .select-box span.BTC[data-v-bab33c70] {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHhtbG5zPSJod…guNDU0eiIgZmlsbD0iI0ZBQUQxNCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat 10px
}

.pur-back .pur-center .pur-input .select-box .select-btn .btn-icon[data-v-bab33c70] {
    width: 20px;
    height: 20px;
    margin: 11px 10px 0 0;
    float: right;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0d…QiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik02IDhsNCA0IDQtNCIvPjwvZz48L3N2Zz4=) no-repeat 5px 4px
}

.pur-back .pur-center .pur-input .select-box .select-btn[data-v-bab33c70] {
    display: inline-block;
    width: 100%;
    height: 36px;
    border: none;
    cursor: pointer;
    text-align: left
}

.pur-back .pur-center .pur-input .shortcut[data-v-bab33c70] {
    display: inline-block;
    text-align: center;
    margin-left: 2px;
    width: 122px;
    height: 36px;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.12);
    background: #05c19e
}

.pur-back .pur-center .pur-input .shortcut:hover {
    background-color: #0da88b
}

.coin-tab {
    max-width: 70%;
    margin: 0 auto;
    padding: 10px 0;
    margin-bottom: 10px;
    display: flex
}

.coin-tab>ul {
    max-width: 90%;
    display: flex
}

.coin-tab>ul li {
    padding: 0 15px;
    color: #9a9eba;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #ccc
}

.coin-tab>ul .activeCoin {
    color: #130928;
    font-weight: 900;
    z-index: 1
}

.coins-list {
    margin: 10px auto;
    max-width: 70%;
    line-height: 51px;
    text-align: center;
    margin-top: 0
}

.coins-list .list-title {
    display: flex;
    padding: 0 30px;
    background: #e8ebf6
}

.coins-list .list-title>span {
    flex: 1;
    font-family: Roboto Condensed,sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #9a9e9a
}

.coins-list .list-title>span:first-child {
    text-align: left
}

.coins-list .list-title>span:last-child {
    text-align: right
}

.coins-list .list-con {
    overflow-y: scroll;
    border-top: none
}

.coins-list .list-con li {
    font-family: Roboto Condensed,sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    color: #130928;
    text-align: right;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    display: flex;
    padding: 0 30px;
    line-height: 40px
}

.coins-list .list-con li:hover {
    background: #f1f6ff
}

.coins-list .list-con li .high_blue {
    color: #563bd1
}

.coins-list .list-con li .low_blue {
    color: #8d75f7
}

.coins-list .list-con li img {
    vertical-align: bottom
}

.coins-list .list-con li>div {
    flex: 1;
    text-align: center
}

.coins-list .list-con li>div:first-child {
    text-align: left
}

.coins-list .list-con li>div:last-child {
    text-align: right
}

.carousel .swiper-slide:hover {
    background-color: #327add
}

.con_left,.nav_left {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.withdraw {
    margin: 0 4px
}

.carousel .last a:hover {
    cursor: pointer
}

.sliders,.sliders img {
    width: 100%
}

.notice_box {
    z-index: 4;
    width: 100%;
    height: 52px;
    box-sizing: border-box;
    border-top: 1px solid rgba(29,50,66,.7);
    margin-top: -1px;
    background-color: #f6f9fc;
    position: relative
}

.notice_box .notice_list {
    width: 100%;
    font-size: 12px;
    line-height: 52px;
    overflow: hidden;
    word-break: keep-all;
    text-align: center
}

.notice_box .notice_list .list {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    padding: 0 2em 0 1.5em;
    text-align: center
}

.notice_box .notice_list .list :hover {
    color: #00a4d8
}

.notice_box .notice_list .list:not(:first-child):before {
    content: "/";
    position: absolute;
    left: -.5em;
    color: #1c242c
}

.notice_ul {
    margin-bottom: 5px;
    background-color: #f6f9fc;
    font-size: 12px;
    line-height: 52px;
    text-align: center
}

.notice_li {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    word-break: keep-all;
    text-align: center
}

.notice_li a {
    height: 36px;
    font-size: 12px;
    padding: 0 25px;
    letter-spacing: 1px
}

.notice_li:after {
    content: "/";
    float: right
}

.notice_li:last-child:after {
    content: "";
    color: #6b80ae
}

.notice_a:hover {
    color: #194b64;
    cursor: pointer
}

.coins li {
    position: relative
}

.arrow {
    border-width: 16px;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: none;
    border-bottom: 8px dashed;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -4px
}

.coins li:hover {
    cursor: pointer
}

.content01 {
    padding: 40px 0;
    background: #fff
}

.content01 .imgs01 {
    width: 300px
}

.content01 .imgs02 {
    width: 400px
}

.content01 .imgs03,.content01 .imgs04,.content01 .imgs05 {
    width: 450px
}

.bg01 {
    background: url(../img/content_bg01.82b9c7a5.png) 50% no-repeat;
    background-size: cover
}

.bg01,.bg02 {
    width: 100%;
    padding: 50px 0
}

.bg02 {
    background: url(../img/content_bg02.82b9c7a5.png) 50% no-repeat;
    background-size: cover
}

.login_btn {
    border: 1px solid #000;
    border-radius: 5px
}

.login_btn,.register_btn {
    padding: 15px 80px;
    cursor: pointer
}

.register_btn {
    border-radius: 5px
}

.foot,.go_transfer {
    padding: 50px 0
}

.market_list {
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid hsla(0,0%,100%,.15);
    background-color: #181d25;
    color: #9eb5ca;
    height: 120px
}

.market_list li {
    padding: 0 10px;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    margin: 0 0;
    padding: 15px 0
}

.market_list li>div {
    border-right: 1px solid #242424
}

.market_list li>div .flex p {
    display: block;
    line-height: 30px;
    height: 30px;
    border-radius: 5px;
    font-size: 14px
}

.market_list li>div .symbol {
    display: block;
    line-height: 25px;
    height: 25px;
    font-size: 14px
}

.market_list li>div .now_price {
    display: block;
    line-height: 45px;
    height: 45px;
    font-size: 20px;
    margin: 0
}

.market_list li>div>p {
    font-size: 14px
}

.market_list li>div>p span:first-child {
    color: #477a90
}

.market_list li:hover {
    background-color: #131313
}

.market_list li:last-child {
    border-width: 0
}

.blue {
    color: #a8adcc
}

.nowPrice {
    font-size: 20px;
    line-height: 20px;
    color: #d2d6ec;
    margin-top: 8px
}

.nowPrice .cny_price {
    font-size: 12px;
    line-height: 12px
}

.symbol {
    margin: 0;
    padding: 0;
    color: #b0b8db;
    font-size: 14px;
    line-height: 14px;
    height: 14px
}

.rateup {
    font-size: 16px;
    top: 0;
    right: 0;
    font-weight: 500;
    margin: 0;
    padding-right: 15px;
    box-sizing: content-box
}

.volume {
    font-size: 12px;
    line-height: 12px;
    color: #61698a;
    margin-top: 16px
}

.greens {
    color: #27b054
}

.feature_wrap {
    background-color: #fff;
    padding: 60px 0;
    min-width: 550px;
    text-align: center;
    color: #54748f;
    line-height: 2em
}

.feature_wrap h2 {
    font-size: 28px;
    margin-bottom: 10px;
    color: #192544
}

.feature_wrap .feature_list {
    padding-top: 80px;
    width: 70%;
    margin: 0 auto
}

.feature_wrap .feature_list li {
    float: left;
    width: 33%;
    background: transparent none no-repeat top
}

.feature_list li div:first-child {
    height: 61px
}

.feature_wrap h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #192544
}

.client_wrap {
    width: 100%;
    height: 710px;
    color: #9eb5ca;
    text-align: center;
    line-height: 2em;
    background-color: #fff
}

.client_wrap .wrap_in {
    height: 610px;
    background-position: top;
    background-repeat: no-repeat;
    background-color: #0b0f10
}

.client_wrap .wrap_in /deep/ .el-button {
    width: 120px;
    text-align: center
}

.client_wrap .wrap_in .inner-wrap {
    max-width: 1920px;
    min-width: 1280px;
    width: 1200px;
    margin: 0 auto
}

.client_wrap .wrap_in h2 {
    margin-bottom: 24px;
    color: #fff;
    font-weight: 400;
    text-align: right;
    padding-right: 50px;
    font-size: 36px
}

.client_wrap .wrap_in .nextp {
    color: #9eb5ca;
    text-align: right;
    font-size: 18px;
    padding-right: 50px
}

.client_wrap .wrap_in ul {
    width: 810px;
    margin: 0 auto;
    text-align: left;
    justify-content: space-around
}

.client_wrap .wrap_in ul li {
    margin: 0 15px;
    color: #9eb5ca;
    padding: 40px 0;
    line-height: 48px;
    position: relative;
    cursor: pointer
}

.client_wrap .wrap_in ul li p {
    height: 48px;
    width: 48px;
    margin: 0 10px 0 0;
    vertical-align: top;
    border-radius: 50%;
    background: rgba(53,124,225,.1) none no-repeat 50%;
    background-image: url(../img/ios.9045397d.svg)
}

.client_wrap .wrap_in ul li .p1 {
    background-image: url(../img/anzhuo.ae9acb99.svg)
}

.client_wrap .wrap_in ul li .codebox {
    position: absolute;
    left: 26%;
    top: 0;
    transform: translate(-50%);
    box-sizing: border-box;
    width: 120px;
    border: 1px solid #357ce1;
    border-radius: 2px;
    background: #fff none no-repeat 12px 12px/96px 96px;
    text-align: center;
    color: #357ce1;
    font-size: 12px;
    line-height: 18px;
    z-index: 6;
    display: none
}

.client_wrap .wrap_in ul li .codebox img {
    width: 100px;
    margin: 0 auto;
    display: block;
    margin-top: 10px
}

.client_wrap .wrap_in ul li:hover .codebox {
    display: block
}

.client_wrap .wrap_in .mon_mind {
    width: 800px;
    position: relative;
    margin: 0 auto
}

.client_wrap .wrap_in .mon_mind>div {
    width: 100%
}

.client_wrap .wrap_in .mon_mind>div .pcimg {
    width: 518px;
    margin: 0 auto
}

.client_wrap .wrap_in .mon_mind>div {
    display: flex;
    flex-direction: row
}

.client_wrap .wrap_in .mon_mind>div .el-button {
    border-radius: 25px;
    padding: 12px 40px
}

.client_wrap .wrap_in .mon_mind>div>div {
    width: 400px;
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.client_wrap .wrap_in .mon_mind>div>div div:last-child {
    display: flex;
    flex-direction: column;
    justify-content: start;
    text-align: left;
    padding-left: 20px;
    box-sizing: border-box
}

.client_wrap .wrap_in .mon_mind>div>div div:last-child>p {
    font-size: 14px
}

.client_wrap .wrap_in .mon_mind>div>div div:last-child>p:first-child {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.client_wrap .wrap_in .mon_mind .mobimg {
    position: absolute;
    right: -60px;
    bottom: -20px;
    width: 122px;
    height: 253px;
    background: #0a151e none no-repeat 50%/cover;
    box-shadow: -9px 12px 62px 0 rgba(36,52,69,.3);
    border-radius: 16.47px
}

.register_wrap {
    height: 240px;
    width: 100%;
    border-top: 0 solid #cad7e0;
    background: #fff
}

.register_wrap h2 {
    color: #232a4a;
    font-size: 22px;
    line-height: 24px
}

.register_wrap .rebox {
    margin: 32px auto 0 auto
}

.register_wrap .input-register {
    width: 400px;
    height: 40px;
    font-size: 12px;
    color: #000;
    border: 1px solid #bdced9;
    border-radius: 2px;
    padding-left: 16px
}

.register_wrap button {
    margin-left: 8px;
    display: inline-block;
    height: 40px;
    padding: 0 44px;
    font-size: 16px;
    min-width: 120px;
    -webkit-appearance: none;
    background-color: #00a4d8;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 2px;
    cursor: pointer
}

.register_wrap button:hover {
    opacity: .8
}

.block {
    display: block
}

.quotation_box {
    background: #fff;
    padding: 15px 50px;
    margin: 0 auto
}

.quotation_box .coinbox {
    min-height: 700px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #f5f5f5;
    padding: 0 10px
}

.quotation_box .coinbox .flex {
    display: flex
}

.quotation_box .coinbox .classfity {
    line-height: 40px;
    color: #9ca9b5;
    padding: 0 30px
}

.quotation_box .coinbox .classfity>div {
    flex: 1;
    display: flex;
    justify-content: center
}

.quotation_box .coinbox .coinlist {
    color: #181d25;
    padding: 0 30px;
    border-bottom: 1px solid #eee
}

.quotation_box .coinbox .coinlist>p {
    flex: 1
}

.quotation_box .coinbox .coinlist .icon-star {
    color: #00a4d8
}

.quotation_box .coinbox .coinlist p {
    line-height: 50px;
    font-size: 14px;
    font-family: Arial;
    text-align: center;
    display: flex;
    justify-content: center
}

.quotation_box .coinbox .coinlist:last-child {
    border-bottom-width: 0
}

.quotation_box .coinbox .hove:hover {
    background-color: #f2f6fa;
    -webkit-animation: aaa .1s ease-in 0s 2.8 alternate;
    animation: aaa .1s ease-in 0s 2.8 alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes aaa {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.03)
    }
}

@keyframes aaa {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.03)
    }
}

.quotation_box .change span {
    width: 90px;
    display: block;
    padding: 3px 10px;
    border-radius: 5px;
    line-height: 25px;
    text-align: center
}

.quotation_box .change.red span {
    background: rgba(239,86,86,.1)
}

.quotation_box .change.green span {
    background: rgba(13,168,139,.1)
}

.quotation_box .main_btn {
    width: 100%;
    margin: 0 auto;
    line-height: 80px
}

.quotation_box .main_btn button {
    color: #fff;
    background-color: #00a4d8;
    padding: 5px 15px;
    border-radius: 5px;
    line-height: 25px
}

.fedui-footer {
    width: 100%;
    background-color: #181d25;
    color: #697080;
    padding-top: 60px;
    padding-bottom: 0;
    min-width: 1280px
}

.fedui-footer>div:nth-child(2)>div:nth-child(1) {
    display: none
}

.fedui-root,.fedui-root *,.fedui-root :after,.fedui-root :before {
    box-sizing: border-box
}

.fedui-footer-inner {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    padding-top: 20px
}

.fedui-footer-logo {
    height: 23px;
    display: none
}

.fedui-footer-copyright {
    font-size: 12px;
    color: #6a707f;
    line-height: 12px;
    padding-top: 16px
}

.fedui-footer-link {
    padding-top: 40px
}

.fedui-footer-link a:first-child {
    margin-left: 0
}

.fedui-footer-link a {
    margin-left: 8px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #a8b7c8;
    display: inline-block;
    border-radius: 50%;
    vertical-align: top
}

.fedui-footer-right {
    width: 792px;
    display: flex;
    justify-content: space-between
}

.fedui-footer-right a:hover {
    color: #fff
}

.fedui-footer-right dl {
    width: 180px
}

.fedui-root dd,.fedui-root dl,.fedui-root dt,.fedui-root li,.fedui-root ul {
    padding: 0;
    margin: 0
}

.fedui-footer-right dt {
    line-height: 20px;
    font-size: 16px;
    padding-bottom: 8px
}

.fedui-footer[data-locale=ko-kr] .fedui-footer-right a,.fedui-footer[data-locale=zh-cn] .fedui-footer-right a,.fedui-footer[data-locale=zh-hk] .fedui-footer-right a,.fedui-footer[data-locale=zh-tw] .fedui-footer-right a {
    line-height: 18px
}

.fedui-footer-right a {
    padding-top: 8px;
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #d5def2;
    word-wrap: break-word
}

.notice .account-wrap[data-v-0c1f64be] {
    background: #181d25
}

.notice .account-wrap .account[data-v-0c1f64be] {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 3px;
    clear: both
}

.notice .account-wrap .account .back-nav[data-v-0c1f64be] {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    background: #181d25
}

.notice .account-wrap .account .nav-after[data-v-0c1f64be] {
    display: block;
    height: 10px;
    background-color: #262a42
}

.notice .account-wrap .account .account-content[data-v-0c1f64be] {
    width: 100%;
    min-height: 1060px;
    background-color: #000;
    border-radius: 10px
}

.notice .account-wrap .account .account-content ul[data-v-0c1f64be] {
    padding: 0 20px;
    font-size: 14px
}

.notice .account-wrap .account .account-content ul li[data-v-0c1f64be] {
    border-bottom: 1px dashed #303b4b;
    height: 72px;
    padding: 10px 0 7px;
    color: #cdd6e4;
    font-size: 12px;
    position: relative;
}

.notice .account-wrap .account .account-content ul li>div>div[data-v-0c1f64be] {
    height: 52px;
    line-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right:150px;
}

.notice .account-wrap .account .account-content ul li>div span[data-v-0c1f64be] {
    color: #61688a;
    position: absolute;
    right: 0;
    top: 10px;
    line-height: 52px;
}

.title[data-v-cbab70d0] {
    height: 48px;
    line-height: 48px;
    padding: 0 10px 0 30px;
    background-color: #181b2a
}

.container[data-v-cbab70d0] {
    padding: 10px 25px 10px 20px;
    height: 580px;
    overflow: auto
}

.deal-title[data-v-cbab70d0] {
    color: #637085;
    margin-bottom: 5px
}

.list-item li[data-v-cbab70d0] {
    line-height: 20px
}

.deal-title span[data-v-cbab70d0],.list-item li span[data-v-cbab70d0] {
    width: 33%;
    display: inline-block;
    float: left
}

.list-item li span[data-v-cbab70d0]:nth-child(3) {
    color: #cc4951
}

.list-item li span.green[data-v-cbab70d0] {
    color: #55a067
}

.red[data-v-cbab70d0] {
    color: #cc4951
}

.exchange[data-v-cd4c12be] {
    height: 100%
}

.title[data-v-cd4c12be] {
    height: 48px;
    line-height: 48px;
    padding: 0 10px 0 30px;
    background-color: #181b2a
}

.content[data-v-cd4c12be] {
    padding: 0 10px;
    height: 100%
}

.new_price[data-v-cd4c12be] {
    border-bottom: 1px solid #303b4b;
    padding: 3px 20px
}

.exchange_title[data-v-cd4c12be] {
    line-height: 25px;
    position: relative;
    color: #637085
}

.list-item li[data-v-cd4c12be] {
    line-height: 25px;
    overflow-y: auto;
    overflow-x: hidden
}

.list-item[data-v-cd4c12be] {
    height: calc(100% - 50px);
    overflow: auto
}

.exchange_title span[data-v-cd4c12be],.list-item li span[data-v-cd4c12be] {
    width: 25%;
    display: block;
    float: left
}

.green[data-v-cd4c12be] {
    color: #55a067
}

.red[data-v-cd4c12be] {
    color: #cc4951
}

.list-item li[data-v-cd4c12be]:hover {
    background: #262a42
}

.line[data-v-cd4c12be] {
    height: 5px;
    border-bottom: 1px solid #303b4b
}

.trade[data-v-cc29ccc2] {
    width: 350px;
    padding-bottom: 15px
}

.slider-in[data-v-cc29ccc2],.slider-out[data-v-cc29ccc2] {
    margin: 20px 10px
}

.transbtn[data-v-cc29ccc2]:hover {
    color: #00a4d8;
    border-bottom: 1px solid #00a4d8
}

.title_box[data-v-cc29ccc2] {
    padding: 0 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
    line-height: 50px
}

.btn-wrap[data-v-cc29ccc2] {
    padding: 20px
}

.el-button[data-v-cc29ccc2]:focus,.el-button[data-v-cc29ccc2]:hover,[data-v-cc29ccc2] .el-button {
    background-color: #2e2e2e;
    color: #c4c4c4;
    border-color: #848383;
    width: 50%
}

[data-v-cc29ccc2] .el-button--success {
    background-color: #35b65a;
    width: 50%
}

.el-button--activesell[data-v-cc29ccc2]:hover,[data-v-cc29ccc2] .el-button--activesell:focus {
    color: #fff;
    background-color: #ff494a;
    border-color: #848383
}

.el-button--activebuy[data-v-cc29ccc2]:hover,[data-v-cc29ccc2] .el-button--activebuy:focus {
    color: #fff;
    background-color: #35b65a;
    border-color: #848383
}

[data-v-cc29ccc2] .el-button--activesell {
    background-color: #ff494a;
    color: #fff;
    width: 50%
}

[data-v-cc29ccc2] .el-button--activebuy {
    background-color: #35b65a;
    color: #fff;
    width: 50%
}

.tabtitle span[data-v-cc29ccc2] {
    cursor: pointer
}

[data-v-cc29ccc2] .el-slider__bar {
    background-color: #00a4d8
}

[data-v-cc29ccc2] .el-slider__button {
    border-color: #00a4d8
}

.tabtitle span[data-v-cc29ccc2]:not(:last-child) {
    margin-right: 30px
}

.content .first[data-v-cc29ccc2],.content .second[data-v-cc29ccc2] {
    padding: 0 20px
}

.available[data-v-cc29ccc2] {
    height: 36px;
    border-bottom: 1px solid #303b4b;
    line-height: 36px
}

.input-item[data-v-cc29ccc2] {
    position: relative;
    line-height: 30px;
    margin-top: 10px
}

.input-item div[data-v-cc29ccc2] {
    color: #cdd6e4;
    text-align: center
}

.input-item label[data-v-cc29ccc2] {
    width: 20%;
    font-size: 14px;
    color: #637085;
    display: block
}

.input-item input[data-v-cc29ccc2] {
    width: 100%;
    float: left;
    border: 1px solid #52688c;
    border-radius: 3px;
    height: 32px;
    text-indent: 15px;
    font-size: 16px;
    color: #cdd6e4;
    background-color: #181d25;
    line-height: 30px
}

.input-item span[data-v-cc29ccc2] {
    position: absolute;
    right: 15px;
    color: #637085;
    font-size: 14px
}

.attion[data-v-cc29ccc2] {
    height: 20px;
    line-height: 30px;
    font-size: 12px
}

.sell_btn[data-v-cc29ccc2] {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    color: #f4f5f7;
    line-height: 40px
}

.greenBack[data-v-cc29ccc2] {
    background-color: #35b65a
}

.redBack[data-v-cc29ccc2] {
    background-color: #ff494a
}

input[data-v-cc29ccc2]:disabled {
    color: #627085;
    cursor: not-allowed
}

.active[data-v-cc29ccc2] {
    border-bottom: 1px solid #00a4d8
}

.tabtitle span[data-v-cc29ccc2]:hover {
    border-bottom: 1px solid #00a4d8;
    color: #00a4d8
}

.chart[data-v-948af820] {
    width: 100%
}

.chart .line_title[data-v-948af820] {
    width: 100%;
    line-height: 30px;
    background: #181b2a
}

.chart .line_title span[data-v-948af820] {
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-left: 20px;
    cursor: pointer
}

.chart .highcharts-axis-resizer[data-v-948af820] {
    stroke: #eee
}

.chart .highcharts-axis-resizer[data-v-948af820]:hover {
    stroke: #ccc
}

.title[data-v-826b1a52] {
    height: 36px;
    line-height: 36px
}

.tab_title[data-v-826b1a52] {
    display: inline-block;
    line-height: 46px;
    height: 46px
}

.tab_title span.active[data-v-826b1a52] {
    border-bottom: 1px solid #00a4d8
}

.tab_title span[data-v-826b1a52]:hover {
    color: #00a4d8;
    border-bottom: 1px solid #00a4d8
}

.tab_title span[data-v-826b1a52] {
    cursor: pointer
}

.tab_title span[data-v-826b1a52]:not(:last-child) {
    margin-right: 20px
}

.list-title[data-v-826b1a52] {
    line-height: 40px;
    border-bottom: 1px solid #303b4b;
    height: 40px;
    width: 100%
}

.no_data[data-v-826b1a52] {
    padding: 50px 0
}

.containers[data-v-826b1a52] {
    height: 270px;
    overflow: auto
}

.list-item li[data-v-826b1a52] {
    line-height: 30px
}

.list-item li span[data-v-826b1a52] {
    display: inline-block
}

.list-item li span[data-v-826b1a52]:nth-child(3) {
    color: #cc4951
}

.list-item li[data-v-826b1a52]:hover {
    background-color: #2b3648
}

.list-item li span.green[data-v-826b1a52] {
    color: #55a067
}

.pdb20[data-v-826b1a52] {
    padding-bottom: 20px
}

.containers span[data-v-826b1a52] {
    margin-left: 0
}

.title[data-v-5550d68b] {
    height: 36px;
    line-height: 36px
}

.tab_title[data-v-5550d68b] {
    display: inline-block;
    line-height: 46px;
    height: 46px
}

.tab_title .active[data-v-5550d68b] {
    border-bottom: 1px solid #00a4d8
}

.tab_title span[data-v-5550d68b] {
    cursor: pointer
}

.tab_title span[data-v-5550d68b]:not(:last-child) {
    margin-right: 40px
}

.content[data-v-5550d68b] {
    flex: 1
}

.list-title[data-v-5550d68b] {
    line-height: 40px;
    border-bottom: 1px solid #303b4b;
    height: 40px
}

.no_data[data-v-5550d68b] {
    padding: 50px 0
}

.scroll[data-v-5550d68b] {
    flex: 1
}

.scroll .histentrust-box .entrust .content[data-v-5550d68b],.scroll .histentrust-box .entrust[data-v-5550d68b],.scroll .histentrust-box[data-v-5550d68b] {
    height: 100%
}

.containers[data-v-5550d68b] {
    flex: 1;
    overflow: auto
}

.list-item li[data-v-5550d68b] {
    line-height: 30px
}

.list-item li span[data-v-5550d68b] {
    display: inline-block;
    float: left;
    height: 30px
}

.list-item li[data-v-5550d68b]:hover {
    background-color: #2b3648
}

.list-item li span.green[data-v-5550d68b] {
    color: #55a067
}

.pdb20[data-v-5550d68b] {
    padding-bottom: 20px
}

.containers span[data-v-5550d68b] {
    margin-left: 0
}

.currency[data-v-3925c55a],.title[data-v-3925c55a] {
    background-color: #181b2a
}

.title[data-v-3925c55a] {
    height: 48px;
    line-height: 46px;
    padding: 0 40px 0 30px
}

.content[data-v-3925c55a] {
    padding: 15px 30px 60px
}

.ft24[data-v-3925c55a] {
    font-size: 24px
}

.abstract[data-v-3925c55a] {
    padding: 15px 0;
    border-bottom: 1px solid #303b4b
}

.title-head[data-v-3792a77e] {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #303b4b;
    padding: 0 20px;
    color: #00a4d8;
    display: block;
    margin: 0 0
}

.detail[data-v-3792a77e] {
    width: 250px;
    height: 100%
}

.title[data-v-3792a77e] {
    font-size: 14px
}

.tab_title[data-v-3792a77e] {
    display: inline-block;
    line-height: 46px;
    height: 46px
}

.tab_title span[data-v-3792a77e] {
    cursor: pointer
}

.tab_title span[data-v-3792a77e]:not(:last-child) {
    margin-right: 40px
}

.containers[data-v-3792a77e] {
    height: calc(100% - 60px);
    overflow-y: auto;
    overflow-x: hidden
}

.list-title[data-v-3792a77e] {
    line-height: 25px
}

.list-title li[data-v-3792a77e] {
    width: 33.33%;
    text-align: center
}

.no_data[data-v-3792a77e] {
    padding: 50px 0
}

.containers[data-v-3792a77e] {
    overflow: auto
}

.list-title[data-v-3792a77e] {
    padding: 0 20px
}

.list-title li[data-v-3792a77e]:last-child {
    text-align: right
}

.list-item li[data-v-3792a77e] {
    padding: 0 20px;
    line-height: 2.3;
    display: flex;
    cursor: pointer
}

.list-item li span[data-v-3792a77e] {
    display: inline-block;
    float: left;
    width: 33.3%;
    text-align: center
}

.list-item li span[data-v-3792a77e]:last-child {
    text-align: right
}

.list-item li span.green[data-v-3792a77e] {
    color: #55a067
}

.list-item li[data-v-3792a77e]:hover {
    background-color: #2b3648
}

.list-item li.buy[data-v-3792a77e] {
    color: #35b65a
}

.list-item li.sell[data-v-3792a77e] {
    color: #ff494a
}

.m_title[data-v-4b2fabcf] {
    height: 55px;
    padding: 15px 30px;
    line-height: 25px;
    position: relative
}

.m_search input[data-v-4b2fabcf] {
    border-radius: 3px;
    background: transparent;
    border: 1px solid #52688c;
    line-height: 25px
}

.m_search img[data-v-4b2fabcf] {
    width: 16px;
    height: 15px;
    position: absolute;
    right: 35px;
    top: 20px;
    z-index: 123
}

.m_filter[data-v-4b2fabcf] {
    font-size: 14px
}

.tabtitle[data-v-4b2fabcf] {
    padding: 0 25px
}

.tabtitle span[data-v-4b2fabcf] {
    text-align: center;
    margin-right: 25px
}

.coin-title div[data-v-4b2fabcf] {
    width: 33.3%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    float: left;
    color: #637085;
    font-size: 12px
}

.coin-title img[data-v-4b2fabcf] {
    vertical-align: middle;
    margin-top: -3px
}

.line[data-v-4b2fabcf] {
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #303b4b
}

.coin-wrap[data-v-4b2fabcf] {
    height: auto;
    overflow: hidden
}

.coin-wrap li[data-v-4b2fabcf] {
    height: 39.2px;
    line-height: 39.2px;
    cursor: pointer;
    font-size: 12px;
    color: #cdd6e4
}

.coin-wrap li span[data-v-4b2fabcf] {
    display: block;
    width: 33%;
    float: left;
    text-align: center
}

.coin-wrap li span[data-v-4b2fabcf]:last-child {
    color: #cc4951
}

.coin-title div[data-v-4b2fabcf]:first-child,.currency_p p span[data-v-4b2fabcf]:first-child {
    text-indent: 20px;
    text-align: left
}

.coin-wrap li span.green[data-v-4b2fabcf] {
    color: #55a067
}

.coin-wrap li p[data-v-4b2fabcf] {
    overflow: hidden
}

.active_p[data-v-4b2fabcf],.coin-wrap li p[data-v-4b2fabcf]:hover {
    background-color: #2b3648
}

.red {
    color: #cc4951
}

.green {
    color: #55a067
}

.spinner-title {
    display: block;
    width: 290px;
    box-sizing: border-box;
    font-size: 16px;
    color: #00a4d8
}

#tv-top {
    font-size: 12px;
    position: relative;
    background: transparent;
    color: #c7cce6;
    cursor: pointer
}

#tv-top>span:first-child {
    font-weight: 600;
    padding: 0 15px
}

#tv-top>.lastprice {
    color: #7a98f7;
    font-weight: 600
}

#tv-top>span {
    line-height: 40px;
    margin: 0 2px
}

#tv-top>.market-box {
    height: 531px;
    z-index: 999;
    float: left;
    left: 5px;
    width: 100%;
    background: transparent;
    overflow: auto;
}

#tv-top>.market-box::-webkit-scrollbar {
    display: none;
}

.title[data-v-199b9c59] {
    height: 48px;
    line-height: 48px;
    padding: 0 10px 0 30px;
    background-color: #181b2a
}

.content[data-v-199b9c59] {
    padding: 0
}

.exchange[data-v-199b9c59] {
    width: 230px;
    background: #181d25;
    height: 100%
}

.new_price[data-v-199b9c59] {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #303b4b;
    padding: 0 0 0 20px;
    color: #00a4d8
}

.exchange_title[data-v-199b9c59] {
    line-height: 25px;
    position: relative;
    color: #637085
}

.list-item li[data-v-199b9c59] {
    line-height: 25px;
    overflow: hidden;
    position: relative
}

.list-item li .info-shadow[data-v-199b9c59] {
    height: 100%;
    background: rgba(53,182,90,.3);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    transition: .2s
}

.list-item li .info-shadow.selli[data-v-199b9c59] {
    height: 100%;
    background: rgba(255,73,74,.3);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0
}

.exchange_title span[data-v-199b9c59],.list-item li span[data-v-199b9c59] {
    width: 33.3%;
    display: block;
    float: left
}

.green[data-v-199b9c59] {
    color: #55a067
}

.red[data-v-199b9c59] {
    color: #cc4951
}

.list-item li[data-v-199b9c59]:hover {
    background-color: #2b3648
}

.line[data-v-199b9c59] {
    line-height: 40px;
    text-align: left;
    padding-left: 30px;
    font-size: 16px
}

.info-wrap {
    line-height: 50px;
    padding-left: 20px;
    display: flex;
    font-size: 12px;
    color: #c7cce6
}

.info-wrap div:first-child {
    font-size: 16px;
    color: #00a4d8
}

.info-wrap div {
    padding: 0 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.info-wrap div span {
    line-height: 20px
}

.home[data-v-cd99e9e2] {
    margin-top: 0;
    margin-bottom: 3px;
    justify-content: space-between;
    height: 100%
}

.home>.home-l[data-v-cd99e9e2] {
    width: calc(100% - 683px);
    margin-top: 3px
}

.home>.home-r[data-v-cd99e9e2] {
    width: 680px;
    margin-top: 3px
}

.home>.home-r>.home-r-t[data-v-cd99e9e2] {
    justify-content: space-between;
    min-height: 220px;
    max-height: calc(100% - 360px)
}

.home>.home-r>.home-r-t>div[data-v-cd99e9e2] {
    width: 338px;
    background: #181b2a
}

.home>.home-r>.home-r-b[data-v-cd99e9e2] {
    margin-top: 3px;
    background: #181b2a;
    height: 360px
}

.entrusts[data-v-cd99e9e2] {
    background: #181d25;
    padding: 15px 20px;
    height: 100%;
    display: flex;
    flex-direction: column
}

.entrusts .tab-entrust[data-v-cd99e9e2] {
    color: #f1f1f1
}

.entrusts .tab-entrust span[data-v-cd99e9e2] {
    margin-right: 15px;
    cursor: pointer
}

.entrusts .tab-entrust span[data-v-cd99e9e2]:hover {
    color: #00a4d8;
    border-bottom: 1px solid #00a4d8
}

.entrusts .entrust-box[data-v-cd99e9e2],.entrusts .histentrust-box[data-v-cd99e9e2] {
    flex: 1
}

.active[data-v-cd99e9e2] {
    border-bottom: 1px solid #00a4d8
}

.trade[data-v-cd99e9e2] {
    height: 100%;
    background: #181d25;
    margin-left: 3px
}

.account-main {
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 34px
}

#pay-opts {
    width: 600px;
    color: #c7cce6
}

#pay-opts>.inp-item {
    position: relative;
    margin-bottom: 20px;
    background: none;
    padding-left: 120px;
    height: 42px
}

#pay-opts>.inp-item>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 40px;
    line-height: 40px
}

#pay-opts>.inp-item>input {
    display: block;
    padding: 0 20px;
    width: 100%;
    line-height: 40px;
    border: 1px solid #4e5b85;
    color: #c7cce6;
    background: none
}

#pay-opts .btn {
    margin: 30px 0 0 120px;
    width: 480px;
    line-height: 40px;
    text-align: center;
    background: #4e5b85;
    color: #fff;
    cursor: pointer
}

.whites[data-v-c69a3104] {
    margin-top: 66px;
    min-height: 700px;
    position: relative;
    margin-bottom: 30px;
    top: 18px
}

.whites>.setting-l[data-v-c69a3104] {
    margin: 0 10px;
    padding: 0 30px;
    line-height: 40px;
    background: #fff;
    width: 23%
}

.whites>.setting-l .router-link-active[data-v-c69a3104] {
    color: #00a4d8
}

.whites .setting-r[data-v-c69a3104] {
    background: #fff;
    width: 700px;
    margin: 0 auto;
    margin-bottom: 50px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    border-radius: 8px;
    padding-bottom: 10px
}

.whites .setting-r h3[data-v-c69a3104] {
    width: 100%;
    line-height: 60px;
    background: #fff;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #efefef
}

.balck .setting-r[data-v-c69a3104] {
    background-color: #1e2b34;
    -moz-columns: #fff;
    columns: #fff
}

.balck .setting-r h3[data-v-c69a3104] {
    background-color: #1e2b34;
    color: #fff;
    border-bottom: 1px solid #000
}

#c2c-box {
    font-size: 14px
}

#c2c-box .btn-green {
    background: #25796a;
    color: #fff
}

#c2c-box .buy-sell-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8)
}

#c2c-box .buy-sell-box>div {
    position: relative;
    margin: 200px auto;
    width: 300px;
    height: 256px;
    top: 50px;
    padding: 0 30px;
    background: #262a42;
    color: #fff;
    text-align: center;
    border-radius: 2px
}

#c2c-box .buy-sell-box>div .title {
    line-height: 50px;
    font-size: 20px;
    color: #6b80ae
}

#c2c-box .buy-sell-box>div .close {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 20px;
    cursor: pointer
}

#c2c-box .buy-sell-box>div .total {
    line-height: 35px
}

#c2c-box .buy-sell-box>div .inp {
    padding: 6px 0;
    line-height: 35px
}

#c2c-box .buy-sell-box>div .inp input {
    line-height: 35px;
    width: 190px;
    padding: 0 10px;
    margin-right: 5px
}

#c2c-box .buy-sell-box>div .btn {
    margin: 20px auto 0;
    border-radius: 2px;
    padding: 0 20px;
    line-height: 35px;
    background: #7a98f7;
    cursor: pointer
}

#c2c-box .redColor {
    color: #7a98f7
}

#c2c-box .mask {
    color: #333
}

#c2c-box .mask>.m-content {
    background: #fff
}

#c2c-box .mask>.m-content div span:first-child {
    width: 89px;
    color: #7a98f7
}

#c2c-box>.c2c-r>.top>.top-title .link-span {
    cursor: pointer
}

#c2c-box>.c2c-r>.top>.top-title .link-span:hover {
    color: #7a98f7
}

#c2c-box>.c2c-r>.top .top-price>div {
    margin-right: 20px
}

#c2c-box>.c2c-r>.top .top-price>div>span:last-child {
    font-weight: 600;
    font-size: 16px
}

#c2c-box>.c2c-r>.top .inp-items>div:first-child {
    margin-right: 30px;
    border-right: 1px dashed #4e5b85;
    padding-right: 30px
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item {
    flex: 1
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item>.inp-title {
    border-bottom: 1px solid #4e5b85;
    font-size: 16px;
    justify-content: space-between;
    line-height: 3
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item>.how {
    line-height: 40px;
    cursor: pointer
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item>.three-inp>.inp-box {
    position: relative;
    height: 42px;
    line-height: 40px;
    padding-left: 112px;
    margin-bottom: 15px
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item>.three-inp>.inp-box>span {
    position: absolute;
    width: 112px;
    top: 0;
    left: 0
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item>.three-inp>.inp-box>div,#c2c-box>.c2c-r>.top .inp-items>.inp-item>.three-inp>.inp-box>input {
    color: #c7cce6;
    display: block;
    width: 100%;
    line-height: 40px;
    padding: 0 20px;
    border: 1px solid #4e5b85;
    background: none
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item>.three-inp>.inp-box>div {
    color: #7a98f7
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item .pay-opts {
    flex-wrap: wrap
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item .pay-opts>div:nth-child(n+2) {
    margin-left: 15px
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item .pay-opts>div {
    line-height: 40px
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item .pay-opts>div>input {
    vertical-align: middle
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item .btn-out,#c2c-box>.c2c-r>.top .inp-items>.inp-item>.btn-in {
    margin-top: 20px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #4e5b85
}

#c2c-box>.c2c-r>.bot>.bot-title {
    margin: 30px 0 0;
    font-size: 16px;
    line-height: 40px;
    justify-content: space-between;
    align-items: center
}

#c2c-box>.c2c-r>.bot>.bot-title>div:first-child {
    cursor: pointer
}

#c2c-box>.c2c-r>.bot>.bot-title>div:first-child span {
    font-weight: 600;
    line-height: 40px;
    margin-right: 20px
}

#c2c-box>.c2c-r>.bot>.bot-title>div:first-child .active {
    color: #7a98f7;
    border: none
}

#c2c-box>.c2c-r>.bot>.bot-title>.flex {
    height: 17px;
    line-height: 15px;
    cursor: pointer
}

#c2c-box>.c2c-r>.bot>.bot-title>.flex>div {
    margin-right: 10px;
    border: 1px solid #ccc;
    transition: all .3s;
    width: 32px;
    border-radius: 7.5px
}

#c2c-box>.c2c-r>.bot>.bot-title>.flex>div div {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff
}

#c2c-box>.c2c-r>.bot>.bot-title>.flex .switch-on {
    padding-left: 0;
    background: #ccc
}

#c2c-box>.c2c-r>.bot>.bot-title>.flex .switch {
    transition: all .3s;
    background: #7a98f7;
    padding-left: 15px
}

#c2c-box>.c2c-r>.bot>.list-title {
    height: 40px;
    line-height: 40px;
    font-weight: 600
}

#c2c-box>.c2c-r>.bot .list-title,#c2c-box>.c2c-r>.bot ul li .content {
    width: 100%;
    color: #c7cce6;
    justify-content: space-between;
    text-align: center;
    padding: 8px 5px;
    line-height: 24px
}

#c2c-box>.c2c-r>.bot .list-title>div:first-child,#c2c-box>.c2c-r>.bot ul li .content>div:first-child {
    width: 6%;
    height: 24px;
    text-align: left
}

#c2c-box>.c2c-r>.bot .list-title>div:nth-child(n+2),#c2c-box>.c2c-r>.bot ul li .content>div:nth-child(n+2) {
    width: 12%
}

#c2c-box>.c2c-r>.bot .list-title>div:last-child,#c2c-box>.c2c-r>.bot ul li .content>div:last-child {
    width: 24%
}

#c2c-box>.c2c-r>.bot .list-title>.last,#c2c-box>.c2c-r>.bot ul li .content>.last {
    text-align: right;
    height: 24px
}

#c2c-box>.c2c-r>.bot .list-title>.last>div,#c2c-box>.c2c-r>.bot .list-title>.last>span,#c2c-box>.c2c-r>.bot ul li .content>.last>div,#c2c-box>.c2c-r>.bot ul li .content>.last>span {
    float: right;
    margin: 0 5px
}

#c2c-box>.c2c-r>.bot .list-title>.last .btn-last,#c2c-box>.c2c-r>.bot ul li .content>.last .btn-last {
    padding: 0 10px;
    min-width: 55px;
    max-width: 80px;
    color: #fff;
    text-align: center!important;
    cursor: pointer
}

#c2c-box>.c2c-r>.bot ul li .trade-list {
    background: #262a42;
    width: 100%;
    padding: 5px 30px 10px;
    margin: 0 auto
}

#c2c-box>.c2c-r>.bot ul li .trade-list p {
    font-weight: 600;
    line-height: 36px
}

#c2c-box>.c2c-r>.bot ul li .trade-list p span {
    flex: 1;
    text-align: center
}

#c2c-box>.c2c-r>.bot ul li .trade-list p span:first-child {
    text-align: left
}

#c2c-box>.c2c-r>.bot ul li .trade-list p span:last-child {
    text-align: right
}

#c2c-box>.c2c-r>.bot ul li .trade-list ul li {
    padding: 12px 0;
    border-bottom: 1px solid #303956
}

#c2c-box>.c2c-r>.bot ul li .trade-list ul li>div {
    text-align: center;
    width: 25%
}

#c2c-box>.c2c-r>.bot ul li .trade-list ul li>div:first-child {
    text-align: left
}

#c2c-box>.c2c-r>.bot ul li .trade-list ul li>div:last-child {
    text-align: right
}

#c2c-box>.c2c-r>.bot ul li .trade-list ul li>div:last-child div {
    float: right;
    padding: 0 14px;
    margin: 0 6px;
    line-height: 1.6;
    cursor: pointer
}

#c2c-box>.c2c-r>.bot .ul-out li .content>div:first-child {
    color: #25796a
}

#c2c-box>.c2c-r>.bot .ul-out li .content .btn-last {
    background: #25796a
}

#c2c-box>.c2c-r>.bot .ul-in li .content>div:first-child {
    color: #7a98f7
}

#c2c-box>.c2c-r>.bot .ul-in li .content .btn-last {
    background: #7a98f7
}

.detailit,.showtrade {
    margin-right: 20px;
    padding: 0 10px;
    min-width: 55px;
    max-width: 80px;
    color: #fff;
    text-align: center!important;
    cursor: pointer;
    background: #7a98f7
}

#c2c-box[data-v-6384386b] {
    margin: 10px 0 10px;
    color: #c7cce6;
    font-size: 14px
}

#c2c-box .ml5[data-v-6384386b] {
    margin-left: 5px
}

#c2c-box .c2c-r .title-top p[data-v-6384386b] {
    margin-right: 30px;
    padding: 5px 0;
    cursor: pointer
}

#c2c-box .c2c-r .coin-select p[data-v-6384386b] {
    margin-right: 10px;
    cursor: pointer
}

#c2c-box .c2c-r .coin-select .select[data-v-6384386b] {
    color: #7a98f7
}

#c2c-box .c2c-r .listbox .flextitle[data-v-6384386b] {
    padding: 20px 0;
    border-bottom: 1px solid #242840
}

#c2c-box .c2c-r .listbox .flextitle span[data-v-6384386b] {
    flex: 1
}

#c2c-box .c2c-r .listbox li[data-v-6384386b] {
    padding: 10px 0
}

#c2c-box .c2c-r .listbox li>div[data-v-6384386b] {
    flex: 1
}

#c2c-box .c2c-r .listbox li .blue[data-v-6384386b] {
    color: #3b68bb;
    font-weight: bolder
}

#c2c-box .c2c-r .listbox li .light_green[data-v-6384386b] {
    color: #489972;
    font-weight: 600
}

#c2c-box .c2c-r .listbox li .head[data-v-6384386b] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 10px;
    background: #5d8cc2;
    color: #fff;
    text-align: center;
    font-size: 14px
}

#c2c-box .c2c-r .listbox li .btn[data-v-6384386b] {
    border-radius: 3px;
    color: #fff;
    background-color: #638bd4;
    cursor: pointer;
    min-height: 33px;
    min-width: 80px;
    font-size: 14px;
    font-weight: 600;
    border: none
}

#c2c-box .c2c-r .listbox li[data-v-6384386b]:nth-child(2n) {
    background: #242840
}

#c2c-box .c2c-r .listbox li[data-v-6384386b]:last-child {
    border-bottom: 1px solid #242840
}

#c2c-box .mask[data-v-6384386b] {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    color: #333;
    background: rgba(0,0,0,.7)
}

#c2c-box .mask>.m-content[data-v-6384386b] {
    border-radius: 4px;
    background: #fff;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 40px 20px 30px;
    max-height: 550px;
    width: 400px
}

#c2c-box .mask>.m-content>.title[data-v-6384386b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    font-weight: 600
}

#c2c-box .mask>.m-content>.title>div[data-v-6384386b]:last-child {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 15px;
    cursor: pointer
}

#c2c-box .mask>.m-content>div[data-v-6384386b]:not(.title) {
    line-height: 32px
}

#c2c-box .mask>.m-content div span[data-v-6384386b]:first-child {
    margin-right: 5px;
    display: inline-block;
    width: 89px;
    color: #7a98f7
}

#c2c-box .more[data-v-6384386b] {
    color: #7a98f7;
    text-align: center;
    cursor: pointer
}

#c2c-box>.c2c-l[data-v-6384386b] {
    margin: 0 10px;
    padding: 10px;
    background: #181b2a;
    width: 23%
}

#c2c-box>.c2c-l li[data-v-6384386b] {
    padding: 0 20px;
    justify-content: space-between;
    cursor: pointer;
    line-height: 40px
}

#c2c-box>.c2c-l li .redColor[data-v-6384386b] {
    margin-left: 10px
}

#c2c-box>.c2c-l li[data-v-6384386b]:hover {
    background: #262a42
}

#c2c-box>.c2c-r[data-v-6384386b] {
    padding: 10px 30px;
    background: #181b2a;
    margin-right: 10px;
    width: 77%
}

#c2c-box>.c2c-r>.top>.top-title[data-v-6384386b] {
    font-size: 24px;
    line-height: 2
}

#c2c-box>.c2c-r>.top>.top-title .link-span[data-v-6384386b] {
    cursor: pointer
}

#c2c-box>.c2c-r>.top>.top-title .link-span[data-v-6384386b]:hover {
    color: #7a98f7
}

#c2c-box>.c2c-r>.top .top-price>div[data-v-6384386b] {
    margin-right: 20px
}

#c2c-box>.c2c-r>.top .top-price>div>span[data-v-6384386b]:last-child {
    font-weight: 600;
    font-size: 16px
}

#c2c-box>.c2c-r>.top .inp-items>div[data-v-6384386b]:first-child {
    margin-right: 30px;
    border-right: 1px dashed #4e5b85;
    padding-right: 30px
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item[data-v-6384386b] {
    flex: 1
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item>.inp-title[data-v-6384386b] {
    border-bottom: 1px solid #4e5b85;
    font-size: 16px;
    justify-content: space-between;
    line-height: 3
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item>.how[data-v-6384386b] {
    line-height: 40px;
    cursor: pointer
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item>.three-inp>.inp-box[data-v-6384386b] {
    position: relative;
    height: 42px;
    line-height: 40px;
    padding-left: 112px;
    margin-bottom: 15px
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item>.three-inp>.inp-box>span[data-v-6384386b] {
    position: absolute;
    width: 112px;
    top: 0;
    left: 0
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item>.three-inp>.inp-box>div[data-v-6384386b],#c2c-box>.c2c-r>.top .inp-items>.inp-item>.three-inp>.inp-box>input[data-v-6384386b] {
    color: #c7cce6;
    display: block;
    width: 100%;
    line-height: 40px;
    padding: 0 20px;
    border: 1px solid #4e5b85;
    background: none
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item>.three-inp>.inp-box>div[data-v-6384386b] {
    color: #7a98f7
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item .pay-opts[data-v-6384386b] {
    flex-wrap: wrap
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item .pay-opts>div[data-v-6384386b]:nth-child(n+2) {
    margin-left: 15px
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item .pay-opts>div[data-v-6384386b] {
    line-height: 40px
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item .pay-opts>div>input[data-v-6384386b] {
    vertical-align: middle
}

#c2c-box>.c2c-r>.top .inp-items>.inp-item .btn-out[data-v-6384386b],#c2c-box>.c2c-r>.top .inp-items>.inp-item>.btn-in[data-v-6384386b] {
    margin-top: 20px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #4e5b85
}

#c2c-box>.c2c-r>.bot[data-v-6384386b] {
    color: #6b80ae
}

#c2c-box>.c2c-r>.bot>.bot-title[data-v-6384386b] {
    margin: 30px 0 0;
    font-size: 16px;
    line-height: 40px;
    justify-content: space-between;
    align-items: center
}

#c2c-box>.c2c-r>.bot>.bot-title>div[data-v-6384386b]:first-child {
    cursor: pointer
}

#c2c-box>.c2c-r>.bot>.bot-title>div:first-child span[data-v-6384386b] {
    font-weight: 600;
    line-height: 40px;
    margin-right: 20px
}

#c2c-box>.c2c-r>.bot>.bot-title>div:first-child .active[data-v-6384386b] {
    color: #7a98f7;
    border: none
}

#c2c-box>.c2c-r>.bot>.bot-title>.flex[data-v-6384386b] {
    height: 17px;
    line-height: 15px;
    cursor: pointer
}

#c2c-box>.c2c-r>.bot>.bot-title>.flex>div[data-v-6384386b] {
    margin-right: 10px;
    border: 1px solid #ccc;
    transition: all .3s;
    width: 32px;
    border-radius: 7.5px
}

#c2c-box>.c2c-r>.bot>.bot-title>.flex>div div[data-v-6384386b] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff
}

#c2c-box>.c2c-r>.bot>.bot-title>.flex .switch-on[data-v-6384386b] {
    padding-left: 0;
    background: #ccc
}

#c2c-box>.c2c-r>.bot>.bot-title>.flex .switch[data-v-6384386b] {
    transition: all .3s;
    background: #7a98f7;
    padding-left: 15px
}

#c2c-box>.c2c-r>.bot>.list-title[data-v-6384386b] {
    height: 40px;
    line-height: 40px;
    font-weight: 600
}

#c2c-box>.c2c-r>.bot .list-title[data-v-6384386b],#c2c-box>.c2c-r>.bot ul li .content[data-v-6384386b] {
    width: 100%;
    color: #c7cce6;
    justify-content: space-between;
    text-align: center;
    padding: 8px 5px;
    line-height: 24px
}

#c2c-box>.c2c-r>.bot .list-title>div[data-v-6384386b]:first-child,#c2c-box>.c2c-r>.bot ul li .content>div[data-v-6384386b]:first-child {
    width: 6%;
    height: 24px;
    text-align: left
}

#c2c-box>.c2c-r>.bot .list-title>div[data-v-6384386b]:nth-child(n+2),#c2c-box>.c2c-r>.bot ul li .content>div[data-v-6384386b]:nth-child(n+2) {
    width: 12%
}

#c2c-box>.c2c-r>.bot .list-title>div[data-v-6384386b]:last-child,#c2c-box>.c2c-r>.bot ul li .content>div[data-v-6384386b]:last-child {
    width: 24%
}

#c2c-box>.c2c-r>.bot .list-title>.last[data-v-6384386b],#c2c-box>.c2c-r>.bot ul li .content>.last[data-v-6384386b] {
    text-align: right;
    height: 24px
}

#c2c-box>.c2c-r>.bot .list-title>.last>div[data-v-6384386b],#c2c-box>.c2c-r>.bot .list-title>.last>span[data-v-6384386b],#c2c-box>.c2c-r>.bot ul li .content>.last>div[data-v-6384386b],#c2c-box>.c2c-r>.bot ul li .content>.last>span[data-v-6384386b] {
    float: right;
    margin: 0 5px
}

#c2c-box>.c2c-r>.bot .list-title>.last .btn-last[data-v-6384386b],#c2c-box>.c2c-r>.bot ul li .content>.last .btn-last[data-v-6384386b] {
    padding: 0 10px;
    min-width: 55px;
    max-width: 80px;
    color: #fff;
    text-align: center!important;
    cursor: pointer
}

#c2c-box>.c2c-r>.bot ul li .trade-list[data-v-6384386b] {
    background: #262a42;
    width: 100%;
    padding: 5px 30px 10px;
    margin: 0 auto
}

#c2c-box>.c2c-r>.bot ul li .trade-list p[data-v-6384386b] {
    font-weight: 600;
    line-height: 36px
}

#c2c-box>.c2c-r>.bot ul li .trade-list p span[data-v-6384386b] {
    flex: 1;
    text-align: center
}

#c2c-box>.c2c-r>.bot ul li .trade-list p span[data-v-6384386b]:first-child {
    text-align: left
}

#c2c-box>.c2c-r>.bot ul li .trade-list p span[data-v-6384386b]:last-child {
    text-align: right
}

#c2c-box>.c2c-r>.bot ul li .trade-list ul li[data-v-6384386b] {
    padding: 12px 0;
    border-bottom: 1px solid #303956
}

#c2c-box>.c2c-r>.bot ul li .trade-list ul li>div[data-v-6384386b] {
    text-align: center;
    width: 25%
}

#c2c-box>.c2c-r>.bot ul li .trade-list ul li>div[data-v-6384386b]:first-child {
    text-align: left
}

#c2c-box>.c2c-r>.bot ul li .trade-list ul li>div[data-v-6384386b]:last-child {
    text-align: right
}

#c2c-box>.c2c-r>.bot ul li .trade-list ul li>div:last-child div[data-v-6384386b] {
    float: right;
    padding: 0 14px;
    margin: 0 6px;
    line-height: 1.6;
    cursor: pointer
}

#c2c-box>.c2c-r>.bot .ul-out li .content>div[data-v-6384386b]:first-child {
    color: #25796a
}

#c2c-box>.c2c-r>.bot .ul-out li .content .btn-last[data-v-6384386b] {
    background: #25796a
}

#c2c-box>.c2c-r>.bot .ul-in li .content>div[data-v-6384386b]:first-child {
    color: #7a98f7
}

#c2c-box>.c2c-r>.bot .ul-in li .content .btn-last[data-v-6384386b] {
    background: #7a98f7
}

.detailit[data-v-6384386b],.showtrade[data-v-6384386b] {
    margin-right: 20px;
    padding: 0 10px;
    min-width: 55px;
    max-width: 80px;
    color: #fff;
    text-align: center!important;
    cursor: pointer;
    background: #7a98f7
}

#c2c-box .more {
    color: #7a98f7;
    cursor: pointer;
    width: 100%;
    text-align: center;
    border: none;
    background-color: transparent
}

#c2c-box>.c2c-r>.top>.top-title {
    font-size: 24px;
    line-height: 2
}

#c2c-box>.c2c-r>.top .top-left {
    width: 49.55%;
    display: inline-block;
    color: #c7cce6;
    font-size: 15px
}

#c2c-box>.c2c-r>.top .top-left h4 {
    font-size: 17px
}

#c2c-box>.c2c-r>.top .top-left li {
    display: inline-block;
    margin-top: 10px;
    margin-right: 5px
}

#c2c-box>.c2c-r>.top .top-left .bg_active {
    color: #7a98f7;
    border-bottom: 1px solid #7a98f7
}

#c2c-box>.c2c-r>.top .top-right {
    width: 49.55%;
    display: inline-block;
    color: #c7cce6
}

#c2c-box>.c2c-r>.top .top-right h4 {
    font-size: 17px
}

#c2c-box>.c2c-r>.top .top-right li {
    display: inline-block;
    margin-top: 10px;
    margin-right: 5px
}

#c2c-box>.c2c-r>.top .top-right .bg_active {
    color: #7a98f7;
    border-bottom: 1px solid #7a98f7
}

#c2c-box>.c2c-r>.bot {
    color: #6b80ae
}

#c2c-box>.c2c-r>.bot .content {
    width: 100%
}

#c2c-box>.c2c-r>.bot .content li {
    width: 100%;
    color: #c7cce6;
    justify-content: space-between;
    text-align: center;
    padding: 8px 5px;
    line-height: 24px
}

#c2c-box>.c2c-r>.bot .content>.flex {
    cursor: pointer
}

#c2c-box>.c2c-r>.bot .content>.flex>div {
    flex: 1;
    padding: 10px 0
}

#c2c-box>.c2c-r>.bot .content .tl {
    text-align: left
}

#c2c-box>.c2c-r>.bot .content .tr {
    text-align: right
}

#c2c-box>.c2c-r>.bot .content button {
    border-radius: 3px;
    color: #fff;
    background-color: #638bd4;
    cursor: pointer;
    min-height: 33px;
    min-width: 80px;
    font-size: 14px;
    font-weight: 600;
    border: none
}

#c2c-box .c2c-r .listbox li {
    padding: 10px 0
}

#c2c-box .c2c-r .listbox li .blue {
    color: #3b68bb;
    font-weight: bolder
}

#c2c-box .c2c-r .listbox li .light_green {
    color: #489972;
    font-weight: 600
}

#c2c-box .c2c-r .listbox li .head {
    line-height: 36px
}

#c2c-box .c2c-r .listbox li .sell {
    background: #e35744
}

#c2c-box .mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: rgba(0,0,0,.7)
}

#c2c-box .mask>.m-content {
    border-radius: 4px;
    background: #262a42;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 40px 20px 30px;
    max-height: 550px;
    width: 400px
}

#c2c-box .mask>.m-content>.title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    font-weight: 600
}

#c2c-box .mask>.m-content>.title>div:last-child {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 15px;
    cursor: pointer
}

#c2c-box .mask>.m-content>div:not(.title) {
    line-height: 32px
}

#c2c-box .mask>.m-content div span:first-child {
    margin-right: 5px;
    display: inline-block;
    width: 90px
}

#c2c-box .mask>.m-content .btnbox>div {
    padding: 3px 15px;
    background: #689cf1;
    border-radius: 4px;
    color: #fff;
    cursor: pointer
}

#c2c-box .mask>.m-content .btnbox .ceilorder {
    background: #9db5c7
}

#c2c-box {
    margin: 10px 0 10px;
    color: #c7cce6
}

#c2c-box .ml5 {
    margin-left: 5px
}

#c2c-box .detail-btn {
    border-radius: 3px;
    color: #fff;
    background-color: #638bd4;
    cursor: pointer;
    min-height: 33px;
    min-width: 80px;
    font-size: 14px;
    font-weight: 600;
    border: none
}

#c2c-box .c2c-r .title-top p {
    margin-right: 30px;
    padding: 5px 0;
    cursor: pointer
}

#c2c-box .c2c-r .coin-select p {
    margin-right: 10px;
    cursor: pointer
}

#c2c-box .c2c-r .coin-select .select {
    color: #7a98f7
}

#c2c-box .c2c-r .listbox .flextitle {
    padding: 20px 0;
    border-bottom: 1px solid #242840
}

#c2c-box .c2c-r .listbox .flextitle span {
    flex: 1
}

#c2c-box .c2c-r .listbox li {
    padding: 15px 0
}

#c2c-box .c2c-r .listbox li>div {
    flex: 1;
    line-height: 36px
}

#c2c-box .c2c-r .listbox li .head {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 10px;
    background: #5d8cc2;
    color: #fff;
    text-align: center;
    font-size: 14px
}

#c2c-box .c2c-r .listbox li .btn {
    border-radius: 3px;
    color: #fff;
    background-color: #638bd4;
    cursor: pointer;
    min-height: 33px;
    min-width: 80px;
    font-size: 14px;
    font-weight: 600;
    border: none
}

#c2c-box .c2c-r .listbox li:nth-child(2n) {
    background: #242840
}

#c2c-box .c2c-r .listbox li:last-child {
    border-bottom: 1px solid #242840
}

#c2c-box>.c2c-l {
    margin: 0 10px;
    padding: 10px;
    background: #181b2a;
    width: 23%
}

#c2c-box>.c2c-l li {
    padding: 0 20px;
    justify-content: space-between;
    cursor: pointer
}

#c2c-box>.c2c-l li .redColor {
    margin-left: 10px
}

#c2c-box>.c2c-l li:hover {
    background: #262a42
}

#c2c-box>.c2c-r {
    padding: 10px 30px;
    background: #181b2a;
    margin-right: 10px;
    width: 77%
}

#c2c-box .modals {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.3);
    overflow: hidden;
    justify-content: center;
    align-items: center
}

#c2c-box .modals .modals-content {
    width: 500px;
    background-color: #262a42;
    margin: 0 auto;
    border-radius: 5px
}

#c2c-box .modals .modals-content .modal-header {
    line-height: 40px;
    text-align: center;
    position: relative
}

#c2c-box .modals .modals-content .modal-header p {
    position: absolute;
    right: 10px;
    top: 0
}

#c2c-box .modals .modals-content .pay-cannel {
    margin: 0 15px;
    padding-bottom: 10px
}

#c2c-box .modals .modals-content .pay-cannel div {
    line-height: 40px
}

#c2c-box .modals .modals-content .pay-complete {
    margin: 0 15px;
    padding-bottom: 10px
}

#c2c-box .modals .modals-content .pay-complete div {
    line-height: 40px
}

#c2c-box .modals .modals-content .modals-left {
    width: 100px;
    display: inline-block
}

#c2c-box .modals .modals-content .btns {
    line-height: 40px;
    margin: 0 15px;
    padding-bottom: 10px
}

#c2c-box .modals .modals-content .btns button {
    border-radius: 3px;
    color: #fff;
    background-color: #638bd4;
    cursor: pointer;
    min-height: 33px;
    min-width: 80px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    padding: 0 10px
}

.notice .account-wrap .account[data-v-4eb5a950] {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 0
}

.notice .account-wrap .account .back-nav[data-v-4eb5a950] {
    height: 40px;
    font-size: 16px;
    line-height: 40px
}

.notice .account-wrap .account .nav-after[data-v-4eb5a950] {
    display: block;
    height: 10px;
    background-color: #262a42
}

.notice .account-wrap .account .account-content[data-v-4eb5a950] {
    width: 100%;
    min-height: 450px;
    background-color: #181b2a
}

.notice .account-wrap .account .account-content ul[data-v-4eb5a950] {
    padding: 0 20px;
    font-size: 14px
}

.notice .account-wrap .account .account-content ul li[data-v-4eb5a950] {
    border-bottom: 1px dashed #303b4b;
    height: 72px;
    padding: 10px 0 7px;
    color: #cdd6e4;
    font-size: 12px
}

.notice .account-wrap .account .account-content ul li>div>div[data-v-4eb5a950] {
    height: 36px;
    line-height: 18px
}

.notice .account-wrap .account .account-content ul li>div span[data-v-4eb5a950] {
    color: #61688a
}

.m_title[data-v-6890eaae] {
    height: 55px;
    padding: 15px 30px;
    line-height: 25px
}

.m_search input[data-v-6890eaae] {
    border-radius: 3px;
    background: transparent;
    border: 1px solid #52688c;
    line-height: 25px
}

.m_search img[data-v-6890eaae] {
    width: 16px;
    height: 15px;
    position: absolute;
    right: 35px;
    top: 20px;
    z-index: 123
}

.m_filter[data-v-6890eaae] {
    padding: 10px 0 15px
}

.tabtitle span[data-v-6890eaae] {
    text-align: center;
    padding: 0 10px
}

.coin-title div[data-v-6890eaae] {
    width: 33.3%;
    height: 36px;
    line-height: 36px;
    background-color: #181b2a;
    text-align: center;
    float: left;
    color: #637085;
    font-size: 12px
}

.coin-title img[data-v-6890eaae] {
    vertical-align: middle;
    margin-top: -3px
}

.line[data-v-6890eaae] {
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #303b4b
}

.coin-wrap[data-v-6890eaae] {
    height: 395px;
    overflow: auto;
    background-color: #181b2a
}

.coin-wrap li[data-v-6890eaae] {
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    font-size: 12px;
    color: #cdd6e4
}

.coin-wrap li span[data-v-6890eaae] {
    display: block;
    width: 33%;
    float: left;
    text-align: center
}

.coin-wrap li span[data-v-6890eaae]:last-child {
    color: #cc4951
}

.coin-wrap li[data-v-6890eaae]:nth-child(odd) {
    background-color: #181b2a
}

.coin-wrap li span.green[data-v-6890eaae] {
    color: #55a067
}

.coin-wrap li p[data-v-6890eaae] {
    overflow: hidden
}

.active_p[data-v-6890eaae],.coin-wrap li p[data-v-6890eaae]:hover {
    background-color: #2b3648
}

.trade[data-v-1c01842c] {
    width: 350px;
    padding-bottom: 15px
}

.input.disabled[data-v-1c01842c] {
    color: #627085;
    cursor: not-allowed
}

.btn-wrap[data-v-1c01842c] {
    padding: 10px 20px
}

.el-button[data-v-1c01842c]:focus,.el-button[data-v-1c01842c]:hover,[data-v-1c01842c] .el-button {
    background-color: #2e2e2e;
    color: #c4c4c4;
    border-color: #848383;
    width: 50%
}

[data-v-1c01842c] .el-button--success {
    background-color: #35b65a;
    width: 50%
}

.el-button--activesell[data-v-1c01842c]:hover,[data-v-1c01842c] .el-button--activesell:focus {
    color: #fff;
    background-color: #ff494a;
    border-color: #848383
}

.el-button--activebuy[data-v-1c01842c]:hover,[data-v-1c01842c] .el-button--activebuy:focus {
    color: #fff;
    background-color: #35b65a;
    border-color: #848383
}

[data-v-1c01842c] .el-button--activesell {
    background-color: #ff494a;
    color: #fff;
    width: 50%
}

[data-v-1c01842c] .el-button--activebuy {
    background-color: #35b65a;
    color: #fff;
    width: 50%
}

.shareNum[data-v-1c01842c] {
    color: #637085;
    position: relative;
    top: 5px
}

.mb10 input[data-v-1c01842c] {
    margin-bottom: 30px
}

.padds[data-v-1c01842c] {
    margin: 0 15px 0 25px;
    padding: 0 10px
}

.share-total[data-v-1c01842c] {
    flex-wrap: wrap
}

.control-price[data-v-1c01842c] {
    margin: 0 0 0;
    line-height: 46px;
    color: #fff
}

.control-price span[data-v-1c01842c] {
    margin-right: 15px;
    cursor: pointer
}

.control-price .active[data-v-1c01842c],.control-price span[data-v-1c01842c]:hover {
    border-bottom: 1px solid #00a4d8;
    color: #00a4d8
}

.control-price div[data-v-1c01842c] {
    margin-top: 30px
}

.control-price input[data-v-1c01842c] {
    width: 60%;
    line-height: 30px;
    padding: 5px 10px;
    border: 1px solid #52688c;
    background-color: transparent;
    color: #fff
}

.title_box[data-v-1c01842c] {
    height: 48px;
    line-height: 48px;
    padding: 0 30px;
    box-shadow: 0 2px 6px rgba(0,0,0,.1)
}

.tabtitle span[data-v-1c01842c] {
    cursor: pointer
}

.tabtitle span[data-v-1c01842c]:not(:last-child) {
    margin-right: 40px
}

.content .first[data-v-1c01842c],.content .second[data-v-1c01842c] {
    padding: 0 20px
}

.available[data-v-1c01842c] {
    height: 48px;
    border-bottom: 1px solid #303b4b;
    line-height: 48px
}

.input-item2[data-v-1c01842c],.input-item[data-v-1c01842c] {
    position: relative;
    line-height: 40px
}

.input-item label[data-v-1c01842c] {
    width: 20%;
    float: left;
    font-size: 14px;
    color: #637085
}

.fb10[data-v-1c01842c] {
    font-size: 10px
}

.input-item2 label[data-v-1c01842c] {
    width: 20%;
    float: left;
    font-size: 10px;
    color: #637085
}

.input-item2 input[data-v-1c01842c] {
    background-color: #262a42
}

.input-item2 input[data-v-1c01842c],.input-item input[data-v-1c01842c] {
    width: 80%;
    float: left;
    border: 1px solid #52688c;
    border-radius: 3px;
    height: 40px;
    text-indent: 15px;
    font-size: 16px;
    color: #cdd6e4;
    line-height: 38px
}

.input-item input[data-v-1c01842c] {
    background-color: #181d25
}

.input-item span[data-v-1c01842c] {
    position: absolute;
    right: 15px;
    color: #637085;
    font-size: 16px
}

.input-item select[data-v-1c01842c] {
    width: 80%;
    background: #181d25;
    color: #cdd6e4;
    border: 1px solid #52688c;
    border-radius: 3px;
    height: 40px;
    text-indent: 10px;
    font-size: 16px
}

.attion[data-v-1c01842c] {
    height: 20px;
    line-height: 30px;
    font-size: 12px
}

.sell_btn[data-v-1c01842c] {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    color: #f5f5f5;
    line-height: 40px
}

.greenBack[data-v-1c01842c] {
    margin-top: 40px;
    background-color: #35b65a
}

.redBack[data-v-1c01842c] {
    margin-top: 40px;
    background-color: #ff494a
}

input[data-v-1c01842c]:disabled {
    color: #627085;
    cursor: not-allowed
}

.share[data-v-1c01842c] {
    border: 1px solid #eee;
    border-radius: 2px;
    font-size: 14px;
    width: 22.5%;
    margin-right: 3.14px
}

.share2[data-v-1c01842c],.share[data-v-1c01842c] {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    padding: 5px 0
}

.share2[data-v-1c01842c] {
    border: 1px solid #52688c;
    border-radius: 2px;
    font-size: 11px;
    width: 23.7%;
    cursor: pointer;
    margin: 2px
}

.transbtn[data-v-1c01842c]:hover {
    color: #00a4d8;
    border-bottom: 1px solid #00a4d8
}

.ft9[data-v-1c01842c] {
    font-size: 9px
}

b.active[data-v-1c01842c] {
    background-color: #02c289;
    border: 1px solid #02c289
}

b.actives[data-v-1c01842c] {
    background-color: #de5959;
    border: 1px solid #de5959
}

.comfirm-modal[data-v-1c01842c] {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    justify-content: center;
    align-items: center;
    color: #c7cce6
}

.comfirm-modal-content[data-v-1c01842c] {
    width: 500px;
    background-color: #262a42;
    margin: 0 auto;
    border-radius: 5px
}

.loss-modal-header[data-v-1c01842c] {
    line-height: 40px;
    text-align: center;
    position: relative
}

.loss-modal-header p[data-v-1c01842c] {
    position: absolute;
    right: 10px;
    top: 0
}

.comfirm-modal-content li[data-v-1c01842c] {
    line-height: 40px;
    margin: 0 20px
}

.modal-btn[data-v-1c01842c] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 0;
    padding-top: 30px
}

.modal-btn button[data-v-1c01842c] {
    width: 50%;
    line-height: 50px;
    border: none;
    float: left;
    font-size: 14px;
    color: #fff;
    background: #9db5c7
}

.modal-btn button[data-v-1c01842c]:last-child {
    border-left: 1px solid #2e333c;
    background: #689cf1
}

.input-item .share-input[data-v-1c01842c] {
    border: 1px solid #52688c;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    width: 100%;
    padding: 5px 10px;
    background-color: transparent;
    height: auto;
    float: none;
    text-indent: 0;
    margin-bottom: 10px
}

#amtlabel[data-v-1c01842c] {
    font-size: 10px
}

.title[data-v-6037fc2c] {
    height: 48px;
    line-height: 46px;
    padding: 0 40px 0 30px;
    background-color: #181b2a
}

.tab_title[data-v-6037fc2c] {
    display: inline-block;
    line-height: 46px;
    height: 46px
}

.tab_title span[data-v-6037fc2c] {
    cursor: pointer
}

.tab_title span[data-v-6037fc2c]:not(:last-child) {
    margin-right: 40px
}

.content[data-v-6037fc2c] {
    padding: 0 40px 0 30px;
    height: 300px
}

.list-title[data-v-6037fc2c] {
    line-height: 40px;
    border-bottom: 1px solid #303b4b;
    height: 40px
}

.no_data[data-v-6037fc2c] {
    padding: 50px 0
}

.containers[data-v-6037fc2c] {
    height: 260px;
    overflow: auto
}

.list-item li[data-v-6037fc2c] {
    line-height: 30px
}

.list-item li span[data-v-6037fc2c] {
    display: inline-block;
    float: left
}

.list-item li span[data-v-6037fc2c]:nth-child(3) {
    color: #cc4951
}

.list-item li[data-v-6037fc2c]:hover {
    background-color: #2b3648
}

.list-item li span.green[data-v-6037fc2c] {
    color: #55a067
}

.pdb20[data-v-6037fc2c] {
    padding-bottom: 20px
}

.containers span[data-v-6037fc2c] {
    margin-left: 0
}

.title[data-v-49131738] {
    height: 48px;
    line-height: 46px;
    padding: 0 40px 0 30px;
    background-color: #181b2a
}

.tab_title[data-v-49131738] {
    display: inline-block;
    line-height: 46px;
    height: 46px
}

.tab_title span[data-v-49131738] {
    cursor: pointer
}

.tab_title span[data-v-49131738]:not(:last-child) {
    margin-right: 40px
}

.content[data-v-49131738] {
    padding: 0 40px 0 30px;
    height: 300px
}

.list-title[data-v-49131738] {
    line-height: 40px;
    border-bottom: 1px solid #303b4b;
    height: 40px
}

.no_data[data-v-49131738] {
    padding: 50px 0
}

.containers[data-v-49131738] {
    height: 260px;
    overflow: auto
}

.list-item li[data-v-49131738] {
    line-height: 30px
}

.list-item li span[data-v-49131738] {
    display: inline-block;
    float: left;
    height: 30px
}

.list-item li[data-v-49131738]:hover {
    background-color: #2b3648
}

.list-item li span.green[data-v-49131738] {
    color: #55a067
}

.pdb20[data-v-49131738] {
    padding-bottom: 20px
}

.containers span[data-v-49131738] {
    margin-left: 0
}

.title[data-v-583d9954] {
    height: 48px;
    line-height: 46px;
    padding: 0 40px 0 30px;
    background-color: #181b2a
}

.tab_title[data-v-583d9954] {
    display: inline-block;
    line-height: 46px;
    height: 46px
}

.tab_title span[data-v-583d9954] {
    cursor: pointer
}

.tab_title span[data-v-583d9954]:not(:last-child) {
    margin-right: 40px
}

.content[data-v-583d9954] {
    padding: 0 40px 0 30px;
    height: 330px
}

.list-title[data-v-583d9954] {
    line-height: 40px;
    border-bottom: 1px solid #303b4b;
    height: 40px
}

.no_data[data-v-583d9954] {
    padding: 50px 0
}

.container[data-v-583d9954] {
    height: 260px;
    overflow: auto
}

.list-item li[data-v-583d9954] {
    line-height: 30px
}

.list-item li span[data-v-583d9954] {
    display: inline-block;
    float: left
}

.list-item li span[data-v-583d9954]:nth-child(3) {
    color: #cc4951
}

.list-item li[data-v-583d9954]:hover {
    background-color: #2b3648
}

.list-item li span.green[data-v-583d9954] {
    color: #55a067
}

.wrap[data-v-630fe90f] {
    background: #181d25
}

.detail[data-v-630fe90f] {
    min-height: 500px;
    background: #000;
    width: 1200px;
    margin: 0 auto;
    padding: 0
}

.red[data-v-630fe90f] {
    color: #cc4951;
    cursor: pointer
}

.title[data-v-630fe90f] {
    height: 60px;
    line-height: 60px;
    padding: 0;
    font-size: 18px;
    background-color: #181b2a
}

.tab_title[data-v-630fe90f] {
    display: inline-block;
    line-height: 46px;
    height: 46px
}

.tab_title span[data-v-630fe90f] {
    cursor: pointer
}

.tab_title span[data-v-630fe90f]:not(:last-child) {
    margin-right: 40px
}

.content[data-v-630fe90f] {
    height: 330px
}

.list-title[data-v-630fe90f] {
    line-height: 40px;
    border-bottom: 1px solid #303b4b;
    height: 40px
}

.list-title li[data-v-630fe90f] {
    width: 33.3%;
    text-align: center
}

.no_data[data-v-630fe90f] {
    padding: 50px 0
}

.containers[data-v-630fe90f] {
    height: 260px;
    overflow: auto;
    float: left;
    width: 100%
}

.list-item li[data-v-630fe90f] {
    line-height: 45px;
    display: flex
}

.list-item li span[data-v-630fe90f] {
    display: block;
    float: left;
    width: 33.3%;
    text-align: center
}

.list-item li[data-v-630fe90f]:hover {
    cursor: pointer;
    background-color: #181d25
}

.list-item li span.green[data-v-630fe90f] {
    color: #55a067
}

.all[data-v-630fe90f] {
    font-size: 14px;
    cursor: pointer;
    color: #00a4d8;
    margin-left: 10px
}

.total-pro[data-v-53f30386] {
    margin-bottom: 20px
}

[data-v-53f30386] .inblock span.active {
    border-bottom: 1px solid #00a4d8
}

.title[data-v-53f30386] {
    height: 48px;
    line-height: 46px;
    padding: 0 40px 0 30px;
    padding-left: 20px;
    padding-right: 20px
}

.title span[data-v-53f30386] {
    margin-right: 20px;
    cursor: pointer
}

.title span[data-v-53f30386]:hover {
    color: #00a4d8;
    border-bottom: 1px solid #00a4d8
}

[data-v-53f30386] .el-loading-mask {
    background-color: transparent
}

[data-v-53f30386] .el-loading-spinner .path {
    stroke: #00a4d8
}

[data-v-53f30386] .el-pager li {
    background-color: #181d25!important;
    color: #c7cce6!important;
    font-weight: 400
}

[data-v-53f30386] .el-pager li.active,[data-v-53f30386] .el-pager li:hover {
    color: #00a4d8!important
}

[data-v-53f30386] .el-pagination button,[data-v-53f30386] .el-pagination button:disabled {
    background-color: #181d25!important
}

[data-v-53f30386] .el-pagination button {
    color: #c7cce6!important
}

[data-v-53f30386] .el-pagination button:hover {
    color: #00a4d8!important
}

.wrap[data-v-53f30386] {
    min-height: 500px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

ul li[data-v-53f30386] {
    padding: 8px 0
}

ul li div[data-v-53f30386],ul li span[data-v-53f30386] {
    display: inline-block
}

ul li div span[data-v-53f30386] {
    border-radius: 3px;
    color: #fff;
    background-color: #00a4d8;
    cursor: pointer;
    min-height: 33px;
    min-width: 50px;
    font-size: 14px;
    border: none;
    padding: 0 5px;
    line-height: 33px;
    text-align: center
}

.list_head[data-v-53f30386] {
    color: #637085;
    border-bottom: 1px solid #2e333c
}

.list_head li>span[data-v-53f30386] {
    flex-basis: 0%
}

.list_content[data-v-53f30386] {
    flex: 1
}

.list_content li>div[data-v-53f30386],.list_content li>span[data-v-53f30386] {
    flex-basis: 0%
}

.li-type[data-v-53f30386] {
    width: 13%;
    flex-grow: 13;
    white-space: nowrap
}

.li-bail[data-v-53f30386] {
    width: 8%;
    flex-grow: 8;
    text-align: center
}

.li-nowprice[data-v-53f30386],.li-openprice[data-v-53f30386],.li-stsprice[data-v-53f30386],.li-styprice[data-v-53f30386] {
    width: 10%;
    flex-grow: 10;
    text-align: center
}

.li-loss[data-v-53f30386],.li-rate[data-v-53f30386] {
    flex-grow: 9;
    text-align: center
}

.li-opentime[data-v-53f30386] {
    flex-grow: 15;
    text-align: center
}

.li-todo[data-v-53f30386] {
    flex: 1;
    text-align: center;
    min-width: 150px
}

.li-status[data-v-53f30386] {
    min-width: 60px;
    text-align: right
}

.list_content .li-todo[data-v-53f30386] {
    text-align: right
}

.list_content .li-status[data-v-53f30386] {
    color: #00a4d8
}

.red[data-v-53f30386] {
    color: #cc4951;
    cursor: pointer
}

.green[data-v-53f30386] {
    color: #0d8551
}

.nextlink span[data-v-53f30386]:hover {
    color: #00a4d8
}

.mores[data-v-53f30386] {
    color: #999;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
    text-align: center
}

.mores img[data-v-53f30386] {
    width: 120px;
    height: 120px;
    margin: 30px auto 0
}

.mores span[data-v-53f30386] {
    display: block;
    text-align: center
}

.width1[data-v-53f30386] {
    width: 8%;
    text-align: center
}

.width2[data-v-53f30386] {
    width: 13%;
    text-align: center
}

.width3[data-v-53f30386] {
    width: 21%;
    text-align: center
}

.loss-modal[data-v-53f30386] {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    justify-content: center;
    align-items: center;
    color: #c7cce6
}

.loss-modal .content[data-v-53f30386] {
    width: 500px;
    background-color: #181d25;
    margin: 0 auto;
    border-radius: 5px
}

.loss-modal-header[data-v-53f30386] {
    line-height: 40px;
    text-align: center;
    position: relative
}

.loss-modal-header p[data-v-53f30386] {
    position: absolute;
    right: 10px;
    top: 0
}

.loss-madal-content[data-v-53f30386] {
    margin: 0 15px;
    padding-bottom: 10px
}

.loss-madal-content div[data-v-53f30386] {
    line-height: 40px;
    margin-bottom: 10px
}

.loss-madal-content div p[data-v-53f30386] {
    display: inline-block;
    border: 1px solid #2e333c;
    border-radius: 3px;
    height: 40px;
    position: relative
}

.loss-madal-content p span[data-v-53f30386] {
    display: inline-block;
    width: 60px;
    text-align: center;
    font-size: 30px;
    position: relative;
    top: -3px;
    cursor: pointer
}

.loss-madal-content input[data-v-53f30386] {
    background-color: transparent;
    border-left: 1px solid #2e333c;
    border-right: 1px solid #2e333c;
    line-height: 40px;
    position: relative;
    top: -8px;
    color: #c7cce6;
    text-align: center
}

.modal-text[data-v-53f30386] {
    width: 100%;
    text-align: center;
    line-height: 60px
}

.modal-btn[data-v-53f30386] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 0
}

.modal-btn button[data-v-53f30386] {
    width: 50%;
    line-height: 50px;
    border: none;
    float: left;
    font-size: 14px;
    color: #fff;
    background: #9db5c7
}

.modal-btn button[data-v-53f30386]:last-child {
    border-left: 1px solid #2e333c;
    background: #00a4d8
}

.total-pro button[data-v-53f30386] {
    border-radius: 3px;
    color: #fff;
    background-color: #638bd4;
    cursor: pointer;
    min-height: 33px;
    min-width: 80px;
    font-size: 14px;
    border: none;
    padding: 0 5px;
    line-height: 33px;
    text-align: center
}

.stopModal[data-v-53f30386] {
    margin: 20px 15px;
    text-align: center;
    padding-bottom: 20px
}

.stopModal span[data-v-53f30386] {
    padding: 6px 15px;
    border-radius: 4px
}

.stopall[data-v-53f30386] {
    border: 1px solid #638bd4;
    color: #638bd4;
    margin-right: 10px
}

.all[data-v-53f30386] {
    border-width: 0
}

.alls[data-v-53f30386] {
    color: #fff;
    background-color: #638bd4
}

.stopbuy[data-v-53f30386] {
    border: 1px solid #0d8551;
    color: #0d8551;
    margin-right: 10px
}

.buys[data-v-53f30386] {
    color: #fff;
    background-color: #0d8551
}

.stopsell[data-v-53f30386] {
    border: 1px solid #cc4951;
    color: #cc4951
}

.sells[data-v-53f30386] {
    color: #fff;
    background-color: #cc4951
}

.stop-modal-btns[data-v-53f30386] {
    width: 100%;
    font-size: 0
}

.stop-modal-btns button[data-v-53f30386] {
    width: 50%;
    float: left;
    font-size: 14px;
    line-height: 40px;
    background-color: #9db5c7;
    border: none;
    outline: none;
    color: #fff
}

.stop-modal-btns button[data-v-53f30386]:last-child {
    background-color: #689cf1
}

.home {
    margin-bottom: 3px
}

.home .main>div {
    justify-content: space-between;
    margin-top: 3px
}

.home .main>div .tv-box {
    width: 100%;
    height: auto
}

.home .main>div .exchange-box {
    width: 403px;
    height: auto;
    padding-bottom: 10px
}

.home .main>div .tran-box {
    background: #181d25;
    flex: 1
}

.home .main>div .trade-box {
    width: 350px;
    margin-left: 3px
}

body,html {
    min-height: 100%
}

.content-wrap {
    background: url(../img/bg_login.3cd1a1c7.png) center bottom 316px repeat-x,-webkit-linear-gradient(top,#181d25,#181d25);
    background-position: top
}

.day .content-wrap {
    background: url(../img/bg_login.3cd1a1c7.png) center bottom 316px repeat-x,-webkit-linear-gradient(top,#fff,#fff)
}

.account {
    width: 1200px;
    margin: 0 auto;
    padding-top: 43px;
    min-height: 880px
}

.main {
    position: relative
}

.main_title {
    font-size: 36px;
    color: #c7cce6
}

.register-item {
    display: block;
    height: 22px;
    color: #61688a;
    font-size: 12px
}

.register-input {
    position: relative;
    margin-top: 20px
}

.input-box {
    position: relative;
    margin-top: 40px
}

.input-main {
    width: 520px;
    min-height: 46px;
    border: 1px solid #4e5b85;
    padding: 0 20px;
    color: #c7cce6;
    font-size: 14px;
    border-radius: 3px;
    background-color: #181d25
}

.day .input-main {
    border: 1px solid #d4d4d4;
    background-color: #fff;
    color: #999
}

.icon {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-right: 1px solid #52688c;
    position: absolute;
    top: 0
}

.login-btn {
    width: 420px;
    margin-top: 40px;
    background: #5697f4;
    font-size: 16px;
    border-radius: 4px;
    color: #fff;
    line-height: 48px;
    cursor: pointer
}

.noaccount {
    color: #fff
}

.register-button {
    width: 200px;
    display: inline-block;
    line-height: 46px;
    background-color: #00a4d8;
    border-radius: 4px;
    color: #fff;
    border: none
}

.have-account {
    font-size: 14px;
    display: inline-block;
    margin-left: 30px
}

.right-tip {
    position: absolute;
    left: 620px;
    top: 70px;
    line-height: 24px;
    padding-right: 50px;
    margin-top: 10px;
    font-size: 14px;
    color: #61688a
}

.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    border-color: #00a4d8!important;
    background: #00a4d8!important
}

.el-tabs__item {
    color: inherit!important
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #00a4d8!important
}

.aggre {
    width: 16px!important;
    margin-right: 5px
}

.invite-box {
    margin-bottom: 20px
}

.link_text {
    color: #d45858
}

.pointer {
    cursor: not-allowed!important;
    opacity: .6
}

.chooseCountry {
    width: 520px;
    min-height: 46px;
    border-radius: 3px;
    padding: 0 15px;
    border-color: #ccc
}

.chooseTel {
    height: 46px;
    width: 160px;
    border-color: #ccc;
    padding: 0 10px;
    font-size: 14px
}

.phone {
    width: 360px!important;
    border-left: none
}

.code-btn {
    cursor: pointer
}

#register-box .main-register {
    background: url(../img/bg_login.3cd1a1c7.png) top repeat-x,-webkit-linear-gradient(top,#181d25,#181d25);
    min-height: 100%
}

#register-box .tip {
    color: #61688a;
    font-size: 12px;
    margin: 15px 0 10px
}

#register-box .reg-content {
    padding: 43px 0;
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    color: #c7cce6
}

#register-box .reg-content input {
    width: 520px;
    min-height: 46px;
    border: 1px solid #4e5b85;
    padding: 0 20px;
    color: #c7cce6;
    font-size: 14px;
    border-radius: 3px;
    background-color: #181d25
}

#register-box .reg-content>.title {
    font-size: 36px
}

#register-box .reg-content>.tab {
    margin: 10px 0 20px
}

#register-box .reg-content>.tab span {
    margin: 0 20px
}

#register-box .reg-content .code-box {
    width: 520px;
    height: 46px;
    background-color: #181d25;
    border: 1px solid #4e5b85
}

#register-box .reg-content .code-box input {
    border: none;
    height: 44px;
    min-height: 44px;
    width: 319px
}

#register-box .reg-content .code-box button {
    border: none;
    line-height: 43px;
    width: 193px;
    color: #c7cce6;
    border-left: 1px solid #2c3846;
    background: #181d25
}

#register-box .confirm-btn,#register-box .reg-btn {
    line-height: 46px;
    width: 200px;
    margin: 20px 0 0;
    border: none;
    background: #00a4d8;
    color: #fff
}

#register-box .area-box {
    position: relative;
    width: 520px;
    line-height: 44px;
    text-align: center;
    height: 46px
}

#register-box .area-box .light {
    color: #7a98f7
}

#register-box .area-box .area {
    display: flex;
    border: 1px solid #4e5b85
}

#register-box .area-box .area>div {
    flex: 1
}

#register-box .area-box .area .city {
    border-left: 1px solid #4e5b85;
    border-right: 1px solid #4e5b85
}

#register-box .area-box .area-list {
    position: absolute;
    width: 520px;
    top: 46px;
    left: 0;
    display: flex;
    z-index: 999
}

#register-box .area-box .area-list>ul {
    flex: 1;
    background-color: #1e2235;
    height: 265px;
    overflow: scroll
}

#register-box .area-box .area-list>ul::-webkit-scrollbar {
    display: none
}

.day #register-box,.day #register-box .reg-content {
    background: #fff
}

.day #register-box .reg-content input {
    color: #999
}

.day #register-box .reg-content .code-box,.day #register-box .reg-content input {
    border: 1px solid #d4d4d4;
    background-color: #fff
}

.day .main_title {
    color: #484f73
}

.mr10[data-v-28d5d560] {
    margin-right: 10px
}

.flex[data-v-28d5d560] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.leftNav[data-v-28d5d560] {
    margin-right: 0;
    padding: 4px;
    background-color: #000;
    width: 210px;
    box-sizing: border-box;
    float: left;
    border-radius: 10px
}

.leftNav .iconfont[data-v-28d5d560] {
    font-size: 20px
}

.leftNav ul[data-v-28d5d560] {
    min-height: 800px
}

.leftNav ul li[data-v-28d5d560] {
    height: 54px;
    line-height: 54px;
    padding-left: 38px;
    margin-bottom: 4px;
    cursor: pointer
}

.leftNav ul li img[data-v-28d5d560] {
    margin-right: 12px;
    margin-top: -4px;
    width: 20px;
    vertical-align: middle
}

.leftNav ul .active[data-v-28d5d560] {
    color: #00a4d8;
    background-color: #181d25;
    border-bottom: none
}

.box[data-v-3b772efa] {
    background-color: #273041
}

@media screen and (max-width: 1920px) {
    .minheight[data-v-3b772efa] {
        min-height:850px
    }
}

@media screen and (min-width: 2500px) {
    .minheight[data-v-3b772efa] {
        min-height:1150px
    }
}

.box .account[data-v-3b772efa] {
    width: 1200px;
    padding-top: 0;
    margin: 0 auto;
    overflow: hidden
}

.account-top[data-v-05b84a92] {
    background-color: #1a2330;
    height: 120px;
    padding: 26px 50px
}

.account-top img[data-v-05b84a92] {
    vertical-align: middle;
    margin-left: 12px
}

.account-top .baseborderBtn[data-v-05b84a92],.account-top .baseBtn[data-v-05b84a92] {
    width: 120px
}

.list-wrap[data-v-05b84a92] {
    background-color: #1a2330;
    padding: 0 50px
}

.list-wrap table th[data-v-05b84a92] {
    line-height: 40px;
    color: #637085
}

.list-wrap table td[data-v-05b84a92] {
    line-height: 47px;
    border-bottom: 1px 273142 solid
}

.list-wrap table td .cashCoin[data-v-05b84a92] {
    display: inline-block;
    width: 72px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    border: 1px 273142 solid
}

.accountEntrust .title[data-v-aea56604] {
    height: 48px;
    line-height: 48px;
    padding: 0 30px;
    background-color: #181b2a;
    color: #cdd6e4
}

.accountEntrust .title span[data-v-aea56604]:not(:first-child) {
    margin-left: 40px
}

.accountEntrust .content[data-v-aea56604] {
    padding: 0 10px
}

.accountEntrust .content .list-title[data-v-aea56604] {
    line-height: 40px;
    border-bottom: 1px solid #303b4b
}

.accountEntrust .content .container[data-v-aea56604] {
    height: 100%;
    overflow: auto
}

.accountEntrust .content .container .list-item li[data-v-aea56604] {
    line-height: 30px
}

.accountEntrust .content .container .list-item li span[data-v-aea56604] {
    display: inline-block;
    float: left
}

.accountEntrust .content .container .list-item li span[data-v-aea56604]:nth-child(3) {
    color: #cc4951
}

.accountEntrust .content .container .list-item li span.green[data-v-aea56604] {
    color: #55a067
}

.accountEntrust .content .container .list-item li[data-v-aea56604]:hover {
    background-color: #2b3648
}

.accountEntrust .content .no_data[data-v-aea56604] {
    padding-top: 150px
}

.account-main[data-v-8036d9fa] {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px
}

.account-main .bar-bottom[data-v-8036d9fa] {
    width: 320px;
    height: 8px;
    border-radius: 4px;
    background-color: #181b2a;
    margin: 22px 0 12px 0;
    overflow: hidden
}

.account-main .bar-bottom .bar-top[data-v-8036d9fa] {
    background-color: #00a4d8;
    height: 100%
}

.account-main ul[data-v-8036d9fa] {
    border-top: 1px solid #303b4b;
    color: #637085;
    font-size: 14px
}

.account-main ul img[data-v-8036d9fa] {
    width: 16px;
    vertical-align: middle
}

.account-main ul li[data-v-8036d9fa] {
    border-bottom: 1px solid #303b4b;
    line-height: 72px;
    position: relative
}
.account-main ul li[data-v-8036d9fa]:nth-child(1){
    display:none
}
.account-main ul li p[data-v-8036d9fa] {
    position: absolute;
    left: 300px;
    top: 0
}

.leftNav[data-v-ab7ff96e] {
    margin-right: 0!important
}

.account-main[data-v-ab7ff96e] {
    background: #273041;
    padding: 20px;
    background: #181b2a
}

.account-main .title[data-v-ab7ff96e] {
    width: 100%;
    line-height: 60px;
    border-radius: 4px;
    padding-left: 20px;
    border-bottom: 1px solid #273041
}

.account-main .main-content[data-v-ab7ff96e] {
    min-height: 700px;
    border-radius: 2px
}

.account-main .main-content .main-input[data-v-ab7ff96e] {
    margin: 0 auto;
    text-align: center;
    padding-top: 100px
}

.account-main .main-content .main-input span[data-v-ab7ff96e] {
    width: 100px
}

.account-main .main-content .main-input input[data-v-ab7ff96e] {
    width: 320px;
    min-height: 46px;
    border: 1px solid #4e5b85;
    padding: 0 20px;
    color: #c7cce6;
    font-size: 14px;
    border-radius: 3px;
    background-color: #1e2235
}

.account-main .main-content .idimg div[data-v-ab7ff96e] {
    width: 160px;
    height: 160px;
    overflow: hidden;
    position: relative;
    background-size: 100% 100%;
    border: 1px solid #e2e2e2;
    margin-left: 50px
}

.account-main .main-content .idimg div input[data-v-ab7ff96e] {
    position: absolute;
    z-index: 11110;
    opacity: 0;
    margin-left: -160px;
    width: 100%;
    height: 160px;
    top: 0;
    cursor: pointer
}

.account-main .main-content .idimg div img[data-v-ab7ff96e] {
    width: 100%
}

.account-main .main-content .updata input[data-v-ab7ff96e] {
    width: 300px;
    height: 45px;
    border-radius: 4px;
    color: #c7cce6;
    font-size: 14px;
    margin: 0 auto;
    margin-left: 100px;
    margin-top: 60px;
    background: #5697f4
}

.account-main .main-content .au-statue[data-v-ab7ff96e] {
    padding-top: 100px;
    font-size: 30px
}

.account-main[data-v-ee8ca228] {
    background: #273041
}

.account-main .title[data-v-ee8ca228] {
    width: 100%;
    line-height: 60px;
    background: #181b2a;
    border-radius: 4px;
    padding-left: 20px
}

.account-main .main-content[data-v-ee8ca228] {
    background: #181b2a;
    min-height: 700px;
    border-radius: 2px
}

.account-main .main-content .main-input[data-v-ee8ca228] {
    margin: 0 auto;
    text-align: center;
    padding-top: 100px
}

.account-main .main-content .main-input span[data-v-ee8ca228] {
    width: 100px
}

.account-main .main-content .main-input input[data-v-ee8ca228] {
    width: 320px;
    min-height: 46px;
    border: 1px solid #4e5b85;
    padding: 0 20px;
    color: #c7cce6;
    font-size: 14px;
    border-radius: 3px;
    background-color: #1e2235
}

.account-main .main-content .updata input[data-v-ee8ca228] {
    width: 300px;
    height: 45px;
    border-radius: 4px;
    color: #c7cce6;
    font-size: 14px;
    margin: 0 auto;
    margin-left: 100px;
    margin-top: 60px;
    background: #5697f4;
    border: none
}

.account-main[data-v-1ca8458f] {
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 34px
}

.account-main .bar-bottom[data-v-1ca8458f] {
    width: 320px;
    height: 8px;
    border-radius: 4px;
    background-color: #181b2a;
    margin: 22px 0 12px 0;
    overflow: hidden
}

.account-main .bar-bottom .bar-top[data-v-1ca8458f] {
    background-color: #5697f4;
    height: 100%
}

.account-main ul[data-v-1ca8458f] {
    border-top: 1px solid #303b4b;
    color: #637085;
    font-size: 14px
}

.account-main ul img[data-v-1ca8458f] {
    width: 16px;
    vertical-align: middle
}

.account-main ul li[data-v-1ca8458f] {
    border-bottom: 1px solid #303b4b;
    line-height: 72px;
    position: relative
}

.account-main ul li p[data-v-1ca8458f] {
    position: absolute;
    left: 300px;
    top: 0
}

.main[data-v-1ca8458f] {
    padding: 208px 0 0 400px;
    line-height: 48px
}

.main .left[data-v-1ca8458f] {
    display: inline-block;
    width: 80px;
    text-align: right
}

.main .main-input[data-v-1ca8458f] {
    margin-left: 20px;
    width: 428px
}

.main-input[data-v-1ca8458f] {
    width: 360px;
    height: 48px;
    border: 1px solid #52688c;
    padding: 0 20px;
    color: #cdd6e4;
    font-size: 16px;
    border-radius: 3px;
    background-color: #262a42
}

.box[data-v-30d8633d] {
    background-color: #273041
}

.box .account[data-v-30d8633d] {
    width: 1500px;
    padding-top: 30px;
    min-height: 880px;
    margin: 0 auto;
    overflow: hidden
}

.recharge-wrap[data-v-30d8633d] {
    padding: 70px 0
}

.recharge-wrap .left[data-v-30d8633d] {
    width: 104px;
    margin-right: 26px
}

.recharge-wrap .right .qrcode[data-v-30d8633d] {
    width: 142px;
    height: 142px
}

.recharge-wrap .tip[data-v-30d8633d] {
    margin-top: 122px;
    padding-left: 50px;
    line-height: 26px
}

.selected[data-v-30d8633d] {
    height: 48px;
    border: 1px solid #52688c;
    padding: 0 40px 0 18px;
    color: #cdd6e4;
    border-radius: 3px;
    line-height: 48px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.positionR img[data-v-30d8633d] {
    position: absolute;
    right: 15px;
    top: 20px
}

.content .tabBar span[data-v-b614edc2] {
    line-height: 48px;
    display: inline-block;
    cursor: pointer
}

.content .container[data-v-b614edc2] {
    padding: 20px
}

.content .container .main_title[data-v-b614edc2] {
    display: inline-block;
    width: 120px;
    color: #637085
}

.content .container .main_input[data-v-b614edc2] {
    width: 360px;
    height: 40px;
    border: 1px solid #52688c;
    padding: 0 20px;
    color: #cdd6e4;
    font-size: 14px;
    border-radius: 3px;
    background-color: #262a42;
    margin-left: 20px
}

.content .container .btn[data-v-b614edc2] {
    width: 200px;
    line-height: 48px;
    background-color: #5697f4;
    border-radius: 4px;
    color: #fff
}

.content .container .paycontent[data-v-b614edc2] {
    color: #fff
}

.content .container .paycontent .paybox[data-v-b614edc2]:not(:first-child) {
    margin-left: 25px
}

.content .container .paycontent .paybox[data-v-b614edc2] {
    background: url(../img/wx.82b9c7a5.png) no-repeat 0 0/100% 100%;
    width: 260px;
    height: 115px;
    padding: 5px 0 5px 15px;
    font-size: 14px;
    position: relative
}

.content .container .paycontent .paybox .mt5[data-v-b614edc2] {
    margin-top: 5px
}

.content .container .paycontent .paybox input[data-v-b614edc2] {
    position: relative;
    top: 2px;
    width: 15px;
    height: 15px
}

.content .container .paycontent .paybox span[data-v-b614edc2] {
    display: block;
    margin: 5px 0
}

.content .container .paycontent .paybox .choose[data-v-b614edc2] {
    position: absolute;
    bottom: 5px;
    left: 15px
}

.content .container .paycontent .paybox .choose span[data-v-b614edc2] {
    display: inline
}

.content .container .paycontent .paybox[data-v-b614edc2]:nth-child(2) {
    background: url(../img/zhifubao.82b9c7a5.png) no-repeat 0 0/100% 100%
}

.content .container .paycontent .paybox[data-v-b614edc2]:nth-child(3) {
    background: url(../img/bank.82b9c7a5.png) no-repeat 0 0/100% 100%
}

.content .container .attention[data-v-b614edc2] {
    margin-left: 145px;
    color: #e4624a
}

.account-main .account-title span[data-v-19f71ffe]:nth-child(2) {
    margin-left: 40px
}

.account-main .content[data-v-19f71ffe] {
    padding: 0 10px
}

.account-main .content .list-title[data-v-19f71ffe] {
    line-height: 40px;
    border-bottom: 1px solid #303b4b
}

.account-main .content .container[data-v-19f71ffe] {
    height: 100%;
    overflow: auto
}

.account-main .content .container .list-item li[data-v-19f71ffe] {
    line-height: 30px
}

.account-main .content .container .list-item li span[data-v-19f71ffe] {
    display: inline-block
}

.account-main .content .container .list-item li span[data-v-19f71ffe]:nth-child(3) {
    color: #cc4951
}

.account-main .content .container .list-item li span.green[data-v-19f71ffe] {
    color: #55a067
}

.account-main .content .container .list-item li[data-v-19f71ffe]:hover {
    background-color: #2b3648
}

.account-main .content .no_data[data-v-19f71ffe] {
    padding-top: 150px
}

.noticeDetail .account-wrap[data-v-1a641a45] {
    background: #181d25;
    background-size: cover
}

.noticeDetail .account-wrap .back-nav[data-v-1a641a45] {
    background: #181d25;
    color: #fff
}

.noticeDetail .account-wrap .account[data-v-1a641a45] {
    clear: both;
    min-width: 1400px;
    margin: 0 auto;
    padding-top: 0;
    overflow: hidden;
    min-height: 880px
}

.noticeDetail .account-wrap .account .nav-after[data-v-1a641a45] {
    display: block;
    height: 3px;
    background-color: #000
}

.noticeDetail .account-wrap .account .account-content[data-v-1a641a45] {
    width: 100%;
    min-height: 1020px;
    background-color: #000;
    border-radius: 10px
}

.noticeDetail .account-wrap .account .account-content .detailBig[data-v-1a641a45] {
    padding: 48px 46px 20px
}

.noticeDetail .account-wrap .account .account-content .detailBig .mb30[data-v-1a641a45] {
    margin-bottom: 30px
}

.noticeDetail .account-wrap .account .account-content .detailBig .detailContent[data-v-1a641a45] {
    line-height: 26px;
    min-height: 850px;
    overflow: hidden;
}
.noticeDetail .account-wrap .account .account-content .detailBig .detailContent[data-v-1a641a45] {
    line-height: 26px;
    min-height: 850px;
    overflow: hidden;
}
.noticeDetail .account-wrap .account .account-content .detailBig .detailContent p>[data-v-1a641a45]{
    background-color: #181b2a!important
}
.noticeDetail .account-wrap .account .account-content .detailBig .detailContent img{
    width:100%;
}
.noticeDetail .account-wrap .account .account-content .detailBig .mt5[data-v-1a641a45] {
    margin-top: 5px
}

.title[data-v-2b951988] {
    height: 48px;
    line-height: 48px;
    background-color: #181b2a;
    color: #cdd6e4
}

.title span[data-v-2b951988]:not(:first-child) {
    margin-left: 40px
}

.content[data-v-2b951988] {
    padding: 0 30px
}

.content .list-title[data-v-2b951988] {
    line-height: 40px;
    border-bottom: 1px solid #303b4b
}

.content .container[data-v-2b951988] {
    height: 100%;
    overflow: auto
}

.content .container .list-item li[data-v-2b951988] {
    line-height: 30px
}

.content .container .list-item li span[data-v-2b951988] {
    display: inline-block;
    float: left
}

.content .container .list-item li span[data-v-2b951988]:nth-child(3) {
    color: #cc4951
}

.content .container .list-item li span.green[data-v-2b951988] {
    color: #55a067
}

.content .container .list-item li[data-v-2b951988]:hover {
    background-color: #2b3648
}

.content .no_data[data-v-2b951988] {
    padding-top: 150px
}

.account-top[data-v-2b951988] {
    background-color: #181b2a;
    height: 120px;
    padding: 26px 30px
}

.account-top .baseBtn[data-v-2b951988] {
    width: 90px;
    line-height: 30px;
    font-size: 14px
}

.title[data-v-77c6cc1a] {
    height: 48px;
    line-height: 48px;
    background-color: #181b2a;
    color: #cdd6e4
}

.title span[data-v-77c6cc1a]:not(:first-child) {
    margin-left: 40px
}

.content[data-v-77c6cc1a] {
    padding: 0 30px
}

.content .list-title[data-v-77c6cc1a] {
    line-height: 40px;
    border-bottom: 1px solid #303b4b
}

.content .container[data-v-77c6cc1a] {
    height: 100%;
    overflow: auto
}

.content .container .list-item li[data-v-77c6cc1a] {
    line-height: 30px
}

.content .container .list-item li span[data-v-77c6cc1a] {
    display: inline-block;
    float: left;
    height: 30px
}

.content .container .list-item li span.green[data-v-77c6cc1a] {
    color: #55a067
}

.content .container .list-item li[data-v-77c6cc1a]:hover {
    background-color: #2b3648
}

.content .no_data[data-v-77c6cc1a] {
    padding-top: 150px
}

.account-top[data-v-77c6cc1a] {
    background-color: #181b2a;
    height: 120px;
    padding: 26px 30px
}

.account-top .baseBtn[data-v-77c6cc1a] {
    width: 90px;
    line-height: 30px;
    font-size: 14px
}

.more[data-v-77c6cc1a] {
    color: #6b80ae;
    padding: 30px;
    cursor: pointer
}

.account-main .account-title span[data-v-6e71b6dc]:nth-child(2) {
    margin-left: 40px
}

.account-main .content[data-v-6e71b6dc] {
    padding: 0 10px
}

.account-main .content .list-title[data-v-6e71b6dc] {
    line-height: 40px;
    border-bottom: 1px solid #303b4b
}

.account-main .content .container[data-v-6e71b6dc] {
    height: 100%;
    overflow: auto;
    padding: 0 20px
}

.account-main .content .container .list-item li[data-v-6e71b6dc] {
    line-height: 30px
}

.account-main .content .container .list-item li span[data-v-6e71b6dc] {
    display: inline-block
}

.account-main .content .container .list-item li span.red[data-v-6e71b6dc] {
    color: #cc4951
}

.account-main .content .container .list-item li span.green[data-v-6e71b6dc] {
    color: #55a067
}

.account-main .content .container .list-item li[data-v-6e71b6dc]:hover {
    background-color: #2b3648
}

.account-main .content .no_data[data-v-6e71b6dc] {
    padding-top: 150px
}

.leftNav .mr10[data-v-d4241146] {
    margin-right: 10px
}

.leftNav .flex[data-v-d4241146] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.leftNav ul[data-v-d4241146] {
    height: 820px
}

.leftNav ul li[data-v-d4241146] {
    height: 54px;
    line-height: 54px;
    padding-left: 38px;
    margin-bottom: 4px;
    cursor: pointer
}

.leftNav ul li img[data-v-d4241146] {
    margin-right: 12px;
    margin-top: -4px;
    width: 20px;
    vertical-align: middle
}

.leftNav ul .active[data-v-d4241146] {
    color: #00a4d8;
    background-color: #181d25;
    border-bottom: none;
    display: block
}

.box .account[data-v-1bb07667] {
    width: 100%;
    margin: 0;
    padding-top: 0;
    background-color: #181d25
}

.topcontent[data-v-1bb07667] {
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    margin: 0 0;
    font-size: 18px;
    border-radius: 3px;
    background-color: #181d25
}

.leftcontent[data-v-1bb07667] {
    width: 220px;
    margin-right: 0;
    height: 350px;
    border-radius: 10px;
    padding: 4px;
    float: left
}

.rightcontent[data-v-1bb07667] {
    width: 977px;
    margin-left: 223px;
    min-height: 1000px;
    border-radius: 10px
}

.header[data-v-02e40e8d] {
    padding: 15px 30px;
    overflow: hidden
}

.min_lab[data-v-02e40e8d] {
    margin: 0 10px
}

.min_lab input[data-v-02e40e8d] {
    margin-right: 3px
}

.inp_lab[data-v-02e40e8d] {
    border: 1px solid #6b80ae;
    border-radius: 2px;
    padding: 3px 5px
}

.inp_lab input[data-v-02e40e8d] {
    background: none;
    border: none;
    width: 120px;
    color: #fff
}

.right_text[data-v-02e40e8d] {
    color: #5697f4
}

.right_text span[data-v-02e40e8d] {
    cursor: pointer
}

.record[data-v-02e40e8d] {
    margin-right: 10px
}

.content_ul[data-v-02e40e8d] {
    padding: 0 20px
}

.content_top[data-v-02e40e8d] {
    padding: 10px 20px
}

.content_li[data-v-02e40e8d] {
    padding: 15px 0;
    border-bottom: 1px solid #1e2c42
}

.copy[data-v-02e40e8d],.ewm[data-v-02e40e8d],.operation[data-v-02e40e8d] {
    color: #00a4d8
}

.copy[data-v-02e40e8d] {
    margin: 0 30px
}

.copy[data-v-02e40e8d]:hover,.ewm[data-v-02e40e8d]:hover {
    cursor: pointer
}

.operation span[data-v-02e40e8d] {
    cursor: pointer;
    margin: 0 5px
}

.hide_div[data-v-02e40e8d] {
    border: 1px solid #1e2c42;
    padding: 20px
}

.excharge_record[data-v-02e40e8d] {
    color: #5697f4
}

input[data-v-02e40e8d] {
    background: none;
    border: none
}

.address[data-v-02e40e8d] {
    font-size: 14px
}

.address_inp[data-v-02e40e8d] {
    width: 100%;
    border: 1px solid #6b80ae;
    border-radius: 3px;
    padding: 15px 15px
}

.num_lab[data-v-02e40e8d] {
    display: flex;
    width: 100%;
    border: 1px solid #6b80ae;
    border-radius: 3px;
    padding: 15px
}

.num_lab input[data-v-02e40e8d] {
    width: 100%
}

.get_lab[data-v-02e40e8d],.range_lab[data-v-02e40e8d] {
    border: 1px solid #6b80ae;
    border-radius: 3px;
    padding: 15px
}

.get_lab[data-v-02e40e8d] {
    background: #1e2c42
}

.right_inp_wrap[data-v-02e40e8d] {
    margin-left: 20px
}

.advance[data-v-02e40e8d],.use_num[data-v-02e40e8d] {
    color: #5697f4
}

.use_num[data-v-02e40e8d] {
    margin-right: 5px
}

.advance[data-v-02e40e8d] {
    margin-left: 5px
}

.withdraw_btn[data-v-02e40e8d] {
    background-color: #7a98f7;
    color: #fff;
    padding: 15px 70px;
    border: none;
    border-radius: 5px
}

.withdraw_btn[data-v-02e40e8d]:hover {
    cursor: pointer
}

.bg[data-v-02e40e8d] {
    background: #2b3c71
}

.ewm_wrap[data-v-02e40e8d] {
    position: relative
}

.ewm_img[data-v-02e40e8d] {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 25px;
    left: -30px;
    border: 10px solid #262a42
}

.hide[data-v-02e40e8d] {
    display: none
}

.rec-box .rec-con[data-v-02e40e8d] {
    margin: 10px;
    padding: 0 20px;
    background: #262a42
}

.rec-box .rec-con span[data-v-02e40e8d] {
    flex: 1;
    text-align: center;
    line-height: 3
}

.rec-box .rec-con .rec-title[data-v-02e40e8d] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #fff;
    line-height: 1.5
}

.rec-box .rec-con li[data-v-02e40e8d] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #728daf;
    border-top: 1px solid #2e394c
}

.more[data-v-02e40e8d] {
    width: 100%;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.transfer-modal[data-v-02e40e8d] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.3);
    overflow: hidden;
    justify-content: center;
    align-items: center
}

.transfer-mask[data-v-02e40e8d] {
    width: 500px;
    background-color: #262a42;
    margin: 0 auto;
    border-radius: 5px
}

.transfer-header[data-v-02e40e8d] {
    line-height: 40px;
    text-align: center;
    position: relative
}

.transfer-header p[data-v-02e40e8d] {
    position: absolute;
    right: 10px;
    top: 0
}

.num_lab input[data-v-02e40e8d]::-webkit-input-placeholder {
    color: #aaa;
    font-size: 12px
}

.record[data-v-0561679c] {
    position: absolute;
    right: 0;
    top: 100px;
    cursor: pointer
}

.content[data-v-0561679c] {
    width: 600px;
    padding-top: 100px;
    line-height: 30px;
    margin: 0 auto;
    position: relative
}

.trade[data-v-0561679c] {
    width: 110px;
    line-height: 30px;
    border: 1px solid #4e5b85;
    text-align: center;
    border-radius: 4px;
    margin-right: 15px;
    margin-left: 15px
}

.num[data-v-0561679c] {
    margin-top: 15px
}

.num input[data-v-0561679c] {
    width: 450px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #4e5b85;
    border-radius: 6px;
    background-color: transparent;
    padding: 0 10px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px
}

.comfirm-btn[data-v-0561679c] {
    width: 450px;
    line-height: 40px;
    border-radius: 6px;
    margin-top: 40px;
    background-color: #4e5b85;
    color: #fff;
    border: none;
    outline: none
}

.lever .lever-head[data-v-95ba648a] {
    background-color: #1b1e2e;
    padding: 0 30px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #c7cce6
}

.lever .lever-head .mincny[data-v-95ba648a] {
    color: #61688a
}

.lever .lever-head .filter-input[data-v-95ba648a] {
    display: inline-block;
    width: 125px;
    height: 28px;
    padding: 0 30px 0 10px;
    background: none;
    border-radius: 3px;
    border: 1px solid #4e5b85
}

.lever .leverbody[data-v-95ba648a] {
    padding: 0 20px
}

.lever .leverbody .titlebox[data-v-95ba648a] {
    height: 40px;
    line-height: 40px
}

.lever .leverbody .titlebox li[data-v-95ba648a] {
    float: left
}

.lever .leverbody .contentbox li[data-v-95ba648a] {
    height: 60px;
    padding: 10px;
    border-bottom: 1px solid #1f2943
}

.lever .leverbody .contentbox li>p[data-v-95ba648a] {
    float: left;
    height: 40px;
    line-height: 40px
}

.lever .leverbody .contentbox li .l40[data-v-95ba648a] {
    line-height: 40px
}

.lever .leverbody .contentbox li .btn span[data-v-95ba648a] {
    margin-left: 20px;
    cursor: pointer
}

.lever .leverbody .contentbox li .btn span[data-v-95ba648a]:hover {
    color: #61688a
}

.lever .dialog_wrap[data-v-95ba648a] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    text-align: center;
    background: rgba(0,0,0,.4)
}

.lever .dialog_wrap .dialog[data-v-95ba648a] {
    margin-top: 220px;
    display: inline-block;
    width: 560px;
    padding-top: 30px;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: left;
    vertical-align: middle;
    background-color: #262a42
}

.lever .dialog_wrap .dialog .dia-tit[data-v-95ba648a] {
    padding: 0 40px 30px;
    font-size: 24px;
    line-height: 24px
}

.lever .dialog_wrap .dialog .dia-tit .close[data-v-95ba648a] {
    cursor: pointer
}

.lever .dialog_wrap .dialog .dia-tit .close[data-v-95ba648a]:hover {
    color: #fff
}

.lever .dialog_wrap .dialog .dia-content[data-v-95ba648a] {
    padding: 0 40px;
    margin-bottom: 20px
}

.lever .dialog_wrap .dialog .dia-content .frombox[data-v-95ba648a] {
    height: 48px;
    line-height: 48px
}

.lever .dialog_wrap .dialog .dia-content .frombox span[data-v-95ba648a] {
    width: 10%
}

.lever .dialog_wrap .dialog .dia-content .frombox p[data-v-95ba648a] {
    height: 48px;
    padding-left: 20px;
    line-height: 48px;
    border-radius: 3px;
    background-color: #202437
}

.lever .dialog_wrap .dialog .dia-content .frombox .coinimg[data-v-95ba648a] {
    width: 28px;
    margin: 0 auto
}

.lever .dialog_wrap .dialog .dia-content .dia-coin[data-v-95ba648a] {
    background-color: #202437
}

.lever .dialog_wrap .dialog .dia-content .dia-coin p[data-v-95ba648a] {
    width: 50%;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    position: relative
}

.lever .dialog_wrap .dialog .dia-content .dia-coin p i[data-v-95ba648a] {
    display: none;
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-right: 6px solid #fff;
    border-bottom: 6px solid #fff
}

.lever .dialog_wrap .dialog .dia-content .dia-coin .select[data-v-95ba648a] {
    color: #fff;
    background-color: #7a98f7
}

.lever .dialog_wrap .dialog .dia-content .dia-coin .select i[data-v-95ba648a] {
    display: block
}

.lever .dialog_wrap .dialog .dia-content .dia-coin p[data-v-95ba648a]:first-child {
    border-radius: 3px 0 0 3px
}

.lever .dialog_wrap .dialog .dia-content .dia-coin p[data-v-95ba648a]:last-child {
    border-radius: 0 0 3px 0
}

.lever .dialog_wrap .dialog .dia-content .inputboxs[data-v-95ba648a] {
    width: 100%;
    border-radius: 3px;
    background-color: #1e2235;
    border: 1px solid #4e5b85;
    padding: 0 20px
}

.lever .dialog_wrap .dialog .dia-content .inputboxs input[data-v-95ba648a] {
    background: transparent;
    height: 46px;
    color: #fff
}

.lever .dialog_wrap .dialog .dia-content .inputboxs span[data-v-95ba648a] {
    margin-left: 15px
}

.lever .dialog_wrap .dialog .dia-content .inputboxs .all[data-v-95ba648a] {
    color: #ff7519;
    cursor: pointer
}

.lever .dialog_wrap .dialog .dia-content .btn-box[data-v-95ba648a] {
    margin: 50px 0
}

.lever .dialog_wrap .dialog .dia-content .btn-box div[data-v-95ba648a] {
    width: 50%;
    height: 48px;
    line-height: 48px;
    margin: 0 10px;
    border-radius: 3px;
    cursor: pointer
}

.lever .dialog_wrap .dialog .dia-content .btn-box .sure[data-v-95ba648a] {
    color: #fff;
    background: #7a98f7
}

.box .account[data-v-0bb6b500] {
    width: 1200px;
    margin: 0 auto 82px;
    margin-top: 30px
}

.topcontent[data-v-0bb6b500] {
    padding: 22px 30px;
    margin-bottom: 20px;
    background-color: #1a2330;
    border-radius: 5px
}

.account_title[data-v-0bb6b500] {
    padding: 15px 20px
}

.content[data-v-1d45698f] {
    width: 1200px;
    margin: 0 auto
}

.content .topcontent[data-v-1d45698f] {
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    margin: 20px 0;
    font-size: 20px;
    border-radius: 3px;
    background-color: #181b2a
}

.content .mainbox>div[data-v-1d45698f] {
    background: #181b2a
}

.content .mainbox .main-left[data-v-1d45698f] {
    width: 220px;
    height: 512px;
    margin-right: 20px;
    border-radius: 3px
}

.content .mainbox .main-left .bar-hd[data-v-1d45698f] {
    padding: 0 0 0 20px;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 3px 6px rgba(0,0,0,.1)
}

.content .mainbox .main-left .bar-hd .bar-title[data-v-1d45698f] {
    height: 48px;
    line-height: 48px;
    font-weight: 400
}

.content .mainbox .main-left .bar-hd li[data-v-1d45698f] {
    margin-right: 30px;
    cursor: pointer;
    line-height: 40px
}

.content .mainbox .main-left .bar-tb .tb-title[data-v-1d45698f] {
    height: 40px;
    line-height: 40px;
    margin: 0 20px;
    color: #4e5b85
}

.content .mainbox .main-left .bar-tb .tb-title p[data-v-1d45698f] {
    width: 50%
}

.content .mainbox .main-left .bar-tb .tb-ul[data-v-1d45698f] {
    height: 318px;
    overflow: auto
}

.content .mainbox .main-left .bar-tb .tb-ul li[data-v-1d45698f] {
    cursor: pointer;
    margin: 0 4px;
    padding: 0 16px;
    margin-top: -1px;
    line-height: 31px;
    height: 31px;
    border-bottom: 1px solid #1f2943
}

.content .mainbox .main-left .bar-tb .tb-ul li span[data-v-1d45698f] {
    width: 50%
}

.content .mainbox .main-left .bar-tb .tb-ul li[data-v-1d45698f]:hover {
    background-color: #262a42
}

.content .mainbox .main-left .bar-tb .tb-ul .select[data-v-1d45698f] {
    background-color: #262a42;
    border-radius: 3px
}

.content .mainbox .main-right[data-v-1d45698f] {
    min-height: 512px;
    margin-left: 240px;
    border-radius: 3px;
    margin-bottom: 10px;
    transition: height .15s ease-in-out
}

.content .mainbox .main-right .mr-title[data-v-1d45698f] {
    height: 48px;
    line-height: 48px;
    padding-left: 30px
}

.content .mainbox .main-right .mod-bd[data-v-1d45698f] {
    padding: 0 30px
}

.content .mainbox .main-right .mod-bd .balance_bar[data-v-1d45698f] {
    height: 81px;
    border-bottom: 1px solid #1f2943
}

.content .mainbox .main-right .mod-bd .balance_bar li[data-v-1d45698f] {
    width: 25%
}

.content .mainbox .main-right .mod-bd .balance_bar li .canuse[data-v-1d45698f] {
    padding: 13px 0 23px
}

.content .mainbox .main-right .pannel>div[data-v-1d45698f] {
    width: 430px;
    padding-top: 30px;
    min-height: 300px
}

.content .mainbox .main-right .pannel>div .pan-title[data-v-1d45698f] {
    font-size: 24px;
    height: 50px;
    font-weight: 400
}

.content .mainbox .main-right .pannel>div .pannel-ul[data-v-1d45698f] {
    height: 49px;
    padding-bottom: 29px
}

.content .mainbox .main-right .pannel>div .pannel-ul li[data-v-1d45698f] {
    width: 33.3%
}

.content .mainbox .main-right .pannel>div .pannel-ul li .brow[data-v-1d45698f] {
    height: 30px
}

.content .applybox .ap-header[data-v-1d45698f] {
    background: #1b1e2e;
    box-shadow: 0 3px 6px rgba(0,0,0,.1);
    height: 40px;
    line-height: 40px;
    border-radius: 3px 3px 0 0;
    padding: 0 30px
}

.content .applybox .ap-list[data-v-1d45698f] {
    padding: 0 10px;
    min-height: 150px
}

.content .applybox .ap-list .ul-title[data-v-1d45698f] {
    padding: 0 20px
}

.content .applybox .ap-list .ul-title li[data-v-1d45698f] {
    height: 40px;
    line-height: 40px
}

.el-message-box .el-input__inner {
    border-color: #f1f1f1!important;
    background-color: #fff!important;
    color: #181b2a!important
}

.header[data-v-051bd723] {
    padding: 15px 30px;
    overflow: hidden
}

.min_lab[data-v-051bd723] {
    margin: 0 10px
}

.min_lab input[data-v-051bd723] {
    margin-right: 3px
}

.inp_lab[data-v-051bd723] {
    border: 1px solid #6b80ae;
    border-radius: 2px;
    padding: 3px 5px
}

.inp_lab input[data-v-051bd723] {
    background: none;
    border: none;
    width: 120px;
    color: #fff
}

.right_text[data-v-051bd723] {
    color: #5697f4
}

.right_text span[data-v-051bd723] {
    cursor: pointer
}

.record[data-v-051bd723] {
    margin-right: 10px
}

.content_ul[data-v-051bd723] {
    padding: 0 20px
}

.content_top[data-v-051bd723] {
    padding: 10px 20px
}

.content_li[data-v-051bd723] {
    padding: 15px 0;
    border-bottom: 1px solid #1e2c42
}

.copy[data-v-051bd723],.ewm[data-v-051bd723],.operation[data-v-051bd723] {
    color: #00a4d8
}

.copy[data-v-051bd723] {
    margin: 0 30px
}

.copy[data-v-051bd723]:hover,.ewm[data-v-051bd723]:hover {
    cursor: pointer
}

.operation span[data-v-051bd723] {
    cursor: pointer;
    margin: 0 5px
}

.hide_div[data-v-051bd723] {
    border: 1px solid #1e2c42;
    padding: 20px
}

.excharge_record[data-v-051bd723] {
    color: #5697f4
}

input[data-v-051bd723] {
    background: none;
    border: none
}

.address_inp[data-v-051bd723] {
    width: 100%;
    border: 1px solid #6b80ae;
    border-radius: 3px;
    padding: 15px 15px
}

.num_lab[data-v-051bd723] {
    display: flex;
    width: 100%;
    border: 1px solid #6b80ae;
    border-radius: 3px;
    padding: 15px
}

.num_lab input[data-v-051bd723] {
    width: 100%
}

.get_lab[data-v-051bd723],.range_lab[data-v-051bd723] {
    border: 1px solid #6b80ae;
    border-radius: 3px;
    padding: 15px
}

.get_lab[data-v-051bd723] {
    background: #1e2c42
}

.right_inp_wrap[data-v-051bd723] {
    margin-left: 20px
}

.advance[data-v-051bd723],.use_num[data-v-051bd723] {
    color: #5697f4
}

.use_num[data-v-051bd723] {
    margin-right: 5px
}

.advance[data-v-051bd723] {
    margin-left: 5px
}

.withdraw_btn[data-v-051bd723] {
    background-color: #7a98f7;
    color: #fff;
    padding: 15px 70px;
    border: none;
    border-radius: 5px
}

.withdraw_btn[data-v-051bd723]:hover {
    cursor: pointer
}

.bg[data-v-051bd723] {
    background: #2b3c71
}

.ewm_wrap[data-v-051bd723] {
    position: relative
}

.ewm_img[data-v-051bd723] {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 25px;
    left: -45px;
    border: 10px solid #fff;
    z-index: 1
}

.hide[data-v-051bd723] {
    display: none
}

.rec-box .rec-con[data-v-051bd723] {
    margin: 10px;
    padding: 0 20px;
    background: #181d25
}

.rec-box .rec-con span[data-v-051bd723] {
    flex: 1;
    text-align: center;
    line-height: 3
}

.rec-box .rec-con .rec-title[data-v-051bd723] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #fff;
    line-height: 1.5
}

.rec-box .rec-con li[data-v-051bd723] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #728daf;
    border-top: 1px solid #2e394c
}

.more[data-v-051bd723] {
    width: 100%;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.transfer-modal[data-v-051bd723] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.3);
    overflow: hidden;
    justify-content: center;
    align-items: center
}

.transfer-mask[data-v-051bd723] {
    width: 500px;
    background-color: #262a42;
    margin: 0 auto;
    border-radius: 5px
}

.transfer-header[data-v-051bd723] {
    line-height: 40px;
    text-align: center;
    position: relative
}

.transfer-header p[data-v-051bd723] {
    position: absolute;
    right: 10px;
    top: 0
}

.num_lab input[data-v-051bd723]::-webkit-input-placeholder {
    color: #aaa;
    font-size: 12px
}

.el-form-item__label {
    color: #637085!important
}

.el-tabs--border-card,.el-tabs--border-card>.el-tabs__header,.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    background: transparent!important
}

.el-tabs--border-card,.el-tabs--border-card>.el-tabs__header {
    border-color: #171e25!important
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    border-left-color: #171e25!important;
    border-right-color: #171e25!important;
    color: #00a4d8!important
}

.el-input__inner {
    border-color: #4d5373!important;
    background-color: #181d25!important;
    color: #cecfd0!important
}

.header[data-v-75991ca6] {
    padding: 15px 30px;
    overflow: hidden
}

.min_lab[data-v-75991ca6] {
    margin: 0 10px
}

.min_lab input[data-v-75991ca6] {
    margin-right: 3px
}

.inp_lab[data-v-75991ca6] {
    border: 1px solid #6b80ae;
    border-radius: 2px;
    padding: 3px 5px
}

.inp_lab input[data-v-75991ca6] {
    background: none;
    border: none;
    width: 120px;
    color: #fff
}

.right_text[data-v-75991ca6] {
    color: #5697f4
}

.right_text span[data-v-75991ca6] {
    cursor: pointer
}

.record[data-v-75991ca6] {
    margin-right: 10px
}

.content_ul[data-v-75991ca6] {
    padding: 0 20px
}

.content_top[data-v-75991ca6] {
    padding: 10px 20px
}

.content_li[data-v-75991ca6] {
    padding: 15px 0;
    border-bottom: 1px solid #1e2c42
}

.copy[data-v-75991ca6],.ewm[data-v-75991ca6],.operation[data-v-75991ca6] {
    color: #00a4d8
}

.copy[data-v-75991ca6] {
    margin: 0 30px
}

.copy[data-v-75991ca6]:hover,.ewm[data-v-75991ca6]:hover {
    cursor: pointer
}

.operation span[data-v-75991ca6] {
    cursor: pointer;
    margin: 0 5px
}

.hide_div[data-v-75991ca6] {
    border: 1px solid #1e2c42;
    padding: 20px
}

.excharge_record[data-v-75991ca6] {
    color: #5697f4
}

input[data-v-75991ca6] {
    background: none;
    border: none
}

.address_inp[data-v-75991ca6] {
    width: 100%;
    border: 1px solid #6b80ae;
    border-radius: 3px;
    padding: 15px 15px
}

.num_lab[data-v-75991ca6] {
    display: flex;
    width: 100%;
    border: 1px solid #6b80ae;
    border-radius: 3px;
    padding: 15px
}

.num_lab input[data-v-75991ca6] {
    width: 100%
}

.get_lab[data-v-75991ca6],.range_lab[data-v-75991ca6] {
    border: 1px solid #6b80ae;
    border-radius: 3px;
    padding: 15px
}

.get_lab[data-v-75991ca6] {
    background: #1e2c42
}

.right_inp_wrap[data-v-75991ca6] {
    margin-left: 20px
}

.advance[data-v-75991ca6],.use_num[data-v-75991ca6] {
    color: #5697f4
}

.use_num[data-v-75991ca6] {
    margin-right: 5px
}

.advance[data-v-75991ca6] {
    margin-left: 5px
}

.withdraw_btn[data-v-75991ca6] {
    background-color: #7a98f7;
    color: #fff;
    padding: 15px 15px;
    min-width: 120px;
    width: 100%;
    border: none;
    border-radius: 5px
}

.withdraw_btn[data-v-75991ca6]:hover {
    cursor: pointer
}

.bg[data-v-75991ca6] {
    background: #2b3c71
}

.ewm_wrap[data-v-75991ca6] {
    position: relative
}

.ewm_img[data-v-75991ca6] {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 25px;
    left: -45px;
    border: 10px solid #fff;
    z-index: 1
}

.hide[data-v-75991ca6] {
    display: none
}

.rec-box .rec-con[data-v-75991ca6] {
    margin: 10px;
    padding: 0 20px;
    background: #262a42
}

.rec-box .rec-con span[data-v-75991ca6] {
    flex: 1;
    text-align: center;
    line-height: 3
}

.rec-box .rec-con .rec-title[data-v-75991ca6] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #fff;
    line-height: 1.5
}

.rec-box .rec-con li[data-v-75991ca6] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #728daf;
    border-top: 1px solid #2e394c
}

.more[data-v-75991ca6] {
    width: 100%;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.transfer-modal[data-v-75991ca6] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.3);
    overflow: hidden;
    justify-content: center;
    align-items: center
}

.transfer-mask[data-v-75991ca6] {
    width: 500px;
    background-color: #262a42;
    margin: 0 auto;
    border-radius: 5px
}

.transfer-header[data-v-75991ca6] {
    line-height: 40px;
    text-align: center;
    position: relative
}

.transfer-header p[data-v-75991ca6] {
    position: absolute;
    right: 10px;
    top: 0
}

.num_lab input[data-v-75991ca6]::-webkit-input-placeholder {
    color: #aaa;
    font-size: 12px
}

.legal_name[data-v-5cbe3141] {
    background: #1b1e2e;
    padding: 5px 10px
}

.msg_title[data-v-5cbe3141] {
    color: #61688a
}

.main[data-v-5cbe3141] {
    color: #fff;
    padding: 30px
}

.legalAccount_msg[data-v-5cbe3141] {
    background: #1b1e2e;
    padding: 6px 10px
}

.legalAccount_msg div p[data-v-5cbe3141]:first-child {
    margin-bottom: 10px
}

.rec_wrap[data-v-5cbe3141] {
    margin-top: 30px;
    margin-bottom: 30px
}

.rec_title[data-v-5cbe3141] {
    margin-bottom: 10px
}

.all[data-v-5cbe3141] {
    color: #61688a
}

.list_title[data-v-5cbe3141] {
    padding: 10px;
    background: #1b1e2e
}

.list_title span[data-v-5cbe3141] {
    flex: 1
}

.huazhuan[data-v-5cbe3141] {
    text-align: center;
    margin-top: 60px;
    background: #7a98f7;
    padding: 8px
}

.huazhuan[data-v-5cbe3141]:hover {
    cursor: pointer
}

.log_list li[data-v-5cbe3141] {
    padding: 10px
}

.log_list li span[data-v-5cbe3141] {
    flex: 1
}

.legal_name[data-v-0854f356] {
    background: #1b1e2e;
    padding: 5px 10px
}

.msg_title[data-v-0854f356] {
    color: #61688a
}

.main[data-v-0854f356] {
    color: #fff;
    padding: 30px
}

.legalAccount_msg[data-v-0854f356] {
    background: #1b1e2e;
    padding: 6px 10px
}

.legalAccount_msg div p[data-v-0854f356]:first-child {
    margin-bottom: 10px
}

.rec_wrap[data-v-0854f356] {
    margin-top: 30px;
    margin-bottom: 30px
}

.rec_title[data-v-0854f356] {
    margin-bottom: 10px
}

.all[data-v-0854f356] {
    color: #61688a
}

.list_title[data-v-0854f356] {
    padding: 10px;
    background: #1b1e2e
}

.list_title span[data-v-0854f356] {
    flex: 1
}

.huazhuan[data-v-0854f356] {
    text-align: center;
    margin-top: 60px;
    background: #7a98f7;
    padding: 8px
}

.huazhuan[data-v-0854f356]:hover {
    cursor: pointer
}

.log_list li[data-v-0854f356] {
    padding: 10px
}

.log_list li span[data-v-0854f356] {
    flex: 1
}

.el-select-dropdown__item.selected {
    color: #00a4d8!important;
    font-weight: 400!important
}

.el-loading-spinner .el-loading-text,.el-loading-spinner i {
    color: #00a4d8!important
}

.choose-wrap[data-v-bc6596f8] {
    padding-top: 50px;
    width: 70%;
    margin: 0 auto
}

.choose-wrap[data-v-bc6596f8] .el-input__inner {
    background: #000!important
}

.choose-wrap[data-v-bc6596f8] .el-input-group__append {
    background: #000;
    border-color: #4d5373
}

.choose-wrap>div[data-v-bc6596f8] {
    margin-bottom: 40px
}

.choose-wrap>div [data-v-bc6596f8]:first-child {
    width: 30%
}

.choose-wrap>div [data-v-bc6596f8]:last-child {
    flex: 1
}

.el-dropdown[data-v-bc6596f8] {
    cursor: pointer
}

#transfer-legal[data-v-bc6596f8] {
    padding: 0 30px;
    color: #c7cce6
}

#transfer-legal>.title[data-v-bc6596f8] {
    padding: 20px 0;
    font-size: 24px;
    color: #61688a
}

#transfer-legal>.coins[data-v-bc6596f8] {
    display: flex;
    justify-content: center
}

#transfer-legal>.coins li[data-v-bc6596f8] {
    margin-right: 20px;
    padding: 5px 20px;
    color: #fff;
    background: #234165
}

#transfer-legal>.coins .active[data-v-bc6596f8] {
    background: #00a4d8
}

#transfer-legal>.types[data-v-bc6596f8] {
    margin: 30px 0;
    height: 80px;
    display: flex;
    justify-content: space-between;
    line-height: 40px
}

#transfer-legal>.types .types-r[data-v-bc6596f8] {
    display: flex
}

#transfer-legal>.types img[data-v-bc6596f8] {
    margin: 25px;
    width: 30px;
    height: 30px
}

#transfer-legal .number[data-v-bc6596f8] {
    margin: 30px 0 0;
    line-height: 40px
}

#transfer-legal .number input[data-v-bc6596f8] {
    border: none;
    color: #f2f5ff;
    background: none;
    line-height: 40px;
    width: 800px;
    border-bottom: 2px solid #ccc
}

#transfer-legal .number .all[data-v-bc6596f8] {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc
}

#transfer-legal .transfer[data-v-bc6596f8] {
    display: block;
    margin: 0 auto;
    line-height: 40px;
    width: 50%;
    background: #00a4d8;
    color: #fff;
    border: none;
    border-radius: 5px
}

.wrap[data-v-0b71e550] {
    overflow: auto
}

.li_wrap[data-v-0b71e550] {
    max-height: 600px;
    overflow-y: auto
}

.log_ul li[data-v-0b71e550] {
    padding: 15px 0
}

.log_ul>li[data-v-0b71e550]:first-child {
    border-bottom: 1px solid #303b4b
}

.log_ul>li[data-v-0b71e550]:first-child:hover {
    background: #181b2a
}

.log_ul li[data-v-0b71e550]:hover {
    background: #61688a
}

.more[data-v-0b71e550] {
    color: #999;
    font-size: 12px;
    margin-top: 10px;
    cursor: pointer
}

[data-v-0b71e550]::-webkit-scrollbar {
    background-color: #181b2a
}

.wrap[data-v-f97422aa] {
    min-height: 700px;
    width: 100%;
    margin: auto;
    background: #181d25
}

.detail[data-v-f97422aa] {
    min-height: 500px;
    background: #000;
    width: 1200px;
    margin: 0 auto;
    padding: 0
}

ul li[data-v-f97422aa] {
    padding: 8px 0
}

ul li span[data-v-f97422aa] {
    width: 24%;
    display: inline-block;
    text-align: center
}

.list_head[data-v-f97422aa] {
    color: #637085;
    border-bottom: 1px solid #2e333c
}

.red[data-v-f97422aa] {
    color: #cc4951;
    cursor: pointer
}

.more[data-v-f97422aa] {
    text-align: center;
    color: #999;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer
}

.all[data-v-f97422aa] {
    font-size: 14px;
    cursor: pointer;
    color: #00a4d8;
    margin-left: 10px
}

.wrap[data-v-7914654e] {
    min-height: 500px;
    background: #181b2a;
    width: 100%;
    margin: auto;
    padding: 90px 50px 30px 50px
}

.tab-header[data-v-7914654e] {
    margin-bottom: 30px;
    color: #c7cce6
}

.tab-header span[data-v-7914654e] {
    padding-bottom: 10px;
    margin-right: 20px;
    cursor: pointer
}

ul li[data-v-7914654e] {
    padding: 8px 0;
    line-height: 33px
}

ul li div[data-v-7914654e],ul li span[data-v-7914654e] {
    display: inline-block
}

ul li div span[data-v-7914654e] {
    border-radius: 3px;
    color: #fff;
    background-color: #638bd4;
    cursor: pointer;
    min-height: 33px;
    min-width: 80px;
    font-size: 14px;
    border: none;
    padding: 0 5px;
    line-height: 33px;
    text-align: center
}

.list_head[data-v-7914654e] {
    color: #637085;
    border-bottom: 1px solid #2e333c
}

.red[data-v-7914654e] {
    color: #cc4951;
    cursor: pointer
}

.green[data-v-7914654e] {
    color: #0d8551
}

.stop-btn[data-v-7914654e] {
    margin-right: 10px
}

.mores[data-v-7914654e] {
    color: #999;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
    text-align: center
}

.mores img[data-v-7914654e] {
    width: 120px;
    height: 120px;
    margin: 30px auto 0
}

.mores span[data-v-7914654e] {
    display: block;
    text-align: center
}

.width1[data-v-7914654e] {
    width: 9%;
    text-align: center
}

.width2[data-v-7914654e] {
    width: 13%;
    text-align: center
}

.width3[data-v-7914654e] {
    width: 20%;
    text-align: center
}

.loss-modal[data-v-7914654e] {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    justify-content: center;
    align-items: center;
    color: #c7cce6
}

.content[data-v-7914654e] {
    width: 500px;
    background-color: #262a42;
    margin: 0 auto;
    border-radius: 5px
}

.loss-modal-header[data-v-7914654e] {
    line-height: 40px;
    text-align: center;
    position: relative
}

.loss-modal-header p[data-v-7914654e] {
    position: absolute;
    right: 10px;
    top: 0
}

.loss-madal-content[data-v-7914654e] {
    margin: 0 15px;
    padding-bottom: 10px
}

.loss-madal-content div[data-v-7914654e] {
    line-height: 40px;
    margin-bottom: 10px
}

.loss-madal-content div p[data-v-7914654e] {
    display: inline-block;
    border: 1px solid #2e333c;
    border-radius: 3px;
    height: 40px;
    position: relative
}

.loss-madal-content p span[data-v-7914654e] {
    display: inline-block;
    width: 60px;
    text-align: center;
    font-size: 30px;
    position: relative;
    top: -3px
}

.loss-madal-content input[data-v-7914654e] {
    background-color: transparent;
    border-left: 1px solid #2e333c;
    border-right: 1px solid #2e333c;
    line-height: 40px;
    position: relative;
    top: -8px;
    color: #c7cce6;
    text-align: center
}

.modal-text[data-v-7914654e] {
    width: 100%;
    text-align: center;
    line-height: 60px
}

.modal-btn[data-v-7914654e] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 0
}

.modal-btn button[data-v-7914654e] {
    width: 50%;
    line-height: 50px;
    border: none;
    float: left;
    font-size: 14px;
    color: #fff;
    background: #9db5c7
}

.modal-btn button[data-v-7914654e]:last-child {
    border-left: 1px solid #2e333c;
    background: #689cf1
}

.total-pro button[data-v-7914654e] {
    border-radius: 3px;
    color: #fff;
    background-color: #638bd4;
    cursor: pointer;
    min-height: 33px;
    min-width: 80px;
    font-size: 14px;
    border: none;
    padding: 0 5px;
    line-height: 33px;
    text-align: center
}

.stopModal[data-v-7914654e] {
    margin: 20px 15px;
    text-align: center;
    padding-bottom: 20px
}

.stopModal span[data-v-7914654e] {
    padding: 6px 15px;
    border-radius: 4px
}

.stopall[data-v-7914654e] {
    border: 1px solid #638bd4;
    color: #638bd4;
    margin-right: 10px
}

.alls[data-v-7914654e] {
    color: #fff;
    background-color: #638bd4
}

.stopbuy[data-v-7914654e] {
    border: 1px solid #0d8551;
    color: #0d8551;
    margin-right: 10px
}

.buys[data-v-7914654e] {
    color: #fff;
    background-color: #0d8551
}

.stopsell[data-v-7914654e] {
    border: 1px solid #cc4951;
    color: #cc4951
}

.sells[data-v-7914654e] {
    color: #fff;
    background-color: #cc4951
}

.stop-modal-btns[data-v-7914654e] {
    width: 100%;
    font-size: 0
}

.stop-modal-btns button[data-v-7914654e] {
    width: 50%;
    float: left;
    font-size: 14px;
    line-height: 40px;
    background-color: #9db5c7;
    border: none;
    outline: none;
    color: #fff
}

.stop-modal-btns button[data-v-7914654e]:last-child {
    background-color: #689cf1
}

.btns button[data-v-7914654e] {
    border-radius: 3px;
    color: #fff;
    background-color: #638bd4;
    cursor: pointer;
    min-height: 33px;
    min-width: 80px;
    font-size: 14px;
    border: none;
    padding: 0 5px;
    line-height: 33px;
    text-align: center
}

.alcenter span[data-v-7914654e] {
    color: #c7cce6
}

html[data-v-a5ec5dca] {
    background: #262a42
}

.home[data-v-a5ec5dca] {
    margin-bottom: 3px
}

.hangqiang[data-v-a5ec5dca] {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #c7cce6;
    margin-top: 3px;
    background-color: #181b2a;
    text-indent: 2em
}

.main_shuju[data-v-a5ec5dca] {
    width: 100%;
    height: 100%;
    background-color: #181b2a;
    color: #c7cce6
}

.main_quanbu[data-v-a5ec5dca] {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #192638
}

.btn[data-v-a5ec5dca] {
    color: #fff;
    background-color: #357ce1;
    margin: 0 10px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    margin-top: 15px;
    margin-left: 35px
}

.coinbox[data-v-a5ec5dca] {
    padding: 0 40px;
    box-shadow: 0 2px 4px rgba(28,36,44,.05)
}

.ft12[data-v-a5ec5dca] {
    font-size: 12px
}

.classfity[data-v-a5ec5dca] {
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    color: #9ca9b5
}

.flex[data-v-a5ec5dca] {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex
}

.coinbox .classfity>div[data-v-a5ec5dca]:first-child,.coinbox .classfity div[data-v-a5ec5dca]:nth-child(4) {
    width: 18%;
    flex: none
}

.coinbox .classfity>div[data-v-a5ec5dca]:first-child,.coinbox .classfity div[data-v-a5ec5dca]:first-child {
    width: 10%;
    flex: none
}

.innerbox .coinbox .classfity>div[data-v-a5ec5dca] {
    flex: 1;
    cursor: pointer
}

.coinbox ul li div[data-v-a5ec5dca] {
    height: 56px;
    font-size: 16px;
    line-height: 56px;
    border-bottom: 1px solid #000;
    color: #c7cce6
}

.curPer[data-v-a5ec5dca],.pointer[data-v-a5ec5dca] {
    cursor: pointer
}

.alcenter[data-v-a5ec5dca] {
    align-items: center
}

.coinbox ul li div>p[data-v-a5ec5dca]:first-child,.innerbox .coinbox ul li div p[data-v-a5ec5dca]:nth-child(4) {
    width: 10%;
    flex: none
}

.coinbox ul li div p[data-v-a5ec5dca] {
    flex: 1
}

.gray[data-v-a5ec5dca] {
    color: #d3dfe6
}

.ft14[data-v-a5ec5dca] {
    font-size: 14px
}

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

.ml5[data-v-a5ec5dca] {
    margin-left: 15px
}

.coinbox ul li div .green span[data-v-a5ec5dca] {
    color: #0da88b;
    background-color: rgba(13,168,139,.1)
}

.coinbox ul li div .red span[data-v-a5ec5dca] {
    color: #ef5656;
    background-color: rgba(239,86,86,.1)
}

.coinbox ul li div .change span[data-v-a5ec5dca] {
    width: 80px;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.coinbox .classfity>div p[data-v-a5ec5dca] {
    height: 25px
}

.between[data-v-a5ec5dca] {
    justify-content: space-between
}

.column[data-v-a5ec5dca] {
    flex-direction: column
}

.coinbox .classfity>div p .up.sort[data-v-a5ec5dca] {
    border-color: transparent transparent #4e5b85
}

.coinbox .classfity>div p .up[data-v-a5ec5dca] {
    border-color: transparent transparent #9ca9b5
}

.coinbox .classfity>div p .down[data-v-a5ec5dca] {
    border-color: #9ca9b5 transparent transparent
}

.coinbox .classfity>div p span[data-v-a5ec5dca] {
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    margin-left: 10px
}

.classfity>div[data-v-a5ec5dca] {
    flex: 1
}

.hove[data-v-a5ec5dca]:hover {
    background-color: #190303
}

.content-wrap[data-v-24ff6269] {
    background: url(../img/bg_login.3cd1a1c7.png) center bottom 316px repeat-x,-webkit-linear-gradient(top,#21263f,#262a42)
}

.account[data-v-24ff6269] {
    width: 1200px;
    margin: 0 auto;
    padding-top: 93px;
    overflow: hidden;
    min-height: 880px
}

.main[data-v-24ff6269] {
    position: relative;
    padding: 0 0 60px 30px
}

.main_title[data-v-24ff6269] {
    font-size: 36px;
    color: #c7cce6
}

.register-item[data-v-24ff6269] {
    display: block;
    height: 22px;
    color: #61688a;
    font-size: 12px
}

.register-input[data-v-24ff6269] {
    position: relative;
    margin-top: 20px
}

.input-box[data-v-24ff6269] {
    position: relative;
    margin-top: 40px
}

.input-main[data-v-24ff6269] {
    width: 520px;
    min-height: 46px;
    border: 1px solid #4e5b85;
    padding: 0 20px;
    color: #c7cce6;
    font-size: 14px;
    border-radius: 3px;
    background-color: #1e2235
}

.icon[data-v-24ff6269] {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-right: 1px solid #52688c;
    position: absolute;
    top: 0
}

.login-btn[data-v-24ff6269] {
    width: 420px;
    margin-top: 40px;
    background: #5697f4;
    font-size: 16px;
    border-radius: 4px;
    color: #fff;
    line-height: 48px;
    cursor: pointer
}

.noaccount[data-v-24ff6269] {
    color: #fff
}

.register-button[data-v-24ff6269] {
    width: 200px;
    display: inline-block;
    line-height: 46px;
    background-color: #7a98f7;
    border-radius: 4px;
    color: #fff;
    border: none
}

.have-account[data-v-24ff6269] {
    font-size: 14px;
    display: inline-block;
    margin-left: 30px
}

.right-tip[data-v-24ff6269] {
    position: absolute;
    left: 620px;
    top: 70px;
    line-height: 24px;
    padding-right: 50px;
    margin-top: 10px;
    font-size: 14px;
    color: #61688a
}

.code-box[data-v-24ff6269] {
    width: 520px;
    border: 1px solid #4e5b85;
    background: #1e2235
}

.code-box .input-main[data-v-24ff6269] {
    width: 419px;
    border: none
}

.code-box button[data-v-24ff6269] {
    border: none;
    border-left: 1px solid #4e5b85;
    line-height: 44px;
    color: #7a98f7;
    background: #1e2235;
    width: 94px
}

.content-wrap[data-v-3ed38dcd] {
    background: url(../img/bg_login.3cd1a1c7.png) center bottom 316px repeat-x,-webkit-linear-gradient(top,#21263f,#262a42)
}

.account[data-v-3ed38dcd] {
    width: 1200px;
    margin: 0 auto;
    padding-top: 93px;
    overflow: hidden;
    min-height: 880px
}

.main[data-v-3ed38dcd] {
    position: relative;
    padding: 0 0 60px 30px
}

.main_title[data-v-3ed38dcd] {
    font-size: 36px;
    color: #c7cce6
}

.register-item[data-v-3ed38dcd] {
    display: block;
    height: 22px;
    color: #61688a;
    font-size: 12px
}

.register-input[data-v-3ed38dcd] {
    position: relative;
    margin-top: 20px
}

.input-box[data-v-3ed38dcd] {
    position: relative;
    margin-top: 40px
}

.input-main[data-v-3ed38dcd] {
    width: 520px;
    min-height: 46px;
    border: 1px solid #4e5b85;
    padding: 0 20px;
    color: #c7cce6;
    font-size: 14px;
    border-radius: 3px;
    background-color: #1e2235
}

.icon[data-v-3ed38dcd] {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-right: 1px solid #52688c;
    position: absolute;
    top: 0
}

.login-btn[data-v-3ed38dcd] {
    width: 420px;
    margin-top: 40px;
    background: #5697f4;
    font-size: 16px;
    border-radius: 4px;
    color: #fff;
    line-height: 48px;
    cursor: pointer
}

.noaccount[data-v-3ed38dcd] {
    color: #fff
}

.register-button[data-v-3ed38dcd] {
    width: 200px;
    display: inline-block;
    line-height: 46px;
    background-color: #7a98f7;
    border-radius: 4px;
    color: #fff;
    border: none
}

.have-account[data-v-3ed38dcd] {
    font-size: 14px;
    display: inline-block;
    margin-left: 30px
}

.right-tip[data-v-3ed38dcd] {
    position: absolute;
    left: 620px;
    top: 70px;
    line-height: 24px;
    padding-right: 50px;
    margin-top: 10px;
    font-size: 14px;
    color: #61688a
}

.box .account[data-v-fa271ade] {
    width: 1200px;
    margin: 0 auto 82px;
    margin-top: 30px
}

.topcontent[data-v-fa271ade] {
    padding: 22px 30px;
    margin-bottom: 20px;
    background-color: #1a2330;
    border-radius: 5px
}

.account_title[data-v-fa271ade] {
    padding: 15px 20px
}

select[data-v-fa271ade] {
    background-color: transparent;
    padding: 10px;
    color: #c7cce6;
    font-size: 18px;
    border-radius: 3px;
    border: 1px solid #4e5b85
}

select.ft14[data-v-fa271ade] {
    font-size: 14px
}

select>option[data-v-fa271ade] {
    padding: 10px 0;
    background-color: transparent
}

input[data-v-fa271ade] {
    padding: 10px;
    border: 1px solid #4e5b85;
    font-size: 18px;
    color: #c7cce6;
    border-radius: 3px;
    background-color: transparent;
    outline: none
}

.add[data-v-fa271ade] {
    text-align: right;
    margin-top: 20px
}

.add .baseBtn[data-v-fa271ade] {
    width: 200px
}

.header[data-v-17812672] {
    padding: 15px 30px;
    overflow: hidden
}

.min_lab[data-v-17812672] {
    margin: 0 10px
}

.min_lab input[data-v-17812672] {
    margin-right: 3px
}

.inp_lab[data-v-17812672] {
    border: 1px solid #6b80ae;
    border-radius: 2px;
    padding: 3px 5px
}

.inp_lab input[data-v-17812672] {
    background: none;
    border: none;
    width: 120px;
    color: #fff
}

.right_text[data-v-17812672] {
    color: #5697f4
}

.right_text span[data-v-17812672] {
    cursor: pointer
}

.record[data-v-17812672] {
    margin-right: 10px
}

.content_ul[data-v-17812672] {
    padding: 0 20px
}

.content_top[data-v-17812672] {
    padding: 10px 20px
}

.content_li[data-v-17812672] {
    padding: 15px 0;
    border-bottom: 1px solid #1e2c42
}

.copy[data-v-17812672],.ewm[data-v-17812672],.operation[data-v-17812672] {
    color: #00a4d8
}

.copy[data-v-17812672] {
    margin: 0 30px
}

.copy[data-v-17812672]:hover,.ewm[data-v-17812672]:hover {
    cursor: pointer
}

.operation span[data-v-17812672] {
    cursor: pointer;
    margin: 0 5px
}

.hide_div[data-v-17812672] {
    border: 1px solid #1e2c42;
    padding: 20px
}

.excharge_record[data-v-17812672] {
    color: #5697f4
}

input[data-v-17812672] {
    background: none;
    border: none
}

.address_inp[data-v-17812672] {
    width: 100%;
    border: 1px solid #6b80ae;
    border-radius: 3px;
    padding: 15px 15px
}

.num_lab[data-v-17812672] {
    display: flex;
    width: 100%;
    border: 1px solid #6b80ae;
    border-radius: 3px;
    padding: 15px
}

.num_lab input[data-v-17812672] {
    width: 100%
}

.get_lab[data-v-17812672],.range_lab[data-v-17812672] {
    border: 1px solid #6b80ae;
    border-radius: 3px;
    padding: 15px
}

.get_lab[data-v-17812672] {
    background: #1e2c42
}

.right_inp_wrap[data-v-17812672] {
    margin-left: 20px
}

.advance[data-v-17812672],.use_num[data-v-17812672] {
    color: #5697f4
}

.use_num[data-v-17812672] {
    margin-right: 5px
}

.advance[data-v-17812672] {
    margin-left: 5px
}

.withdraw_btn[data-v-17812672] {
    background-color: #7a98f7;
    color: #fff;
    padding: 15px 70px;
    border: none;
    border-radius: 5px
}

.withdraw_btn[data-v-17812672]:hover {
    cursor: pointer
}

.bg[data-v-17812672] {
    background: #2b3c71
}

.ewm_wrap[data-v-17812672] {
    position: relative
}

.ewm_img[data-v-17812672] {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 25px;
    left: -30px;
    border: 10px solid #262a42
}

.hide[data-v-17812672] {
    display: none
}

.rec-box .rec-con[data-v-17812672] {
    margin: 10px;
    padding: 0 20px;
    background: #262a42
}

.rec-box .rec-con span[data-v-17812672] {
    flex: 1;
    text-align: center;
    line-height: 3
}

.rec-box .rec-con .rec-title[data-v-17812672] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #fff;
    line-height: 1.5
}

.rec-box .rec-con li[data-v-17812672] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #728daf;
    border-top: 1px solid #2e394c
}

.more[data-v-17812672] {
    width: 100%;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.transfer-modal[data-v-17812672] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.3);
    overflow: hidden;
    justify-content: center;
    align-items: center
}

.transfer-mask[data-v-17812672] {
    width: 500px;
    background-color: #262a42;
    margin: 0 auto;
    border-radius: 5px
}

.transfer-header[data-v-17812672] {
    line-height: 40px;
    text-align: center;
    position: relative
}

.transfer-header p[data-v-17812672] {
    position: absolute;
    right: 10px;
    top: 0
}

.num_lab input[data-v-17812672]::-webkit-input-placeholder {
    color: #aaa;
    font-size: 12px
}

#lever-record {
    width: 1200px;
    margin: 0 auto;
    color: #c7cce6
}

#lever-record .title {
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    margin: 20px 0;
    font-size: 20px;
    border-radius: 3px;
    background-color: #181b2a
}

#lever-record .title span {
    cursor: pointer
}

#lever-record .list {
    min-height: 900px;
    padding: 0 30px;
    background: #181b2a
}

#lever-record .list-title,#lever-record li {
    display: flex;
    line-height: 40px;
    justify-content: space-between
}

#lever-record .list-title span,#lever-record li span {
    flex: 1;
    text-align: center
}

#lever-record li {
    border-top: 1px solid #202a4a
}

#lever-record .loadmore {
    text-align: center;
    padding: 20px;
    cursor: pointer
}

.content-wrap[data-v-38564ab6] {
    background: url(../img/bg_login.3cd1a1c7.png) center bottom 316px repeat-x,-webkit-linear-gradient(top,#21263f,#262a42)
}

.account[data-v-38564ab6] {
    width: 1200px;
    margin: 0 auto;
    padding-top: 93px;
    overflow: hidden;
    min-height: 880px
}

.main[data-v-38564ab6] {
    position: relative;
    padding: 0 0 60px 30px
}

.main_title[data-v-38564ab6] {
    font-size: 36px;
    color: #c7cce6
}

.register-item[data-v-38564ab6] {
    display: block;
    height: 22px;
    color: #61688a;
    font-size: 12px
}

.register-input[data-v-38564ab6] {
    position: relative;
    margin-top: 20px
}

.input-box[data-v-38564ab6] {
    position: relative;
    margin-top: 40px
}

.input-main[data-v-38564ab6] {
    width: 520px;
    min-height: 46px;
    border: 1px solid #4e5b85;
    padding: 0 20px;
    color: #c7cce6;
    font-size: 14px;
    border-radius: 3px;
    background-color: #1e2235
}

.icon[data-v-38564ab6] {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-right: 1px solid #52688c;
    position: absolute;
    top: 0
}

.login-btn[data-v-38564ab6] {
    width: 420px;
    margin-top: 40px;
    background: #5697f4;
    font-size: 16px;
    border-radius: 4px;
    color: #fff;
    line-height: 48px;
    cursor: pointer
}

.noaccount[data-v-38564ab6] {
    color: #fff
}

.register-button[data-v-38564ab6] {
    width: 200px;
    display: inline-block;
    line-height: 46px;
    background-color: #7a98f7;
    border-radius: 4px;
    color: #fff;
    border: none
}

.have-account[data-v-38564ab6] {
    font-size: 14px;
    display: inline-block;
    margin-left: 30px
}

.right-tip[data-v-38564ab6] {
    position: absolute;
    left: 620px;
    top: 70px;
    line-height: 24px;
    padding-right: 50px;
    margin-top: 10px;
    font-size: 14px;
    color: #61688a
}

.code-box[data-v-38564ab6] {
    width: 520px;
    border: 1px solid #4e5b85;
    background: #1e2235
}

.code-box .input-main[data-v-38564ab6] {
    width: 419px;
    border: none
}

.code-box button[data-v-38564ab6] {
    border: none;
    border-left: 1px solid #4e5b85;
    line-height: 44px;
    color: #7a98f7;
    background: #1e2235;
    width: 94px
}

.tabs[data-v-260dc298] {
    background-color: #2f3d45;
    line-height: 32px;
    border-bottom: 1px solid #2f3d45
}

.transbtn[data-v-260dc298]:hover {
    color: #00a4d8;
    border-bottom: 1px solid #00a4d8
}

.tabs span[data-v-260dc298] {
    display: block;
    width: 50%;
    text-align: center;
    color: #babbbb;
    font-size: 12px
}

.tabs .active[data-v-260dc298] {
    background-color: #1e2b34
}

.contents[data-v-260dc298] {
    padding: 7px 0;
    padding-bottom: 15px;
    margin-top: 10px
}

.contents .iconfont[data-v-260dc298],.iconfont[data-v-260dc298] {
    margin-right: 10px;
    color: #00a4d8
}

.mt5[data-v-260dc298] {
    margin-top: 10px
}

.trade[data-v-260dc298] .el-select .el-input.is-focus .el-input__inner {
    border-color: #304049
}

.lefts[data-v-260dc298] {
    width: 80px;
    line-height: 30px;
    color: #000
}

.curency-list .mb10[data-v-260dc298] {
    flex: 1
}

.curency-list .mb10[data-v-260dc298]:last-child {
    margin-right: 0
}

.curency-list span[data-v-260dc298] {
    background-color: #fff
}

.contents[data-v-260dc298] .el-select {
    background-color: #1e2b34
}

.contents[data-v-260dc298] .el-input__inner {
    background-color: #1e2b34;
    border: 1px solid #304049;
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.contents[data-v-260dc298] .el-input__icon {
    line-height: 30px
}

.contents[data-v-260dc298] .popper__arrow {
    left: 50%!important
}

.rights[data-v-260dc298] {
    width: calc(100% - 80px);
    line-height: 30px;
    height: 30px;
    border: 1px solid #304049;
    position: relative;
    background-color: #1e2b34
}

.rights .iconfont[data-v-260dc298] {
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
    background-color: transparent
}

.rights input[data-v-260dc298] {
    background-color: transparent;
    padding: 0 15px;
    color: #fff
}

.shareNumber[data-v-260dc298] {
    margin-top: 10px;
    width: 100%
}

input[data-v-260dc298] {
    padding: 0 15px;
    color: #fff
}

.share-rights[data-v-260dc298] {
    position: relative
}

.share-rights input[data-v-260dc298] {
    line-height: 40px;
    height: 40px;
    width: 100%;
    background-color: transparent;
    border: 1px solid #304049;
    padding: 0 15px;
    color: #c7cce6;
    font-size: 12px
}

.share-rights p[data-v-260dc298] {
    line-height: 30px;
    border: 1px solid #304049;
    width: calc(24.73% - 8px);
    text-align: center;
    border-radius: 4px;
    margin-right: 12px;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    margin-bottom: 10px
}

.share-rights p[data-v-260dc298]:nth-child(4n) {
    margin-right: 0
}

.mults[data-v-260dc298] {
    border: none
}

.mult-contents p[data-v-260dc298] {
    line-height: 30px;
    border: 1px solid #304049;
    width: calc(24.73% - 8px);
    text-align: center;
    border-radius: 4px;
    margin-right: 12px;
    margin-bottom: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    background-color: transparent
}

.mult-contents p[data-v-260dc298]:nth-child(4n) {
    margin-right: 0
}

.sell_btn[data-v-260dc298] {
    margin: 0!important;
    border-radius: 10px!important
}

.sell_btn[data-v-260dc298]:first-child {
    margin-right: 5px!important
}

.sell_btn[data-v-260dc298]:last-child {
    margin-left: 5px!important
}

.greenColor[data-v-260dc298] {
    border-color: #00c087
}

.redColor[data-v-260dc298] {
    border-color: #e3046f
}

.transfer-contents h3[data-v-260dc298] {
    text-align: center;
    color: #00a4d8;
    font-size: 18px
}

.transfer-list p[data-v-260dc298] {
    line-height: 30px;
    color: #606266;
    line-height: 40px
}

.trade[data-v-260dc298] .el-button--primary {
    background-color: #00a4d8;
    width: 140px;
    border: none
}

.trade[data-v-260dc298] .el-dialog--center .el-dialog__body {
    padding: 25px 25px 10px
}

.active[data-v-260dc298] {
    background: url(../img/selects.c92cc6d7.png) no-repeat 100% 100%;
    border: 1px solid #5e94ea
}

.trade[data-v-260dc298] {
    margin-top: 10px;
    padding: 0 20px
}

.trade-currency[data-v-260dc298] {
    color: #fff;
    padding: 10px 0;
    padding-bottom: 0
}

.trade-currency li[data-v-260dc298] {
    text-align: center;
    margin-top: 10px;
    font-size: 14px
}

.trade-bg[data-v-260dc298] {
    color: #fff;
    line-height: 40px;
    padding: 0;
    font-size: 14px;
    margin-bottom: 10px
}

.trade-bg img[data-v-260dc298] {
    margin-top: 15px;
    margin-right: 5px;
    width: 20px;
    height: 20px
}

.balck .trade-bg[data-v-260dc298],.balck .trade-currency[data-v-260dc298] {
    background-color: #1e2b34
}

.balck .curency-list span[data-v-260dc298],.balck .mult-contents p[data-v-260dc298],.balck .share-rights input[data-v-260dc298],.balck .share-rights p[data-v-260dc298] {
    background-color: #181b2a;
    color: #fff
}

.balance[data-v-260dc298] {
    width: 100%
}

.balance ul[data-v-260dc298] {
    margin-top: 20px
}

.insuranc[data-v-260dc298] {
    width: 50%
}

.insuranc-list span[data-v-260dc298] {
    display: inline-block;
    padding: 5px;
    border: 1px solid #999;
    border-radius: 4px;
    color: #999
}

.insuranc-list span[data-v-260dc298]:first-child {
    margin-right: 15px
}

.insuranc-list .active[data-v-260dc298] {
    color: #00a4d8;
    border: 1px solid #00a4d8;
    background: transparent
}

.loss-madal-contents span[data-v-260dc298] {
    display: block;
    text-align: center;
    margin-top: 5px
}

.flex[data-v-260dc298] {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex
}

.sell_btn[data-v-260dc298] {
    line-height: 40px;
    text-align: center;
    height: 40px;
    color: #fff;
    margin: 10px 15px;
    cursor: pointer;
    width: calc(100% - 20px);
    border-radius: 40px
}

.greenBg[data-v-260dc298] {
    background-color: #35b65a!important;
    border-color: #35b65a!important
}

.redBg[data-v-260dc298] {
    background-color: #ff494a!important;
    border-color: #ff494a!important
}

.whiteBg .curency-list span[data-v-260dc298],.whiteBg .mult-content p[data-v-260dc298],.whiteBg .share-rights p[data-v-260dc298] {
    color: #fff;
    border: 1px solid #e9e9e9
}

.whiteBg .curency-list span[data-v-260dc298] {
    color: #fff
}

.curency-list span[data-v-260dc298] {
    display: inline-block;
    width: 100px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #304049;
    border-radius: 4px;
    margin-right: 12px;
    background: transparent;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    color: #fff
}

.mb10[data-v-260dc298] {
    margin-bottom: 10px
}

.active[data-v-260dc298] {
    background-size: 35px 30px;
    border: 1px solid #69530d!important;
    background: none
}

.tab-header[data-v-65710206] {
    padding: 5px 0
}

.greenColor[data-v-65710206] {
    color: green
}

.tab-header p[data-v-65710206] {
    margin-right: 20px;
    cursor: pointer
}

.tab-header p[data-v-65710206]:hover {
    color: #00a4d8;
    border-bottom: 1px solid #00a4d8
}

.tab-header[data-v-65710206] {
    color: #fff
}

.tab-header .active[data-v-65710206] {
    border-bottom: 1px solid #00a4d8
}

.flex[data-v-65710206] {
    display: flex
}

.total-pro[data-v-65710206] {
    margin-bottom: 20px;
    margin-left: 30px
}

.wrap[data-v-65710206] {
    width: 100%;
    padding: 10px 20px
}

ul li[data-v-65710206] {
    line-height: 33px
}

ul li div[data-v-65710206],ul li span[data-v-65710206] {
    display: inline-block
}

ul li div span[data-v-65710206] {
    border-radius: 3px;
    cursor: pointer;
    min-height: 33px;
    font-size: 14px;
    border: none;
    line-height: 33px;
    text-align: center
}

.list_head[data-v-65710206] {
    color: #becbc6;
    border-bottom: 1px solid #2f3d45
}

.red[data-v-65710206] {
    color: #cc4951;
    cursor: pointer
}

.green[data-v-65710206] {
    color: #0d8551
}

.stop-btn[data-v-65710206] {
    margin-right: 10px
}

.mores[data-v-65710206] {
    color: #999;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
    text-align: center
}

.mores img[data-v-65710206] {
    width: 120px;
    height: 120px;
    margin: 30px auto 0
}

.mores span[data-v-65710206] {
    display: block;
    text-align: center
}

.width1[data-v-65710206] {
    width: 9%;
    text-align: center
}

.width2[data-v-65710206] {
    width: 15%;
    text-align: center
}

.width3[data-v-65710206] {
    width: 30%;
    text-align: center
}

.loss-modal[data-v-65710206] {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    justify-content: center;
    align-items: center
}

.content[data-v-65710206] {
    width: 500px;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 5px
}

.loss-modal-header[data-v-65710206] {
    line-height: 40px;
    text-align: center;
    position: relative
}

.loss-modal-header p[data-v-65710206] {
    position: absolute;
    right: 10px;
    top: 0
}

.loss-madal-content[data-v-65710206] {
    margin: 15px 15px 0
}

.loss-madal-content div[data-v-65710206] {
    line-height: 40px;
    margin-bottom: 10px
}

.loss-madal-content div p[data-v-65710206] {
    display: inline-block;
    border: 1px solid #d1d3df;
    border-radius: 3px;
    height: 40px;
    position: relative
}

.loss-madal-content p span[data-v-65710206] {
    display: inline-block;
    width: 60px;
    text-align: center;
    font-size: 30px;
    position: relative;
    top: -3px;
    cursor: pointer
}

.loss-madal-content p .adds[data-v-65710206] {
    top: -1px
}

.wrap[data-v-65710206] .el-dialog--center .el-dialog__body {
    padding: 25px 25px 20px
}

.wrap[data-v-65710206] .el-button--primary {
    background-color: #00a4d8;
    width: 140px;
    border: none
}

.loss-madal-content input[data-v-65710206] {
    background-color: transparent;
    border-left: 1px solid #d1d3df;
    border-right: 1px solid #d1d3df;
    line-height: 40px;
    position: relative;
    top: -6px;
    text-align: center
}

.modal-text[data-v-65710206] {
    width: 100%;
    text-align: center;
    line-height: 40px
}

.modal-btn[data-v-65710206] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 0
}

.modal-btn button[data-v-65710206] {
    width: 50%;
    line-height: 50px;
    border: none;
    float: left;
    font-size: 14px;
    color: #fff;
    background: #9db5c7
}

.modal-btn button[data-v-65710206]:last-child {
    border-left: 1px solid #2f3d45;
    background: #689cf1
}

.total-pro button[data-v-65710206] {
    border-radius: 3px;
    color: #fff;
    background-color: #00a4d8;
    cursor: pointer;
    min-height: 33px;
    min-width: 80px;
    font-size: 14px;
    border: none;
    padding: 0 5px;
    line-height: 33px;
    text-align: center
}

.stopModal[data-v-65710206] {
    margin: 20px 15px;
    text-align: center;
    padding-bottom: 20px
}

.stopModal span[data-v-65710206] {
    padding: 6px 15px;
    border-radius: 4px
}

.stopall[data-v-65710206] {
    border: 1px solid #00a4d8;
    color: #00a4d8;
    margin-right: 10px
}

.alls[data-v-65710206] {
    color: #fff;
    background-color: #00a4d8
}

.stopbuy[data-v-65710206] {
    border: 1px solid #0d8551;
    color: #0d8551;
    margin-right: 10px
}

.buys[data-v-65710206] {
    color: #fff;
    background-color: #0d8551
}

.stopsell[data-v-65710206] {
    border: 1px solid #cc4951;
    color: #cc4951
}

.sells[data-v-65710206] {
    color: #fff;
    background-color: #cc4951
}

.stop-modal-btns[data-v-65710206] {
    width: 100%;
    font-size: 0
}

.stop-modal-btns button[data-v-65710206] {
    width: 50%;
    float: left;
    font-size: 14px;
    line-height: 40px;
    background-color: #9db5c7;
    border: none;
    outline: none;
    color: #fff
}

.stop-modal-btns button[data-v-65710206]:last-child {
    background-color: #689cf1
}

.mores[data-v-65710206] .el-pager li {
    background: transparent
}

.mores[data-v-65710206] .btn-next,.mores[data-v-65710206] .btn-prev {
    display: none
}

.transfer-content h3[data-v-65710206] {
    text-align: center;
    color: #00a4d8;
    font-size: 18px
}

.tls[data-v-65710206] {
    text-align: left!important
}

.trs[data-v-65710206] {
    text-align: right!important;
    padding-right: 12px
}

.home[data-v-6ecc7964] {
    margin-bottom: 3px
}

.home .main>div[data-v-6ecc7964] {
    justify-content: space-between;
    margin-top: 3px
}

.home .main>div .tv-box[data-v-6ecc7964] {
    width: calc(100% - 406px);
    height: auto;
    background: #181d25
}

.home .main>div .exchange-box[data-v-6ecc7964] {
    width: 403px;
    height: 735px;
    background: #181d25
}

.home .main>div .tran-box[data-v-6ecc7964] {
    width: 100%;
    height: 650px;
    background: #181d25
}

.home .main>div .trade-box[data-v-6ecc7964] {
    width: 485px;
    height: 650px
}

.ModuleTitle-wrap[data-v-e6d8d99e] {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 47px;
    position: relative;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #12161c
}

.ModuleTitle-wrap[data-v-e6d8d99e]:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 23px;
    background: #00a4d8;
    border-radius: 2px;
    left: 26px;
    top: 50%;
    transform: translateY(-50%)
}

.SellInfo-wrap .title[data-v-e6d8d99e] {
    text-align: center;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #161515
}

.SellInfo-wrap .plan-amount[data-v-e6d8d99e] {
    text-align: center;
    padding-top: 30px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #57bc7d
}

.hot-wrap[data-v-e6d8d99e] {
    width: 1200px;
    margin: 0 auto;
    margin-top: 17px
}

.more-btn[data-v-e6d8d99e] {
    border: 0;
    padding: 12px 44px;
    border-radius: 4px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #141414;
    font-weight: 700
}

.HotRecommend-wrap[data-v-e6d8d99e] {
    background: #fff;
    border-radius: 8px;
    padding-bottom: 38px
}

.HotRecommend-wrap .body[data-v-e6d8d99e] {
    display: flex;
    flex-direction: row;
    width: 100%
}

.HotRecommend-wrap .body .img-wrap[data-v-e6d8d99e] {
    flex: 1;
    padding-left: 26px
}

.HotRecommend-wrap .body .banner-img[data-v-e6d8d99e] {
    width: 100%
}

.HotRecommend-wrap .body .body-right[data-v-e6d8d99e] {
    padding-left: 65px;
    padding-right: 85px;
    text-align: center;
    box-sizing: content-box
}

.HotRecommend-wrap .body .body-right .title-text[data-v-e6d8d99e] {
    font-size: 14px;
    font-family: Adobe Heiti Std;
    font-weight: 400;
    color: #12161c;
    position: relative;
    z-index: 0
}

.HotRecommend-wrap .body .body-right .content-text[data-v-e6d8d99e] {
    padding-bottom: 50px;
    font-size: 16px;
    font-weight: 400;
    color: #12161c;
    line-height: 24px;
    text-align: left
}

.HotRecommend-wrap .body .body-right .more-btn[data-v-e6d8d99e] {
    border: 0;
    padding: 12px 44px;
    border-radius: 4px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #141414;
    font-weight: 700
}


.iepntop[data-v-e6d8d99e] {
    width: 100%;
    height: 320px;
    background: linear-gradient(90deg,#00a4d8 0,#0069ba)
}

.iepntopimg[data-v-e6d8d99e] {
    width: 170px;
    height: 170px;
    border-radius: 10px;
    position: absolute;
    top: 80px;
    left: 75px
}

.iepntopdiv[data-v-e6d8d99e] {
    position: absolute;
    top: 100px;
    left: 320px
}

.iepntopdiv>p[data-v-e6d8d99e]:first-child {
    font-size: 40px;
    color: #fff;
    margin: 0;
    padding: 0
}

.iepntopdiv>p[data-v-e6d8d99e]:nth-child(2) {
    font-size: 26px;
    color: #e0e0e0;
    margin: 0;
    padding: 0
}

.iepntopdiv>p:nth-child(2)>span[data-v-e6d8d99e] {
    font-size: 18px
}

#echarts[data-v-e6d8d99e] {
    width: 600px;
    margin: 0 auto;
    margin-top: -20px
}

#echarts>P[data-v-e6d8d99e] {
    line-height: 40PX;
    font-size: 18PX;
    margin: 0;
    padding: 0;
    color: #fbad25
}

#echarts>P>span[data-v-e6d8d99e] {
    font-size: 18px;
    color: #12161c
}

#echarts>P>span[data-v-e6d8d99e]:first-child {
    display: inline-block;
    width: 150px;
    font-size: 16px
}

.iepnjy[data-v-e6d8d99e] {
    text-align: center;
    padding-bottom: 40px
}

.iepnjy a[data-v-e6d8d99e] {
    display: inline-block;
    width: 275px;
    height: 36px;
    line-height: 36px;
    margin: 0;
    margin-right: 50px;
    border-radius: 10px;
    border: 1PX solid #00a1d7;
    color: #00a1d7!important
}

.iepnjy a[data-v-e6d8d99e]:after,.iepnjy a[data-v-e6d8d99e]:hover:after {
    display: none!important
}

.iepnjy button[data-v-e6d8d99e] {
    display: inline-block;
    width: 275px;
    height: 36px;
    line-height: 36px;
    margin: 0;
    border-radius: 10px;
    border: none;
    background: #ffa200;
    color: #fff;
    padding: 0
}

.iepndiv2[data-v-e6d8d99e] {
    height: 60px;
    padding: 10px 0 10px 27px;
    position: relative
}

.iepndiv2span[data-v-e6d8d99e] {
    position: absolute;
    width: 4px;
    height: 23px;
    background: #00a1d7;
    border-radius: 2px;
    left: 26px;
    bottom: 18px
}

.iepndiv2 a[data-v-e6d8d99e] {
    display: inline-block;
    padding: 0 20PX;
    margin-right: 30PX;
    cursor: pointer
}

.iepndiv2 a button[data-v-e6d8d99e] {
    height: 40PX;
    line-height: 40PX;
    color: #757575;
    height: 40px;
    line-height: 40px;
    background: none;
    font-size: 18px
}

.iepndiv2 a button span[data-v-e6d8d99e] {
    color: #fdaa2a
}

.iepntc[data-v-e6d8d99e] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0,0,0,.5)
}

.iepntc .iepntcbody[data-v-e6d8d99e] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 420px;
    padding: 30px 15px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    font-size: 18px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

#iepntc1 .iepntcbody p[data-v-e6d8d99e] {
    height: 100px;
    line-height: 100px;
    color: #848484
}

#iepntc1 .iepntcbody button[data-v-e6d8d99e] {
    width: 50%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #ffa200;
    border: none;
    padding: 0;
    margin: 0 auto;
    border-radius: 10PX;
    outline: none
}

#iepntc2 .iepntcbody[data-v-e6d8d99e] {
    text-align: left
}

#iepntc2 .iepntcbody div[data-v-e6d8d99e] {
    height: 40px;
    line-height: 40px;
    position: relative;
    margin-bottom: 20px
}

#iepntc2 .iepntcbody div span[data-v-e6d8d99e] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #848484;
    font-size: 16px
}

#iepntc2 .iepntcbody div p[data-v-e6d8d99e] {
    position: absolute;
    top: 0;
    left: 100PX;
    width: 288px;
    height: 40px;
    line-height: 40px;
    border-radius: 10PX;
    border: 1PX solid #8a8a8a;
    margin: 0;
    padding: 0
}

#iepntc2 .iepntcbody div:first-child select[data-v-e6d8d99e] {
    width: 275px;
    border: none;
    padding: 0 10px;
    color: #ffa200
}

#iepntc2 .iepntcbody div:nth-child(2) input[data-v-e6d8d99e] {
    width: 238px;
    border: 0;
    padding: 0 10px
}

#iepntc2 .iepntcbody div:nth-child(2) P span[data-v-e6d8d99e] {
    width: 50px;
    right: 0;
    left: auto
}

#iepntc2 .iepntcbody div:nth-child(3) p[data-v-e6d8d99e] {
    border: none;
    text-align: right;
    color: #ffa200
}

#iepntc2 .iepntcbody div button[data-v-e6d8d99e] {
    width: 186px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
    border-radius: 10px;
    outline: none
}

#iepntc2 .iepntcbody div button[data-v-e6d8d99e]:first-child {
    border: 1px solid #ffa200;
    color: #ffa200;
    background: none;
    margin-right: 16PX
}

#iepntc2 .iepntcbody div button[data-v-e6d8d99e]:nth-child(2) {
    border: 1px solid #ffa200;
    background: #ffa200;
    color: #fff
}

::-webkit-input-placeholder {
    color: #60667f!important
}

:-moz-placeholder,::-moz-placeholder {
    color: #60667f!important
}

:-ms-input-placeholder {
    color: #60667f!important
}

#legal-seller {
    margin: 30px auto 0;
    width: 1200px;
    line-height: 30px
}

#legal-seller>.top {
    line-height: 36px;
    padding: 16px 30px
}

#legal-seller>.top>.top-t {
    align-items: center;
    padding-right: 30px;
    margin-right: 30px
}

#legal-seller>.top>.top-t>.logo {
    margin-right: 20px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #7a98f7;
    text-align: center
}

#legal-seller>.top>.top-b>div {
    width: 100px;
    text-align: center
}

#legal-seller>.md {
    padding: 16px 30px
}

#legal-seller>.md>div {
    margin-right: 50px
}

#legal-seller>.md>div img {
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px
}

#legal-seller>.list {
    margin-top: 20px;
    padding: 16px 30px
}

#legal-seller>.list>.tab {
    margin: 16px 0
}

#legal-seller>.list>.tab span {
    margin-right: 20px;
    cursor: pointer
}

#legal-seller>.list>.tab>.now {
    color: #7a98f7;
    font-weight: 600
}

#legal-seller>.list>.ul-head {
    justify-content: space-between
}

#legal-seller>.list>.ul-head>div {
    flex: 1;
    text-align: center
}

#legal-seller>.list>.ul-head>div:nth-child(3) {
    flex: 2
}

#legal-seller>.list>.ul-head>div:first-child {
    text-align: left
}

#legal-seller>.list>.ul-head>div:last-child {
    text-align: right
}

#legal-seller>.list>ul li {
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

#legal-seller>.list>ul li>div {
    flex: 1;
    text-align: center
}

#legal-seller>.list>ul li>div:nth-child(3) {
    flex: 2
}

#legal-seller>.list>ul li>div:first-child {
    text-align: left
}

#legal-seller>.list>ul li>div:last-child {
    height: 30px
}

#legal-seller>.list>ul li>div:last-child span {
    float: right;
    background: #7a98f7;
    padding: 0 16px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer
}

#legal-seller>.list .sell-box>.buy-item,#legal-seller>.list>.buy-box>.sell-item {
    display: none
}

#legal-seller>.list .more {
    padding: 0 20px;
    text-align: center;
    cursor: pointer
}

#legal-seller>.buy-sell-box {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

#legal-seller>.buy-sell-box>.content {
    position: relative;
    border-radius: 2px;
    width: 440px;
    padding: 20px 30px 26px 30px;
    background: #181d25;
    line-height: 30px
}

#legal-seller>.buy-sell-box>.content .close {
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 10px
}

#legal-seller>.buy-sell-box>.content>div:first-child {
    font-weight: 600
}

#legal-seller>.buy-sell-box>.content>.flex span:first-child {
    width: 80px
}

#legal-seller>.buy-sell-box>.content>.tab {
    margin: 5px 0 20px;
    cursor: pointer
}

#legal-seller>.buy-sell-box>.content>.tab span {
    margin-right: 20px
}

#legal-seller>.buy-sell-box>.content>.tab>.selected {
    color: #638bd4;
    padding: 5px 0;
    border-bottom: 1px solid #638bd4
}

#legal-seller>.buy-sell-box>.content>.inp {
    display: flex;
    border-radius: 2px;
    justify-content: space-between;
    border: 1px solid #555869;
    padding: 3px 16px
}

#legal-seller>.buy-sell-box>.content>.inp input {
    background: transparent;
    color: #fff
}

#legal-seller>.buy-sell-box>.content>.inp span {
    padding-left: 10px;
    margin-left: 10px
}

#legal-seller>.buy-sell-box>.content>.inp .all {
    border-left: 1px solid #555869;
    cursor: pointer
}

#legal-seller>.buy-sell-box>.content>.tip {
    font-size: 12px;
    margin-top: 10px 16px;
    color: #7a98f7
}

#legal-seller>.buy-sell-box>.content>.btns {
    justify-content: space-between
}

#legal-seller>.buy-sell-box>.content>.btns>div {
    width: 46%;
    text-align: center;
    border-radius: 2px;
    line-height: 40px;
    cursor: pointer
}

#legal-seller>.buy-sell-box>.content>.btns>.cancel {
    background: #ccc
}

#legal-seller>.buy-sell-box>.content>.btns>.ok {
    background: #7a98f7;
    color: #fff
}

#myshops {
    width: 1200px;
    margin: 30px auto 0
}

#myshops>.title {
    margin-bottom: 20px;
    padding: 0 30px;
    line-height: 50px
}

#myshops>.list-box {
    line-height: 30px;
    padding: 0 30px
}

#myshops>.list-box .list-header>div,#myshops>.list-box li>div {
    width: 19.9%;
    height: 30px
}

#myshops>.list-box .list-header>div:last-child,#myshops>.list-box li>div:last-child {
    text-align: right
}

#myshops>.list-box li {
    padding: 14px 0
}

#myshops>.list-box li>div:first-child>span:first-child {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    background: #7a98f7;
    color: #fff;
    margin-right: 5px;
    line-height: 30px
}

#myshops>.list-box li>div:last-child a {
    float: right;
    padding: 0 14px;
    border-radius: 2px;
    background: #7a98f7;
    color: #fff;
    cursor: pointer;
    font-size: 14px
}

#myshops>.list-box li:nth-child(n+2) {
    border-bottom: 1px solid #ddd
}

#legal-shop-detail {
    margin: 30px auto 0;
    width: 1200px;
    line-height: 30px
}

#legal-shop-detail>.top {
    line-height: 36px;
    padding: 16px 30px
}

#legal-shop-detail>.top>.top-t {
    align-items: center;
    padding-right: 30px;
    margin-right: 30px
}

#legal-shop-detail>.top>.top-t>.logo {
    margin-right: 20px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #7a98f7;
    text-align: center
}

#legal-shop-detail>.top>.top-b>div {
    width: 100px;
    text-align: center
}

#legal-shop-detail>.top>.submit {
    align-items: center;
    justify-content: flex-end
}

#legal-shop-detail>.top>.submit>div {
    border-radius: 2px;
    margin-left: 30px;
    color: #fff;
    padding: 0 16px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    background: #7a98f7;
    cursor: pointer
}

#legal-shop-detail>.md {
    padding: 16px 30px
}

#legal-shop-detail>.md>div {
    margin-right: 50px
}

#legal-shop-detail>.md>div img {
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px
}

#legal-shop-detail>.list {
    margin-top: 20px;
    padding: 5px 30px 16px
}

#legal-shop-detail>.list>.tab {
    margin: 16px 0
}

#legal-shop-detail>.list>.tab>.flex>div:first-child {
    width: 80px
}

#legal-shop-detail>.list>.tab span {
    margin-right: 20px;
    cursor: pointer
}

#legal-shop-detail>.list>.tab .now {
    color: #7a98f7;
    font-weight: 600
}

#legal-shop-detail>.list>.ul-head {
    height: 50px
}

#legal-shop-detail>.list>.ul-head>div {
    float: left
}

#legal-shop-detail>.list>.ul-head>div:last-child {
    float: right
}

#legal-shop-detail>.list>ul li {
    padding: 16px 0;
    height: 62px
}

#legal-shop-detail>.list>ul li>div {
    float: left
}

#legal-shop-detail>.list>ul li>div:last-child {
    float: right;
    height: 30px
}

#legal-shop-detail>.list>ul li>div:last-child span {
    float: right;
    background: #7a98f7;
    padding: 0 12px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin-right: 5px
}

#legal-shop-detail>.list .sell-box>.buy-item,#legal-shop-detail>.list>.buy-box>.sell-item {
    display: none
}

#legal-shop-detail>.list .more {
    padding: 20px 20px;
    text-align: center;
    cursor: pointer
}

#legal-shop-detail>.submit-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8)
}

#legal-shop-detail>.submit-box>.content {
    margin: 100px auto 0;
    border-radius: 4px;
    width: 440px;
    padding: 20px 30px 26px 30px;
    background: #181d25;
    line-height: 30px;
    position: relative
}

#legal-shop-detail>.submit-box>.content .close {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer
}

#legal-shop-detail>.submit-box>.content>.tab {
    display: flex
}

#legal-shop-detail>.submit-box>.content>.tab>div {
    margin-right: 50px
}

#legal-shop-detail>.submit-box>.content>.tab .now {
    font-weight: 600;
    padding-bottom: 3px;
    color: #7a98f7;
    border-bottom: 2px solid #7a98f7
}

#legal-shop-detail>.submit-box>.content>.btn {
    background: #7a98f7;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    line-height: 40px
}

#legal-shop-detail>.submit-box>.content>.flex {
    margin-bottom: 20px
}

#legal-shop-detail>.submit-box>.content>.flex span {
    width: 130px
}

#legal-shop-detail>.submit-box>.content>.flex input,#legal-shop-detail>.submit-box>.content>.flex select {
    border-radius: 2px;
    border: 1px solid #1b2a3e;
    padding: 0 16px;
    flex: 1;
    background: #181b2a;
    color: #fff
}

#legal-shop-detail>.submit-box>.content>.tab {
    margin: 10px 0 20px;
    cursor: pointer
}

#legal-shop-detail>.submit-box>.content>.tab span {
    margin-right: 20px
}

#legal-shop-detail>.submit-box>.content>.tab>.selected {
    font-weight: 700;
    color: #7a98f7
}

#legal-shop-detail>.submit-box>.content>.inp {
    display: flex;
    border-radius: 2px;
    justify-content: space-between;
    border: 1px solid #1b2a3e;
    padding: 3px 16px
}

#legal-shop-detail>.submit-box>.content>.inp span {
    padding-left: 10px;
    margin-left: 10px
}

#legal-shop-detail>.submit-box>.content>.inp .all {
    border-left: 1px solid #1b2a3e;
    font-weight: 600;
    cursor: pointer
}

#legal-shop-detail>.submit-box>.content>.tip {
    font-size: 12px;
    margin-top: 10px 16px;
    color: #7a98f7
}

#legal-shop-detail>.submit-box>.content>.btns {
    justify-content: space-between
}

#legal-shop-detail>.submit-box>.content>.btns>div {
    width: 46%;
    text-align: center;
    border-radius: 2px;
    line-height: 40px;
    cursor: pointer
}

#legal-shop-detail>.submit-box>.content>.btns>.cancel {
    background: #ccc
}

#legal-shop-detail>.submit-box>.content>.btns>.ok {
    background: #7a98f7;
    color: #fff
}

#legal-record {
    width: 1200px;
    margin: 30px auto
}

#legal-record>.title {
    margin-bottom: 30px;
    padding: 0 30px;
    line-height: 50px;
    font-size: 20px
}

#legal-record>.filter-box {
    line-height: 30px
}

#legal-record>.filter-box span {
    margin-left: 16px;
    cursor: pointer
}

#legal-record>.filter-box span:nth-child(n+2) {
    font-weight: 600
}

#legal-record>.filter-box .select {
    color: #563bd1
}

#legal-record>ul {
    padding: 10px 30px
}

#legal-record>ul li>div {
    justify-content: space-between;
    line-height: 30px
}

#legal-record>.more {
    text-align: center;
    padding: 20px;
    cursor: pointer
}

#legal-record>.nomore {
    padding: 16px;
    text-align: center
}

.log_wrap {
    overflow: auto
}

html {
    width: 100%;
    min-height: 100%;
    color: #000;
    background-color: #000;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: PingFangSC-Regular,"\5FAE\8F6F\96C5\9ED1",sans-serif;
    padding: 0;
    margin: 0
}

body {
    height: 100%
}

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box
}

article,aside,blockquote,body,button,code,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,pre,section,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

input,select,textarea {
    font-size: 100%
}

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

fieldset,img {
    border: 0
}

abbr,acronym {
    border: 0;
    font-variant: normal
}

del {
    text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: 500
}

ol,ul {
    list-style: none
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 500
}

q:after,q:before {
    content: ""
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

a,ins {
    text-decoration: none
}

a {
    color: inherit
}

#app,body,html {
    min-width: 1200px;
    height: 100%
}

input {
    border: 0;
    outline: 0;
    border-radius: 2px
}

button {
    border: 0;
    outline: 0;
    border-color: transparent
}

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

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

.clear:after {
    content: "";
    display: block;
    clear: both
}

.clear {
    zoom:1}

.hide {
    display: none!important
}

.fl {
    float: left
}

.fr {
    float: right
}

.flex {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex
}

.column {
    flex-direction: column
}

.flex1 {
    flex: 1
}

.alcenter {
    align-items: center
}

.between {
    justify-content: space-between
}

.around {
    justify-content: space-around
}

.center {
    justify-content: center
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.inblock {
    display: inline-block
}

.theme_color {
    color: #f16b7f!important
}

.scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #000
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #2e333c
}

.white {
    color: #fff
}

.w50 {
    width: 50%
}

.ft12 {
    font-size: 12px
}

.ft14 {
    font-size: 14px
}

.ft16 {
    font-size: 16px
}

.ft18 {
    font-size: 18px
}

.ft20 {
    font-size: 20px
}

.ft24 {
    font-size: 24px
}

.ml3 {
    margin-left: 3px
}

.ml40 {
    margin-left: 40px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt60 {
    margin-top: 60px
}

.mt50 {
    margin-top: 50px
}

.mr20 {
    margin-right: 20px
}

.mr60 {
    margin-right: 60px
}

.mt3 {
    margin-top: 3px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.ml10 {
    margin-left: 10px
}

.ml25 {
    margin-left: 25px
}

.mb50 {
    margin-bottom: 50px
}

.mb40 {
    margin-bottom: 40px
}

.mb30 {
    margin-bottom: 30px
}

.mb15 {
    margin-bottom: 15px
}

.ml30 {
    margin-left: 30px
}

.ml20 {
    margin-left: 20px
}

.pdtb5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.pdlr20 {
    padding-left: 20px;
    padding-right: 20px
}

.pdtb20 {
    padding-bottom: 20px
}

.pdt20,.pdtb20 {
    padding-top: 20px
}

.pdb20 {
    padding-bottom: 20px
}

.pb50 {
    padding-bottom: 50px
}

.w5 {
    width: 5%
}

.w6 {
    width: 6%
}

.w8 {
    width: 8%
}

.w10 {
    width: 10%
}

.w11 {
    width: 11%
}

.w14 {
    width: 14%
}

.w15 {
    width: 15%
}

.w16 {
    width: 16%
}

.w20 {
    width: 20%
}

.w25 {
    width: 25%
}

.w30 {
    width: 30%
}

.w12 {
    width: 12%
}

.w18 {
    width: 18%
}

.w90 {
    width: 90%
}

.w100 {
    width: 100%
}

.lodw20 {
    width: 20px
}

.bold {
    font-weight: 700
}

.fColor1 {
    color: #c7cce6
}

.fColor2 {
    color: #637085
}

.fColor3 {
    color: #61688a
}

.fColor4 {
    color: #4e546f
}

.baseColor {
    color: #00a4d8
}

.ceilColor {
    color: #009688
}

.redColor {
    color: #cc4951
}

.red {
    color: #ff494a!important
}

.green {
    color: #35b65a!important
}

.curPer {
    cursor: pointer
}

.contentBK {
    background-color: #000
}

.topshadow {
    box-shadow: 0 3px 6px rgba(0,0,0,.1)
}

.ttBk {
    background-color: #1b1e2e
}

.active {
    color: #00a4d8
}

.bg-part {
    background-color: #181b2a
}

.radius4 {
    border-radius: 4px
}

.bdb {
    border-bottom: 1px solid #303b4b
}

.baseBtn {
    background-color: #5697f4;
    color: #fff;
    border-radius: 4px
}

.main .baseBtn {
    width: 428px
}

.base {
    color: #00a4d8
}

.mouseDefault {
    cursor: pointer
}

.baseborderBtn,.baseBtn {
    display: inline-block;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    cursor: default
}

:root {
    --swiper-theme-color:#ff494a}

.back-nav {
    height: 72px;
    background-color: #181b2a;
    line-height: 72px;
    border-radius: 3px
}

.nav-after {
    display: block;
    height: 10px;
    background-color: #262a42
}

.account-content {
    width: 100%;
    min-height: 750px;
    background-color: #181b2a
}

.positionR {
    position: relative
}

.pageBack {
    background-color: #262a42
}

.bb_shadow {
    box-shadow: 0 5px 5px #1b1e2e
}

.el-button--download.is-active,.el-button--download:active,.el-button--download:focus,.el-button--download:hover {
    background: #00a4d8!important;
    border-color: #00a4d8!important;
    color: #fff!important
}

.el-button--download {
    color: #fff!important;
    background-color: #00a4d8!important;
    border-color: #00a4d8!important
}

.el-button--default:hover {
    color: #00a4d8!important;
    border-color: #00a4d8!important
}

.el-button--primary {
    background-color: #00a4d8!important;
    border-color: #00a4d8!important
}

.el-button--primary:hover {
    color: #fff!important
}

.el-button:active {
    color: #00a4d8!important;
    border-color: #00a4d8!important
}



.viptop[data-v-a4440d3a] {
    width: 100%;
    height: 310px;
    background:url(../img/viptopimg.png) no-repeat;
    background-size:100% 310px;
}

.vipbody[data-v-a4440d3a] {
    width: 1200px;
    margin: 0 auto;
    margin-top: -100px
}

.vipbody .topcontent[data-v-a4440d3a] {
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    margin: 20px 0;
    font-size: 20px;
    border-radius: 3px;
    background-color: #181b2a
}

.vipbody .mainbox>div[data-v-a4440d3a] {
    background: #192335
}

.vipbody .mainbox .main-right[data-v-a4440d3a] {
    min-height: 512px;
    border-radius: 3px;
    margin-bottom: 10px;
    transition: height .15s ease-in-out
}

.vipbody .mainbox .main-right .mr-title[data-v-a4440d3a] {
    height: 48px;
    line-height: 48px;
    padding-left: 30px
}

.vipbody .mainbox .main-right .mod-bd[data-v-a4440d3a] {
    padding: 0 30px
}

.vipbody .mainbox .main-right .mod-bd .balance_bar[data-v-a4440d3a] {
    height: 132px;
    padding: 40px 0
}

.vipbody .mainbox .main-right .mod-bd .balance_bar li[data-v-a4440d3a] {
    width: 33.3%;
    height: 52px
}

.vipbody .mainbox .main-right .mod-bd .balance_bar li p[data-v-a4440d3a] {
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 0
}

.vipbody .mainbox .main-right .mod-bd .balance_bar li p span[data-v-a4440d3a] {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px
}

.vipbody .mainbox .main-right .mod-bd .balance_bar li p[data-v-a4440d3a]:nth-child(2) {
    color: #00b7fc;
    font-size: 16px
}

.vipbody .mainbox .main-right .mod-bd .balance_bar li:first-child span[data-v-a4440d3a] {
    background:url(../img/icon_vip1.png) no-repeat;
    background-size:100% 100%;
}

.vipbody .mainbox .main-right .mod-bd .balance_bar li:nth-child(2) span[data-v-a4440d3a] {
    background:url(../img/icon_vip2.png) no-repeat;
    background-size:100% 100%;
}

.vipbody .mainbox .main-right .mod-bd .balance_bar li:nth-child(3) span[data-v-a4440d3a] {
    background:url(../img/icon_vip3.png) no-repeat;
    background-size:100% 100%;
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipnow[data-v-a4440d3a] {
    height: 132px;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    background: linear-gradient(180deg,#49acff 0,#0054ff)
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipnow .vipnow1[data-v-a4440d3a] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 105px;
    height: 114px;
    background:url(../img/myteambj1.png) no-repeat;
    background-size:100% 100%;
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipnow .vipnow2[data-v-a4440d3a] {
    position: absolute;
    left: 150px;
    top: 21px;
    width: 150px;
    height: 90px
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipnow .vipnow2>p[data-v-a4440d3a]:first-child {
    height: 20PX;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
    margin: 0;
    margin-bottom: 30px
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipnow .vipnow2>p[data-v-a4440d3a]:nth-child(2) {
    height: 40PX;
    line-height: 40px;
    color: #fff;
    font-size: 22px;
    margin: 0
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipnow .vipnow3[data-v-a4440d3a] {
    position: absolute;
    right: 20px;
    top: 16px;
    width: 600px;
    height: 100px
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipnow .vipnow3 p[data-v-a4440d3a] {
    height: 20PX;
    line-height: 20px;
    color: #fff;
    margin: 0;
    font-size: 14px;
    text-align: right
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipnow .vipnow3>p[data-v-a4440d3a]:nth-child(2) {
    margin-bottom: 20px;
    font-size: 16px
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul[data-v-a4440d3a] {
    overflow: hidden;
    margin-top: 20px
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul li[data-v-a4440d3a] {
    width: 565px;
    height: 100px;
    border-radius: 10px;
    background: #fff;
    float: left;
    margin-bottom: 10px
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul li span[data-v-a4440d3a] {
    float: left;
    width: 25%;
    height: 100px
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul li span P[data-v-a4440d3a] {
    height: 20px;
    line-height: 20px;
    margin: 0;
    font-size: 14PX;
    text-align: center
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul li span>p[data-v-a4440d3a]:first-child {
    color: #585858;
    margin: 20px 0
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul li span>p.vipyellow[data-v-a4440d3a] {
    color: #ff9601
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul li span>p.vipblue[data-v-a4440d3a] {
    color: #1291fc
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul li span:first-child>p[data-v-a4440d3a]:first-child {
    color: #575757;
    margin: 10px 0;
    font-size: 22PX;
    height: 40PX;
    line-height: 40PX
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul li .vipopen[data-v-a4440d3a] {
    float: left;
    width: 25%;
    height: 100px;
    margin: 0;
    padding: 0;
    line-height: 100px;
    border-radius: 0 10px 10px 0;
    background: #1291fc;
    color: #fff;
    font-size: 18px;
    border: none
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul li .vipok[data-v-a4440d3a] {
    border-left: 2px solid #1291fc;
    background: none;
    color: #1291fc
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul li[data-v-a4440d3a]:first-child {
    background: #cecece
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul li:first-child span[data-v-a4440d3a] {
    width: 33.3%
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul li:first-child span:first-child>p[data-v-a4440d3a]:first-child {
    color: #575757;
    margin: 0;
    font-size: 22PX;
    height: 100PX;
    line-height: 100PX
}

.vipbody .mainbox .main-right .mod-bd .pannel .vipul li[data-v-a4440d3a]:nth-child(2n-1) {
    margin-right: 10px
}


.kytop[data-v-a1cdb60e] {
    width: 100%;
    height: 312px;
     background:url(../img/viptopimg.png) no-repeat;
    background-size:100% 312px;
}

.kyul[data-v-a1cdb60e] {
    width: 1200px;
    margin: 0 auto;
    background: #192335;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 0 30PX;
    list-style: none
}

.kyul p[data-v-a1cdb60e] {
    height: 60PX;
    line-height: 60PX;
    border-bottom: 1PX solid #000;
    overflow: hidden
}

.kyul p span[data-v-a1cdb60e] {
    float: left;
    height: 60px;
    line-height: 60px;
    color: #637085;
    font-size: 16px;
    text-align: center
}

.kyul p span[data-v-a1cdb60e]:first-child {
    text-align: left
}

.kyul li[data-v-a1cdb60e] {
    height: 60PX;
    line-height: 60PX;
    border-bottom: 1PX solid #000
}

.kyul li span[data-v-a1cdb60e] {
    float: left;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.kyul li span[data-v-a1cdb60e]:first-child {
    text-align: left
}

.kyul1[data-v-a1cdb60e] {
    margin-top: -100px
}

.kyul1 li span[data-v-a1cdb60e],.kyul1 p span[data-v-a1cdb60e] {
    width: 12.5%
}

.kyul1 li span[data-v-a1cdb60e]:nth-child(3),.kyul1 li span[data-v-a1cdb60e]:nth-child(5) {
    color: #00b7fc
}

.kyul1 li span:nth-child(8) button[data-v-a1cdb60e] {
    width: 80px;
    height: 30px;
    background: #00b7fc;
    color: #fff;
    outline: none
}

.kyul2 p span[data-v-a1cdb60e] {
    width: 23.8%
}

.kyul2 p span[data-v-a1cdb60e]:first-child,.kyul2 p span[data-v-a1cdb60e]:nth-child(5) {
    width: 14.3%
}

.kyul2 li span[data-v-a1cdb60e] {
    width: 23.8%
}

.kyul2 li span[data-v-a1cdb60e]:first-child,.kyul2 li span[data-v-a1cdb60e]:nth-child(5) {
    width: 14.3%
}

.kyul2 li .kyblue[data-v-a1cdb60e],.kyul2 li span[data-v-a1cdb60e]:nth-child(3),.kyul2 li span[data-v-a1cdb60e]:nth-child(4) {
    color: #00b7fc
}

.kyul2 li .kyred[data-v-a1cdb60e] {
    color: #fc0000
}


.kyul3 p[data-v-a1cdb60e]:first-child {
    font-size: 22px;
    color: #fff;
    text-align: center;
    border-bottom: none
}

.kyul3 p span[data-v-a1cdb60e] {
    width: 28.6%
}

.kyul3 p span[data-v-a1cdb60e]:nth-child(4) {
    width: 14.2%
}

.kyul3 li span[data-v-a1cdb60e] {
    width: 28.6%
}

.kyul3 li span[data-v-a1cdb60e]:nth-child(4) {
    width: 14.2%
}

.kyul3 li span[data-v-a1cdb60e]:nth-child(2) {
    color: #00b7fc
}

.iepnimgp[data-v-e6d8d99e]{overflow: hidden;margin-top:50px;}
.iepnimgp img[data-v-e6d8d99e]{width:100%;margin-bottom:0px;display: block;}
/*.iepnimgp[data-v-e6d8d99e]{overflow: hidden;margin-top:50px;}*/
/*.iepnimgp img[data-v-e6d8d99e]{width:30%;float:left;margin-bottom:20px;}*/
/*.iepnimgp img:nth-child(2)[data-v-e6d8d99e],.iepnimgp img:nth-child(5)[data-v-e6d8d99e]{margin-left:5%;margin-right:5%}*/


.home .main .coin-wrap li[data-v-4b2fabcf]:last-child {
    display: none;
}

.notice_box .notice_list {
    width: 1300px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 52px;
    overflow: hidden;
    word-break: keep-all;
    text-align: left;
}