.main[data-v-293ea06a] {
    margin: 100px auto;
    text-align: center;
    color: #000
}

.main img[data-v-293ea06a] {
    width: 35%;
    display: block;
    margin: 0 auto
}

.main .title[data-v-293ea06a] {
    font-size: 36px;
    padding: 10px 0
}

.main .content[data-v-293ea06a] {
    opacity: .6;
    font-size: 12px
}

.main .log[data-v-293ea06a] {
    color: #fefefe
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s, opacity .4s;
    background-color: #73bef4;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

.debug .btn[data-v-267134ea] {
    position: fixed;
    bottom: 20px;
    left: 20px;
    height: unset
}

.debug .debug-dialog .main-content[data-v-267134ea] {
    margin-top: -20px;
    font-size: 14px;
    color: #fefefe;
    line-height: 32px;
    font-weight: 500;
    word-break: break-word
}

.debug .debug-dialog .main-content .item .form[data-v-267134ea] input {
    height: 32px;
    font-size: 14px
}

.debug .debug-dialog .operation[data-v-267134ea] {
    margin-top: 30px
}

.debug .debug-dialog .operation button[data-v-267134ea] {
    width: 47%;
    height: 45px;
    line-height: unset;
    padding: 0 20px
}

.mobile .debug .btn[data-v-267134ea] {
    bottom: 80px;
    left: 20px
}

.wallet-dialog .wallet-list .item[data-v-6d4f3dc3] {
    background: #15181d;
    border-radius: 10px;
    padding: 20px 30px;
    margin-bottom: 30px
}

.wallet-dialog .wallet-list .item .name[data-v-6d4f3dc3] {
    font-size: 22px;
    color: #fefefe
}

.wallet-dialog .wallet-list .item .logo[data-v-6d4f3dc3] {
    height: 60px;
    display: flex;
    align-items: center
}

.wallet-dialog .wallet-list .item .logo img[data-v-6d4f3dc3] {
    width: 60px
}

.mobile .wallet-dialog .wallet-list[data-v-6d4f3dc3] {
    margin-top: 20px
}

.mobile .wallet-dialog .wallet-list .item[data-v-6d4f3dc3] {
    padding: 15px 20px;
    margin-bottom: 20px
}

.mobile .wallet-dialog .wallet-list .item .name[data-v-6d4f3dc3] {
    font-size: 18px;
    color: #fefefe
}

.mobile .wallet-dialog .wallet-list .item .logo[data-v-6d4f3dc3] {
    height: 30px
}

.mobile .wallet-dialog .wallet-list .item .logo img[data-v-6d4f3dc3] {
    width: 30px
}

.light .wallet-dialog .wallet-list .item[data-v-6d4f3dc3] {
    background: #f2f5fa
}

.light .wallet-dialog .wallet-list .name[data-v-6d4f3dc3] {
    font-size: 22px;
    color: #000
}

.wallet-dialog .network-select .title[data-v-53fee9f0] {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px
}

.wallet-dialog .network-select .list[data-v-53fee9f0] {
    flex-wrap: wrap
}

.wallet-dialog .network-select .list .item[data-v-53fee9f0] {
    width: 48%;
    background: #15181d;
    border-radius: 10px;
    padding: 14px 10px;
    margin-bottom: 10px
}

.wallet-dialog .network-select .list .item .left .logo img[data-v-53fee9f0] {
    height: 20px
}

.wallet-dialog .network-select .list .item .left .name[data-v-53fee9f0] {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    margin-left: 8px
}

.wallet-dialog .network-select .list .item .right .selected img[data-v-53fee9f0] {
    height: 20px;
    width: 20px
}

.wallet-dialog .wallet-select .title[data-v-53fee9f0] {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 10px
}

.wallet-dialog .wallet-select .list[data-v-53fee9f0] {
    flex-wrap: wrap
}

.wallet-dialog .wallet-select .list .item[data-v-53fee9f0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    margin-bottom: 15px
}

.wallet-dialog .wallet-select .list .item .logo-bg[data-v-53fee9f0] {
    position: relative;
    height: 62px;
    width: 62px;
    background: #15181d;
    border-radius: 10000px
}

.wallet-dialog .wallet-select .list .item .logo-bg .logo[data-v-53fee9f0] {
    width: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.wallet-dialog .wallet-select .list .item .logo-bg .check[data-v-53fee9f0] {
    position: absolute;
    bottom: 0;
    right: 0
}

.wallet-dialog .wallet-select .list .item .logo-bg .check img[data-v-53fee9f0] {
    height: 20px;
    width: 20px
}

.wallet-dialog .wallet-select .list .item .name[data-v-53fee9f0] {
    margin-top: 8px;
    font-weight: 500;
    font-size: 16px;
    height: 35px;
    color: #fff;
    text-align: center
}

.account .connect button[data-v-75ff9439] {
    height: auto;
    height: 44px;
    padding: 0 15px
}

.account .connect button img[data-v-75ff9439] {
    vertical-align: text-top;
    display: inline;
    margin-left: 8px;
    width: 16px
}

.account .wallet[data-v-75ff9439] {
    cursor: pointer;
    border: 2px solid #9dcb60;
    border-radius: 10px;
    color: #fefefe;
    font-size: 16px;
    height: 44px;
    padding: 0 3px 0 10px
}

.account .wallet .pending .text[data-v-75ff9439] {
    margin-right: 8px
}

.account .wallet .pending img[data-v-75ff9439] {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    width: 17px
}

.account .wallet .address[data-v-75ff9439] {
    background: #9dcb60;
    border-radius: 6px;
    margin-left: 10px;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    color: #252525
}

.accountDialog[data-v-75ff9439] {
    word-break: break-word
}

.accountDialog .title[data-v-75ff9439] {
    position: absolute;
    top: 30px
}

.accountDialog .title .top-title[data-v-75ff9439] {
    font-size: 18px
}

.accountDialog .title .name[data-v-75ff9439] {
    font-size: 14px;
    margin-top: 5px
}

.accountDialog .current-wallet[data-v-75ff9439] {
    margin-top: 40px
}

.accountDialog .current-wallet .logo img[data-v-75ff9439] {
    width: 50px
}

.accountDialog .current-wallet .address[data-v-75ff9439] {
    font-size: 22px;
    margin-left: 16px;
    font-weight: 700
}

.accountDialog .info[data-v-75ff9439] {
    width: 80%;
    margin: 20px 0 40px;
    font-size: 18px;
    color: #73bef4;
    font-weight: 700;
    position: relative
}

.accountDialog .info .tip[data-v-75ff9439] {
    color: #ddd;
    background: #000;
    opacity: .8;
    position: absolute;
    padding: 5px 10px;
    border-radius: 30px;
    top: 25px;
    right: 0
}

.accountDialog .info .item[data-v-75ff9439] {
    margin-right: 20px
}

.accountDialog .info img[data-v-75ff9439] {
    width: 22px;
    margin-left: 5px
}

.accountDialog .operation[data-v-75ff9439] {
    width: 90%;
    margin: 0 auto
}

.accountDialog .operation button[data-v-75ff9439] {
    padding: 0 20px !important;
    width: 46%;
    height: 44px;
    font-size: 18px !important
}

.mobile .account .connect-with-icon[data-v-75ff9439] {
    font-size: 16px
}

.mobile .account .wallet[data-v-75ff9439] {
    height: 40px;
    font-size: 14px;
    border-radius: 8px;
    padding: 0 3px 0 10px
}

.mobile .account .wallet .address[data-v-75ff9439] {
    border-radius: 4px;
    margin-left: 10px;
    padding: 0 8px;
    height: 30px;
    line-height: 30px
}

.mobile .account .connect button[data-v-75ff9439] {
    margin: 0 auto;
    display: block
}

.mobile .accountDialog .title[data-v-75ff9439] {
    top: 30px
}

.mobile .accountDialog .current-wallet[data-v-75ff9439] {
    margin-top: 50px
}

.mobile .accountDialog .current-wallet .logo img[data-v-75ff9439] {
    width: 50px
}

.mobile .accountDialog .current-wallet .address[data-v-75ff9439] {
    font-size: 16px
}

.mobile .accountDialog .info[data-v-75ff9439] {
    width: 100%;
    margin: 20px 0;
    font-size: 14px
}

.mobile .accountDialog .info .item[data-v-75ff9439] {
    margin-right: 20px
}

.mobile .accountDialog .info img[data-v-75ff9439] {
    width: 16px
}

.mobile .accountDialog .operation button[data-v-75ff9439] {
    padding: 0 16px !important;
    width: 46%;
    height: 40px;
    font-size: 16px !important
}

.light .account .wallet[data-v-75ff9439] {
    color: #000
}

.light .account .address[data-v-75ff9439] {
    color: #fff
}

.switch-network[data-v-77822bbe] {
    position: relative
}

.switch-network .selected[data-v-77822bbe] {
    height: 44px;
    border: 2px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    padding: 0 10px;
    margin-right: 10px
}

.switch-network .logo[data-v-77822bbe] {
    width: 18px
}

.switch-network .down[data-v-77822bbe] {
    width: 10px;
    margin-top: 3px
}

.switch-network .down.up[data-v-77822bbe] {
    transform: rotate(180deg)
}

.switch-network span[data-v-77822bbe] {
    font-size: 16px;
    margin: 0 5px
}

.switch-network .switch-list-wrapper[data-v-77822bbe] {
    z-index: 12;
    position: absolute;
    top: 45px;
    left: 0;
    right: 0
}

.switch-network .switch-list[data-v-77822bbe] {
    background: #20252f;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .3);
    border-radius: 10px;
    width: 200px
}

.switch-network .switch-list .item[data-v-77822bbe] {
    padding: 15px 0 15px 15px;
    color: #a8a8a8
}

.switch-network .switch-list .item.disabled[data-v-77822bbe] {
    opacity: .3;
    cursor: not-allowed;
    color: #a8a8a8
}

.switch-network .switch-list .item.active[data-v-77822bbe] {
    color: #fff
}

.switch-network .switch-list .item img[data-v-77822bbe] {
    width: 20px
}

.switch-network .switch-list .item .name[data-v-77822bbe] {
    margin-left: 10px;
    font-size: 16px
}

.mobile .switch-network .selected[data-v-77822bbe] {
    margin-right: 10px;
    border: 3px solid hsla(0, 0%, 100%, .1)
}

.mobile .switch-network .selected span[data-v-77822bbe] {
    display: none
}

.mobile .switch-network .selected .logo[data-v-77822bbe] {
    margin-right: 5px
}

.mobile .switch-network .switch-list-wrapper[data-v-77822bbe] {
    position: fixed;
    left: 0;
    right: 0;
    top: unset;
    bottom: 0;
    background: #15181d;
    margin: 0;
    padding: 0;
    z-index: 12
}

.mobile .switch-network .switch-list[data-v-77822bbe] {
    width: unset
}

.mobile .switch-network .switch-list .item[data-v-77822bbe] {
    padding: 20px;
    justify-content: space-between;
    background: #262a35;
    font-size: 16px;
    text-align: left;
    font-weight: 700;
    border-bottom: 1px solid #343843
}

.mobile .switch-network .mask[data-v-77822bbe] {
    position: fixed;
    top: 0;
    opacity: 1;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    height: 100%;
    z-index: 11;
    left: 0;
    right: 0
}

.light .switch-network .selected[data-v-77822bbe] {
    border-color: rgba(0, 0, 0, .1);
    color: #000
}

.theme-switch[data-v-593947a4] {
    margin-left: 15px;
    position: relative
}

.theme-switch .switch[data-v-593947a4] {
    border: 2px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    height: 44px;
    width: 44px
}

.theme-switch .switch img[data-v-593947a4] {
    width: 32px;
    margin: 4px auto
}

.mobile .theme-switch[data-v-593947a4] {
    margin-left: 0;
    margin-right: 0
}

.light .theme-switch .switch[data-v-593947a4] {
    border-color: rgba(0, 0, 0, .1)
}

.light .theme-switch .switch img[data-v-593947a4] {
    width: 26px;
    margin: 8px auto
}

.menu-layout[data-v-e36778ca] {
    margin-left: 15px;
    position: relative
}

.menu-layout .menu[data-v-e36778ca] {
    border: 2px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    height: 44px;
    width: 44px
}

.menu-layout .menu img[data-v-e36778ca] {
    width: 26px;
    margin: 8px auto
}

.menu-layout .menu-dropdown[data-v-e36778ca] {
    position: absolute;
    padding: 14px 30px;
    width: 260px;
    right: 0;
    top: 70px;
    z-index: 101;
    background: #20252f;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    border: 2px solid hsla(0, 0%, 100%, .1)
}

.menu-layout .menu-dropdown .line[data-v-e36778ca] {
    height: 1px;
    opacity: .1;
    background: #fefefe
}

.menu-layout .menu-dropdown .item[data-v-e36778ca] {
    padding: 13px 0
}

.menu-layout .menu-dropdown .item .icon[data-v-e36778ca] {
    width: 16px;
    margin-right: 8px
}

.menu-layout .menu-dropdown .item .left[data-v-e36778ca],
.menu-layout .menu-dropdown .item .link[data-v-e36778ca] {
    opacity: .6;
    font-size: 16px
}

.menu-layout .menu-dropdown .item .right span[data-v-e36778ca] {
    font-size: 16px
}

.menu-layout .menu-dropdown .item .right .down[data-v-e36778ca] {
    width: 8px;
    margin-left: 5px
}

.mobile .menu-layout[data-v-e36778ca] {
    margin-left: 10px;
    margin-right: 16px
}

.mobile .menu-layout .menu[data-v-e36778ca] {
    height: 40px;
    width: 40px
}

.mobile .menu-layout .menu img[data-v-e36778ca] {
    margin: 5px auto
}

.mobile .menu-dropdown[data-v-e36778ca] {
    top: -200px;
    padding: 7px 20px;
    width: 200px
}

.mobile .menu-dropdown .item[data-v-e36778ca] {
    padding: 13px 0
}

.mobile .menu-dropdown .item .icon[data-v-e36778ca] {
    width: 13px;
    margin-right: 4px
}

.mobile .menu-dropdown .item .left[data-v-e36778ca],
.mobile .menu-dropdown .item .link[data-v-e36778ca],
.mobile .menu-dropdown .item .right span[data-v-e36778ca] {
    font-size: 12px
}

.light .menu-layout .menu[data-v-e36778ca] {
    border-color: rgba(0, 0, 0, .1)
}

.light .menu-layout .menu-dropdown[data-v-e36778ca] {
    background: #fff;
    color: #000
}

.light .menu-layout .menu-dropdown .line[data-v-e36778ca] {
    opacity: .1;
    background: #000
}

.add-woo[data-v-56ac3774] {
    margin-right: 10px;
    height: 44px;
    border: 2px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    padding: 0 12px
}

.add-woo .inner img[data-v-56ac3774] {
    width: 28px;
    height: 28px;
    margin-top: 1.5px
}

.add-woo .inner span[data-v-56ac3774] {
    margin-left: 4px;
    font-size: 16px;
    font-weight: 700
}

.mobile .add-woo[data-v-56ac3774] {
    position: fixed;
    top: 15px;
    right: 50px;
    height: 40px;
    border-width: 3px;
    padding: 0 8px
}

.mobile .add-woo .inner img[data-v-56ac3774] {
    width: 26px;
    height: 26px
}

.light .add-woo[data-v-56ac3774] {
    border-color: rgba(0, 0, 0, .1);
    color: #000
}

.switch-network[data-v-50f15b0a] {
    position: relative
}

.switch-network .selected[data-v-50f15b0a] {
    height: 44px;
    border: 2px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    padding: 0 10px;
    margin-right: 10px
}

.switch-network .down[data-v-50f15b0a] {
    width: 10px;
    margin-top: 3px
}

.switch-network .down.up[data-v-50f15b0a] {
    transform: rotate(180deg)
}

.switch-network span[data-v-50f15b0a] {
    font-size: 16px;
    margin: 0 5px
}

.switch-network .switch-list-wrapper[data-v-50f15b0a] {
    z-index: 12;
    position: absolute;
    top: 45px;
    right: 15px
}

.switch-network .switch-list[data-v-50f15b0a] {
    background: #20252f;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .3);
    border-radius: 10px;
    width: 340px
}

.switch-network .switch-list .item[data-v-50f15b0a] {
    padding: 20px
}

.switch-network .switch-list .item .left .logo[data-v-50f15b0a] {
    margin-right: 10px
}

.switch-network .switch-list .item .left .logo img[data-v-50f15b0a] {
    width: 38px
}

.switch-network .switch-list .item .left .info .title[data-v-50f15b0a] {
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.switch-network .switch-list .item .left .info .sub[data-v-50f15b0a] {
    opacity: .3;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    margin-top: 6px
}

.switch-network .switch-list .item .right[data-v-50f15b0a] {
    align-self: flex-start
}

.switch-network .switch-list .item .right img[data-v-50f15b0a] {
    width: 8px
}

.mobile .switch-network .selected[data-v-50f15b0a] {
    margin-right: 10px;
    border: 3px solid hsla(0, 0%, 100%, .1)
}

.mobile .switch-network .selected span[data-v-50f15b0a] {
    display: none
}

.mobile .switch-network .switch-list-wrapper[data-v-50f15b0a] {
    top: -116px
}

header[data-v-203c2e94] {
    padding: 0
}

header .header-padding[data-v-203c2e94] {
    height: 58.5px
}

header .header-fixed[data-v-203c2e94] {
    z-index: 12;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background: #15181d
}

header .logo[data-v-203c2e94] {
    cursor: pointer;
    transition: all .5s
}

header .logo img[data-v-203c2e94] {
    width: 135px
}

header .nav[data-v-203c2e94] {
    margin-left: 30px;
    font-size: 18px;
    color: #fefefe;
    font-weight: 400;
    padding: 8px 0;
    position: relative
}

header .nav .item[data-v-203c2e94] {
    padding: 10px 14px;
    cursor: pointer;
    color: #a8a8a8;
    display: flex;
    align-items: center
}

header .nav .item img[data-v-203c2e94] {
    width: 20px;
    display: inline-block;
    margin-right: 5px
}

header .nav .item span[data-v-203c2e94] {
    font-size: 18px;
    font-weight: 700
}

header .nav .item.active[data-v-203c2e94] {
    background: hsla(0, 0%, 100%, .07);
    border-radius: 26px;
    color: #fff
}

header .nav .item .link[data-v-203c2e94] {
    padding-left: 6px
}

header .nav .overlay[data-v-203c2e94] {
    position: absolute;
    top: 52px;
    background: #212630;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .10495);
    border-radius: 10px;
    padding: 20px
}

header .nav .overlay .item[data-v-203c2e94] {
    font-weight: 700;
    padding: 10px 0;
    color: #fff
}

header .nav .overlay .item img[data-v-203c2e94] {
    width: 14px;
    margin-left: 20px
}

.mobile header[data-v-203c2e94] {
    background: #15181d;
    padding: 15px;
    z-index: 12;
    position: fixed;
    left: 0;
    top: 0;
    right: 0
}

.mobile header .logo img[data-v-203c2e94] {
    height: 25px;
    width: 138px
}

.mobile header .nav-switch img[data-v-203c2e94] {
    height: 40px
}

.mobile header .nav[data-v-203c2e94] {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    background: #15181d;
    margin: 0;
    padding: 0;
    z-index: 12
}

.mobile header .nav .overlay[data-v-203c2e94] {
    display: none
}

.mobile header .nav .item[data-v-203c2e94] {
    padding: 20px 0;
    justify-content: center;
    background: #262a35;
    font-size: 16px;
    text-align: left;
    font-weight: 700;
    border-bottom: 1px solid #343843
}

.mobile header .nav .item.active[data-v-203c2e94] {
    border-radius: 0;
    -webkit-filter: brightness(1.4);
    filter: brightness(1.4)
}

.mobile header .right[data-v-203c2e94] {
    position: fixed;
    bottom: 0;
    background: rgba(21, 24, 29, .9);
    height: 70px;
    left: 0;
    right: 15px;
    z-index: 10;
    padding-left: 30px;
    justify-content: flex-end
}

.mobile header .mask[data-v-203c2e94] {
    position: fixed;
    top: 70px;
    opacity: 1;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    height: 100%;
    z-index: 11;
    left: 0;
    right: 0
}

.light header[data-v-203c2e94] {
    background: #fff
}

.light header .nav .item.active[data-v-203c2e94] {
    color: #000
}

.light.mobile header[data-v-203c2e94] {
    background: none
}

.light.mobile header .right[data-v-203c2e94] {
    background: hsla(0, 0%, 100%, .9)
}

.light.mobile header .nav[data-v-203c2e94] {
    background: #fff
}

.light.mobile header .mask[data-v-203c2e94] {
    background: rgba(231, 234, 238, .5)
}

.tous .confirm-dialog[data-v-6234d9e5]::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px
}

.tous .confirm-dialog[data-v-6234d9e5]::-webkit-scrollbar-thumb {
    background-color: #252a36;
    border-radius: 5px
}

.tous .confirm-dialog[data-v-6234d9e5] {
    margin-top: -10px;
    max-height: 500px;
    overflow: auto;
    background: #15181d;
    border-radius: 10px;
    padding: 20px;
    border-right: 4px solid #15181d
}

.tous .confirm-dialog h3[data-v-6234d9e5] {
    padding: 0 0 13px;
    font-weight: 700
}

.tous .confirm-dialog p[data-v-6234d9e5] {
    padding: 0 0 13px;
    font-size: 14px;
    line-height: 1.8;
    word-break: keep-all
}

.tous .confirm-dialog p.country[data-v-6234d9e5],
.tous .confirm-dialog p b[data-v-6234d9e5] {
    font-weight: 700;
    font-size: 18px
}

.tous .confirm-dialog p b[data-v-6234d9e5] {
    padding: 0 5px
}

.tous .confirm-dialog a[data-v-6234d9e5],
.tous .confirm-dialog p span[data-v-6234d9e5] {
    text-decoration: underline;
    padding: 0 5px
}

.tous .confirm-dialog a[data-v-6234d9e5] {
    color: #73bef4
}

.tous .confirm-dialog ul li[data-v-6234d9e5] {
    list-style: disc;
    list-style-position: inside;
    padding: 0 0 8px
}

.tous .confirm-dialog ul[data-v-6234d9e5]:last-of-type {
    padding: 0 0 13px
}

.tous .operation[data-v-6234d9e5] {
    margin-top: 30px;
    text-align: center
}

.tous .operation .check[data-v-6234d9e5] {
    padding-top: 8px
}

.tous .operation .check span[data-v-6234d9e5] {
    color: #73bef4
}

.tous .operation .check i[data-v-6234d9e5] {
    color: #73bef4;
    font-style: normal;
    margin-left: 5px
}

.tous .operation .btn[data-v-6234d9e5] {
    margin-top: 20px;
    margin-bottom: 5px
}

.tous .operation .btn button[data-v-6234d9e5] {
    height: auto
}

.mobile .tous .confirm-dialog[data-v-6234d9e5] {
    margin-top: 20px
}

.mobile .tous .operation .check[data-v-6234d9e5] {
    padding-top: 0
}

footer[data-v-9c881bac] {
    margin-top: 80px;
    background: #15181d;
    padding: 60px 0 50px
}

footer .group[data-v-9c881bac] {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

footer .group .list .title[data-v-9c881bac] {
    font-weight: 500;
    font-size: 20px;
    color: #ddd;
    margin-bottom: 25px
}

footer .group .list .logo img[data-v-9c881bac] {
    width: 120px
}

footer .group .sub-item .item[data-v-9c881bac] {
    opacity: .6;
    font-size: 16px;
    color: #ddd;
    margin-bottom: 10px
}

footer .group .img-items .item[data-v-9c881bac] {
    width: 30px;
    margin-right: 15px
}

.mobile footer[data-v-9c881bac] {
    margin-top: 0;
    padding: 50px 0
}

.mobile footer .group[data-v-9c881bac] {
    display: block;
    padding: 0 15px 50px
}

.mobile footer .group .list[data-v-9c881bac] {
    margin-top: 30px
}

.mobile footer .group .list[data-v-9c881bac]:first-child {
    margin-top: 0
}

.mobile footer .group .list .title[data-v-9c881bac] {
    margin-bottom: 15px
}

.tous .confirm-dialog[data-v-6e3e9fc8]::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px
}

.tous .confirm-dialog[data-v-6e3e9fc8]::-webkit-scrollbar-thumb {
    background-color: #252a36;
    border-radius: 5px
}

.tous .confirm-dialog[data-v-6e3e9fc8] {
    margin-top: -10px;
    max-height: 500px;
    overflow: auto;
    background: #15181d;
    border-radius: 10px;
    padding: 20px;
    border-right: 4px solid #15181d
}

.tous .confirm-dialog h3[data-v-6e3e9fc8] {
    padding: 0 0 13px;
    font-weight: 700
}

.tous .confirm-dialog p[data-v-6e3e9fc8] {
    padding: 0 0 13px;
    font-size: 14px;
    line-height: 1.8;
    word-break: keep-all
}

.tous .confirm-dialog p.country[data-v-6e3e9fc8],
.tous .confirm-dialog p b[data-v-6e3e9fc8] {
    font-weight: 700;
    font-size: 18px
}

.tous .confirm-dialog p b[data-v-6e3e9fc8] {
    padding: 0 5px
}

.tous .confirm-dialog a[data-v-6e3e9fc8],
.tous .confirm-dialog p span[data-v-6e3e9fc8] {
    text-decoration: underline;
    padding: 0 5px
}

.tous .confirm-dialog a[data-v-6e3e9fc8] {
    color: #73bef4
}

.tous .confirm-dialog ul li[data-v-6e3e9fc8] {
    list-style: disc;
    list-style-position: inside;
    padding: 0 0 8px
}

.tous .confirm-dialog ul[data-v-6e3e9fc8]:last-of-type {
    padding: 0 0 13px
}

.tous .operation[data-v-6e3e9fc8] {
    margin-top: 30px;
    text-align: center
}

.tous .operation .check[data-v-6e3e9fc8] {
    padding-top: 8px
}

.tous .operation .check span[data-v-6e3e9fc8] {
    color: #73bef4
}

.tous .operation .check i[data-v-6e3e9fc8] {
    color: #73bef4;
    font-style: normal;
    margin-left: 5px
}

.tous .operation .btn[data-v-6e3e9fc8] {
    margin-top: 20px;
    margin-bottom: 5px
}

.tous .operation .btn button[data-v-6e3e9fc8] {
    height: auto
}

.mobile .tous .confirm-dialog[data-v-6e3e9fc8] {
    margin-top: 20px
}

.mobile .tous .operation .check[data-v-6e3e9fc8] {
    padding-top: 0
}

.banip p[data-v-2fd23e10] {
    padding: 0 0 13px;
    font-size: 16px;
    line-height: 1.8;
    word-break: keep-all
}

.banip p.country[data-v-2fd23e10],
.banip p b[data-v-2fd23e10] {
    font-weight: 700;
    font-size: 18px
}

.banip p b[data-v-2fd23e10] {
    padding: 0 5px
}

.banip a[data-v-2fd23e10],
.banip p span[data-v-2fd23e10] {
    text-decoration: underline;
    padding: 0 5px
}

.banip a[data-v-2fd23e10] {
    color: #73bef4
}

.banip .operation[data-v-2fd23e10] {
    text-align: center
}

.banip .operation .check[data-v-2fd23e10] {
    padding-top: 8px
}

.banip .operation .check span[data-v-2fd23e10] {
    color: #73bef4
}

.banip .operation .btn[data-v-2fd23e10] {
    margin-top: 20px;
    margin-bottom: 5px
}

.banip .operation .btn button[data-v-2fd23e10] {
    height: auto
}

.notice[data-v-10fab4e7] {
    background: rgba(143, 208, 255, .3);
    border: 1px solid rgba(115, 190, 244, .3);
    border-radius: 4px;
    padding: 8px
}

.notice img[data-v-10fab4e7] {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.notice .text[data-v-10fab4e7] {
    font-size: 16px;
    color: #ccd4da;
    margin-right: 10px;
    font-weight: 500
}

.notice .link[data-v-10fab4e7] {
    font-size: 16px;
    color: #73bef4;
    margin: 0 5px;
    text-decoration: underline
}

.mobile .notice[data-v-10fab4e7] {
    margin: 70px auto 0;
    text-align: center
}

.mobile .notice .line-text[data-v-10fab4e7] {
    display: inline;
    display: initial
}

.mobile .notice img[data-v-10fab4e7] {
    width: 14px;
    height: 14px;
    margin-right: 5px
}

.mobile .notice .text[data-v-10fab4e7] {
    font-size: 12px;
    margin-right: 5px
}

.mobile .notice .link[data-v-10fab4e7] {
    font-size: 12px
}

.notice[data-v-04480c14] {
    background: rgba(143, 208, 255, .3);
    border: 1px solid rgba(115, 190, 244, .3);
    border-radius: 4px;
    padding: 8px
}

.notice img[data-v-04480c14] {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.notice .text[data-v-04480c14] {
    font-size: 16px;
    color: #ccd4da;
    margin-right: 10px;
    font-weight: 500
}

.notice .link[data-v-04480c14] {
    font-size: 16px;
    color: #73bef4;
    margin: 0 5px;
    text-decoration: underline
}

.mobile .notice[data-v-04480c14] {
    margin: 70px auto 0;
    text-align: center
}

.mobile .notice .line-text[data-v-04480c14] {
    display: inline;
    display: initial
}

.mobile .notice img[data-v-04480c14] {
    width: 14px;
    height: 14px;
    margin-right: 5px
}

.mobile .notice .text[data-v-04480c14] {
    font-size: 12px;
    margin-right: 5px
}

.mobile .notice .link[data-v-04480c14] {
    font-size: 12px
}

button,
input {
    outline: none
}

:focus {
    outline: 0
}

.mobile .el-tooltip {
    pointer-events: auto
}

.mobile a {
    border: none;
    -webkit-touch-callout: none
}

@font-face {
    font-family: DIN;
    src: url(./DINPro-400.otf)
}

@font-face {
    font-family: DIN;
    src: url(./DINPro-Medium.ttf);
    font-weight: 500
}

@font-face {
    font-family: DIN;
    src: url(./DINPro-Bold.ttf);
    font-weight: 700
}

.bold {
    font-weight: 700
}

* {
    scrollbar-width: none
}

body {
    background-size: cover;
    min-height: 100vh;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

button {
    font-family: DIN
}

html {
    font-family: DIN, pingfang sc, monospaced number, chinese quote, -apple-system, BlinkMacSystemFont, segoe ui, hiragino sans gb, microsoft yahei, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #fefefe;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

body {
    background-color: #20252f
}

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    font-family: DIN, pingfang;
    margin: 0;
    padding: 0
}

input:focus {
    outline: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit
}

dd,
dl,
dt,
li,
ol,
ul {
    list-style: none
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    color: #73bef4
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0
}

img {
    display: block;
    max-width: 100%
}

table {
    border-collapse: collapse
}

table td,
table th {
    padding: 0
}

.hide {
    display: none !important
}

.img-btn-touch-dark:active,
.img-btn-touch-dark:hover {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

.img-btn-touch-bright:active,
.img-btn-touch-bright:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

.touch:active,
.touch:hover {
    opacity: .7 !important;
    cursor: pointer
}

.touch-dark:active,
.touch-dark:hover {
    -webkit-filter: brightness(.8);
    filter: brightness(.8);
    cursor: pointer
}

.flex {
    display: flex
}

.flex-all {
    align-items: center
}

.flex-all,
.flex-just {
    display: flex;
    justify-content: space-between
}

.flex-align,
.flex-align-just-center {
    display: flex;
    align-items: center
}

.flex-align-just-center {
    justify-content: center
}

.flex-1 {
    flex: 1
}

.flex-column {
    display: flex;
    flex-direction: column
}

.header-container {
    margin: 0 20px
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    min-height: calc(100vh - 454px)
}

.mobile .container {
    margin-top: 80px
}

.el-dialog__wrapper .el-dialog {
    border-radius: 20px
}

.text-center {
    text-align: center
}

.ml-20 {
    margin-left: 20px
}

.mr-20 {
    margin-right: 20px
}

.table_col_text_left {
    text-align: left
}

.table_col_text_right {
    text-align: right
}

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

input[type=number] {
    -moz-appearance: textfield
}

body .el-dialog.dialog-no-header .el-dialog__header {
    padding: 30px 0 0 !important
}

body .el-dialog.dialog-no-header .el-dialog__header .el-dialog__title {
    display: none
}

.increase-number {
    font-family: Helvetica Neue, Menlo, Monaco, Courier New, monospace;
    font-weight: 700
}

.disappear {
    opacity: 0 !important
}

.tip-with-arrow {
    cursor: pointer
}

.link-underline,
.tip-with-underline:hover {
    cursor: pointer;
    text-decoration: underline
}

.link-text-white {
    color: #fff
}

i.el-icon-question {
    color: rgba(38, 229, 194, .5)
}

.coin.light-blue {
    background-image: linear-gradient(180deg, #dbf3ff, #b5e4ff)
}

.coin.light-purple {
    background-image: linear-gradient(180deg, #e0dbff, #b5bfff)
}

.coin.blue {
    background-image: linear-gradient(180deg, #dbe9ff, #b5d1ff)
}

.coin.light-yellow {
    background-image: linear-gradient(180deg, #FEFEFE3DB, #FEFEFE7B5)
}

.coin.orange {
    background-image: linear-gradient(180deg, #FEFEFE3DB, #ff5733)
}

.coin.light-green {
    background-image: linear-gradient(180deg, #dbffdd, #b5ffe6)
}

.coin.grey {
    background-image: linear-gradient(180deg, #f1f2f8 1%, #d9d9e6)
}

.coin.pink {
    background-image: linear-gradient(180deg, #f5ebf1 2%, #f8d2ee)
}

.coin.green {
    background-image: linear-gradient(180deg, #dfffdb, #c1ffb5)
}

.coin.light-orange {
    background-image: linear-gradient(180deg, #ffefdb, #ffe6b5 99%)
}

.coin.light-blue2 {
    background-image: linear-gradient(180deg, #dbeff7, #c7e7f1 99%)
}

.coin.light-yellow2 {
    background-image: linear-gradient(180deg, #FEFEFECDC, #FEFEFE5CB 99%)
}

.coin.hbo-blue {
    background-image: linear-gradient(180deg, #b4b8fe 1%, #9b79ff)
}

.el-notify-error {
    display: flex;
    align-items: center
}

.el-notify-error i {
    font-size: 18px;
    margin-right: 10px
}

.el-notify-error span {
    font-size: 18px;
    color: #252525
}

.el-notify-pending {
    display: flex;
    align-items: center
}

.el-notify-pending i {
    font-size: 22px;
    margin-right: 10px;
    color: #26e5c2
}

.el-notify-pending span {
    font-size: 18px;
    color: #252525
}

body .el-dialog {
    background: #252a36;
    border-radius: 2px
}

body .el-dialog .el-dialog__header {
    padding: 30px 30px 0
}

body .el-dialog .el-dialog__header .el-dialog__title {
    font-size: 20px;
    color: #fefefe;
    font-weight: 700
}

body .el-dialog .el-dialog__body {
    padding: 30px;
    color: #fefefe;
    word-break: keep-all
}

body .el-dialog .title-right {
    position: absolute;
    right: 60px;
    top: 60px;
    opacity: .6;
    font-size: 16px;
    color: #fefefe
}

.el-input {
    border-radius: 10px
}

.el-input input {
    font-size: 22px;
    color: #252525
}

.el-input input,
body .el-button {
    height: 55px;
    font-weight: 700;
    font-family: Helvetica Neue
}

body .el-button {
    font-size: 20px;
    border-radius: 10px;
    background: none;
    color: #73bef4;
    border: 2px solid #73bef4
}

body .el-button.is-disabled,
body .el-button.is-disabled:focus,
body .el-button.is-disabled:hover {
    background: #444662 !important;
    color: #fefefe !important;
    opacity: .3
}

body .el-button.el-button--primary {
    color: #fefefe;
    background: #73bef4;
    border: none
}

body .el-button.el-button--primary:active,
body .el-button.el-button--primary:hover {
    background: #1e627d !important;
    border: none
}

body .el-button.el-button--info {
    background-color: hsla(0, 0%, 100%, .06);
    border: none
}

body .el-button.el-button--info:focus,
body .el-button.el-button--info:hover {
    background-color: hsla(0, 0%, 100%, .06) !important
}

body .el-button.green {
    background: #262626;
    color: #fefefe !important
}

body .el-button.green:focus,
body .el-button.green:hover {
    background: #262626 !important
}

body .el-button.cancel {
    background: #313131;
    border: none
}

body .el-button.cancel:focus,
body .el-button.cancel:hover {
    background: #313131 !important
}

body .el-button.blue {
    background: #edf9ff;
    border: 1px solid #11a1ff
}

body .el-button.blue:focus,
body .el-button.blue:hover {
    background: #e8f4fa !important;
    border-color: #11a1ff !important
}

body .el-button.round-btn {
    border-radius: 100px;
    padding: 14px 25px;
    height: 0;
    line-height: 0;
    font-size: 14px;
    border: 2px solid #73bef4;
    background: #252a36
}

body .el-button.round-btn.is-disabled {
    border-color: rgba(68, 70, 98, .3)
}

body .el-button.round-btn:active,
body .el-button.round-btn:hover {
    border: 2px solid #73bef4
}

.coin-category {
    background: hsla(0, 0%, 100%, .08);
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 12px 6px;
    margin: 30px 0;
    cursor: pointer
}

.coin-category .icon {
    background-color: rgba(25, 208, 137, .8);
    border-radius: 50%;
    width: 22px;
    height: 22px;
    margin: 0 10px;
    text-align: center
}

.coin-category .icon .arrow {
    border: solid rgba(0, 0, 0, .6);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    float: left
}

.coin-category .icon .right {
    margin: 6px 0 0 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.coin-category .icon .down {
    margin: 6px 0 0 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.coin-category .name {
    font-size: 20px;
    color: #fefefe
}

.pc .coin-category:focus,
.pc .coin-category:hover {
    opacity: .8
}

.el-switch.el-switch-medium {
    height: 28px;
    line-height: 28px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.el-switch.el-switch-medium .el-switch__core {
    height: 28px;
    border-radius: 15px;
    background: #262626;
    border: none
}

.el-switch.el-switch-medium .el-switch__core:after {
    width: 28px;
    height: 28px;
    top: 0;
    left: 0
}

.el-switch.el-switch-medium.is-checked .el-switch__core:after {
    margin-left: -28px
}

body .el-dialog {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

body .el-dialog .el-dialog__body {
    flex: 1;
    overflow: auto
}

body .el-dialog__headerbtn {
    top: 30px;
    right: 30px;
    font-size: 22px
}

body .el-dialog__headerbtn .el-dialog__close {
    color: #fefefe;
    font-weight: 700
}

body .v-modal {
    opacity: 1;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

body .el-switch__core {
    background: #15191e;
    border-color: #323944
}

body .el-switch.is-checked .el-switch__core {
    border-color: #323944
}

body .el-notification {
    width: 400px;
    opacity: .9;
    padding: 10px 26px 16px 0;
    border: 2px solid hsla(0, 0%, 100%, .1);
    background: #212630;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 10px
}

body .el-notification span {
    font-size: 18px;
    color: #fefefe;
    margin-left: 20px
}

body .el-notification .el-notification__closeBtn {
    background: #15181d;
    padding: 5px;
    border-radius: 0 10px 0 10px;
    top: 0;
    right: 0;
    color: #fefefe;
    font-weight: 700
}

body .el-notification .el-notify-error:after {
    background: #ff8a3b
}

body .el-notification .el-notify-error:after,
body .el-notification .el-notify-pending:after {
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 10px 0 0 10px;
    width: 45px;
    height: 200px;
    content: "";
    position: absolute;
    left: 0
}

body .el-notification .el-notify-pending:after {
    background: #9dcb60
}

body .el-notification i {
    z-index: 100;
    color: #000 !important
}

body .el-notify-with-info .info {
    margin-left: 20px
}

body .el-notify-with-info .linea {
    font-size: 18px;
    color: #fefefe;
    font-weight: 700
}

body .el-notify-with-info .lineb {
    font-size: 14px;
    color: #fefefe;
    margin-top: 4px
}

body .el-notify-with-info .linec {
    margin-top: 4px
}

body .el-notify-with-info .linec a {
    font-size: 18px;
    color: #73bef4
}

.mobile {
    background-color: #15181d
}

.mobile .header-container {
    margin: 0
}

.mobile .el-tooltip__popper {
    max-width: 80%
}

.mobile .coin-category {
    margin: 15px 7%;
    padding: 10px 6px
}

.mobile .coin-category:focus {
    opacity: .8
}

.mobile .coin-category .icon {
    width: 21px;
    height: 21px
}

.mobile .coin-category .icon .right {
    margin: 6px 0 0 5px
}

.mobile .coin-category .icon .down {
    margin: 5px 0 0 6px
}

.mobile .coin-category .name {
    font-size: 18px
}

.mobile .el-button {
    height: 50px;
    font-size: 16px !important;
    padding-top: 8px;
    padding-bottom: 8px
}

.mobile .el-button.round-btn {
    padding: 13px 20px;
    font-size: 14px !important
}

.mobile .el-input input {
    height: 40px;
    font-size: 18px
}

.mobile .el-notification {
    width: 345px;
    padding: 6px 13px 11px 0
}

.mobile .el-notify-with-info .linea {
    font-size: 14px
}

.mobile .el-notify-with-info .lineb,
.mobile .el-notify-with-info .linec a {
    font-size: 12px
}

.mobile .el-dialog {
    border-radius: 10px
}

.mobile .el-dialog .title-right {
    right: 30px;
    top: 23px;
    font-size: 14px
}

.mobile .el-dialog .el-dialog__header {
    padding: 30px 20px 0
}

.mobile .el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 18px !important;
    font-weight: 700
}

.mobile .el-dialog .el-dialog__headerbtn {
    top: 30px;
    right: 20px;
    font-size: 22px
}

.mobile .el-dialog .el-dialog__body {
    padding: 10px 20px 20px !important
}

.el-loading-spinner {
    top: calc(50% - 90px) !important
}

.el-loading-spinner .el-icon-loading {
    width: 180px;
    height: 180px;
    background: url(/_nuxt/img/31abb05.png);
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-animation: scale-logo .8s ease-in-out infinite;
    animation: scale-logo .8s ease-in-out infinite
}

.el-loading-spinner .el-icon-loading:before {
    content: ""
}

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

    30% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

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

    30% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes loading {
    0% {
        background-position: -200px 0
    }

    to {
        background-position: calc(200px + 100%) 0
    }
}

@keyframes loading {
    0% {
        background-position: -200px 0
    }

    to {
        background-position: calc(200px + 100%) 0
    }
}

.logo-loading {
    margin: 200px auto;
    width: 180px;
    height: 180px;
    background: url(/_nuxt/img/31abb05.png);
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-animation: scale-logo .8s ease-in-out infinite;
    animation: scale-logo .8s ease-in-out infinite
}

.css-loading {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    background-color: #15181d;
    background-image: linear-gradient(90deg, #15181d, #2c3139, #15181d);
    background-size: 200px 100%;
    background-repeat: no-repeat;
    border-radius: 4px;
    display: inline-block;
    line-height: 1;
    width: 100%;
    -webkit-animation: loading 1.2s ease-in-out 0s infinite normal none running;
    animation: loading 1.2s ease-in-out 0s infinite normal none running
}

body.light {
    background-color: #f1f3f7
}

body.light .v-modal {
    background: rgba(231, 234, 238, .5)
}

body.light .el-dialog {
    background: #fff
}

body.light .el-dialog .el-dialog__body,
body.light .el-dialog .el-dialog__header .el-dialog__title,
body.light .el-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #606266
}

body.light .el-notification {
    background: #fdfdfe
}

body.light .el-notification span {
    color: #000
}

body.light .el-notification .el-notification__closeBtn {
    background: #f2f5fa;
    color: #000
}

body.light .el-notification i {
    color: #fff !important
}

body.light .el-notify-with-info .linea,
body.light .el-notify-with-info .lineb {
    color: #000
}

.board[data-v-1ad8d109] {
    background: #15181d;
    flex: 1;
    border-radius: 10px;
    padding: 40px 30px;
    margin-right: 5px;
    position: relative;
    overflow: hidden
}

.board[data-v-1ad8d109]:last-of-type {
    margin-right: 0
}

.board .title[data-v-1ad8d109] {
    font-size: 22px;
    color: #73bef4;
    font-weight: 700
}

.board .main[data-v-1ad8d109] {
    margin-top: 30px
}

.board .main .left .num[data-v-1ad8d109] {
    font-size: 28px;
    color: #fff;
    font-weight: 700
}

.board .main .left .text[data-v-1ad8d109] {
    font-size: 14px;
    color: #a8a8a8;
    margin-top: 5px;
    display: inline-block
}

.board .main .left .tag[data-v-1ad8d109] {
    margin-right: 10px;
    background: #2f3c2a;
    border-radius: 6px;
    font-weight: 700;
    font-size: 14px;
    color: #9dcb60;
    padding: 2px 5px
}

.board .main .left .rise[data-v-1ad8d109] {
    background: #3f262a;
    color: #e95d5d
}

.board .zoom img[data-v-1ad8d109] {
    cursor: pointer;
    position: absolute;
    width: 20px;
    top: 43px;
    right: 30px
}

.board .line-chart .title[data-v-1ad8d109] {
    position: absolute;
    top: 30px;
    font-size: 24px;
    color: #73bef4
}

.board .line-chart .out[data-v-1ad8d109] {
    position: absolute;
    cursor: pointer;
    top: 32px;
    right: 30px;
    background: #252a36;
    width: 20px;
    height: 20px
}

.board .line-chart .num-board[data-v-1ad8d109] {
    margin-top: 3px
}

.board .line-chart .num-board .num[data-v-1ad8d109] {
    font-size: 28px;
    color: #fff;
    font-weight: 700
}

.board .line-chart .num-board .text[data-v-1ad8d109] {
    font-size: 14px;
    color: #a8a8a8;
    margin-top: 5px;
    display: inline-block
}

.board .line-chart .num-board .tag[data-v-1ad8d109] {
    margin-right: 10px;
    background: #2f3c2a;
    border-radius: 6px;
    font-weight: 700;
    font-size: 14px;
    color: #9dcb60;
    padding: 2px 5px
}

.board .line-chart .num-board .rise[data-v-1ad8d109] {
    background: #3f262a;
    color: #e95d5d
}

.board .line-chart .num-board .tip[data-v-1ad8d109] {
    opacity: .8;
    margin-left: 10px;
    font-size: 14px
}

.board .line-chart .chart[data-v-1ad8d109] {
    margin-top: 25px
}

.mobile .board[data-v-1ad8d109] {
    background: #252a36;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .52);
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 27px 20px;
    margin-right: 0
}

.mobile .board .main[data-v-1ad8d109] {
    margin-top: 15px
}

.mobile .table[data-v-7e223827] {
    min-height: 50px
}

.mobile .table .title[data-v-7e223827] {
    font-size: 22px;
    color: #73bef4;
    margin-bottom: 15px;
    font-weight: 700
}

.mobile .table .board[data-v-7e223827] {
    margin-bottom: 20px;
    background: #252a36;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .52);
    border-radius: 10px;
    padding: 20px
}

.mobile .table .board .line[data-v-7e223827] {
    padding: 10px;
    font-size: 14px;
    color: #fff
}

.mobile .table .board .line.oo[data-v-7e223827] {
    background: hsla(0, 0%, 100%, .05);
    border-radius: 8px
}

.mobile .table .board .line .tip-icon[data-v-7e223827] {
    width: 15px;
    margin-left: 5px
}

.mobile .table .board .line .right[data-v-7e223827] {
    font-weight: 700
}

.mobile .table .board .line .index[data-v-7e223827] {
    background: #292e38;
    border-radius: 12px;
    font-size: 14px;
    color: #fff;
    padding: 2px 12px;
    margin-left: -10px;
    margin-right: 5px
}

.mobile .table .board .line .logo[data-v-7e223827] {
    widht: 25px;
    height: 25px;
    margin-right: 5px
}

.mobile .table .board .line .name[data-v-7e223827] {
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.mobile .table .board .line .chain[data-v-7e223827] {
    font-size: 12px;
    color: #a8a8a8
}

#legend-container[data-v-746a8524] {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 100%
}

.table-wrapper .table[data-v-7814bb63] {
    font-size: 14px;
    width: 100%;
    text-align: center
}

.table-wrapper .table .thead[data-v-7814bb63] {
    background: #252a36;
    border-radius: 8px
}

.table-wrapper .table .tbody .tr[data-v-7814bb63] {
    border-bottom: 1px solid #2a313b
}

.table-wrapper .table .tbody .tr[data-v-7814bb63]:hover {
    background: #252a36
}

.table-wrapper .table .tr[data-v-7814bb63] {
    margin-bottom: 1px
}

.table-wrapper .table .th[data-v-7814bb63] {
    font-weight: 400;
    height: 45px;
    line-height: 45px
}

.table-wrapper .table .th .title[data-v-7814bb63] {
    font-size: 14px;
    color: #fff
}

.table-wrapper .table .th.sort-cursor[data-v-7814bb63] {
    cursor: pointer
}

.table-wrapper .table .td[data-v-7814bb63] {
    padding: 18px 0;
    vertical-align: middle
}

.table-wrapper .table .caret-wrapper[data-v-7814bb63] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 15px;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    overflow: initial;
    position: relative
}

.table-wrapper .table .caret-wrapper .sort-caret[data-v-7814bb63] {
    width: 0;
    height: 0;
    border: 4px solid transparent;
    position: absolute;
    left: 7px
}

.table-wrapper .table .caret-wrapper .ascending[data-v-7814bb63] {
    border-bottom-color: #7e818c;
    bottom: 2px
}

.table-wrapper .table .caret-wrapper .ascending.active[data-v-7814bb63],
.table-wrapper .table .caret-wrapper .ascending[data-v-7814bb63]:hover {
    border-bottom-color: #73bef4
}

.table-wrapper .table .caret-wrapper .descending[data-v-7814bb63] {
    border-top-color: #7e818c;
    top: 0
}

.table-wrapper .table .caret-wrapper .descending.active[data-v-7814bb63],
.table-wrapper .table .caret-wrapper .descending[data-v-7814bb63]:hover {
    border-top-color: #73bef4
}

.table-wrapper .pagination[data-v-7814bb63] {
    text-align: center;
    padding: 20px 0
}

.table-wrapper .pagination[data-v-7814bb63] .el-pagination .el-pager li:not(.disabled).active {
    background: rgba(0, 0, 0, .6)
}

.table-wrapper .pagination[data-v-7814bb63] .el-pagination .el-pager li:not(.disabled):hover {
    color: #fff
}

.table-wrapper .pagination[data-v-7814bb63] .el-pagination .btn-next,
.table-wrapper .pagination[data-v-7814bb63] .el-pagination .btn-prev,
.table-wrapper .pagination[data-v-7814bb63] .el-pagination .el-pager li {
    background: #252a36
}

.table-wrapper .tip-icon[data-v-7814bb63] {
    display: inline-block;
    width: 16px;
    margin-left: 5px;
    margin-bottom: 2px;
    vertical-align: middle
}

.full-chart .chart[data-v-010f83a2] {
    min-height: 150px;
    position: relative
}

.full-chart .chart .board[data-v-010f83a2] {
    top: 20px;
    width: 200px;
    position: absolute;
    padding: 15px;
    color: #000;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    background: #fff
}

.analytics[data-v-bc8c8274] {
    margin: 40px auto 0;
    width: 78.2%
}

.analytics .top[data-v-bc8c8274] {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.analytics .top .total[data-v-bc8c8274] {
    background: #15181d;
    border-radius: 10px;
    padding: 20px 0;
    position: relative;
    overflow: hidden
}

.analytics .top .total .total-item[data-v-bc8c8274] {
    flex: 1;
    padding: 10px 60px;
    text-align: center;
    border-right: 1px solid hsla(0, 0%, 84.7%, .2)
}

.analytics .top .total .total-item[data-v-bc8c8274]:last-of-type {
    border-right: none
}

.analytics .top .total .total-item .text[data-v-bc8c8274] {
    font-size: 16px;
    color: #73bef4;
    font-weight: 500
}

.analytics .top .total .total-item .num[data-v-bc8c8274] {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-top: 10px
}

.analytics .top .title[data-v-bc8c8274] {
    font-size: 38px;
    color: #73bef4;
    font-weight: 700
}

.analytics .top .tab-wrapper[data-v-bc8c8274] {
    display: inline-flex;
    margin: 30px auto 10px;
    background: #15181d;
    border-radius: 100px;
    padding: 3px
}

.analytics .top .tabs .item[data-v-bc8c8274] {
    font-weight: 500;
    cursor: pointer;
    border-radius: 21px;
    font-size: 18px;
    color: #fff;
    padding: 7px 15px;
    text-align: center
}

.analytics .top .tabs .item img[data-v-bc8c8274] {
    width: 20px;
    margin-right: 6px
}

.analytics .top .tabs .item.active[data-v-bc8c8274] {
    background: #383f4e
}

.analytics .top .tabs .item[data-v-bc8c8274]:last-of-type {
    margin-right: 0
}

.analytics .time[data-v-bc8c8274] {
    color: #a8a8a8;
    font-size: 15px;
    text-align: center
}

.analytics .mid-chart[data-v-bc8c8274] {
    margin-top: 10px;
    background: #15181d;
    border-radius: 10px;
    padding: 30px;
    position: relative;
    overflow: hidden
}

.analytics .mid-chart .title[data-v-bc8c8274] {
    font-size: 24px;
    color: #73bef4;
    font-weight: 700
}

.analytics .mid-chart .main[data-v-bc8c8274] {
    align-items: flex-end;
    position: relative
}

.analytics .mid-chart .main .left[data-v-bc8c8274] {
    flex: 2.5
}

.analytics .mid-chart .main .left .bar-chart-top[data-v-bc8c8274] {
    position: absolute;
    top: 20px;
    left: 0
}

.analytics .mid-chart .main .left .bar-chart-top .num[data-v-bc8c8274] {
    font-size: 28px;
    color: #fff;
    font-weight: 700
}

.analytics .mid-chart .main .left .bar-chart-top .text[data-v-bc8c8274] {
    font-size: 14px;
    color: #a8a8a8;
    margin-top: 5px
}

.analytics .mid-chart .main .left .bar-chart-top .text .tag[data-v-bc8c8274] {
    margin-right: 10px;
    background: #2f3c2a;
    border-radius: 6px;
    font-weight: 700;
    font-size: 14px;
    color: #9dcb60;
    padding: 2px 5px
}

.analytics .mid-chart .main .left .bar-chart-top .text .rise[data-v-bc8c8274] {
    background: #3f262a;
    color: #e95d5d
}

.analytics .mid-chart .main .left .bar-chart-top .text .tip[data-v-bc8c8274] {
    margin-left: 10px
}

.analytics .mid-chart .main .left .bar-chart[data-v-bc8c8274] {
    margin-top: 90px
}

.analytics .mid-chart .main .right[data-v-bc8c8274] {
    margin-left: 44px;
    flex: 1
}

.analytics .mid-chart .switch[data-v-bc8c8274] {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 11
}

.analytics .mid-chart .switch .selected[data-v-bc8c8274] {
    border: 2px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    padding: 10px 20px
}

.analytics .mid-chart .switch .selected span[data-v-bc8c8274] {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    width: 26px
}

.analytics .mid-chart .switch .selected img[data-v-bc8c8274] {
    -webkit-filter: invert(1);
    filter: invert(1);
    width: 20px;
    margin-left: 5px
}

.analytics .mid-chart .switch .selected img.up[data-v-bc8c8274] {
    transform: rotate(180deg)
}

.analytics .mid-chart .switch .select-container[data-v-bc8c8274] {
    position: relative
}

.analytics .mid-chart .switch .select-items[data-v-bc8c8274] {
    background: #15181d;
    position: absolute;
    border: 2px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    left: 0;
    right: 0;
    top: 1px;
    overflow: hidden
}

.analytics .mid-chart .switch .select-items .item[data-v-bc8c8274] {
    padding: 10px 0 10px 20px;
    cursor: pointer
}

.analytics .mid-chart .switch .select-items .item span[data-v-bc8c8274] {
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.analytics .mid-chart .switch .select-items .item[data-v-bc8c8274]:hover {
    background: #4b4e54
}

.analytics .mid-board[data-v-bc8c8274] {
    margin-top: 10px
}

.analytics .mid-table[data-v-bc8c8274] {
    margin-top: 10px;
    background: #15181d;
    border-radius: 10px;
    padding: 40px 30px;
    position: relative;
    overflow: hidden
}

.analytics .mid-table .coin-name .rank[data-v-bc8c8274] {
    width: 20px
}

.analytics .mid-table .coin-name img[data-v-bc8c8274] {
    width: 20px;
    height: 20px;
    margin: 0 6px 0 0
}

.analytics .mid-table .table-expand[data-v-bc8c8274] {
    background: #252a36;
    border-radius: 6px;
    margin-top: 10px;
    padding: 6px 0
}

.analytics .mid-table .table-expand img[data-v-bc8c8274] {
    width: 20px;
    height: 20px;
    margin: 0 auto
}

.mobile .analytics[data-v-bc8c8274] {
    width: 100%;
    padding: 0 17px;
    margin-top: 0
}

.mobile .analytics .top .title[data-v-bc8c8274] {
    font-size: 24px
}

.mobile .analytics .top .total[data-v-bc8c8274] {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .52);
    background: #252a36;
    padding: 10px 0
}

.mobile .analytics .top .total .total-item[data-v-bc8c8274] {
    border-bottom: 1px solid hsla(0, 0%, 84.7%, .2);
    border-right: none;
    margin: 0 20px;
    padding: 20px 0
}

.mobile .analytics .top .total .total-item[data-v-bc8c8274]:last-of-type {
    border-bottom: none
}

.mobile .analytics .top .total .total-item .text[data-v-bc8c8274] {
    font-size: 14px
}

.mobile .analytics .top .total .total-item .num[data-v-bc8c8274] {
    font-size: 24px;
    margin-top: 6px
}

.mobile .analytics .top .tab-wrapper[data-v-bc8c8274] {
    margin: 20px 0 10px;
    background: #15181d;
    border-radius: 100px;
    padding: 4px
}

.mobile .analytics .top .tabs[data-v-bc8c8274] {
    margin: 0 auto;
    flex-flow: wrap;
    justify-content: space-between
}

.mobile .analytics .top .tabs .item[data-v-bc8c8274] {
    width: 33%;
    font-size: 14px;
    padding: 5px;
    margin-bottom: 5px
}

.mobile .analytics .top .tabs .item[data-v-bc8c8274]:last-of-type {
    margin-right: auto
}

.mobile .analytics .time[data-v-bc8c8274] {
    font-size: 12px;
    margin-bottom: 20px
}

.mobile .analytics .mid-chart[data-v-bc8c8274] {
    z-index: 0;
    margin-top: 20px;
    padding: 27px 20px;
    background: #252a36;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .52)
}

.mobile .analytics .mid-chart .title[data-v-bc8c8274] {
    font-size: 24px
}

.mobile .analytics .mid-chart .switch[data-v-bc8c8274] {
    position: absolute;
    right: 20px;
    top: 27px;
    z-index: 100
}

.mobile .analytics .mid-chart .switch .selected[data-v-bc8c8274] {
    border: 2px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    padding: 8px 12px
}

.mobile .analytics .mid-chart .switch .selected span[data-v-bc8c8274] {
    font-size: 14px;
    width: 20px
}

.mobile .analytics .mid-chart .switch .selected img[data-v-bc8c8274] {
    width: 12px
}

.mobile .analytics .mid-chart .main .left[data-v-bc8c8274] {
    z-index: 99;
    position: relative
}

.mobile .analytics .mid-chart .main .left .bar-chart-top[data-v-bc8c8274] {
    position: relative;
    padding-bottom: 20px
}

.mobile .analytics .mid-chart .main .left .bar-chart-top .tip[data-v-bc8c8274] {
    font-size: 12px
}

.mobile .analytics .mid-chart .main .left .bar-chart[data-v-bc8c8274] {
    margin-top: 10px
}

.mobile .analytics .mid-chart .main .right[data-v-bc8c8274] {
    display: flex;
    justify-content: center;
    z-index: -1;
    margin-top: -50px;
    margin-left: auto
}

.mobile .analytics .mid-board[data-v-bc8c8274] {
    margin-top: 20px
}

.mobile .analytics .mid-table[data-v-bc8c8274] {
    margin-top: 20px;
    padding: 0
}

.content[data-v-4f655b26] {
    text-align: center
}

.content img[data-v-4f655b26] {
    margin: 100px auto 60px;
    height: 160px
}

.content .line[data-v-4f655b26] {
    font-size: 20px;
    font-weight: 500
}

.content .btn[data-v-4f655b26] {
    margin-top: 20px
}

.mobile .content img[data-v-4f655b26] {
    margin-top: 130px;
    margin-bottom: 40px
}

.mobile .content .line[data-v-4f655b26] {
    font-size: 16px
}

.coin-input[data-v-8b9ff196] {
    background: #252a36;
    border-radius: 10px;
    padding: 20px 16px;
    color: #a8a8a8
}

.coin-input .top[data-v-8b9ff196] {
    position: relative
}

.coin-input .top .tab-name[data-v-8b9ff196] {
    opacity: .4;
    font-size: 10px;
    color: #fff
}

.coin-input .top .select img.down[data-v-8b9ff196] {
    width: 10px;
    margin-top: 3px;
    margin-left: 7px
}

.coin-input .top .select img.down.up[data-v-8b9ff196] {
    transform: rotate(180deg)
}

.coin-input .top .chain-tab[data-v-8b9ff196] {
    position: relative
}

.coin-input .top .chain-tab .tab-select .current-chain img.icon[data-v-8b9ff196] {
    height: 20px;
    width: 20px;
    margin-right: 4px
}

.coin-input .top .chain-tab .tab-select .current-chain span[data-v-8b9ff196] {
    font-size: 16px;
    color: #fff
}

.coin-input .top .chain-tab .switch-list-wrapper[data-v-8b9ff196] {
    z-index: 12;
    position: absolute;
    top: 40px;
    left: 0
}

.coin-input .top .chain-tab .switch-list[data-v-8b9ff196] {
    background: #20252f;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .3);
    border-radius: 10px;
    width: 184px
}

.coin-input .top .chain-tab .switch-list .item[data-v-8b9ff196] {
    padding: 10px
}

.coin-input .top .chain-tab .switch-list .logo img[data-v-8b9ff196] {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.coin-input .top .chain-tab .switch-list .info[data-v-8b9ff196] {
    font-size: 16px;
    color: #fff
}

.coin-input .top .coin-tab .coin-icon[data-v-8b9ff196] {
    margin-right: 6px
}

.coin-input .top .coin-tab .coin-icon img[data-v-8b9ff196] {
    height: 20px;
    width: 20px
}

.coin-input .top .coin-tab .coin-right .coin-select .current-coin span[data-v-8b9ff196] {
    min-width: 55px;
    font-size: 16px;
    color: #fff
}

.coin-input .top .coin-tab .coin-list[data-v-8b9ff196] {
    z-index: 9;
    position: absolute;
    background: #252a36;
    top: 40px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    left: -16px;
    right: -16px;
    overflow: hidden;
    padding: 0 0 10px
}

.coin-input .top .coin-tab .coin-list .search-box[data-v-8b9ff196] {
    position: relative;
    padding: 10px 16px
}

.coin-input .top .coin-tab .coin-list .search-box input[data-v-8b9ff196] {
    color: #fefefe;
    background: #15181d;
    border-radius: 10px;
    height: 50px;
    width: 100%;
    font-size: 16px;
    padding-left: 40px;
    border: none
}

.coin-input .top .coin-tab .coin-list .search-box img[data-v-8b9ff196] {
    position: absolute;
    top: 23px;
    left: 30px;
    width: 24px
}

.coin-input .top .coin-tab .coin-list .list-container[data-v-8b9ff196]::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

.coin-input .top .coin-tab .coin-list .list-container[data-v-8b9ff196]::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5)
}

.coin-input .top .coin-tab .coin-list .list-container[data-v-8b9ff196] {
    max-height: 300px;
    overflow-y: scroll
}

.coin-input .top .coin-tab .coin-list .item[data-v-8b9ff196] {
    padding: 12px 20px;
    font-size: 16px
}

.coin-input .top .coin-tab .coin-list .item[data-v-8b9ff196]:hover {
    background: #4b4e54
}

.coin-input .top .coin-tab .coin-list .item .logo[data-v-8b9ff196] {
    width: 20px;
    margin-right: 10px
}

.coin-input .top .coin-tab .coin-list .item .name[data-v-8b9ff196] {
    font-size: 16px;
    color: #fff
}

.coin-input .top .coin-tab .coin-list .item .right[data-v-8b9ff196] {
    color: #ddd
}

.coin-input .top .coin-tab .no-result img[data-v-8b9ff196] {
    width: 160px;
    padding-top: 30px;
    margin: 0 auto
}

.coin-input .top .coin-tab .no-result .text[data-v-8b9ff196] {
    text-align: center;
    opacity: .3;
    font-size: 16px;
    color: #fff;
    padding: 30px 0
}

.coin-input .main[data-v-8b9ff196] {
    background: #15191e;
    position: relative;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px
}

.coin-input .main input[data-v-8b9ff196] {
    height: 30px;
    width: 60%;
    background: #15191e;
    border: none;
    color: #fefefe;
    font-size: 20px
}

.coin-input .main .num[data-v-8b9ff196] {
    font-size: 16px;
    color: #ddd;
    font-weight: 500
}

.coin-input .main .balance[data-v-8b9ff196] {
    font-weight: 500;
    font-size: 16px;
    min-width: 120px;
    overflow: hidden
}

.coin-input .main .balance.disabled[data-v-8b9ff196] {
    opacity: .3
}

.coin-input .main .balance img[data-v-8b9ff196] {
    width: 18px
}

.coin-input .main .lock img[data-v-8b9ff196] {
    width: 24px;
    margin-right: 14px
}

.coin-input .main button[data-v-8b9ff196] {
    background: #212630;
    border-radius: 10px;
    font-size: 16px;
    color: #fefefe;
    border: none;
    padding: 10px;
    margin-left: 6px
}

.mobile .coin-input[data-v-8b9ff196] {
    padding: 0
}

.mobile .coin-input .top[data-v-8b9ff196] {
    font-weight: 400
}

.mobile .coin-input .main .coin-select .coin-select-bg[data-v-8b9ff196] {
    height: 11px
}

.light .coin-input[data-v-8b9ff196] {
    background: #f2f5fa;
    color: #000
}

.light .coin-input .top .num[data-v-8b9ff196] {
    color: #000
}

.light .coin-input .main[data-v-8b9ff196] {
    background: #fff
}

.light .coin-input .main input[data-v-8b9ff196] {
    background: #fff;
    color: #000
}

.light .coin-input .main .coin-select .selected[data-v-8b9ff196],
.light .coin-input .main button[data-v-8b9ff196] {
    background: #f2f5fa;
    color: #000
}

.light .coin-input .main .coin-select .list[data-v-8b9ff196] {
    background: #f2f5fa;
    box-shadow: none
}

.light .coin-input .main .coin-select .list .item[data-v-8b9ff196]:hover {
    background: #eee
}

.light.mobile .coin-input[data-v-8b9ff196] {
    background: #fff
}

.light.mobile .main[data-v-8b9ff196],
.light.mobile .main input[data-v-8b9ff196] {
    background: #f2f5fa
}

.light.mobile .main .coin-select .list[data-v-8b9ff196],
.light.mobile .main .coin-select .selected[data-v-8b9ff196],
.light.mobile .main button[data-v-8b9ff196] {
    background: #fff
}

.setting .dialog .item[data-v-575279a6] {
    position: relative
}

.setting .dialog .item .title[data-v-575279a6] {
    font-size: 16px;
    margin-bottom: 20px
}

.setting .dialog .item .title img[data-v-575279a6] {
    margin-top: 4px;
    width: 15px;
    margin-left: 10px
}

.setting .dialog .item .main[data-v-575279a6] {
    margin-bottom: 25px
}

.setting .dialog .item .main span.error[data-v-575279a6] {
    font-weight: 700;
    margin-left: 10px;
    color: red;
    opacity: .8
}

.setting .dialog .item .main span.error.fly[data-v-575279a6] {
    position: absolute;
    top: 80px;
    right: 40px
}

.setting .dialog .item .main input[data-v-575279a6] {
    border: none;
    -webkit-appearance: none;
    background: #313131;
    border-radius: 10px;
    height: 35px;
    color: #fefefe;
    margin-right: 10px;
    padding-left: 10px;
    font-weight: 700;
    width: 80px;
    background: #15181d
}

.setting .dialog .item .main .slippage .block[data-v-575279a6] {
    cursor: pointer;
    background: #15181d;
    padding: 10px 0;
    width: 80px;
    text-align: center;
    margin-right: 10px;
    border-radius: 10px;
    color: #73bef4
}

.setting .dialog .item .main .slippage .active[data-v-575279a6] {
    background: #73bef4 !important;
    color: #fefefe !important
}

.setting .dialog .item .main .note[data-v-575279a6] {
    font-size: 12px;
    padding-top: 10px;
    color: #73bef4;
    margin-bottom: -10px
}

.setting .dialog .operation[data-v-575279a6] {
    margin-bottom: 10px;
    margin-top: 20px
}

.setting .dialog .operation button[data-v-575279a6] {
    width: 100%
}

.mobile .setting .dialog .item .main[data-v-575279a6] {
    margin-bottom: 20px
}

.mobile .setting .dialog .item .main span.error[data-v-575279a6] {
    font-size: 10px
}

.mobile .setting .dialog .item .title[data-v-575279a6] {
    font-size: 14px;
    margin-bottom: 10px
}

.mobile .setting .dialog .item input[data-v-575279a6] {
    width: 50px
}

.mobile .setting .dialog .item input.correct[data-v-575279a6] {
    border: 1px solid #73bef4
}

.mobile .setting .dialog .item .slippage .block[data-v-575279a6] {
    cursor: pointer;
    padding: 10px 0;
    width: 50px;
    margin-right: 10px;
    border-radius: 10px
}

.mobile .setting .dialog .item .note[data-v-575279a6] {
    top: 65px;
    font-size: 10px
}

.light .setting .dialog .item .main .slippage .block[data-v-575279a6],
.light .setting .dialog .item .main input[data-v-575279a6] {
    background: #f2f5fa;
    color: #000
}

.light .setting .dialog .item .main .slippage .active[data-v-575279a6] {
    background: #73bef4 !important;
    color: #fefefe !important
}

.cross-coin[data-v-b2c0fa86] {
    position: relative
}

.cross-coin .coin[data-v-b2c0fa86] {
    width: 95%;
    height: 95%
}

.cross-coin .chain[data-v-b2c0fa86] {
    position: absolute;
    background: #fff;
    border-radius: 100px;
    bottom: -2px;
    right: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center
}

.cross-coin .chain img[data-v-b2c0fa86] {
    display: block;
    margin: 0 auto;
    width: 83%;
    height: 83%
}

.confirm .confirm-loading img[data-v-498cbffc] {
    margin: 10px auto;
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    width: 70px
}

.confirm .confirm-dialog[data-v-498cbffc] {
    padding: 0;
    color: #fefefe;
    margin-top: -20px
}

.confirm .confirm-dialog .tokens[data-v-498cbffc] {
    margin: 15px 0 25px;
    border-radius: 20px;
    font-size: 24px;
    font-weight: 700
}

.confirm .confirm-dialog .tokens .line .logo[data-v-498cbffc] {
    width: 35px
}

.confirm .confirm-dialog .tokens .line .amount[data-v-498cbffc] {
    margin-left: 10px;
    font-size: 26px
}

.confirm .confirm-dialog .tokens .line .name[data-v-498cbffc] {
    font-size: 20px
}

.confirm .confirm-dialog .tokens .line .to[data-v-498cbffc] {
    margin: 20px 0
}

.confirm .confirm-dialog .tokens .line .to img[data-v-498cbffc] {
    width: 25px;
    margin-left: 4px
}

.confirm .confirm-dialog .tip[data-v-498cbffc] {
    font-size: 16px;
    margin: 30px 0;
    font-weight: 500;
    word-break: break-word
}

.confirm .confirm-dialog .tip p[data-v-498cbffc] {
    margin-top: 15px
}

.confirm .confirm-dialog .tip p[data-v-498cbffc]:first-child {
    margin-top: 0
}

.confirm .confirm-dialog .tip .high-gas-tip[data-v-498cbffc] {
    background: rgba(255, 28, 28, .1);
    border: 1px solid rgba(255, 26, 26, .3);
    border-radius: 5px;
    padding: 10px
}

.confirm .confirm-dialog .tip .high-gas-tip span[data-v-498cbffc] {
    color: #73bef4;
    font-size: 18px;
    font-weight: 700
}

.confirm .confirm-dialog .info[data-v-498cbffc] {
    background: #15181d;
    border-radius: 10px;
    padding: 20px
}

.confirm .confirm-dialog .info .each[data-v-498cbffc] {
    margin-bottom: 10px
}

.confirm .confirm-dialog .info .each[data-v-498cbffc]:last-of-type {
    margin-bottom: 0
}

.confirm .confirm-dialog .info .each .left img[data-v-498cbffc] {
    width: 15px;
    margin-left: 10px
}

.confirm .confirm-dialog .info .each .right[data-v-498cbffc] {
    font-weight: 700
}

.confirm .confirm-dialog .info .each .highImpace[data-v-498cbffc] {
    color: #fc5072
}

.confirm .confirm-dialog .info .each .swap[data-v-498cbffc] {
    width: 14px;
    margin-left: 5px
}

.confirm .confirm-dialog .info.extra-gas[data-v-498cbffc] {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 15px
}

.confirm .confirm-dialog .info.extra-gas .note[data-v-498cbffc] {
    font-weight: 500;
    font-size: 16px;
    color: #fff
}

.confirm .confirm-dialog .info.extra-gas .note span[data-v-498cbffc] {
    color: #73bef4
}

.confirm .confirm-dialog .info.extra-gas .tip[data-v-498cbffc] {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    margin: 0 0 0 5px
}

.confirm .confirm-dialog .info.extra-gas .tip img[data-v-498cbffc] {
    margin-left: 5px
}

.confirm .confirm-dialog .info.extra-gas .right img[data-v-498cbffc] {
    width: 22px;
    height: 22px
}

.confirm .confirm-dialog .operation[data-v-498cbffc] {
    margin-top: 20px
}

.confirm .confirm-dialog .operation button[data-v-498cbffc] {
    width: 100%;
    margin-top: 10px;
    color: #fefefe !important
}

.mobile .confirm .confirm-dialog[data-v-498cbffc] {
    margin-top: 0;
    padding: 0
}

.mobile .confirm .confirm-dialog .tokens[data-v-498cbffc] {
    margin: 15px 0;
    border-radius: 10px;
    padding: 10px 0;
    font-size: 16px
}

.mobile .confirm .confirm-dialog .tokens .line .logo[data-v-498cbffc] {
    width: 25px
}

.mobile .confirm .confirm-dialog .tokens .line .amount[data-v-498cbffc],
.mobile .confirm .confirm-dialog .tokens .line .name[data-v-498cbffc] {
    font-size: 16px
}

.mobile .confirm .confirm-dialog .tokens .line .to[data-v-498cbffc] {
    margin: 20px 0 20px 5px
}

.mobile .confirm .confirm-dialog .tokens .line .to img[data-v-498cbffc] {
    width: 20px;
    margin-left: 1px
}

.mobile .confirm .confirm-dialog .tip[data-v-498cbffc] {
    font-size: 14px;
    margin: 10px 0 20px
}

.mobile .confirm .confirm-dialog .info[data-v-498cbffc] {
    padding: 16px
}

.mobile .confirm .confirm-dialog .info .each[data-v-498cbffc] {
    margin-bottom: 6px
}

.mobile .confirm .confirm-dialog .info.extra-gas .note[data-v-498cbffc],
.mobile .confirm .confirm-dialog .info.extra-gas .tip[data-v-498cbffc] {
    font-size: 14px
}

.mobile .confirm .confirm-dialog .operation[data-v-498cbffc] {
    margin-top: 10px
}

.light .confirm .confirm-dialog[data-v-498cbffc] {
    color: #000
}

.light .confirm .confirm-dialog .info[data-v-498cbffc] {
    background: #f2f5fa
}

.confirm .l1 img[data-v-2c0e7190] {
    margin: 10px auto;
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    width: 70px
}

.confirm .t1[data-v-2c0e7190] {
    text-align: center;
    padding-top: 15px;
    font-size: 20px;
    color: #fefefe
}

.confirm .t2[data-v-2c0e7190],
.confirm .t3[data-v-2c0e7190] {
    font-size: 14px;
    text-align: center;
    padding-top: 15px;
    color: #fefefe
}

.confirm .t3[data-v-2c0e7190] {
    opacity: .5
}

.light .t1[data-v-2c0e7190],
.light .t2[data-v-2c0e7190],
.light .t3[data-v-2c0e7190] {
    color: #000
}

.confirm .l1 img[data-v-ea9b18f2] {
    margin: 60px auto 50px;
    width: 70px
}

.confirm .t1[data-v-ea9b18f2] {
    text-align: center;
    padding-top: 15px;
    font-size: 20px;
    color: #fefefe
}

.confirm .view[data-v-ea9b18f2] {
    text-align: center;
    font-size: 16px;
    color: #73bef4;
    margin-top: 20px
}

.confirm .add[data-v-ea9b18f2] {
    margin: 30px auto;
    width: 65%;
    background: #15191e;
    border-radius: 10px;
    padding: 17px 27px
}

.confirm .add .text[data-v-ea9b18f2] {
    font-size: 14px;
    color: #73bef4
}

.confirm .add img[data-v-ea9b18f2] {
    width: 20px;
    margin-left: 5px
}

.confirm .operation[data-v-ea9b18f2] {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px
}

.confirm .operation button[data-v-ea9b18f2] {
    width: 50%
}

.mobile .confirm .l1 img[data-v-ea9b18f2] {
    margin: 50px auto 40px
}

.mobile .confirm .t1[data-v-ea9b18f2] {
    padding-top: 10px;
    font-size: 18px
}

.mobile .confirm .view[data-v-ea9b18f2] {
    margin-top: 15px
}

.mobile .confirm .add[data-v-ea9b18f2] {
    width: 80%
}

.light .confirm .t1[data-v-ea9b18f2] {
    color: #000
}

.light .confirm .add[data-v-ea9b18f2] {
    background: #f2f5fa
}

.exchange[data-v-a2f036e0] {
    height: 100%;
    background: #15181d;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .52);
    border-radius: 10px;
    padding: 20px 0 20px 20px;
    position: relative
}

.exchange .css-loading[data-v-a2f036e0] {
    z-index: 0
}

.exchange .title[data-v-a2f036e0] {
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.exchange .title>span[data-v-a2f036e0]:first-child {
    margin: 0 8px 2px 0
}

.exchange .title .left[data-v-a2f036e0] {
    font-weight: 500
}

.exchange .subtitle[data-v-a2f036e0] {
    font-size: 14px;
    color: #a8a8a8
}

.exchange .advantage[data-v-a2f036e0] {
    color: #73bef4
}

.exchange .compare[data-v-a2f036e0] {
    height: 60px
}

.exchange .compare .no-search[data-v-a2f036e0] {
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #a8a8a8
}

.exchange .compare .no-search img[data-v-a2f036e0] {
    width: 26px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.exchange .compare .no-search span[data-v-a2f036e0] {
    vertical-align: middle
}

.exchange .compare .result[data-v-a2f036e0] {
    height: 100%;
    font-size: 14px;
    color: #fefefe;
    display: flex;
    align-items: center
}

.exchange .compare .result>div[data-v-a2f036e0] {
    height: 100%
}

.exchange .compare .result .css-loading[data-v-a2f036e0] {
    position: static;
    padding-right: 10px;
    width: calc(100% - 10px)
}

.exchange .compare .result .woo[data-v-a2f036e0] {
    width: 478px;
    display: flex
}

.exchange .compare .result .woo.css-loading[data-v-a2f036e0] {
    width: 31.6%
}

.exchange .compare .result .woo .item[data-v-a2f036e0] {
    height: 100%;
    width: 100%;
    margin: 0 38px 0 10px
}

.exchange .compare .result .woo .item .logo[data-v-a2f036e0] {
    height: 100%;
    min-width: 60px
}

.exchange .compare .result .woo .item .logo img[data-v-a2f036e0] {
    height: 100%
}

.exchange .compare .result .woo .item .info[data-v-a2f036e0] {
    flex: 1;
    margin-left: 20px
}

.exchange .compare .result .woo .item .info .line[data-v-a2f036e0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1px 0
}

.exchange .compare .result .woo .item .info .line.first[data-v-a2f036e0] {
    font-size: 16px;
    color: #73bef4
}

.exchange .compare .result .woo .item .info .line .left[data-v-a2f036e0] {
    width: 93px;
    margin-right: 20px
}

.exchange .compare .result .woo .item .info .line .right[data-v-a2f036e0] {
    display: flex
}

.exchange .compare .result .woo .item .info .line .best[data-v-a2f036e0] {
    font-size: 14px;
    background: #273948;
    border-radius: 6px;
    padding: 1px 5px;
    margin-left: 4px;
    color: #73bef4
}

.exchange .compare .result .break-line[data-v-a2f036e0] {
    opacity: .1;
    background: #fff;
    width: 1px;
    height: 100%
}

.exchange .compare .result .other.no-dex[data-v-a2f036e0] {
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #a8a8a8
}

.exchange .compare .result .other.no-dex img[data-v-a2f036e0] {
    width: 26px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.exchange .compare .result .other.no-dex span[data-v-a2f036e0] {
    vertical-align: middle
}

.exchange .compare .result .other[data-v-a2f036e0] {
    width: 66.9%;
    padding-left: 10px
}

.exchange .compare .result .other .item[data-v-a2f036e0] {
    height: 100%;
    width: 33%;
    display: flex;
    justify-content: center
}

.exchange .compare .result .other .item .logo[data-v-a2f036e0] {
    height: 100%;
    display: flex;
    align-items: center;
    min-width: 50px
}

.exchange .compare .result .other .item .logo img[data-v-a2f036e0] {
    height: 50px;
    width: 50px
}

.exchange .compare .result .other .item .info[data-v-a2f036e0] {
    margin-left: 10px
}

.exchange .compare .result .other .item .info .line.first[data-v-a2f036e0] {
    font-weight: 700
}

.exchange .compare .result .other .item .info .line .left[data-v-a2f036e0] {
    margin-right: 10px
}

.exchange .compare .result .other .item .info .line .tag[data-v-a2f036e0] {
    line-height: 1.3;
    font-size: 14px;
    border-radius: 6px;
    padding: 3px
}

.exchange .compare .result .other .item .info .line .rise[data-v-a2f036e0] {
    background: #2f3c2a;
    color: #36d58f;
    line-height: normal
}

.exchange .compare .result .other .item .info .line .fall[data-v-a2f036e0] {
    background: #3f262a;
    color: #e95d5d;
    line-height: normal
}

.exchange .top[data-v-a2f036e0] {
    height: 70px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    padding-bottom: 20px
}

.exchange .top .title[data-v-a2f036e0] {
    font-size: 18px;
    color: #fefefe
}

.exchange .top .right .item[data-v-a2f036e0] {
    display: inline-flex;
    background: #212630;
    border-radius: 6px;
    padding: 6px
}

.exchange .mid[data-v-a2f036e0] {
    position: relative;
    height: 100%
}

.exchange .mid .loading[data-v-a2f036e0] {
    justify-content: center;
    width: 100%;
    margin: 5px 0
}

.exchange .mid .compare-list[data-v-a2f036e0]::-webkit-scrollbar {
    width: 0
}

.exchange .mid .compare-list[data-v-a2f036e0] {
    max-height: 380px;
    overflow: auto
}

.exchange .mid .compare-list .item[data-v-a2f036e0] {
    padding: 12px 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, .08)
}

.exchange .mid .compare-list .item .line[data-v-a2f036e0] {
    margin-bottom: 5px;
    color: #a8a8a8
}

.exchange .mid .compare-list .item .line[data-v-a2f036e0]:last-of-type {
    margin-bottom: 0
}

.exchange .mid .compare-list .item .line .line-l[data-v-a2f036e0],
.exchange .mid .compare-list .item .line .line-r[data-v-a2f036e0] {
    font-size: 16px
}

.exchange .mid .compare-list .item .line.name .line-l[data-v-a2f036e0] {
    color: #ddd;
    font-size: 18px
}

.exchange .mid .compare-list .item .line.name .line-l .label[data-v-a2f036e0] {
    font-size: 14px;
    background: #3f262a;
    border-radius: 6px;
    padding: 3px 5px;
    margin-left: 8px;
    color: #e95d5d
}

.exchange .mid .compare-list .item .line.name .line-r[data-v-a2f036e0] {
    font-size: 18px
}

.exchange .mid .compare-list .item.best .line[data-v-a2f036e0] {
    color: #ddd
}

.exchange .mid .compare-list .item.best .name .line-l .label[data-v-a2f036e0] {
    color: #9dcb60;
    background: #2f3c2a
}

.exchange .mid .compare-list .item.best .name .line-r[data-v-a2f036e0] {
    color: #9dcb60
}

.exchange .mid .compare-list .item.woo[data-v-a2f036e0] {
    color: #fefefe;
    font-weight: 700
}

.exchange .mid .compare-list .item.woo .line[data-v-a2f036e0] {
    color: #ddd
}

.exchange .mid .compare-list .item.woo .line.advantage[data-v-a2f036e0],
.exchange .mid .compare-list .item.woo .name .line-l[data-v-a2f036e0],
.exchange .mid .compare-list .item.woo .name .line-r[data-v-a2f036e0] {
    color: #73bef4
}

.exchange .mid .compare-list .item.woo .name .line-l .label[data-v-a2f036e0] {
    display: none
}

.exchange .mid .compare-list .item.best.woo[data-v-a2f036e0] {
    color: #fefefe;
    font-weight: 700
}

.exchange .mid .compare-list .item.best.woo .name .line-l .label[data-v-a2f036e0] {
    color: #73bef4;
    background: #273948;
    display: inline-block
}

.exchange .mid .compare-list .item.no .name .line-l .label[data-v-a2f036e0] {
    color: inherit;
    background: inherit
}

.exchange .mid .searching[data-v-a2f036e0] {
    opacity: .9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

.exchange .mid .searching .loading[data-v-a2f036e0] {
    margin: 0 auto
}

.exchange .mid .searching .note[data-v-a2f036e0] {
    opacity: .6
}

.exchange .mid .no-data[data-v-a2f036e0] {
    margin: 95px auto 0
}

.exchange .mid .no-data img[data-v-a2f036e0] {
    width: 85px;
    margin: 0 auto
}

.exchange .mid .no-data .note[data-v-a2f036e0] {
    margin: 40px auto 0;
    text-align: center;
    width: 70%;
    font-size: 18px;
    color: #a8a8a8;
    line-height: 28px
}

.mobile .exchange[data-v-a2f036e0] {
    background: #252a36;
    margin-top: 20px;
    padding: 20px
}

.mobile .exchange .top[data-v-a2f036e0] {
    height: auto
}

.mobile .exchange .mid[data-v-a2f036e0] {
    min-height: 300px
}

.mobile .exchange .mid .item[data-v-a2f036e0] {
    position: relative;
    min-height: 95px
}

.mobile .exchange .mid .item.css-loading[data-v-a2f036e0] {
    padding: 12px 0;
    background-color: #252a36;
    background-image: linear-gradient(90deg, #252a36, #303440, #252a36)
}

.mobile .exchange .mid .item .line .line-l[data-v-a2f036e0],
.mobile .exchange .mid .item .line .line-r[data-v-a2f036e0] {
    font-size: 14px
}

.mobile .exchange .mid .item .line.name .line-l[data-v-a2f036e0],
.mobile .exchange .mid .item .line.name .line-r[data-v-a2f036e0] {
    font-size: 16px
}

.mobile .exchange .mid .no-data[data-v-a2f036e0] {
    margin: 60px auto 0
}

.mobile .exchange .mid .no-data .note[data-v-a2f036e0] {
    margin: 20px auto 0;
    width: 80%;
    font-size: 14px
}

.light .exchange[data-v-a2f036e0] {
    background: #fff;
    box-shadow: none
}

.light .exchange .top[data-v-a2f036e0] {
    border-color: #f2f5fa
}

.light .exchange .top .title[data-v-a2f036e0] {
    font-size: 18px;
    color: #000
}

.light .exchange .top .right .item[data-v-a2f036e0] {
    background: #f2f5fa
}

.light .exchange .mid .compare-list .item[data-v-a2f036e0] {
    border-color: #f2f5fa
}

.light .exchange .mid .compare-list .item .line.name .line-l[data-v-a2f036e0],
.light .exchange .mid .compare-list .item .line[data-v-a2f036e0] {
    color: #000
}

.light .exchange .mid .compare-list .item .line.name .line-l .label[data-v-a2f036e0] {
    background: #fbdfdf;
    color: #e95d5d
}

.light .exchange .mid .compare-list .item.best .line[data-v-a2f036e0],
.light .exchange .mid .compare-list .item.best[data-v-a2f036e0] {
    color: #000
}

.light .exchange .mid .compare-list .item.best .name .line-l .label[data-v-a2f036e0] {
    color: #9dcb60;
    background: #ddf8eb
}

.light .exchange .mid .no-data .note[data-v-a2f036e0],
.light .exchange .mid .searching .note[data-v-a2f036e0] {
    color: #000
}

.tous .confirm-dialog[data-v-6161ec0e]::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px
}

.tous .confirm-dialog[data-v-6161ec0e]::-webkit-scrollbar-thumb {
    background-color: #252a36;
    border-radius: 5px
}

.tous .confirm-dialog[data-v-6161ec0e] {
    margin-top: -10px;
    max-height: 500px;
    overflow: auto;
    background: #15181d;
    border-radius: 10px;
    padding: 20px;
    border-right: 4px solid #15181d
}

.tous .confirm-dialog h3[data-v-6161ec0e] {
    padding: 0 0 13px;
    font-weight: 700
}

.tous .confirm-dialog p[data-v-6161ec0e] {
    padding: 0;
    font-size: 14px;
    line-height: 1.8;
    word-break: keep-all
}

.tous .confirm-dialog p.country[data-v-6161ec0e],
.tous .confirm-dialog p b[data-v-6161ec0e] {
    font-weight: 700;
    font-size: 18px
}

.tous .confirm-dialog p b[data-v-6161ec0e] {
    padding: 0 5px
}

.tous .confirm-dialog a[data-v-6161ec0e],
.tous .confirm-dialog p span[data-v-6161ec0e] {
    text-decoration: underline;
    padding: 0 5px
}

.tous .confirm-dialog a[data-v-6161ec0e] {
    color: #73bef4
}

.tous .confirm-dialog ul li[data-v-6161ec0e] {
    list-style: disc;
    list-style-position: inside;
    padding: 0 0 8px
}

.tous .confirm-dialog ul[data-v-6161ec0e]:last-of-type {
    padding: 0
}

.tous .operation[data-v-6161ec0e] {
    margin-top: 30px;
    text-align: center
}

.tous .operation .check[data-v-6161ec0e] {
    padding-top: 8px
}

.tous .operation .check span[data-v-6161ec0e] {
    color: #73bef4
}

.tous .operation .check i[data-v-6161ec0e] {
    color: #73bef4;
    font-style: normal;
    margin-left: 5px
}

.tous .operation .btn[data-v-6161ec0e] {
    margin-top: 20px;
    margin-bottom: 5px
}

.tous .operation .btn button[data-v-6161ec0e] {
    height: auto
}

.mobile .tous .confirm-dialog[data-v-6161ec0e] {
    margin-top: 20px
}

.mobile .tous .operation .check[data-v-6161ec0e] {
    padding-top: 0
}

.exchange[data-v-6c7c3c80] {
    height: 100%;
    background: #15181d;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .52);
    border-radius: 10px;
    padding: 20px 0;
    position: relative
}

.exchange .css-loading[data-v-6c7c3c80] {
    z-index: 0
}

.exchange .title[data-v-6c7c3c80] {
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.exchange .title>span[data-v-6c7c3c80]:first-child {
    margin: 0 8px 2px 0
}

.exchange .title .left[data-v-6c7c3c80] {
    font-weight: 500
}

.exchange .subtitle[data-v-6c7c3c80] {
    font-weight: 500;
    font-size: 14px;
    color: #a8a8a8
}

.exchange .advantage[data-v-6c7c3c80] {
    color: #73bef4
}

.exchange .compare[data-v-6c7c3c80] {
    height: 60px
}

.exchange .compare .no-search[data-v-6c7c3c80] {
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #a8a8a8
}

.exchange .compare .no-search img[data-v-6c7c3c80] {
    width: 26px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.exchange .compare .no-search span[data-v-6c7c3c80] {
    vertical-align: middle
}

.exchange .compare .result[data-v-6c7c3c80] {
    height: 100%;
    font-size: 14px;
    color: #fefefe;
    display: flex;
    align-items: center;
    position: relative
}

.exchange .compare .result>div[data-v-6c7c3c80] {
    height: 100%
}

.exchange .compare .result .css-loading[data-v-6c7c3c80] {
    position: absolute;
    padding-right: 10px;
    width: calc(100% - 10px)
}

.exchange .compare .result .woo[data-v-6c7c3c80] {
    position: relative;
    width: 478px;
    display: flex
}

.exchange .compare .result .woo.css-loading[data-v-6c7c3c80] {
    width: 31.6%
}

.exchange .compare .result .woo .item[data-v-6c7c3c80] {
    margin: 0 38px 0 30px;
    height: 100%;
    width: 100%
}

.exchange .compare .result .woo .item .logo[data-v-6c7c3c80] {
    height: 100%;
    min-width: 60px
}

.exchange .compare .result .woo .item .logo img[data-v-6c7c3c80] {
    height: 100%
}

.exchange .compare .result .woo .item .info[data-v-6c7c3c80] {
    margin-left: 20px;
    flex: 1
}

.exchange .compare .result .woo .item .info .line[data-v-6c7c3c80] {
    display: flex;
    align-items: center;
    padding: 1px 0
}

.exchange .compare .result .woo .item .info .line.first[data-v-6c7c3c80] {
    font-size: 16px;
    color: #73bef4
}

.exchange .compare .result .woo .item .info .line .left[data-v-6c7c3c80] {
    width: 103px;
    margin-right: 20px
}

.exchange .compare .result .woo .item .info .line .right[data-v-6c7c3c80] {
    display: flex
}

.exchange .compare .result .woo .item .info .line .best[data-v-6c7c3c80] {
    font-size: 14px;
    background: #273948;
    border-radius: 6px;
    padding: .5px 5px;
    margin-left: 4px;
    color: #73bef4
}

.exchange .compare .result .woo .item .info .line .faq[data-v-6c7c3c80] {
    width: 14px;
    height: 14px;
    margin-top: 2px;
    margin-left: 4px
}

.exchange .compare .result .break-line[data-v-6c7c3c80] {
    opacity: .1;
    background: #fff;
    width: 1px;
    height: 100%
}

.exchange .compare .result .other[data-v-6c7c3c80] {
    padding-left: 30px;
    padding-right: 10px;
    position: relative
}

.exchange .compare .result .other .css-loading[data-v-6c7c3c80] {
    left: 20px;
    right: 20px;
    min-width: 720px
}

.exchange .compare .result .other .progress[data-v-6c7c3c80] {
    padding: 0 5px
}

.exchange .compare .result .other .progress .pic[data-v-6c7c3c80] {
    display: flex;
    justify-content: center
}

.exchange .compare .result .other .progress .pic img[data-v-6c7c3c80] {
    height: 40px;
    width: 40px
}

.exchange .compare .result .other .progress .text[data-v-6c7c3c80] {
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
    color: #fff
}

.exchange .compare .result .other .stage .pic[data-v-6c7c3c80] {
    height: 40px;
    display: flex;
    align-items: center
}

.exchange .compare .result .other .stage .pic img[data-v-6c7c3c80] {
    height: 24px;
    width: auto
}

.exchange .compare .result .other .stage .text[data-v-6c7c3c80] {
    opacity: .6
}

.exchange .top[data-v-6c7c3c80] {
    height: 70px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    padding-bottom: 20px
}

.exchange .top .title[data-v-6c7c3c80] {
    font-size: 18px;
    color: #fefefe
}

.exchange .top .right .item[data-v-6c7c3c80] {
    display: inline-flex;
    background: #212630;
    border-radius: 6px;
    padding: 6px
}

.exchange .mid[data-v-6c7c3c80] {
    position: relative;
    height: 100%
}

.exchange .mid .loading[data-v-6c7c3c80] {
    justify-content: center;
    width: 100%;
    margin: 5px 0
}

.exchange .mid .compare-list[data-v-6c7c3c80]::-webkit-scrollbar {
    width: 0
}

.exchange .mid .compare-list[data-v-6c7c3c80] {
    max-height: 380px;
    overflow: auto
}

.exchange .mid .compare-list .item[data-v-6c7c3c80] {
    padding: 12px 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, .08)
}

.exchange .mid .compare-list .item .line[data-v-6c7c3c80] {
    margin-bottom: 5px;
    color: #a8a8a8
}

.exchange .mid .compare-list .item .line[data-v-6c7c3c80]:last-of-type {
    margin-bottom: 0
}

.exchange .mid .compare-list .item .line .line-l[data-v-6c7c3c80],
.exchange .mid .compare-list .item .line .line-r[data-v-6c7c3c80] {
    font-size: 16px
}

.exchange .mid .compare-list .item .line.name .line-l[data-v-6c7c3c80] {
    color: #ddd;
    font-size: 18px
}

.exchange .mid .compare-list .item .line.name .line-l .label[data-v-6c7c3c80] {
    font-size: 14px;
    background: #3f262a;
    border-radius: 6px;
    padding: 3px 5px;
    margin-left: 8px;
    color: #e95d5d
}

.exchange .mid .compare-list .item .line.name .line-r[data-v-6c7c3c80] {
    font-size: 18px
}

.exchange .mid .compare-list .item.best .line[data-v-6c7c3c80] {
    color: #ddd
}

.exchange .mid .compare-list .item.best .name .line-l .label[data-v-6c7c3c80] {
    color: #9dcb60;
    background: #2f3c2a
}

.exchange .mid .compare-list .item.best .name .line-r[data-v-6c7c3c80] {
    color: #9dcb60
}

.exchange .mid .compare-list .item.woo[data-v-6c7c3c80] {
    color: #fefefe;
    font-weight: 700
}

.exchange .mid .compare-list .item.woo .line[data-v-6c7c3c80] {
    color: #ddd
}

.exchange .mid .compare-list .item.woo .line.advantage[data-v-6c7c3c80],
.exchange .mid .compare-list .item.woo .name .line-l[data-v-6c7c3c80],
.exchange .mid .compare-list .item.woo .name .line-r[data-v-6c7c3c80] {
    color: #73bef4
}

.exchange .mid .compare-list .item.woo .name .line-l .label[data-v-6c7c3c80] {
    display: none
}

.exchange .mid .compare-list .item.best.woo[data-v-6c7c3c80] {
    color: #fefefe;
    font-weight: 700
}

.exchange .mid .compare-list .item.best.woo .name .line-l .label[data-v-6c7c3c80] {
    color: #73bef4;
    background: #273948;
    display: inline-block
}

.exchange .mid .compare-list .item.no .name .line-l .label[data-v-6c7c3c80] {
    color: inherit;
    background: inherit
}

.exchange .mid .searching[data-v-6c7c3c80] {
    opacity: .9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

.exchange .mid .searching .loading[data-v-6c7c3c80] {
    margin: 0 auto
}

.exchange .mid .searching .note[data-v-6c7c3c80] {
    opacity: .6
}

.exchange .mid .no-data[data-v-6c7c3c80] {
    margin: 95px auto 0
}

.exchange .mid .no-data img[data-v-6c7c3c80] {
    width: 85px;
    margin: 0 auto
}

.exchange .mid .no-data .note[data-v-6c7c3c80] {
    margin: 40px auto 0;
    text-align: center;
    width: 70%;
    font-size: 18px;
    color: #a8a8a8;
    line-height: 28px
}

.mobile .exchange[data-v-6c7c3c80] {
    background: #252a36;
    margin-top: 20px;
    padding: 20px
}

.mobile .exchange .top[data-v-6c7c3c80] {
    height: auto
}

.mobile .exchange .mid[data-v-6c7c3c80] {
    min-height: 300px
}

.mobile .exchange .mid .item[data-v-6c7c3c80] {
    position: relative;
    min-height: 95px
}

.mobile .exchange .mid .item.css-loading[data-v-6c7c3c80] {
    padding: 12px 0;
    background-color: #252a36;
    background-image: linear-gradient(90deg, #252a36, #303440, #252a36)
}

.mobile .exchange .mid .item .line .line-l[data-v-6c7c3c80],
.mobile .exchange .mid .item .line .line-r[data-v-6c7c3c80] {
    font-size: 14px
}

.mobile .exchange .mid .item .line.name .line-l[data-v-6c7c3c80],
.mobile .exchange .mid .item .line.name .line-r[data-v-6c7c3c80] {
    font-size: 16px
}

.mobile .exchange .mid .no-data[data-v-6c7c3c80] {
    margin: 60px auto 0
}

.mobile .exchange .mid .no-data .note[data-v-6c7c3c80] {
    margin: 20px auto 0;
    width: 80%;
    font-size: 14px
}

.light .exchange[data-v-6c7c3c80] {
    background: #fff;
    box-shadow: none
}

.light .exchange .top[data-v-6c7c3c80] {
    border-color: #f2f5fa
}

.light .exchange .top .title[data-v-6c7c3c80] {
    font-size: 18px;
    color: #000
}

.light .exchange .top .right .item[data-v-6c7c3c80] {
    background: #f2f5fa
}

.light .exchange .mid .compare-list .item[data-v-6c7c3c80] {
    border-color: #f2f5fa
}

.light .exchange .mid .compare-list .item .line.name .line-l[data-v-6c7c3c80],
.light .exchange .mid .compare-list .item .line[data-v-6c7c3c80] {
    color: #000
}

.light .exchange .mid .compare-list .item .line.name .line-l .label[data-v-6c7c3c80] {
    background: #fbdfdf;
    color: #e95d5d
}

.light .exchange .mid .compare-list .item.best .line[data-v-6c7c3c80],
.light .exchange .mid .compare-list .item.best[data-v-6c7c3c80] {
    color: #000
}

.light .exchange .mid .compare-list .item.best .name .line-l .label[data-v-6c7c3c80] {
    color: #9dcb60;
    background: #ddf8eb
}

.light .exchange .mid .no-data .note[data-v-6c7c3c80],
.light .exchange .mid .searching .note[data-v-6c7c3c80] {
    color: #000
}

.auto-refresh-tip {
    font-size: 16px;
    color: #fefefe;
    font-weight: 700
}

.fee-tip {
    padding: 10px;
    max-width: 350px
}

.fee-tip .paragraph:last-of-type {
    margin-top: 15px
}

.fee-tip .paragraph .title {
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

.fee-tip .paragraph .description {
    margin-top: 10;
    opacity: .6;
    font-weight: 500;
    font-size: 14px;
    color: #fff
}

.spinner[data-v-3bc12c69] {
    margin: 10px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px
}

.spinner>div[data-v-3bc12c69] {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay-data-v-3bc12c69 1.2s ease-in-out infinite;
    animation: sk-stretchdelay-data-v-3bc12c69 1.2s ease-in-out infinite
}

.spinner .rect2[data-v-3bc12c69] {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.spinner .rect3[data-v-3bc12c69] {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.spinner .rect4[data-v-3bc12c69] {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.spinner .rect5[data-v-3bc12c69] {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes sk-stretchdelay-data-v-3bc12c69 {

    0%,
    40%,
    to {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay-data-v-3bc12c69 {

    0%,
    40%,
    to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.light .spinner>div[data-v-3bc12c69] {
    background-color: #f2f5fa
}

.compare-list[data-v-92156398] {
    max-height: 380px;
    overflow: auto
}

.compare-list .loading[data-v-92156398] {
    justify-content: center;
    width: 100%;
    margin: 5px 0
}

.compare-list .item[data-v-92156398] {
    padding: 12px 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, .08)
}

.compare-list .item .line[data-v-92156398] {
    margin-bottom: 5px;
    color: #a8a8a8
}

.compare-list .item .line[data-v-92156398]:last-of-type {
    margin-bottom: 0
}

.compare-list .item .line .l .correct[data-v-92156398] {
    width: 20px
}

.compare-list .item .line .l span[data-v-92156398] {
    font-size: 16px;
    margin-left: 6px
}

.compare-list .item .line .l .right[data-v-92156398] {
    width: 16px;
    margin-left: 4px
}

.compare-list .item .line .r[data-v-92156398] {
    font-size: 14px;
    color: #626469
}

.compare-list .item .next[data-v-92156398] {
    margin-top: 10px
}

.compare-list .item .next .a[data-v-92156398] {
    margin-left: 0 !important;
    font-size: 14px;
    color: #ddd
}

.compare-list .item .next .b[data-v-92156398] {
    margin-left: 6px;
    font-size: 14px;
    color: #73bef4
}

.col-1[data-v-92156398],
.col-2[data-v-92156398] {
    width: 20%
}

.col-3[data-v-92156398] {
    width: 30%
}

.col-4[data-v-92156398] {
    width: 20%
}

.col-5[data-v-92156398] {
    width: 10%
}

.table-head[data-v-92156398] {
    font-size: 16px;
    color: #fefefe;
    padding: 15px 0 5px;
    opacity: .6
}

.table-content[data-v-92156398] {
    font-size: 14px;
    color: #fefefe
}

.table-content .col-4[data-v-92156398] {
    color: #39b9ed
}

.table-content .table-item[data-v-92156398] {
    padding: 12px 0
}

.table-content .table-item .coin-item[data-v-92156398] {
    display: flex;
    align-items: center
}

.table-content .table-item .coin-item span[data-v-92156398] {
    margin-left: 10px
}

.mobile .item .line[data-v-92156398] {
    margin-bottom: 3px
}

.mobile .item .line span[data-v-92156398] {
    font-size: 14px
}

.mobile .item .line .right[data-v-92156398] {
    width: 14px
}

.mobile .item .line .r[data-v-92156398] {
    font-size: 14px
}

.mobile .item .next[data-v-92156398] {
    margin-top: 5px
}

.mobile .item .next .a[data-v-92156398],
.mobile .item .next .b[data-v-92156398] {
    font-size: 12px
}

.light .compare-list .loading[data-v-92156398] {
    color: #444662
}

.light .compare-list .item[data-v-92156398] {
    border-color: #f2f5fa
}

.light .compare-list .item .line .r[data-v-92156398],
.light .compare-list .item .line[data-v-92156398],
.light .compare-list .item .next .a[data-v-92156398],
.light .compare-list .item .next .b[data-v-92156398],
.light .table-content[data-v-92156398],
.light .table-head[data-v-92156398] {
    color: #000
}

.light .table-content .col-4[data-v-92156398] {
    color: #39b9ed
}

.exchange[data-v-7ae9e9d5] {
    background: #15181d;
    height: 100%;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .52);
    border-radius: 10px;
    padding: 40px
}

.exchange .top[data-v-7ae9e9d5] {
    height: 70px;
    padding-bottom: 40px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .08)
}

.exchange .top .tab .item[data-v-7ae9e9d5],
.exchange .top .title[data-v-7ae9e9d5] {
    font-size: 18px;
    color: #fefefe
}

.exchange .top .tab .item[data-v-7ae9e9d5] {
    padding: 6px 0;
    margin: 0 8px;
    border-bottom: 3px solid transparent
}

.exchange .top .tab .active[data-v-7ae9e9d5] {
    border-color: #73bef4
}

.exchange .mid[data-v-7ae9e9d5] {
    position: relative;
    min-height: 200px
}

.exchange .mid .no-data[data-v-7ae9e9d5] {
    margin: 95px auto 0
}

.exchange .mid .no-data img[data-v-7ae9e9d5] {
    width: 85px;
    margin: 0 auto
}

.exchange .mid .no-data .note[data-v-7ae9e9d5] {
    margin: 40px auto 0;
    text-align: center;
    width: 70%;
    font-size: 18px;
    color: #a8a8a8;
    line-height: 28px
}

.exchange .mid .searching[data-v-7ae9e9d5] {
    opacity: .9;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

.exchange .mid .searching .init-loading[data-v-7ae9e9d5] {
    margin: 0 auto
}

.exchange .mid .searching .note[data-v-7ae9e9d5] {
    opacity: .6
}

.mobile .exchange[data-v-7ae9e9d5] {
    background: #252a36;
    margin-top: 0;
    box-shadow: none;
    padding: 0
}

.mobile .exchange .mid[data-v-7ae9e9d5] {
    min-height: 300px;
    font-size: 16px
}

.mobile .exchange .mid .no-data[data-v-7ae9e9d5] {
    margin: 60px auto 0
}

.mobile .exchange .mid .no-data .note[data-v-7ae9e9d5] {
    margin: 20px auto 0;
    width: 80%;
    font-size: 14px
}

.light .exchange[data-v-7ae9e9d5] {
    background: #fff;
    box-shadow: none
}

.light .exchange .top[data-v-7ae9e9d5] {
    border-color: #f2f5fa
}

.light .exchange .top .tab .item[data-v-7ae9e9d5],
.light .exchange .top .title[data-v-7ae9e9d5] {
    color: #000
}

.light .exchange .top .tab .active[data-v-7ae9e9d5] {
    border-color: #73bef4
}

.light .exchange .mid .no-data .note[data-v-7ae9e9d5] {
    color: #000
}

.chart[data-v-1bf21d32] {
    height: 100%;
    background: #15181d;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .52);
    border-radius: 10px;
    padding: 30px;
    position: relative
}

.chart .title .token[data-v-1bf21d32] {
    font-size: 18px;
    color: #fefefe
}

.chart .title .switch .item[data-v-1bf21d32] {
    font-size: 12px;
    color: #fff;
    border-radius: 10px;
    padding: 6px 10px
}

.chart .title .switch .active[data-v-1bf21d32] {
    color: #73bef4;
    background: #252a36;
    padding: 7px 10px;
    font-weight: 700
}

.chart .data-board[data-v-1bf21d32] {
    margin-top: 10px
}

.chart .data-board .css-loading[data-v-1bf21d32] {
    height: 60px;
    width: 55%;
    top: unset;
    left: unset
}

.chart .data-board .num[data-v-1bf21d32] {
    font-size: 24px;
    color: #fefefe;
    font-weight: 700;
    margin-bottom: 6px
}

.chart .data-board .text[data-v-1bf21d32] {
    opacity: .5;
    font-size: 16px;
    color: #fefefe;
    margin-right: 10px
}

.chart .data-board .tag[data-v-1bf21d32] {
    font-size: 16px;
    margin-right: 5px;
    border-radius: 6px;
    font-weight: 700;
    padding: 2px 5px
}

.chart .data-board .rise[data-v-1bf21d32] {
    background: #2f3c2a;
    color: #36d58f
}

.chart .data-board .fall[data-v-1bf21d32] {
    background: #3f262a;
    color: #e95d5d
}

.chart .line[data-v-1bf21d32] {
    position: absolute;
    left: 30px;
    bottom: 20px
}

.chart .line .css-loading[data-v-1bf21d32] {
    position: static;
    height: 80%
}

.chart .no-data[data-v-1bf21d32] {
    z-index: 8;
    background: #15181d;
    top: 55px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: 20px
}

.chart .no-data .tip[data-v-1bf21d32] {
    margin: 80px auto 0
}

.chart .no-data .tip .icon[data-v-1bf21d32] {
    width: 15px;
    opacity: .3;
    margin-right: 15px
}

.chart .no-data .tip span[data-v-1bf21d32] {
    color: #515355;
    font-size: 14px;
    font-weight: 500
}

.chart .no-data .wave[data-v-1bf21d32] {
    margin-top: 65px
}

.mobile .chart[data-v-1bf21d32] {
    background: #252a36;
    margin-top: 20px;
    min-height: 300px;
    padding: 20px
}

.mobile .chart .title .token[data-v-1bf21d32] {
    font-size: 22px;
    font-weight: 700
}

.mobile .chart .data-board .tag[data-v-1bf21d32],
.mobile .chart .data-board .text[data-v-1bf21d32] {
    font-size: 12px
}

.mobile .chart .css-loading[data-v-1bf21d32] {
    background-color: #252a36;
    background-image: linear-gradient(90deg, #252a36, #303440, #252a36)
}

.mobile .chart .line[data-v-1bf21d32] {
    right: auto
}

.mobile .chart .no-data[data-v-1bf21d32] {
    background: #252a36
}

.mobile .chart .tip[data-v-1bf21d32] {
    margin: 45px auto 0
}

.mobile .chart .tip .icon[data-v-1bf21d32] {
    width: 15px;
    margin-right: 15px
}

.mobile .chart .tip span[data-v-1bf21d32] {
    font-size: 12px
}

.mobile .chart .wave[data-v-1bf21d32] {
    margin-top: 35px
}

.queue[data-v-750f7134] {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 11
}

.queue .out-box[data-v-750f7134] {
    background: rgba(33, 38, 48, .9);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    border: 2px solid hsla(0, 0%, 100%, .1);
    width: 410px;
    padding: 30px 20px
}

.queue .out-box .operation-title .title[data-v-750f7134] {
    font-size: 18px;
    color: #fff
}

.queue .out-box .operation-title .operation[data-v-750f7134] {
    font-size: 18px;
    color: #73bef4;
    text-align: right
}

.queue .out-box .operation-title .operation .clearBtn[data-v-750f7134] {
    display: inline-block;
    margin-right: 20px
}

.queue .out-box .queue-li .item[data-v-750f7134] {
    padding: 10px;
    background: #272c36;
    border-radius: 10px;
    margin-bottom: 6px
}

.queue .out-box .queue-li .item[data-v-750f7134]:last-of-type {
    margin-bottom: 0
}

.queue .out-box .queue-li .item .left .status[data-v-750f7134] {
    margin-right: 10px
}

.queue .out-box .queue-li .item .left .status img[data-v-750f7134] {
    width: 22px;
    height: 22px
}

.queue .out-box .queue-li .item .left .status .loading[data-v-750f7134] {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.queue .out-box .queue-li .item .left .info .amount[data-v-750f7134] {
    font-size: 14px;
    color: #fff
}

.queue .out-box .queue-li .item .left .info .chain[data-v-750f7134],
.queue .out-box .queue-li .item .left .tip[data-v-750f7134] {
    opacity: .3;
    font-size: 14px;
    color: #fff;
    margin-top: 5px
}

.queue .out-box .queue-li .item .left .tip[data-v-750f7134] {
    flex: 1
}

.queue .out-box .queue-li .item .right[data-v-750f7134] {
    font-size: 14px;
    color: #fff
}

.mobile .queue[data-v-750f7134] {
    bottom: 85px;
    right: 15px;
    left: 15px
}

.mobile .queue .out-box[data-v-750f7134] {
    padding: 30px 10px;
    border-radius: 10px;
    width: 100%
}

.mobile .queue .out-box .operation-title .title[data-v-750f7134] {
    font-size: 16px
}

.mobile .queue .out-box .operation-title .operation[data-v-750f7134] {
    min-width: 20px;
    font-size: 14px
}

.confirm-dialog .confirm-text {
    margin-top: -10px;
    font-size: 16px;
    color: #fefefe;
    line-height: 32px;
    font-weight: 500;
    word-break: break-word
}

.confirm-dialog .confirm-text span {
    color: #73bef4
}

.confirm-dialog .confirm-operation {
    margin-top: 30px
}

.confirm-dialog .confirm-operation button {
    width: 47%;
    height: 45px;
    line-height: unset;
    padding: 0 20px
}

.mobile .confirm-dialog .confirm-text {
    margin-top: 10px
}

.cross-status-dialog .tokens {
    margin: 0 0 35px;
    border-radius: 20px;
    font-size: 24px;
    font-weight: 700
}

.cross-status-dialog .tokens .line .logo {
    width: 35px
}

.cross-status-dialog .tokens .line .amount {
    margin-left: 10px;
    font-size: 26px
}

.cross-status-dialog .tokens .line .name {
    font-size: 20px;
    font-weight: 500
}

.cross-status-dialog .tokens .line .to {
    margin: 20px 0
}

.cross-status-dialog .tokens .line .to img {
    width: 25px;
    margin-left: 4px
}

.cross-status-dialog .progress {
    margin-top: 24px;
    padding: 30px;
    background: #15191e;
    border-radius: 10px
}

.cross-status-dialog .progress .title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px
}

.cross-status-dialog .progress .list .item {
    height: 22px;
    margin-bottom: 8px
}

.cross-status-dialog .progress .list .item:last-of-type {
    margin-bottom: 0
}

.cross-status-dialog .progress .list .item .pic,
.cross-status-dialog .progress .list .item .pic img {
    height: 100%
}

.cross-status-dialog .progress .list .item .text {
    margin-left: 12px;
    font-size: 18px;
    color: #fff;
    font-weight: 500
}

.cross-status-dialog .progress .list .large {
    margin-top: 10px
}

.cross-status-dialog .progress .list .pad .text span {
    opacity: .3;
    font-size: 14px
}

.cross-status-dialog .progress .list .pad .text img {
    width: 14px;
    height: 14px;
    margin-left: 10px
}

.cross-status-dialog .progress .list .loading img {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.mobile .cross-status-dialog .tokens {
    margin: 15px 0;
    border-radius: 10px;
    padding: 10px 0;
    font-size: 16px
}

.mobile .cross-status-dialog .tokens .line .logo {
    width: 25px
}

.mobile .cross-status-dialog .tokens .line .amount,
.mobile .cross-status-dialog .tokens .line .name {
    font-size: 16px
}

.mobile .cross-status-dialog .tokens .line .to {
    margin: 20px 0 20px 5px
}

.mobile .cross-status-dialog .tokens .line .to img {
    width: 20px;
    margin-left: 1px
}

.mobile .cross-status-dialog .progress .list .item .text {
    font-size: 16px
}

.mobile .cross-status-dialog .progress .list .pad .text span {
    font-size: 12px
}

.mobile .cross-status-dialog .progress .list .pad .text img {
    width: 10px;
    height: 10px
}

.cross-address .list[data-v-36dc40f6] {
    margin: 0
}

.cross-address .list.add[data-v-36dc40f6] {
    justify-content: flex-end
}

.cross-address .list .addr[data-v-36dc40f6] {
    font-weight: 500;
    font-size: 14px;
    color: #73bef4;
    margin-left: 4px
}

.cross-address .list .text[data-v-36dc40f6] {
    font-weight: 500;
    font-size: 14px;
    color: #a8a8a8
}

.cross-address .list .icon[data-v-36dc40f6] {
    margin-left: 4px
}

.cross-address .list .icon img[data-v-36dc40f6] {
    width: 24px;
    height: 24px
}

.mobile .cross-address .list .addr[data-v-36dc40f6] {
    margin-left: 40%
}

.address-dialog .notice[data-v-36dc40f6] {
    color: #f9f9f9
}

.address-dialog .notice[data-v-36dc40f6],
.address-dialog .tip[data-v-36dc40f6] {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 24px
}

.address-dialog .tip[data-v-36dc40f6] {
    color: #73bef4
}

.address-dialog .input-block[data-v-36dc40f6] {
    position: relative
}

.address-dialog .input-block[data-v-36dc40f6] .el-input {
    border-radius: 10px;
    overflow: hidden
}

.address-dialog .input-block[data-v-36dc40f6] .el-input ::-webkit-input-placeholder {
    color: hsla(0, 0%, 65.9%, .3)
}

.address-dialog .input-block[data-v-36dc40f6] .el-input .el-input__inner {
    background-color: #15191e;
    color: #fff;
    border: none;
    padding-right: 80px;
    color: #fefefe;
    font-size: 20px
}

.address-dialog .input-block .input-btn[data-v-36dc40f6] {
    position: absolute;
    font-weight: 500;
    font-size: 16px;
    color: #73bef4;
    right: 12px;
    top: 16px
}

.address-dialog .input-block .alert[data-v-36dc40f6] {
    margin-top: 2px;
    margin-left: 4px;
    font-weight: 500;
    font-size: 14px;
    color: #e95d5d
}

.address-dialog .action[data-v-36dc40f6] {
    margin-top: 24px
}

.address-dialog .action[data-v-36dc40f6] button {
    width: 100%
}

.mobile .address-dialog.cross-address .input-btn[data-v-36dc40f6] {
    top: 10px
}

.dex[data-v-610702e6] {
    width: 100%;
    margin: 35px 0 0
}

.dex .top-ad[data-v-610702e6] {
    background-image: linear-gradient(87deg, #ffedbe, #ffd789);
    border: 1px solid #ffc34f;
    border-radius: 20px;
    font-size: 14px;
    color: #832400;
    padding: 10px 40px;
    width: 55%;
    margin: 0 auto 20px;
    font-weight: 500
}

.dex .top-ad i[data-v-610702e6] {
    font-style: normal;
    text-decoration: underline
}

.dex .top-ad img[data-v-610702e6] {
    width: 16px;
    margin-right: 12px
}

.dex .top .line-a[data-v-610702e6] {
    font-size: 32px;
    color: #73bef4;
    text-align: center
}

.dex .top .line-b[data-v-610702e6] {
    margin-top: 10px;
    font-size: 18px;
    color: #ddd;
    text-align: center
}

.dex .top .reward[data-v-610702e6] {
    margin: 15px auto 0;
    width: 35.8%;
    position: relative
}

.dex .top .reward img[data-v-610702e6] {
    width: 100%
}

.dex .top .reward .num[data-v-610702e6] {
    color: #fff;
    left: 20px;
    top: 30%
}

.dex .top .reward .btn[data-v-610702e6],
.dex .top .reward .num[data-v-610702e6] {
    font-weight: 700;
    position: absolute;
    font-size: 18px
}

.dex .top .reward .btn[data-v-610702e6] {
    background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, .42) 99%);
    border-radius: 19px;
    color: #3f84b6;
    padding: 6px 20px;
    right: 5px;
    top: 15%
}

.dex .main[data-v-610702e6] {
    align-items: stretch;
    margin-top: 20px;
    margin-bottom: 20px
}

.dex .mid[data-v-610702e6] {
    width: 470px;
    margin-right: 16px
}

.dex .mid .block[data-v-610702e6] {
    background: #15181d;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .52)
}

.dex .mid .top[data-v-610702e6] {
    height: 70px;
    padding-bottom: 20px
}

.dex .mid .top .top-left .title[data-v-610702e6] {
    font-size: 18px;
    color: #fefefe
}

.dex .mid .top .top-left .sub[data-v-610702e6] {
    margin-top: 5px;
    font-size: 14px
}

.dex .mid .top .top-left .beta[data-v-610702e6] {
    font-size: 15px;
    font-weight: 700;
    background: #73bef4;
    color: #fff;
    padding: 2px 10px;
    border-radius: 100px;
    margin-left: 10px
}

.dex .mid .top .top-right .item[data-v-610702e6] {
    background: #212630;
    border-radius: 6px;
    padding: 6px;
    margin-left: 5px
}

.dex .mid .top .top-right img[data-v-610702e6] {
    height: 26px;
    width: 26px
}

.dex .mid .coin-select .to[data-v-610702e6] {
    width: 20px;
    margin: 20px auto
}

.dex .mid .action[data-v-610702e6] {
    margin-top: 20px
}

.dex .mid .action .list[data-v-610702e6] {
    font-weight: 500;
    color: #a8a8a8;
    font-size: 16px
}

.dex .mid .action .list .list-right img[data-v-610702e6] {
    width: 15px;
    margin-left: 10px
}

.dex .mid .action .list .num[data-v-610702e6] {
    margin-right: 10px
}

.dex .mid .action .list .btn[data-v-610702e6] {
    padding: 3px 15px;
    border: 2px solid FEFEFE;
    border-radius: 24px;
    font-size: 14px;
    text-align: center;
    color: #fefefe
}

.dex .mid .action .list .btn.disabled[data-v-610702e6] {
    opacity: .3
}

.dex .mid .action .submit[data-v-610702e6] {
    margin-top: 20px
}

.dex .mid .action .submit button[data-v-610702e6] {
    width: 100%
}

.dex .left[data-v-610702e6],
.dex .right[data-v-610702e6] {
    width: 797px
}

.dex .history[data-v-610702e6],
.mobile .dex[data-v-610702e6] {
    margin-top: 20px
}

.mobile .dex .top-ad[data-v-610702e6] {
    padding: 5px 10px;
    width: 90%
}

.mobile .dex .top .line-a[data-v-610702e6] {
    font-size: 18px
}

.mobile .dex .top .line-b[data-v-610702e6] {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700
}

.mobile .dex .main[data-v-610702e6] {
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    margin: 20px auto 0
}

.mobile .dex .main .mid[data-v-610702e6] {
    margin-left: 0;
    width: 100%
}

.mobile .dex .main .mid .block[data-v-610702e6] {
    padding: 20px;
    background: #252a36
}

.mobile .dex .main .mid .top[data-v-610702e6] {
    padding-bottom: 15px
}

.mobile .dex .main .mid .top .top-right .item[data-v-610702e6] {
    background: #31343f
}

.mobile .dex .main .mid .top .top-right .item[data-v-610702e6]:first-child {
    line-height: 0
}

.mobile .dex .main .mid .action .list .num[data-v-610702e6] {
    margin-right: 5px
}

.mobile .dex .main .mid .action .list .btn[data-v-610702e6] {
    padding: 2px 8px;
    border: 2px solid FEFEFE;
    border-radius: 12px;
    font-size: 12px
}

.mobile .dex .main .left[data-v-610702e6],
.mobile .dex .main .right[data-v-610702e6] {
    width: 100%
}

.mobile .dex .compare[data-v-610702e6] {
    padding: 0 15px
}

.light .dex .top .line-b[data-v-610702e6] {
    color: #000
}

.light .dex .main .mid .block[data-v-610702e6] {
    background: #fff;
    box-shadow: none
}

.light .dex .main .mid .top .top-left .title[data-v-610702e6] {
    color: #000
}

.light .dex .main .mid .top .top-right .item[data-v-610702e6] {
    background: #f2f5fa
}

.light .dex .main .action .list[data-v-610702e6] {
    color: #000
}

.switch-network[data-v-2a5a6ba4] {
    position: relative;
    margin-left: 20px
}

.switch-network .selected[data-v-2a5a6ba4] {
    height: 44px;
    border: 2px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    padding: 0 12px;
    margin-right: 10px
}

.switch-network .selected .all[data-v-2a5a6ba4] {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #dadada
}

.switch-network .logo[data-v-2a5a6ba4] {
    width: 18px
}

.switch-network .down[data-v-2a5a6ba4] {
    width: 10px;
    margin-top: 3px;
    margin-left: 3px
}

.switch-network .down.up[data-v-2a5a6ba4] {
    transform: rotate(180deg)
}

.switch-network span[data-v-2a5a6ba4] {
    font-size: 16px;
    margin: 0 5px
}

.switch-network .switch-list-wrapper[data-v-2a5a6ba4] {
    z-index: 12;
    position: absolute;
    top: 45px;
    left: 0;
    right: 0
}

.switch-network .switch-list[data-v-2a5a6ba4] {
    background: #20252f;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .3);
    border-radius: 10px;
    width: 140px
}

.switch-network .switch-list .item[data-v-2a5a6ba4] {
    padding: 15px 0 15px 15px;
    color: #a8a8a8
}

.switch-network .switch-list .item.disabled[data-v-2a5a6ba4] {
    opacity: .3;
    cursor: not-allowed;
    color: #a8a8a8
}

.switch-network .switch-list .item.active[data-v-2a5a6ba4] {
    color: #fff
}

.switch-network .switch-list .item img[data-v-2a5a6ba4] {
    width: 20px
}

.switch-network .switch-list .item .name[data-v-2a5a6ba4] {
    margin-left: 10px;
    font-size: 16px
}

.switch-network .switch-list .item .isAll img[data-v-2a5a6ba4] {
    display: none
}

.switch-network .switch-list .item .isAll .name[data-v-2a5a6ba4] {
    margin-left: 0
}

.mobile .switch-network .selected[data-v-2a5a6ba4] {
    margin-right: 10px;
    border: 3px solid hsla(0, 0%, 100%, .1)
}

.mobile .switch-network .selected span[data-v-2a5a6ba4] {
    display: none
}

.mobile .switch-network .selected .logo[data-v-2a5a6ba4] {
    margin-right: 5px
}

.mobile .switch-network .switch-list-wrapper[data-v-2a5a6ba4] {
    position: fixed;
    left: 0;
    right: 0;
    top: unset;
    bottom: 0;
    background: #15181d;
    margin: 0;
    padding: 0;
    z-index: 12
}

.mobile .switch-network .switch-list[data-v-2a5a6ba4] {
    width: unset
}

.mobile .switch-network .switch-list .item[data-v-2a5a6ba4] {
    padding: 20px;
    justify-content: space-between;
    background: #262a35;
    font-size: 16px;
    text-align: left;
    font-weight: 700;
    border-bottom: 1px solid #343843
}

.mobile .switch-network .mask[data-v-2a5a6ba4] {
    position: fixed;
    top: 0;
    opacity: 1;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    height: 100%;
    z-index: 11;
    left: 0;
    right: 0
}

.light .switch-network .selected[data-v-2a5a6ba4] {
    border-color: rgba(0, 0, 0, .1);
    color: #000
}

.staking-input[data-v-0bff810e] {
    position: relative
}

.staking-input input[data-v-0bff810e] {
    width: 100%;
    height: 55px;
    border: none;
    color: #fefefe;
    font-size: 20px;
    background: #15181d;
    border-radius: 10px;
    padding-left: 20px
}

.staking-input button[data-v-0bff810e] {
    position: absolute;
    background: #1d212b;
    height: 45px;
    border-radius: 10px;
    font-size: 16px;
    border: none;
    padding: 10px 15px;
    color: #ddd;
    font-weight: 700;
    right: 6px;
    top: 5px;
    z-index: 2
}

.staking-input .balance[data-v-0bff810e] {
    z-index: 2;
    position: absolute;
    right: 78px;
    top: 20px;
    font-weight: 700;
    background: #15181d;
    padding-left: 5px;
    display: flex;
    align-items: center
}

.staking-input .balance img[data-v-0bff810e] {
    width: 18px;
    display: inline
}

.staking-input .balance span[data-v-0bff810e] {
    font-size: 14px;
    color: #a8a8a8
}

.staking-input .balance .num[data-v-0bff810e] {
    font-size: 14px;
    color: #ddd;
    margin-left: 10px
}

.staking-input .displayInput[data-v-0bff810e] {
    z-index: 0;
    position: absolute;
    font-weight: 700;
    left: 20px;
    top: 15px;
    border: none;
    color: #fefefe;
    font-size: 20px;
    pointer-events: none;
    width: 100%;
    overflow: hidden
}

.staking-input .displayInput .num[data-v-0bff810e] {
    opacity: 0
}

.staking-input .displayInput .name[data-v-0bff810e] {
    margin-left: 3px;
    background: #15181d
}

.staking-input .right-input-background[data-v-0bff810e] {
    position: absolute;
    height: 55px;
    top: 0;
    right: 0;
    width: 40%;
    background: #15181d;
    border-radius: 10px;
    z-index: 1
}

.mobile .staking-input input[data-v-0bff810e] {
    background: #15181d;
    font-size: 16px;
    height: 48px
}

.mobile .staking-input button[data-v-0bff810e] {
    background: #252a36;
    height: 38px;
    padding: 0 15px
}

.mobile .staking-input .balance[data-v-0bff810e] {
    display: none
}

.mobile .staking-input .displayInput[data-v-0bff810e] {
    top: 15px;
    font-size: 16px
}

.mobile .staking-input .displayInput .name[data-v-0bff810e] {
    background: #15181d
}

.mobile .staking-input .right-input-background[data-v-0bff810e] {
    height: 48px;
    width: 20%;
    background: #15181d
}

.calculator .calculator-dialog .top-info[data-v-fb10feb0] {
    margin-top: -10px;
    opacity: .5;
    font-size: 16px;
    color: #fff
}

.calculator .calculator-dialog .table-main[data-v-fb10feb0] {
    margin-top: 20px;
    color: #fff
}

.calculator .calculator-dialog .table-main .row[data-v-fb10feb0] {
    padding: 10px 0
}

.calculator .calculator-dialog .table-main .head[data-v-fb10feb0] {
    opacity: .5;
    font-size: 14px
}

.calculator .calculator-dialog .table-main .item[data-v-fb10feb0]:nth-of-type(2n) {
    background: hsla(0, 0%, 100%, .05);
    border-radius: 8px
}

.calculator .calculator-dialog .table-main .col[data-v-fb10feb0] {
    text-align: center;
    font-weight: 500;
    font-size: 14px
}

.calculator .calculator-dialog .table-main .col[data-v-fb10feb0]:first-of-type {
    text-align: left;
    width: 20%;
    padding-left: 20px
}

.calculator .calculator-dialog .table-main .col[data-v-fb10feb0]:last-of-type {
    text-align: right;
    width: 40%;
    padding-right: 20px
}

.calculator .calculator-dialog .table-main .dollar-num[data-v-fb10feb0] {
    opacity: .6;
    font-size: 12px
}

.mobile .calculator .calculator-dialog .top-info[data-v-fb10feb0] {
    margin-top: 10px;
    font-size: 14px
}

.mobile .calculator .calculator-dialog .table-main .col[data-v-fb10feb0],
.mobile .calculator .calculator-dialog .table-main .head[data-v-fb10feb0] {
    font-size: 12px
}

.mobile .calculator .calculator-dialog .table-main .col[data-v-fb10feb0]:last-of-type {
    width: 50%
}

.content .line[data-v-b2084bf0] {
    padding: 8px
}

.content .text[data-v-b2084bf0] {
    font-size: 14px;
    color: #ddd;
    opacity: .7
}

.content .group[data-v-b2084bf0] {
    border-radius: 8px;
    background: hsla(0, 0%, 100%, .05);
    margin-bottom: 15px
}

.content .total[data-v-b2084bf0] {
    font-weight: 700;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1);
    padding-bottom: 15px;
    margin-bottom: 7px
}

.content .bottom[data-v-b2084bf0] {
    padding-top: 15px;
    border-top: 1px solid hsla(0, 0%, 59.2%, .1)
}

.breakdown[data-v-803b142e] {
    position: relative
}

.breakdown .popover[data-v-803b142e] {
    cursor: default;
    position: absolute;
    left: -120px;
    width: 340px;
    background: #111318;
    border-radius: 8px;
    padding: 20px;
    z-index: 100
}

.breakdown .popover .line[data-v-803b142e] {
    padding: 8px
}

.breakdown .popover .text[data-v-803b142e] {
    font-size: 14px;
    color: #ddd;
    opacity: .7
}

.breakdown .popover .group[data-v-803b142e] {
    border-radius: 8px;
    background: hsla(0, 0%, 100%, .05);
    margin-bottom: 15px
}

.breakdown .popover .total[data-v-803b142e] {
    font-weight: 700;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1);
    padding-bottom: 15px;
    margin-bottom: 7px
}

.breakdown .popover .bottom[data-v-803b142e] {
    padding-top: 15px;
    border-top: 1px solid hsla(0, 0%, 59.2%, .1)
}

.mobile-dialog[data-v-803b142e] {
    text-align: left
}

.content .line[data-v-71536a2a] {
    padding: 8px 0;
    font-weight: 500;
    font-size: 14px;
    color: #ddd
}

.content .token[data-v-71536a2a] {
    font-weight: 700;
    font-size: 14px;
    color: #ddd
}

.content .dollar[data-v-71536a2a] {
    margin-left: 5px;
    font-weight: 500;
    font-size: 14px
}

.content .dollar[data-v-71536a2a],
.content .title[data-v-71536a2a] {
    color: #ddd;
    opacity: .6
}

.content .text[data-v-71536a2a] {
    font-weight: 500;
    font-size: 14px;
    color: #ddd
}

.content .group[data-v-71536a2a] {
    border-radius: 8px;
    background: hsla(0, 0%, 100%, .05);
    margin-bottom: 10px
}

.content .total[data-v-71536a2a] {
    font-weight: 700;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .3)
}

.content .bottom[data-v-71536a2a] {
    border-top: 1px solid hsla(0, 0%, 59.2%, .3)
}

.breakdown[data-v-3a6617bb] {
    position: relative
}

.breakdown .popover[data-v-3a6617bb] {
    cursor: default;
    position: absolute;
    left: -120px;
    width: 300px;
    background: #111318;
    border-radius: 8px;
    padding: 15px 17px;
    z-index: 100
}

.cross-status-dialog .note[data-v-08536c60] {
    font-size: 16px;
    font-weight: 500;
    margin-top: -20px
}

.cross-status-dialog .progress[data-v-08536c60] {
    padding: 30px;
    background: #15191e;
    border-radius: 10px;
    margin-top: 15px
}

.cross-status-dialog .progress .title[data-v-08536c60] {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px
}

.cross-status-dialog .progress .list .item[data-v-08536c60] {
    height: 22px;
    margin-bottom: 8px
}

.cross-status-dialog .progress .list .item[data-v-08536c60]:last-of-type {
    margin-bottom: 0
}

.cross-status-dialog .progress .list .item .pic[data-v-08536c60],
.cross-status-dialog .progress .list .item .pic img[data-v-08536c60] {
    height: 100%
}

.cross-status-dialog .progress .list .item .text[data-v-08536c60] {
    margin-left: 12px;
    font-size: 18px;
    color: #fff;
    font-weight: 500
}

.cross-status-dialog .progress .list .large[data-v-08536c60] {
    margin-top: 10px
}

.cross-status-dialog .progress .list .pad .text span[data-v-08536c60] {
    opacity: .3;
    font-size: 14px;
    margin-left: 3px
}

.cross-status-dialog .progress .list .pad .text img[data-v-08536c60] {
    width: 14px;
    height: 14px;
    margin-left: 10px
}

.cross-status-dialog .progress .list .loading img[data-v-08536c60] {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.mobile .cross-status-dialog .tokens[data-v-08536c60] {
    margin: 15px 0;
    border-radius: 10px;
    padding: 10px 0;
    font-size: 16px
}

.mobile .cross-status-dialog .tokens .line .logo[data-v-08536c60] {
    width: 25px
}

.mobile .cross-status-dialog .tokens .line .amount[data-v-08536c60],
.mobile .cross-status-dialog .tokens .line .name[data-v-08536c60] {
    font-size: 16px
}

.mobile .cross-status-dialog .tokens .line .to[data-v-08536c60] {
    margin: 20px 0 20px 5px
}

.mobile .cross-status-dialog .tokens .line .to img[data-v-08536c60] {
    width: 20px;
    margin-left: 1px
}

.mobile .cross-status-dialog .progress .list .item .text[data-v-08536c60] {
    font-size: 16px
}

.mobile .cross-status-dialog .progress .list .pad .text span[data-v-08536c60] {
    font-size: 12px
}

.mobile .cross-status-dialog .progress .list .pad .text img[data-v-08536c60] {
    width: 10px;
    height: 10px
}

.withdraw .info[data-v-0690df30] {
    margin: 30px 0 10px;
    font-weight: 400
}

.withdraw .info img[data-v-0690df30] {
    width: 16px
}

.withdraw .info .time[data-v-0690df30] {
    color: #73bef4;
    padding: 0 0 0 5px
}

.withdraw .info .limit-num[data-v-0690df30] {
    color: #73bef4;
    padding-left: 5px
}

.withdraw .info .note-sub[data-v-0690df30] {
    margin-top: 20px
}

.withdraw .info .limit[data-v-0690df30] {
    font-weight: 500
}

.withdraw .info .mode[data-v-0690df30] {
    font-weight: 500;
    margin-right: 4px
}

.withdraw .info .mode img[data-v-0690df30] {
    margin-right: 5px
}

.withdraw .info .mode span[data-v-0690df30] {
    margin-right: 10px
}

.withdraw .info .mode[data-v-0690df30] .el-switch .el-switch__core {
    height: 20px;
    background: #161a20;
    border: 2px solid #323944
}

.withdraw .info .mode[data-v-0690df30] .el-switch.is-checked .el-switch__core {
    background: #73bef4
}

.withdraw .info .mode[data-v-0690df30] .el-switch.el-switch-medium .el-switch__core:after {
    height: 16px;
    width: 16px;
    margin-left: 0
}

.withdraw .info .mode[data-v-0690df30] .el-switch.el-switch-medium.is-checked .el-switch__core:after {
    margin-left: -16px
}

.withdraw .input[data-v-0690df30] {
    width: 75%
}

.withdraw .btn[data-v-0690df30] {
    width: 25%;
    overflow: hidden;
    margin-left: 20px;
    transition: none
}

.withdraw .long[data-v-0690df30] {
    font-size: 12px
}

.withdraw[data-v-0690df30] .staking-input input {
    color: #ddd
}

.withdraw .withdraw-info[data-v-0690df30] {
    margin-top: 10px;
    padding-bottom: 10px
}

.withdraw .withdraw-info button[data-v-0690df30] {
    margin-left: 8px
}

.withdraw .withdraw-info .available[data-v-0690df30] {
    margin-left: 30px
}

.withdraw .withdraw-info .available span[data-v-0690df30],
.withdraw .withdraw-info .requested span[data-v-0690df30] {
    margin-right: 10px
}

.withdraw .withdraw-info .available img[data-v-0690df30],
.withdraw .withdraw-info .requested img[data-v-0690df30] {
    width: 16px;
    margin-right: 5px
}

.mobile .withdraw .migrate-to-new[data-v-0690df30] {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: 0
}

.confirm-dialog .confirm-text[data-v-0690df30] {
    margin-top: -20px;
    font-size: 16px;
    color: #fefefe;
    line-height: 32px;
    font-weight: 500;
    word-break: break-word
}

.confirm-dialog .confirm-text span[data-v-0690df30] {
    color: #73bef4
}

.confirm-dialog .confirm-text p[data-v-0690df30]:last-of-type {
    margin-top: 20px
}

.confirm-dialog .confirm-operation[data-v-0690df30] {
    margin-top: 30px
}

.confirm-dialog .confirm-operation button[data-v-0690df30] {
    display: block;
    width: 100%;
    height: 45px;
    line-height: unset;
    padding: 0 20px;
    margin-left: 0 !important
}

.confirm-dialog .confirm-operation button[data-v-0690df30]:last-of-type {
    margin-top: 20px
}

.confirm-dialog .instant-confirm-operation[data-v-0690df30] {
    margin-top: 30px
}

.confirm-dialog .instant-confirm-operation button[data-v-0690df30] {
    width: 47%;
    height: 45px;
    line-height: unset;
    padding: 0 20px
}

.mobile .withdraw[data-v-0690df30] {
    padding-bottom: 20px
}

.mobile .withdraw .input-line[data-v-0690df30] {
    padding-top: 5px
}

.mobile .withdraw .info[data-v-0690df30] {
    margin: 0 0 15px
}

.mobile .withdraw .info .note-sub[data-v-0690df30] {
    margin-top: 15px
}

.mobile .withdraw .mode[data-v-0690df30] {
    margin-top: 10px
}

.mobile .withdraw .input[data-v-0690df30] {
    width: 100%
}

.mobile .withdraw .btn[data-v-0690df30] {
    width: 100%;
    margin-left: 0;
    margin-top: 15px
}

.mobile .withdraw[data-v-0690df30] .staking-input .balance {
    background: unset;
    display: flex;
    right: 20px !important;
    left: auto !important;
    top: 15px !important;
    padding-left: 0
}

.mobile .withdraw[data-v-0690df30] .staking-input button {
    opacity: 0 !important;
    z-index: 10
}

.mobile .withdraw-info[data-v-0690df30] {
    font-size: 14px;
    margin-top: 15px
}

.mobile .withdraw-info span+span[data-v-0690df30] {
    display: inline-block
}

.mobile .withdraw-info button[data-v-0690df30] {
    margin: 0 8px;
    min-width: 113px
}

.mobile .withdraw-info .available[data-v-0690df30] {
    margin-top: 15px;
    margin-left: 0
}

.withdraw .info[data-v-d4b099fe] {
    margin: 0 0 10px;
    font-weight: 400
}

.withdraw .info .go-stake[data-v-d4b099fe] {
    cursor: pointer;
    padding: 0 5px;
    color: #73bef4
}

.withdraw .info .left[data-v-d4b099fe] {
    font-weight: 400;
    font-size: 14px;
    color: #ddd
}

.withdraw .info img[data-v-d4b099fe] {
    width: 16px
}

.withdraw .info .time[data-v-d4b099fe] {
    color: #73bef4;
    padding: 0 0 0 5px
}

.withdraw .info .limit-num[data-v-d4b099fe] {
    color: #73bef4;
    padding-left: 5px
}

.withdraw.isDeposit .operation .left[data-v-d4b099fe] {
    width: 75%
}

.withdraw .operation[data-v-d4b099fe] {
    margin-top: 15px;
    align-items: stretch
}

.withdraw .operation .mode[data-v-d4b099fe] {
    font-weight: 500;
    margin-right: 4px
}

.withdraw .operation .mode img[data-v-d4b099fe] {
    margin-right: 5px
}

.withdraw .operation .mode span[data-v-d4b099fe] {
    margin-right: 10px
}

.withdraw .operation .mode[data-v-d4b099fe] .el-switch .el-switch__core {
    height: 20px;
    background: #161a20;
    border: 2px solid #323944
}

.withdraw .operation .mode[data-v-d4b099fe] .el-switch.is-checked .el-switch__core {
    background: #73bef4
}

.withdraw .operation .mode[data-v-d4b099fe] .el-switch.el-switch-medium .el-switch__core:after {
    height: 16px;
    width: 16px;
    margin-left: 0
}

.withdraw .operation .mode[data-v-d4b099fe] .el-switch.el-switch-medium.is-checked .el-switch__core:after {
    margin-left: -16px
}

.withdraw .operation .left[data-v-d4b099fe] {
    width: 100%
}

.withdraw .operation .left .note-sub[data-v-d4b099fe] {
    margin-bottom: 10px
}

.withdraw .operation .right[data-v-d4b099fe] {
    width: 25%;
    margin-left: 20px;
    border: 1px solid #474b53;
    border-radius: 10px;
    padding: 3px 15px;
    display: flex;
    align-items: center
}

.withdraw .operation .right .wrapper[data-v-d4b099fe] {
    margin: 0 auto;
    width: 100%
}

.withdraw .operation .right .l .l-a[data-v-d4b099fe] {
    font-size: 12px;
    color: #ddd;
    opacity: .6
}

.withdraw .operation .right .l .l-b[data-v-d4b099fe] {
    font-weight: 700;
    font-size: 16px;
    margin-top: 2px;
    color: #ddd
}

.withdraw .operation .right .r[data-v-d4b099fe] {
    margin-left: 25px
}

.withdraw .operation .right .r .btn-o[data-v-d4b099fe] {
    width: 100%;
    border: 2px solid #73bef4;
    border-radius: 10px;
    padding: 6px 20px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #fefefe;
    cursor: pointer
}

.withdraw .operation .right .r .btn-o[data-v-d4b099fe]:hover {
    background: #73bef4;
    color: #fefefe
}

.withdraw .operation .right .r .btn-o.disabled[data-v-d4b099fe] {
    border-color: #474b52;
    color: #474b52
}

.withdraw .operation .right .r .btn-o.disabled[data-v-d4b099fe]:hover {
    background: none
}

.withdraw .limit[data-v-d4b099fe] {
    font-weight: 500;
    margin-top: 10px
}

.withdraw .input[data-v-d4b099fe] {
    width: 77%
}

.withdraw .btn[data-v-d4b099fe] {
    width: 26%;
    overflow: hidden;
    margin-left: 20px;
    transition: none;
    padding: 12px 0
}

.withdraw .btn.small[data-v-d4b099fe] {
    font-size: 14px
}

.withdraw .long[data-v-d4b099fe] {
    font-size: 12px
}

.withdraw[data-v-d4b099fe] .staking-input input {
    color: #ddd
}

.mobile .withdraw.isWithdraw .info[data-v-d4b099fe] {
    margin: 15px 0
}

.mobile .withdraw .input-line[data-v-d4b099fe] {
    padding-top: 5px
}

.mobile .withdraw .info[data-v-d4b099fe] {
    margin: 0 0 15px
}

.mobile .withdraw .info .note-sub[data-v-d4b099fe] {
    margin-top: 15px
}

.mobile .withdraw .operation .left[data-v-d4b099fe] {
    width: 100%
}

.mobile .withdraw .operation .right[data-v-d4b099fe] {
    padding: 10px;
    width: 100%;
    margin-left: 0;
    margin-top: 15px
}

.mobile .withdraw .operation .right .wrapper[data-v-d4b099fe] {
    width: 98%
}

.mobile .withdraw .operation .right .wrapper .l .l-a[data-v-d4b099fe] {
    font-size: 12px
}

.mobile .withdraw .operation .right .wrapper .l .l-b[data-v-d4b099fe] {
    font-size: 16px;
    margin-top: 0
}

.mobile .withdraw .operation .right .wrapper .r[data-v-d4b099fe] {
    margin-left: 0
}

.mobile .withdraw .operation .right .wrapper .r .btn-o[data-v-d4b099fe] {
    padding: 6px 14px
}

.mobile .withdraw .input[data-v-d4b099fe] {
    width: 100%
}

.mobile .withdraw .btn[data-v-d4b099fe] {
    width: 100%;
    margin-left: 0;
    margin-top: 15px
}

.mobile .withdraw[data-v-d4b099fe] .staking-input .balance {
    background: unset;
    display: flex;
    right: 20px !important;
    left: auto !important;
    top: 15px !important;
    padding-left: 0
}

.mobile .withdraw[data-v-d4b099fe] .staking-input button {
    opacity: 0 !important;
    z-index: 10
}

.sort[data-v-576479f3] {
    display: flex;
    justify-content: center;
    align-items: center
}

.sort .caret-wrapper[data-v-576479f3] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 15px;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    overflow: initial;
    position: relative
}

.sort .caret-wrapper .sort-caret[data-v-576479f3] {
    width: 0;
    height: 0;
    border: 4px solid transparent;
    position: absolute;
    left: 7px
}

.sort .caret-wrapper .ascending[data-v-576479f3] {
    border-bottom-color: #7e818c;
    bottom: 2px
}

.sort .caret-wrapper .ascending.active[data-v-576479f3] {
    border-bottom-color: #fff
}

.sort .caret-wrapper .descending[data-v-576479f3] {
    border-top-color: #7e818c;
    top: 2px
}

.sort .caret-wrapper .descending.active[data-v-576479f3] {
    border-top-color: #fff
}

.tip[data-v-55b26e53] {
    max-width: 300px;
    font-size: 14px;
    line-height: 16px
}

.cold span[data-v-55b26e53] {
    font-weight: 500;
    font-size: 16px;
    color: #ddd
}

.cold img[data-v-55b26e53] {
    width: 16px;
    margin-left: 6px
}

.mobile .cold[data-v-55b26e53] {
    margin-top: 10px;
    display: flex;
    justify-content: center
}

.stake-dialog .text[data-v-4f8604fa] {
    margin-top: -20px;
    font-size: 16px;
    color: #fefefe;
    line-height: 32px;
    font-weight: 500;
    word-break: break-word
}

.stake-dialog .text span[data-v-4f8604fa] {
    color: #73bef4
}

.stake-dialog .operation[data-v-4f8604fa] {
    margin-top: 30px
}

.stake-dialog .operation button[data-v-4f8604fa] {
    width: 47%;
    height: 45px;
    line-height: unset;
    padding: 0 20px
}

.mobile .stake-dialog .text[data-v-4f8604fa] {
    margin-top: 0;
    font-size: 14px;
    line-height: 22px
}

.mobile .stake-dialog .operation[data-v-4f8604fa] {
    margin-top: 15px
}

.mobile .stake-dialog .operation button[data-v-4f8604fa] {
    height: 40px;
    padding: 0 20px
}

.content[data-v-e5802db6] {
    text-align: center
}

.content img[data-v-e5802db6] {
    margin: 100px auto 60px;
    height: 160px
}

.content .line[data-v-e5802db6] {
    font-size: 20px;
    font-weight: 500
}

.content .btn[data-v-e5802db6] {
    margin-top: 20px
}

.mobile .content img[data-v-e5802db6] {
    margin-top: 130px;
    margin-bottom: 40px
}

.mobile .content .line[data-v-e5802db6] {
    font-size: 16px
}

.stake[data-v-332bf604] {
    width: 72%;
    margin: 35px auto 0
}

.stake .top .line-a[data-v-332bf604] {
    font-weight: 500;
    font-size: 32px;
    text-align: center;
    color: #73bef4
}

.stake .card[data-v-332bf604] {
    background: #15181d;
    border-radius: 10px;
    padding: 40px;
    width: 90%;
    margin: 20px auto 0
}

.stake .card .stat .each[data-v-332bf604] {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    padding-top: 20px
}

.stake .card .stat .each .each-item[data-v-332bf604] {
    margin-bottom: 10px
}

.stake .card .stat .each .each-item[data-v-332bf604]:last-of-type {
    margin-right: auto
}

.stake .card .stat .each .each-item img[data-v-332bf604] {
    width: 20px;
    height: 20px
}

.stake .card .stat .each .each-item .apr[data-v-332bf604],
.stake .card .stat .each .each-item .tvl[data-v-332bf604] {
    margin-left: 5px;
    font-size: 16px;
    font-weight: 500
}

.stake .card .stat .each .each-item .apr[data-v-332bf604] {
    color: #eee;
    opacity: .3
}

.stake .card .stat .item[data-v-332bf604] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background-image: linear-gradient(28deg, #10baff, #73bef4 38%, #ad52ff);
    border-radius: 10px;
    height: 80px;
    width: 100%;
    padding: 0 25px
}

.stake .card .stat .item .line-a[data-v-332bf604] {
    font-weight: 700
}

.stake .card .stat .item .line-a .left[data-v-332bf604],
.stake .card .stat .item .line-a .right[data-v-332bf604] {
    font-size: 24px;
    color: #fff
}

.stake .card .stat .item .line-b[data-v-332bf604] {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-align: right
}

.stake .card .stat .item .woo1[data-v-332bf604] {
    position: absolute;
    top: -40px;
    left: 28%;
    width: 85px
}

.stake .card .stat .item .woo2[data-v-332bf604] {
    position: absolute;
    bottom: -10px;
    left: 62%;
    width: 65px
}

.stake .card .stat .item .bgl[data-v-332bf604] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80px;
    opacity: .6
}

.stake .card .stat .item .bgr[data-v-332bf604] {
    position: absolute;
    top: 0;
    right: 0;
    height: 80px
}

.stake .tab[data-v-332bf604] {
    border-bottom: 1px solid #363a45;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center
}

.stake .tab .tab-item[data-v-332bf604] {
    width: 100px
}

.stake .tab .tab-item span[data-v-332bf604] {
    display: inline-block;
    opacity: .33;
    padding: 10px 2px;
    margin: 0 15px;
    font-size: 20px;
    color: #fefefe;
    font-weight: 700;
    border-bottom: 4px solid #15181d
}

.stake .tab .tab-item .active[data-v-332bf604] {
    opacity: 1;
    border-color: #73bef4
}

.stake .operation .price-info[data-v-332bf604] {
    margin-bottom: 10px
}

.stake .operation .price-info .xprice[data-v-332bf604] {
    font-size: 16px;
    color: #ddd;
    font-weight: 700
}

.stake .operation .price-info .balance[data-v-332bf604] {
    display: none
}

.stake .operation .user-input .input[data-v-332bf604] {
    width: 70%
}

.stake .operation .user-input .input[data-v-332bf604] button {
    background: #15181d
}

.stake .operation .user-input .input[data-v-332bf604] .balance,
.stake .operation .user-input .input[data-v-332bf604] .displayInput .name,
.stake .operation .user-input .input[data-v-332bf604] .right-input-background,
.stake .operation .user-input .input[data-v-332bf604] input {
    background: #1d212b
}

.stake .operation .user-input .btn[data-v-332bf604] {
    width: 30%;
    overflow: hidden;
    margin-left: 20px;
    transition: none
}

.stake .operation .user-input .long[data-v-332bf604] {
    font-size: 14px
}

.stake .withdraw[data-v-332bf604] {
    padding-top: 20px;
    text-align: center
}

.stake .withdraw .penalty[data-v-332bf604] {
    padding: 5px 0;
    background: rgba(253, 227, 161, .3);
    border: 1px solid rgba(203, 109, 45, .3);
    border-radius: 4px
}

.stake .withdraw .penalty .text[data-v-332bf604] {
    font-size: 16px;
    color: #ded0b7;
    margin-right: 10px
}

.stake .withdraw .penalty .link[data-v-332bf604] {
    font-size: 16px;
    color: #ffc767;
    text-decoration: underline
}

.stake .withdraw .normal[data-v-332bf604] {
    padding: 5px 0;
    background: rgba(10, 113, 187, .3);
    border: 1px solid rgba(115, 190, 244, .3);
    border-radius: 4px
}

.stake .withdraw .normal .text[data-v-332bf604] {
    font-size: 16px;
    color: #ccd4da;
    margin-right: 10px
}

.stake .withdraw .normal .btn[data-v-332bf604] {
    font-weight: 700;
    border-radius: 4px;
    font-size: 16px;
    color: #73bef4;
    text-decoration: underline
}

.stake .info[data-v-332bf604] {
    padding-top: 30px
}

.stake .info .item img[data-v-332bf604] {
    width: 48px
}

.stake .info .item .text[data-v-332bf604] {
    margin-left: 11px;
    font-size: 16px;
    color: #ddd
}

.stake .info .item .text .line-b[data-v-332bf604] {
    font-weight: 700;
    margin-top: 8px
}

.stake .info .item .up[data-v-332bf604] {
    display: inline;
    width: 16px;
    padding: 0 2px
}

.stake .tips[data-v-332bf604] {
    margin-top: 30px
}

.stake .tips .faq[data-v-332bf604] {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #363a45;
    border-bottom: 1px solid #363a45
}

.stake .tips p[data-v-332bf604] {
    font-size: 16px;
    color: #ddd;
    line-height: 22px
}

.stake .tips p span[data-v-332bf604] {
    text-decoration: underline
}

.stake .tips p i[data-v-332bf604] {
    font-style: normal;
    font-weight: 700
}

.stake .tips p[data-v-332bf604]:first-of-type {
    padding-bottom: 10px
}

.stake .tips .add[data-v-332bf604] {
    margin-top: 30px
}

.stake .tips .add .item[data-v-332bf604] {
    margin-right: 12px;
    font-size: 16px;
    color: #ddd
}

.stake .tips .add .item img[data-v-332bf604] {
    width: 14px;
    margin-left: 8px
}

.mobile .stake[data-v-332bf604] {
    margin: 20px 17px 0;
    width: auto
}

.mobile .stake .top .line-a[data-v-332bf604] {
    font-size: 18px
}

.mobile .stake .card[data-v-332bf604] {
    padding: 0;
    width: 100%;
    margin: 20px auto 0
}

.mobile .stake .card .each[data-v-332bf604] {
    padding-top: 20px
}

.mobile .stake .card .each .each-item[data-v-332bf604] {
    margin: 0 5px;
    text-align: center
}

.mobile .stake .card .each .each-item img[data-v-332bf604] {
    width: 18px;
    height: 18px
}

.mobile .stake .card .each .each-item .tvl[data-v-332bf604] {
    font-size: 16px
}

.mobile .stake .card .each .each-item .apr[data-v-332bf604] {
    margin-left: 0;
    font-size: 12px
}

.mobile .stake .card .stat .item[data-v-332bf604] {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 110px
}

.mobile .stake .card .stat .item .line-a[data-v-332bf604] {
    text-align: center
}

.mobile .stake .card .stat .item .line-a .left[data-v-332bf604] {
    font-size: 20px
}

.mobile .stake .card .stat .item .line-a .right[data-v-332bf604] {
    font-size: 26px
}

.mobile .stake .card .stat .item .line-b[data-v-332bf604] {
    text-align: center;
    font-size: 14px
}

.mobile .stake .main-content[data-v-332bf604] {
    padding: 20px 20px 30px;
    margin-top: 20px;
    background: #252a36;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .52);
    border-radius: 10px
}

.mobile .stake .tab[data-v-332bf604] {
    margin-top: 10px;
    margin-bottom: 30px
}

.mobile .stake .tab .tab-item span[data-v-332bf604] {
    padding: 0 2px 4px;
    margin: 0 20px;
    font-size: 18px;
    border-color: #252a36
}

.mobile .stake .tab .tab-item .active[data-v-332bf604] {
    border-color: #73bef4
}

.mobile .stake .operation[data-v-332bf604] {
    margin-bottom: 0
}

.mobile .stake .operation .price-info[data-v-332bf604] {
    margin-bottom: 20px
}

.mobile .stake .operation .price-info .xprice[data-v-332bf604] {
    font-size: 14px;
    margin-bottom: 0
}

.mobile .stake .operation .price-info .balance[data-v-332bf604] {
    display: block;
    font-size: 14px;
    color: #a8a8a8;
    font-weight: 700
}

.mobile .stake .operation .price-info .balance .num[data-v-332bf604] {
    color: #ddd;
    margin-left: 5px
}

.mobile .stake .operation .user-input .input[data-v-332bf604] {
    width: 100%
}

.mobile .stake .operation .user-input .btn[data-v-332bf604] {
    width: 100%;
    margin-left: 0;
    margin-top: 20px
}

.mobile .stake .withdraw .penalty[data-v-332bf604] {
    padding: 12px 15px
}

.mobile .stake .withdraw .penalty .text[data-v-332bf604] {
    margin-right: 0
}

.mobile .stake .withdraw .penalty .link[data-v-332bf604] {
    margin: 7px auto 0
}

.mobile .stake .withdraw .normal[data-v-332bf604] {
    padding: 12px 15px;
    background: #445b72
}

.mobile .stake .withdraw .normal .text[data-v-332bf604] {
    margin-right: 0
}

.mobile .stake .withdraw .normal .btn[data-v-332bf604] {
    width: 50%;
    margin: 10px auto 0
}

.mobile .stake .info[data-v-332bf604] {
    padding-top: 30px
}

.mobile .stake .info .item[data-v-332bf604] {
    justify-content: flex-start;
    margin: 8px 0 20px
}

.mobile .stake .info .item .text[data-v-332bf604] {
    margin-left: 11px;
    font-size: 16px
}

.mobile .stake .info .item .line-b[data-v-332bf604] {
    font-size: 16px
}

.mobile .stake .tips p[data-v-332bf604] {
    font-size: 14px;
    line-height: 16px
}

.mobile .stake .tips .add .item[data-v-332bf604] {
    font-size: 14px
}

.mobile .stake .tips .add img[data-v-332bf604] {
    width: 12px
}

.intro[data-v-f5407836] {
    margin-top: 30px
}

.intro .coin img[data-v-f5407836] {
    width: 50px;
    margin: 0 auto
}

.intro .coin.htLogo[data-v-f5407836] {
    margin-left: -18px
}

.intro .coin-name[data-v-f5407836] {
    text-align: center;
    font-size: 24px;
    margin: 5px 0
}

.intro .note[data-v-f5407836] {
    font-size: 16px;
    text-align: center;
    color: #73bef4;
    text-shadow: 0 0 14px #73bef4
}

.intro .addLiquidity[data-v-f5407836] {
    margin-top: 15px
}

.intro .addLiquidity button[data-v-f5407836] {
    border: none
}

.mobile .intro[data-v-f5407836] {
    margin-top: 16px
}

.mobile .intro .coin img[data-v-f5407836] {
    width: 40px;
    margin: 0 auto
}

.mobile .intro .coin.htLogo[data-v-f5407836] {
    margin-left: -13px
}

.mobile .intro .coin-name[data-v-f5407836] {
    font-size: 18px;
    margin: 4px 0
}

.mobile .intro .note[data-v-f5407836] {
    font-size: 14px
}

.total-wrap[data-v-39d045dd] {
    font-size: 16px;
    line-height: 1;
    flex-wrap: wrap;
    padding-top: 10px !important
}

.total-wrap .ml-5[data-v-39d045dd] {
    margin-left: 5px
}

.total-wrap .line[data-v-39d045dd] {
    width: 47%;
    margin-top: 20px
}

.total-wrap .line[data-v-39d045dd]:nth-child(odd) {
    margin-right: 4%
}

.total-wrap .line .left[data-v-39d045dd] {
    padding-right: 30px
}

.total-wrap .line .right[data-v-39d045dd] {
    justify-content: flex-end
}

.total-wrap .line img[data-v-39d045dd] {
    width: 20px
}

.mobile .total-wrap[data-v-39d045dd] {
    font-size: 12px
}

.mobile .total-wrap .line[data-v-39d045dd] {
    width: 100%;
    margin-top: 12px
}

.mobile .total-wrap .line[data-v-39d045dd]:nth-child(odd) {
    margin-right: 0
}

.mobile .total-wrap .line .left[data-v-39d045dd] {
    padding-right: 0
}

.mobile .total-wrap .line img[data-v-39d045dd] {
    width: 16px
}

.coin[data-v-62115119] {
    width: 96%;
    margin: 0 2%;
    padding: 30px;
    position: relative;
    overflow: hidden;
    transition: all .5s;
    background: #262626;
    border-radius: 10px
}

.coin[data-v-62115119]:hover {
    transform: translateZ(0) scale(.98)
}

.coin .badge[data-v-62115119] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 14px;
    background: #2964e7;
    font-size: 12px;
    color: #fefefe
}

.coin .badge.gray[data-v-62115119] {
    background: #888
}

.coin .item[data-v-62115119] {
    padding: 0 0 20px
}

.coin .logo img[data-v-62115119] {
    width: 50px;
    height: 50px
}

.coin .name[data-v-62115119] {
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 24px;
    min-height: 48px;
    padding-right: 16px;
    flex: 1
}

.coin .name .two-line[data-v-62115119] {
    flex-direction: column
}

.coin .detail .line[data-v-62115119] {
    padding-bottom: 12px
}

.coin .detail .line .left[data-v-62115119] {
    opacity: .6;
    font-size: 16px;
    color: #fefefe
}

.coin .detail .line .right[data-v-62115119] {
    font-weight: 700;
    font-size: 16px;
    color: #fefefe;
    text-align: right
}

.coin .detail .line .right i[data-v-62115119] {
    margin-left: 5px
}

.coin .operation[data-v-62115119] {
    margin-top: 20px
}

.coin .operation .open[data-v-62115119] {
    font-size: 16px !important
}

.coin .operation button[data-v-62115119] {
    width: 100%
}

.mobile .coin[data-v-62115119] {
    width: 86%;
    margin: 0 7%;
    padding: 18px 30px 12px
}

.mobile .coin .badge[data-v-62115119] {
    padding: 2px 8px;
    font-size: 10px
}

.mobile .coin .item[data-v-62115119] {
    padding: 0 0 8px
}

.mobile .coin .logo img[data-v-62115119] {
    width: 40px;
    height: 40px
}

.mobile .coin .name[data-v-62115119] {
    min-height: auto;
    font-size: 18px
}

.mobile .coin .label_ph[data-v-62115119] {
    padding: 7px 0 9px
}

.mobile .coin .label[data-v-62115119] {
    font-size: 12px;
    line-height: 14px
}

.mobile .coin .plus span[data-v-62115119] {
    font-size: 18px
}

.mobile .coin .plus .p[data-v-62115119] {
    font-size: 14px
}

.mobile .coin .detail .line[data-v-62115119] {
    padding: 5px 0 0
}

.mobile .coin .detail .line .left[data-v-62115119],
.mobile .coin .detail .line .right[data-v-62115119] {
    font-size: 14px
}

.address {
    cursor: pointer
}

.address .icon img {
    width: 30px
}

.address .text {
    margin-left: 8px;
    font-size: 16px;
    font-weight: 700
}

.switch {
    font-size: 16px
}

.switch .sort-switch {
    margin-left: 10px;
    cursor: pointer;
    position: relative
}

.switch .sort-switch button {
    width: 140px !important;
    height: 38px;
    font-size: 16px !important;
    border-radius: 20px !important;
    padding: 0 10px
}

.switch .sort-switch .current {
    font-size: 16px;
    line-height: 20px
}

.switch .sort-switch .current .arrow {
    display: inline;
    font-size: 8px;
    margin-left: 5px
}

.switch .sort-switch .list {
    position: absolute;
    background: rgba(0, 0, 0, .8);
    z-index: 10;
    top: 40px;
    left: 0;
    right: 0;
    border: 2px solid #19d089;
    border-radius: 5px
}

.switch .sort-switch .list .item {
    padding: 15px 0;
    border-radius: 5px;
    text-align: center
}

.switch .sort-switch .list .item:hover {
    background: hsla(0, 0%, 100%, .4)
}

.mobile .switch {
    padding-left: 20px
}

.mobile .switch .txt {
    font-size: 12px;
    margin-bottom: 5px;
    display: block
}

.mobile .switch .sort-switch {
    margin-left: 0
}

.mobile .switch button {
    font-size: 12px !important;
    width: 110px !important;
    height: 32px
}

.mobile .switch .list .item {
    font-size: 12px
}

.content .top[data-v-6bd3f3b3] {
    text-align: center
}

.content .top .title[data-v-6bd3f3b3] {
    font-size: 36px;
    color: #fefefe;
    margin: 60px 0 80px
}

.content .top .title span[data-v-6bd3f3b3] {
    color: #73bef4
}

.content .top .sub[data-v-6bd3f3b3] {
    font-size: 42px;
    color: #23d47c;
    margin-top: 20px
}

.content .filter-line[data-v-6bd3f3b3] {
    margin-bottom: 30px
}

.content .filter-line .sort-by[data-v-6bd3f3b3] {
    margin-right: 20px
}

.content .filter-line .txt[data-v-6bd3f3b3] {
    margin-left: 10px;
    font-size: 16px
}

.content .coin-list[data-v-6bd3f3b3] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.5%
}

.content .coin-list .coin-box[data-v-6bd3f3b3] {
    flex: 1;
    width: 25%;
    min-width: 25%;
    max-width: 25%;
    margin-bottom: 30px
}

.mobile .content .top .title[data-v-6bd3f3b3] {
    margin: 20px 0 40px;
    font-size: 20px
}

.mobile .content .top .sub[data-v-6bd3f3b3] {
    font-size: 20px;
    margin-top: 10px
}

.mobile .content .filter-line[data-v-6bd3f3b3] {
    margin: 0 7% 20px
}

.mobile .content .filter-line .sort-by[data-v-6bd3f3b3] {
    margin-right: 0
}

.mobile .content .filter-line .txt[data-v-6bd3f3b3] {
    font-size: 12px;
    margin-left: 0;
    margin-bottom: 5px;
    display: block
}

.mobile .content .coin-list[data-v-6bd3f3b3] {
    margin: 0
}

.mobile .content .coin-list .coin-box[data-v-6bd3f3b3] {
    flex: 1;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 10px
}

.vault .top .title[data-v-4647fe4c] {
    font-size: 36px;
    text-align: center;
    margin-top: 50px
}

.vault .top .title .highlight[data-v-4647fe4c] {
    color: #73bef4
}

.vault .top .board[data-v-4647fe4c] {
    width: 500px;
    margin: 20px auto 60px;
    padding: 15px 50px;
    background: url(/_nuxt/img/395d5cf.png);
    background-size: cover;
    border-radius: 20px
}

.vault .top .board .line.flex-all[data-v-4647fe4c] {
    font-size: 18px;
    text-align: center;
    padding: 5px 0
}

.vault .main[data-v-4647fe4c] {
    background: #181b21;
    border-radius: 20px;
    padding: 30px
}

.vault .main .filter[data-v-4647fe4c] {
    margin-bottom: 35px
}

.vault .main .filter .left .stake span[data-v-4647fe4c] {
    font-size: 18px;
    color: #fefefe;
    margin-left: 10px
}

.vault .main .filter .left .buy[data-v-4647fe4c] {
    margin-left: 50px;
    padding: 7px 30px;
    border: 2px solid #73bef4;
    border-radius: 24px;
    font-size: 18px;
    color: #73bef4;
    text-align: center
}

.vault .main .filter .right .sort span[data-v-4647fe4c] {
    font-size: 18px;
    color: #fefefe;
    margin-right: 20px
}

.vault .main .filter .right .sort .select[data-v-4647fe4c] {
    padding: 10px 20px;
    border: 2px solid #73bef4;
    border-radius: 24px;
    font-size: 22px;
    text-align: center
}

.vault .main .filter .right .sort .select span[data-v-4647fe4c] {
    color: #73bef4
}

.vault .main .coin-list .item[data-v-4647fe4c] {
    background: #212630;
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 20px 30px;
    cursor: pointer;
    transition: all .5s
}

.vault .main .coin-list .item[data-v-4647fe4c]:hover {
    transform: translateZ(0) scale(.98)
}

.vault .main .coin-list .item .left .logo[data-v-4647fe4c] {
    margin-right: 12px
}

.vault .main .coin-list .item .left .logo img[data-v-4647fe4c] {
    width: 36px
}

.vault .main .coin-list .item .left .name[data-v-4647fe4c] {
    font-size: 18px
}

.vault .main .coin-list .item .center .interest[data-v-4647fe4c] {
    text-align: center;
    color: #73bef4;
    font-size: 24px;
    text-shadow: 0 0 14px rgba(57, 185, 237, .4)
}

.vault .main .coin-list .item .center .sub[data-v-4647fe4c] {
    font-size: 16px;
    color: #73bef4;
    text-shadow: 0 0 14px #73bef4;
    margin-top: 8px
}

.vault .main .coin-list .item .right .line[data-v-4647fe4c] {
    margin-bottom: 7px;
    font-size: 16px
}

.vault .main .coin-list .item .right .line[data-v-4647fe4c]:last-of-type {
    margin-bottom: 0
}

.vault .main .coin-list .item .right .line .title[data-v-4647fe4c] {
    opacity: .6;
    color: #FEFEFE7F8
}

.vault .main .coin-list .item .right .line .content[data-v-4647fe4c] {
    color: #FEFEFE7F8;
    min-width: 200px;
    text-align: right
}

.scroll-number {
    display: flex
}

.number-animate {
    overflow: hidden;
    position: relative
}

.number-animate .number-animate-dot {
    float: left;
    text-align: center
}

.number-animate .number-animate-dom {
    text-align: center;
    float: left;
    position: relative;
    top: 0
}

.number-animate .animated {
    transition: all 1s ease 0s
}

.number-animate .number-animate-dom span,
.number-animate .number-animate-dot span {
    float: left;
    width: 100%;
    height: 100%
}

.card-item[data-v-e30aca7c] {
    background: #252a36;
    font-weight: 500;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .3)
}

.card-item[data-v-e30aca7c]:last-of-type {
    margin-bottom: 0;
    border-bottom: none
}

.card-item.is-title[data-v-e30aca7c] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.card-item.is-title .stat[data-v-e30aca7c] {
    padding: 5px 30px
}

.card-item.is-title .stat[data-v-e30aca7c]:hover {
    background-color: #252a36
}

.card-item.is-title .title[data-v-e30aca7c] {
    display: block !important;
    position: absolute;
    background: #252a36;
    width: 100%;
    height: 100%;
    top: 0;
    font-weight: 400;
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6)
}

.card-item.is-title .title .text[data-v-e30aca7c] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.card-item.card-expanded .stat[data-v-e30aca7c] {
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .3)
}

.card-item .stat[data-v-e30aca7c] {
    color: #fff;
    padding: 20px 30px;
    cursor: pointer;
    position: relative
}

.card-item .stat[data-v-e30aca7c]:hover {
    background-color: #313641
}

.card-item .stat .stat-icon[data-v-e30aca7c] {
    position: absolute;
    left: 0;
    top: 0
}

.card-item .stat .stat-icon img[data-v-e30aca7c] {
    height: 18px
}

.card-item .stat .stat-icon .text[data-v-e30aca7c] {
    position: absolute;
    left: 9px;
    top: 1px;
    font-family: Verdana;
    font-style: italic;
    font-weight: 700;
    font-size: 12px;
    color: #fff
}

.card-item .stat .stat-icon .pcs[data-v-e30aca7c] {
    left: 11px
}

.card-item .stat .coin-name[data-v-e30aca7c] {
    position: relative
}

.card-item .stat .coin-name .logo[data-v-e30aca7c] {
    width: 78px
}

.card-item .stat .coin-name img[data-v-e30aca7c] {
    height: 36px
}

.card-item .stat .coin-name .name-info[data-v-e30aca7c] {
    margin-left: 20px;
    width: 160px
}

.card-item .stat .coin-name .name-info .intro[data-v-e30aca7c] {
    font-size: 12px;
    opacity: .6
}

.card-item .stat .coin-name .name-info .tvl[data-v-e30aca7c] {
    font-size: 12px;
    opacity: .6;
    font-weight: 500
}

.card-item .stat .coin-name .super-tip img[data-v-e30aca7c] {
    width: 14px;
    height: 14px;
    margin-left: 10px;
    margin-top: 2px
}

.card-item .stat .coin-name .vaultSource[data-v-e30aca7c] {
    font-size: 12px;
    color: #96d3ff;
    background: rgba(115, 190, 244, .4);
    padding: 2px 6px 3px;
    border-radius: 5px;
    margin-left: 10px
}

.card-item .stat .coin-name .name[data-v-e30aca7c] {
    font-size: 18px;
    font-weight: 700
}

.card-item .stat .info[data-v-e30aca7c] {
    position: relative;
    width: 128px;
    text-align: center
}

.card-item .stat .info .line-a[data-v-e30aca7c] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px
}

.card-item .stat .info .line-a img[data-v-e30aca7c] {
    width: 14px;
    margin-left: 5px
}

.card-item .stat .info .apr[data-v-e30aca7c] {
    color: #32d9b9
}

.card-item .stat .info .line-b[data-v-e30aca7c] {
    font-size: 16px;
    font-weight: 700;
    margin: 5px 0
}

.card-item .stat .info .scrollnum[data-v-e30aca7c] {
    display: flex;
    justify-content: center;
    padding-bottom: 2px
}

.card-item .stat .info .line-c[data-v-e30aca7c] {
    opacity: .6;
    font-size: 12px
}

.card-item .stat .info .label[data-v-e30aca7c] {
    position: relative
}

.card-item .stat .info .label img[data-v-e30aca7c] {
    position: absolute;
    right: -18px;
    top: 2px
}

.card-item .stat .info-small[data-v-e30aca7c] {
    width: 50px
}

.card-item .stat .expand[data-v-e30aca7c] {
    transition: transform .3s linear
}

.card-item .stat .expand.expanded[data-v-e30aca7c] {
    transform: rotate(180deg)
}

.card-item .stat .expand img[data-v-e30aca7c] {
    height: 24px
}

.card-item .operation-wrapper[data-v-e30aca7c] {
    overflow: hidden;
    transition: max-height .3s linear;
    background: #1d212b
}

.card-item .switch-network[data-v-e30aca7c] {
    padding: 30px;
    background: #1d212b
}

.card-item .switch-network .reason[data-v-e30aca7c] {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    color: #fff
}

.card-item .switch-network .switch-btn[data-v-e30aca7c] {
    margin-top: 20px;
    display: flex;
    justify-content: center
}

.card-item .operation[data-v-e30aca7c] {
    color: #ddd;
    padding: 20px 0 30px;
    margin: 0 20px
}

.card-item .operation .tab[data-v-e30aca7c] {
    display: flex
}

.card-item .operation .tab .tab-item[data-v-e30aca7c] {
    position: relative
}

.card-item .operation .tab .tab-item span[data-v-e30aca7c] {
    display: inline-block;
    padding: 0 0 5px;
    margin: 0 20px 0 0;
    font-size: 16px;
    color: hsla(0, 0%, 65.9%, .33);
    border-bottom: 3px solid transparent
}

.card-item .operation .tab .tab-item .active[data-v-e30aca7c] {
    opacity: 1;
    border-color: #73bef4;
    color: #fff;
    font-weight: 700
}

.card-item .operation .tab .tab-item .red-dot[data-v-e30aca7c] {
    top: 0;
    right: 10px;
    position: absolute;
    background-color: #f44646;
    height: 7px;
    width: 7px;
    border: 1px solid #fff;
    border-radius: 1000px
}

.card-item .operation .tab-content[data-v-e30aca7c] {
    margin-top: 15px
}

.card-item .operation .tab-content.tab-a[data-v-e30aca7c] {
    display: flex;
    flex-direction: column
}

.card-item .operation .tab-content.tab-a.isLendingPool.withdraw[data-v-e30aca7c] {
    flex-direction: column-reverse
}

.card-item .operation .tab-content.tab-a.isLendingPool.withdraw .tab-deposit-withdraw[data-v-e30aca7c] {
    border-top: 1px solid hsla(0, 0%, 59.2%, .2);
    margin-top: 30px
}

.card-item .operation .tab-content.tab-a.isLendingPool.deposit .tab-deposit-withdraw[data-v-e30aca7c] {
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .2);
    padding-bottom: 30px;
    margin-bottom: 30px
}

.card-item .operation .tab-content .input[data-v-e30aca7c] {
    width: 75%
}

.card-item .operation .tab-content .btn[data-v-e30aca7c] {
    width: 25%;
    overflow: hidden;
    margin-left: 20px;
    transition: none
}

.card-item .operation .tab-content .long[data-v-e30aca7c] {
    font-size: 20px
}

.card-item .operation .tab-content .add[data-v-e30aca7c] {
    margin-top: 10px
}

.card-item .operation .tab-content .add .item[data-v-e30aca7c] {
    width: 75%;
    font-size: 14px
}

.card-item .operation .tab-content .add .item img[data-v-e30aca7c] {
    width: 14px;
    margin-left: 8px
}

.card-item .operation .tab-content .add .item .go-to-stake[data-v-e30aca7c] {
    cursor: pointer;
    padding: 0 5px;
    color: #73bef4
}

.card-item .operation .tab-content .add .get[data-v-e30aca7c] {
    width: 25%;
    margin-left: 20px
}

.card-item .operation .tab-content[data-v-e30aca7c] .staking-input input {
    color: #ddd
}

.card-item .operation .tab-content .input-top-tip[data-v-e30aca7c] {
    margin-bottom: 20px;
    margin-top: 0;
    font-weight: 400
}

.card-item .operation .tab-content .input-top-tip span[data-v-e30aca7c] {
    color: #73bef4
}

.card-item .operation .tab-content .input-top-tip p[data-v-e30aca7c] {
    margin-bottom: 10px
}

.card-item .operation .tab-content .input-top-tip p[data-v-e30aca7c]:last-of-type {
    margin-bottom: 0
}

.card-item .operation .tab-content .input-top-tip a[data-v-e30aca7c] {
    color: #73bef4
}

.card-item .operation .tab-content .info-list[data-v-e30aca7c] {
    align-items: unset
}

.card-item .operation .tab-content .info-list .item[data-v-e30aca7c] {
    background: #20252f;
    border-radius: 8px;
    padding: 17px 10px;
    width: 31.3%;
    overflow: hidden;
    text-align: center
}

.card-item .operation .tab-content .info-list .item span[data-v-e30aca7c] {
    font-size: 14px
}

.card-item .operation .tab-content .info-list .item img[data-v-e30aca7c] {
    width: 14px;
    margin-left: 8px
}

.card-item .operation .tab-content .info-list .item .lb[data-v-e30aca7c] {
    font-size: 12px;
    opacity: .8
}

.card-item .operation .tab-content .info-detail[data-v-e30aca7c] {
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #ddd
}

.card-item .operation .tab-content .info-detail[data-v-e30aca7c] a {
    color: #ddd;
    text-decoration: underline
}

.confirm-dialog .confirm-text[data-v-e30aca7c] {
    margin-top: -20px;
    font-size: 16px;
    color: #fefefe;
    line-height: 32px;
    font-weight: 500;
    word-break: break-word
}

.confirm-dialog .confirm-text span[data-v-e30aca7c] {
    color: #73bef4
}

.confirm-dialog .confirm-operation[data-v-e30aca7c] {
    margin-top: 30px
}

.confirm-dialog .confirm-operation button[data-v-e30aca7c] {
    width: 47%;
    height: 45px;
    line-height: unset;
    padding: 0 20px
}

.mobile .stat-wrapper .coin-name[data-v-e30aca7c] {
    padding-bottom: 15px
}

.mobile .stat-wrapper .coin-name .left .name[data-v-e30aca7c] {
    font-size: 18px;
    color: #ddd
}

.mobile .stat-wrapper .coin-name .left .vaultSource[data-v-e30aca7c] {
    font-size: 12px;
    color: #73bef4;
    padding: 2px 8px;
    border: 1px solid #73bef4;
    border-radius: 100px;
    margin-left: 10px
}

.mobile .stat-wrapper .coin-name .left .intro[data-v-e30aca7c] {
    font-size: 12px;
    color: #ddd
}

.mobile .stat-wrapper .coin-name .right[data-v-e30aca7c] {
    height: 26px
}

.mobile .stat-wrapper .line[data-v-e30aca7c] {
    padding: 15px 20px
}

.mobile .stat-wrapper .line.light[data-v-e30aca7c] {
    border-radius: 8px;
    background: hsla(0, 0%, 100%, .05)
}

.mobile .stat-wrapper .line.small[data-v-e30aca7c] {
    padding-top: 7px;
    padding-bottom: 7px
}

.mobile .stat-wrapper .line .left[data-v-e30aca7c] {
    font-size: 14px;
    color: #fff
}

.mobile .stat-wrapper .line .left img[data-v-e30aca7c] {
    width: 14px;
    margin-left: 5px
}

.mobile .stat-wrapper .line .right[data-v-e30aca7c] {
    font-size: 14px;
    color: #fff;
    text-align: right
}

.mobile .stat-wrapper .line .right .special[data-v-e30aca7c] {
    color: #32d9b9
}

.mobile .card-item[data-v-e30aca7c] {
    margin-bottom: 20px;
    border-bottom: none;
    border-radius: 10px;
    overflow: hidden
}

.mobile .card-item .stat[data-v-e30aca7c] {
    padding: 20px
}

.mobile .card-item .stat .coin-name img[data-v-e30aca7c] {
    height: 28px
}

.mobile .card-item .operation-wrapper[data-v-e30aca7c] {
    background: #1f232e;
    border-radius: 10px
}

.mobile .card-item .operation[data-v-e30aca7c] {
    border-top: none;
    padding: 20px 0 30px
}

.mobile .card-item .operation .tab[data-v-e30aca7c] {
    justify-content: space-between;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .3)
}

.mobile .card-item .operation .isLendingPool[data-v-e30aca7c] {
    margin-top: 0
}

.mobile .card-item .operation .isLendingPool .info-list[data-v-e30aca7c] {
    margin-top: 15px
}

.mobile .card-item .operation .tab-item[data-v-e30aca7c] {
    text-align: center
}

.mobile .card-item .operation .tab-item .red-dot[data-v-e30aca7c] {
    right: -10px
}

.mobile .card-item .operation .tab-item span[data-v-e30aca7c] {
    transform: translateY(2px);
    padding-bottom: 10px;
    margin: 0
}

.mobile .card-item .operation .tab-content[data-v-e30aca7c] {
    min-height: 220px;
    position: relative
}

.mobile .card-item .operation .tab-content.tab-a.isLendingPool.withdraw .tab-deposit-withdraw[data-v-e30aca7c] {
    margin-top: 15px;
    padding-top: 15px
}

.mobile .card-item .operation .tab-content.tab-a.isLendingPool.deposit .tab-deposit-withdraw[data-v-e30aca7c] {
    padding-bottom: 15px;
    margin-bottom: 15px
}

.mobile .card-item .operation .tab-content .input-top-tip[data-v-e30aca7c] {
    margin: 15px 0
}

.mobile .card-item .operation .tab-content .input-line[data-v-e30aca7c] {
    padding-top: 5px
}

.mobile .card-item .operation .tab-content .input[data-v-e30aca7c] {
    width: 100%
}

.mobile .card-item .operation .tab-content .btn[data-v-e30aca7c] {
    width: 100%;
    margin-left: 0;
    margin-top: 15px
}

.mobile .card-item .operation .tab-content .left[data-v-e30aca7c] {
    justify-content: flex-start
}

.mobile .card-item .operation .tab-content .add[data-v-e30aca7c] {
    margin-top: 10px
}

.mobile .card-item .operation .tab-content .add .item[data-v-e30aca7c] {
    font-size: 14px
}

.mobile .card-item .operation .tab-content .add .item .right[data-v-e30aca7c] {
    padding: 5px 0
}

.mobile .card-item .operation .tab-content .add .get[data-v-e30aca7c] {
    flex: none;
    width: auto;
    margin-left: 0
}

.mobile .card-item .operation .tab-content .add .xprice img[data-v-e30aca7c] {
    margin-left: 3px
}

.mobile .card-item .operation .tab-content[data-v-e30aca7c] .staking-input .balance {
    background: unset;
    display: flex;
    right: 20px !important;
    left: auto !important;
    top: 15px !important;
    padding-left: 0
}

.mobile .card-item .operation .tab-content[data-v-e30aca7c] .staking-input button {
    opacity: 0 !important;
    z-index: 10
}

.mobile .card-item .operation .tab-content .info-list[data-v-e30aca7c] {
    border-radius: 8px;
    overflow: hidden
}

.mobile .card-item .operation .tab-content .info-list .item[data-v-e30aca7c] {
    background: #15181d;
    border-radius: 4px;
    padding: 20px 10px;
    margin: 10px 0;
    width: 100%;
    text-align: center
}

.mobile .card-item .operation .tab-content .info-list .info-detail[data-v-e30aca7c] {
    font-size: 12px
}

.mobile .confirm-dialog .confirm-text[data-v-e30aca7c] {
    margin-top: 10px
}

.feature[data-v-4cf86953] {
    padding-bottom: 30px;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .2)
}

.feature .title[data-v-4cf86953] {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 30px
}

.feature .loading[data-v-4cf86953] {
    height: 100px;
    position: relative
}

.feature .list .item[data-v-4cf86953] {
    position: relative;
    padding: 20px 30px;
    width: 100%;
    border-radius: 8px;
    margin-right: 20px;
    overflow: hidden
}

.feature .list .item[data-v-4cf86953]:last-of-type {
    margin-right: 0
}

.feature .list .item .linea .name[data-v-4cf86953] {
    font-weight: 700;
    font-size: 24px;
    color: #fff
}

.feature .list .item .linea .chain img[data-v-4cf86953] {
    width: 20px
}

.feature .list .item .linea .chain span[data-v-4cf86953] {
    font-size: 16px;
    margin-left: 5px;
    color: #fff;
    opacity: .4
}

.feature .list .item .lineb[data-v-4cf86953] {
    display: flex;
    flex-direction: row-reverse;
    font-weight: 700;
    font-size: 20px;
    color: #73bef4;
    margin-top: 25px
}

.feature .list .item .coin[data-v-4cf86953] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px
}

.mobile .feature[data-v-4cf86953] {
    padding-bottom: 15px
}

.mobile .feature .title[data-v-4cf86953] {
    margin-top: 20px
}

.mobile .feature .list[data-v-4cf86953] {
    flex-wrap: wrap
}

.mobile .feature .list .item[data-v-4cf86953] {
    width: 48%;
    margin-right: 0;
    padding: 10px;
    margin-bottom: 15px
}

.mobile .feature .list .item .linea .name[data-v-4cf86953] {
    font-size: 16px
}

.mobile .feature .list .item .linea .chain img[data-v-4cf86953] {
    width: 14px
}

.mobile .feature .list .item .linea .chain span[data-v-4cf86953] {
    font-size: 14px
}

.mobile .feature .list .item .lineb[data-v-4cf86953] {
    font-size: 16px
}

.mobile .feature .list .item .coin[data-v-4cf86953] {
    width: 70px
}

.summary[data-v-d868566e] {
    margin-top: 30px
}

.summary .top[data-v-d868566e] {
    margin-bottom: 20px
}

.summary .top .title[data-v-d868566e] {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin-right: 15px
}

.summary .top .status .loading[data-v-d868566e] {
    width: 20px;
    margin-right: 10px;
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.summary .top .status span[data-v-d868566e] {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    opacity: .4
}

.summary .list .item[data-v-d868566e] {
    background: #252a36;
    border-radius: 9px;
    margin-right: 20px;
    overflow: hidden;
    padding: 20px 30px;
    width: 100%
}

.summary .list .item[data-v-d868566e]:last-of-type {
    margin-right: 0
}

.summary .list .item .line-a[data-v-d868566e] {
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

.summary .list .item .line-b[data-v-d868566e] {
    margin-top: 14px
}

.summary .list .item .line-b .left[data-v-d868566e] {
    font-weight: 700;
    font-size: 20px;
    color: #73bef4
}

.summary .list .item .line-b .right[data-v-d868566e] {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    opacity: .4
}

.mobile .summary[data-v-d868566e] {
    margin-top: 20px
}

.mobile .summary .list .item[data-v-d868566e] {
    position: relative;
    padding: 10px;
    margin-right: 0;
    width: 31%
}

.mobile .summary .list .item .line-a[data-v-d868566e] {
    font-size: 12px
}

.mobile .summary .list .item .line-b[data-v-d868566e] {
    margin-top: 8px
}

.mobile .summary .list .item .line-b .left[data-v-d868566e] {
    font-size: 16px
}

.mobile .summary .list .item .line-b .right[data-v-d868566e] {
    font-size: 12px;
    margin-top: 4px;
    font-weight: 400
}

.earn[data-v-aa385772] {
    width: 100%;
    margin: 35px auto 0
}

.earn .wrapper.isLoading[data-v-aa385772] {
    height: 1px;
    overflow: hidden;
    opacity: .01
}

.earn .top .line-a[data-v-aa385772] {
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: #73bef4
}

.earn .card[data-v-aa385772] {
    background: #15181d;
    border-radius: 10px;
    padding: 40px;
    width: 100%;
    margin: 20px auto 0
}

.earn .card .stat[data-v-aa385772] {
    padding-bottom: 20px;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .2)
}

.earn .card .stat .tvl .left[data-v-aa385772] {
    font-weight: 700;
    font-size: 18px;
    color: #fff
}

.earn .card .stat .tvl .right[data-v-aa385772] {
    margin-left: 15px;
    font-weight: 500;
    font-size: 18px;
    color: #fff
}

.earn .card .stat .each[data-v-aa385772] {
    flex-direction: row-reverse
}

.earn .card .stat .each .each-item[data-v-aa385772] {
    margin-left: 20px
}

.earn .card .stat .each .each-item img[data-v-aa385772] {
    width: 20px
}

.earn .card .stat .each .each-item span[data-v-aa385772] {
    margin-left: 5px;
    font-size: 16px;
    font-weight: 500
}

.earn .card .list .switch-item[data-v-aa385772]:last-of-type {
    margin-left: 15px
}

.earn .card .list .switch-item span[data-v-aa385772] {
    font-size: 18px;
    color: #ddd;
    font-weight: 500;
    padding-right: 5px
}

.earn .card .list .switch-item[data-v-aa385772] .el-switch__core {
    border-width: 2px
}

.earn .card .list .switch-item[data-v-aa385772] .el-switch__core:after {
    top: 0
}

.earn .card .list .top[data-v-aa385772] {
    border-top: 1px solid hsla(0, 0%, 59.2%, .2);
    margin-top: 30px;
    padding-top: 30px;
    margin-bottom: 20px
}

.earn .card .list .top .tab[data-v-aa385772] {
    display: flex
}

.earn .card .list .top .tab-item span[data-v-aa385772] {
    font-weight: 500;
    display: inline-block;
    padding: 0 0 5px;
    margin: 0 20px 0 0;
    font-size: 18px;
    color: #a8a8a8;
    border-bottom: 3px solid transparent
}

.earn .card .list .top .tab-item .active[data-v-aa385772] {
    opacity: 1;
    border-color: #73bef4;
    color: #fff
}

.earn .card .list .top .search-box[data-v-aa385772] {
    position: relative
}

.earn .card .list .top .search-box[data-v-aa385772] ::-webkit-input-placeholder {
    color: hsla(0, 0%, 65.9%, .3)
}

.earn .card .list .top .search-box input[data-v-aa385772] {
    background: #20252f;
    border-radius: 10px;
    height: 40px;
    width: 100%;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding-left: 54px;
    border: 1px solid transparent
}

.earn .card .list .top .search-box input[data-v-aa385772]:focus {
    border: 1px solid #73bef4
}

.earn .card .list .top .search-box img[data-v-aa385772] {
    opacity: .6;
    position: absolute;
    top: 8px;
    left: 15px;
    width: 24px
}

.earn .card .list .no-result[data-v-aa385772] {
    font-size: 16px;
    color: #a8a8a8;
    text-align: center;
    padding: 30px 0
}

.earn .card .list .bottom[data-v-aa385772] {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 15px
}

.mobile .earn[data-v-aa385772] {
    margin: 20px 17px 0;
    width: auto
}

.mobile .earn .top .line-a[data-v-aa385772] {
    font-size: 18px
}

.mobile .earn .card[data-v-aa385772] {
    padding: 0;
    width: 100%;
    margin: 20px auto 0
}

.mobile .earn .card .stat .each[data-v-aa385772] {
    padding: 20px 15px 10px;
    background: #252a36;
    border-radius: 9px;
    margin-top: 15px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between
}

.mobile .earn .card .stat .each .each-item[data-v-aa385772] {
    width: 33%;
    margin-left: 0;
    margin-bottom: 10px
}

.mobile .earn .card .stat .each .each-item[data-v-aa385772]:last-of-type {
    margin-right: auto
}

.mobile .earn .card .list .top[data-v-aa385772] {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 20px
}

.mobile .earn .card .list .top .right .search-box[data-v-aa385772] {
    margin: 15px 0
}

.mobile .earn .card .list .top .tab-item span[data-v-aa385772] {
    margin: 0;
    font-size: 16px
}

.mobile .earn .card .list .switch-item[data-v-aa385772] {
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 20px
}

.mobile .earn .card .list .switch-item[data-v-aa385772]:last-of-type {
    margin-left: 0
}

.total-wrap[data-v-2377c83a] {
    font-size: 16px;
    line-height: 1
}

.total-wrap .ml-5[data-v-2377c83a] {
    margin-left: 5px
}

.total-wrap .line[data-v-2377c83a] {
    margin-bottom: 20px
}

.total-wrap .line>span[data-v-2377c83a] {
    flex: 1
}

.total-wrap .line[data-v-2377c83a]:last-child {
    margin-top: -5px
}

.total-wrap .line img[data-v-2377c83a] {
    width: 20px
}

.total-wrap .line .center[data-v-2377c83a] {
    text-align: center
}

.total-wrap .line .right[data-v-2377c83a] {
    justify-content: flex-end;
    text-align: right
}

.total-wrap .line .right .text[data-v-2377c83a] {
    opacity: .5;
    font-size: 16px
}

.total-wrap .line .add[data-v-2377c83a] {
    opacity: .6;
    margin: -2px 10px 0
}

.total-wrap .line .scroll-number[data-v-2377c83a] {
    line-height: 20px
}

.total-wrap .line .btn-claim[data-v-2377c83a] {
    padding: 8px 15px;
    border: 2px solid #73bef4;
    border-radius: 24px;
    font-size: 14px;
    text-align: center;
    color: #73bef4
}

.mobile .total-wrap[data-v-2377c83a] {
    font-size: 12px
}

.mobile .total-wrap .line[data-v-2377c83a] {
    margin-bottom: 12px
}

.mobile .total-wrap .line[data-v-2377c83a]:last-child {
    margin-top: -4px
}

.mobile .total-wrap .line img[data-v-2377c83a] {
    width: 16px
}

.mobile .total-wrap .line .left[data-v-2377c83a] {
    padding-right: 0
}

.mobile .total-wrap .line .right img[data-v-2377c83a] {
    margin-left: 3px
}

.mobile .total-wrap .line .add[data-v-2377c83a] {
    margin: -2px 5px 0
}

.mobile .total-wrap .line .scroll-number[data-v-2377c83a] {
    line-height: 16px
}

.mobile .total-wrap .line .btn-claim[data-v-2377c83a] {
    padding: 4px 12px;
    margin-left: 5px;
    font-size: 11px !important;
    height: 20px
}

.error-txt {
    margin-top: 5px;
    opacity: .5
}

.input-with-btn {
    position: relative
}

.input-with-btn .el-input {
    background: #19d089
}

.input-with-btn .el-input .el-input__inner {
    border-radius: 10px;
    background-color: #15181d;
    border: none;
    color: #fefefe
}

.input-with-btn .el-input.error input {
    border: 1px solid red
}

.input-with-btn .append {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0
}

.input-with-btn .append .coin-name {
    font-size: 20px;
    color: #fefefe;
    margin-right: 10px;
    opacity: .33
}

.input-with-btn .append .action button {
    font-size: 16px !important;
    padding: 10px;
    height: auto;
    background: #212630;
    color: #fefefe
}

.mobile .append {
    right: 10px
}

.mobile .append .coin-name {
    font-size: 16px
}

.mobile .append .action button {
    height: 30px;
    padding: 4px 20px
}

.farm .intro[data-v-01fa76d4] {
    text-align: center
}

.farm .intro .title[data-v-01fa76d4] {
    font-size: 56px;
    margin: 100px 0 40px
}

.farm .intro .title span[data-v-01fa76d4] {
    color: #73bef4
}

.farm .intro .sub[data-v-01fa76d4] {
    font-size: 36px;
    margin-top: 20px
}

.farm .intro .sub span[data-v-01fa76d4] {
    cursor: pointer;
    margin: 0 10px;
    text-decoration: underline
}

.farm .intro .total[data-v-01fa76d4] {
    margin-top: 30px;
    font-size: 24px
}

.farm .intro .total .text[data-v-01fa76d4] {
    background: #262626;
    border: 2px solid #73bef4;
    padding: 15px 30px 15px 35px;
    text-align: center;
    border-radius: 10px;
    margin: 0 auto
}

.farm .intro .total .text p[data-v-01fa76d4] {
    margin: 12px 0
}

.farm .intro .total .text p .left[data-v-01fa76d4] {
    float: left;
    padding-right: 30px
}

.farm .intro .total .text p .right[data-v-01fa76d4] {
    float: right
}

.farm .intro .total .text p i[data-v-01fa76d4] {
    margin-left: 5px;
    color: rgba(38, 229, 194, .5)
}

.farm .intro .total .text .pr30[data-v-01fa76d4] {
    padding-right: 30px
}

.farm .intro .total i.tip[data-v-01fa76d4] {
    margin-left: 5px;
    color: rgba(38, 229, 194, .5)
}

.farm .notice[data-v-01fa76d4] {
    width: 78%;
    margin: 50px auto 0
}

.farm .notice .title[data-v-01fa76d4] {
    font-size: 18px;
    padding-bottom: 15px
}

.farm .notice p[data-v-01fa76d4] {
    font-size: 16px;
    padding-bottom: 10px
}

.farm .bottom-tip[data-v-01fa76d4] {
    opacity: .6;
    font-size: 14px;
    margin-top: 20px;
    line-height: 18px
}

.farm .cards[data-v-01fa76d4] {
    width: 80%;
    margin: 80px auto 0;
    align-items: stretch
}

.farm .cards .card[data-v-01fa76d4] {
    width: 48%;
    margin: 0 1%;
    padding: 30px 60px 40px;
    background: #262626;
    border-radius: 10px
}

.farm .cards .card .top[data-v-01fa76d4] {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 20px;
    line-height: 24px
}

.farm .cards .card .top .left span[data-v-01fa76d4] {
    opacity: .6;
    margin-right: 5px
}

.farm .cards .card .top .right[data-v-01fa76d4] {
    opacity: .6
}

.farm .cards .card .middle[data-v-01fa76d4] {
    padding-bottom: 30px
}

.farm .cards .card .middle .line[data-v-01fa76d4] {
    margin-bottom: 20px
}

.farm .cards .card .middle .line.title[data-v-01fa76d4] {
    font-size: 25px
}

.farm .cards .card .middle .line.title span[data-v-01fa76d4] {
    opacity: .6;
    margin-right: 5px
}

.farm .cards .card .middle .line img[data-v-01fa76d4] {
    width: 40px;
    margin-right: 10px
}

.farm .cards .card .middle .line .question[data-v-01fa76d4] {
    width: 20px;
    opacity: .6;
    margin: 0
}

.farm .cards .card .middle .line .num[data-v-01fa76d4] {
    font-size: 48px
}

.farm .cards .card .middle .line.bottomGap[data-v-01fa76d4] {
    margin-bottom: 0
}

.farm .cards .card .middle .line .approx[data-v-01fa76d4] {
    opacity: .6;
    font-size: 20px;
    line-height: 20px
}

.farm .cards .card .middle .with-scroll-number[data-v-01fa76d4] {
    align-items: baseline
}

.farm .cards .card .middle .with-scroll-number img[data-v-01fa76d4] {
    width: 43px
}

.farm .cards .card .middle .num-line .num[data-v-01fa76d4] {
    height: 58px
}

.farm .cards .card .bottom.approve button[data-v-01fa76d4],
.farm .cards .card .bottom.harvest button[data-v-01fa76d4] {
    width: 100%
}

.farm .cards .card .bottom.approve button .text[data-v-01fa76d4] {
    justify-content: center
}

.farm .cards .card .bottom.approve button .icon-approve[data-v-01fa76d4] {
    width: 25px;
    margin-right: 10px
}

.farm .cards .card .bottom.operation button[data-v-01fa76d4] {
    width: 100%
}

.farm .cards .card .bottom.operation button img[data-v-01fa76d4] {
    width: 20px;
    margin-right: 8px
}

.farm .cards .card .bottom-link[data-v-01fa76d4] {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
    font-size: 18px
}

.farm .cards .card .bottom-link .right-btn[data-v-01fa76d4] {
    cursor: pointer
}

.farm .cards .card .bottom-link .right-btn[data-v-01fa76d4]:focus,
.farm .cards .card .bottom-link .right-btn[data-v-01fa76d4]:hover {
    opacity: .8
}

.farm .cards .card .bottom-link .arrow[data-v-01fa76d4] {
    color: #73bef4;
    margin-left: 8px
}

.farm .cards .card .bottom-link .arrow i[data-v-01fa76d4] {
    font-weight: 700;
    font-size: 12px;
    margin-left: -5px;
    margin-top: 2px
}

.farm .dialog .notice-text[data-v-01fa76d4] {
    font-size: 18px;
    word-break: break-word
}

.farm .dialog .notice-text span[data-v-01fa76d4] {
    color: #ffbd1a
}

.farm .dialog .dialog-footer[data-v-01fa76d4] {
    margin-top: 40px
}

.farm .dialog .dialog-footer button[data-v-01fa76d4] {
    width: 49%
}

.mobile .intro .title[data-v-01fa76d4] {
    font-size: 26px;
    margin: 30px 0 20px
}

.mobile .intro .sub[data-v-01fa76d4] {
    font-size: 20px;
    margin-top: 10px
}

.mobile .intro .sub span[data-v-01fa76d4] {
    margin: 0 5px
}

.mobile .intro .total[data-v-01fa76d4] {
    margin-top: 20px;
    font-size: 16px
}

.mobile .intro .total .text[data-v-01fa76d4] {
    padding: 5px 25px
}

.mobile .intro .total .text p[data-v-01fa76d4] {
    margin: 6px 0
}

.mobile .notice[data-v-01fa76d4] {
    width: 90%;
    margin-top: 30px
}

.mobile .notice .title[data-v-01fa76d4] {
    font-size: 16px;
    padding-bottom: 10px
}

.mobile .notice p[data-v-01fa76d4] {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 6px
}

.mobile .bottom-tip[data-v-01fa76d4] {
    font-size: 12px;
    line-height: 16px;
    margin-top: 15px
}

.mobile .cards[data-v-01fa76d4] {
    width: 92%;
    margin-top: 40px
}

.mobile .cards .card[data-v-01fa76d4] {
    width: 98%;
    margin: 15px 1%;
    padding: 20px
}

.mobile .cards .card .top[data-v-01fa76d4] {
    padding-bottom: 10px;
    margin-bottom: 10px
}

.mobile .cards .card .top .left[data-v-01fa76d4] {
    font-size: 16px;
    line-height: 20px
}

.mobile .cards .card .top .right[data-v-01fa76d4] {
    font-size: 16px
}

.mobile .cards .card .top.disappear[data-v-01fa76d4] {
    margin: 0
}

.mobile .cards .card .top.disappear .left[data-v-01fa76d4] {
    line-height: 0
}

.mobile .cards .card .middle[data-v-01fa76d4] {
    padding-bottom: 15px
}

.mobile .cards .card .middle .line[data-v-01fa76d4] {
    margin-bottom: 10px
}

.mobile .cards .card .middle .line .num[data-v-01fa76d4],
.mobile .cards .card .middle .line.title[data-v-01fa76d4] {
    font-size: 22px
}

.mobile .cards .card .middle .line .approx[data-v-01fa76d4] {
    font-size: 12px
}

.mobile .cards .card .middle .num-line[data-v-01fa76d4] {
    align-items: center
}

.mobile .cards .card .middle .num-line .num[data-v-01fa76d4] {
    height: auto
}

.mobile .cards .card .bottom-link[data-v-01fa76d4] {
    font-size: 14px;
    margin-top: 15px
}

.mobile .dialog .dialog-footer[data-v-01fa76d4] {
    margin-top: 20px
}

.mobile .dialog .dialog-footer button[data-v-01fa76d4] {
    width: 48%
}

.input-box-line .item {
    justify-content: flex-end;
    padding: 5px 0
}

.oper-line {
    margin-top: 20px
}

.oper-line.deposit {
    width: 40%;
    margin-left: auto;
    margin-right: auto
}

.oper-line.withdraw {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.oper-line.withdraw button {
    margin: 0 10px
}

.input-box input {
    border-color: #fefefe
}

.input-box .input-with-btn .append {
    right: 8px
}

.input-box .action button {
    border-radius: 8px !important
}

.mobile .input-box input {
    height: 40px;
    font-size: 14px;
    border-radius: 6px
}

.mobile .input-box .input-with-btn .append {
    right: 5px
}

.mobile .input-box .action button {
    border-radius: 6px !important
}

.dialog .dialog-footer {
    margin-top: 30px
}

.dialog .dialog-footer button {
    width: 48%
}

.dialog .dialog-footer .note {
    margin-top: 5px
}

.action .ml-5[data-v-ae487130] {
    margin-left: 5px
}

.action .line[data-v-ae487130] {
    margin: 25px 0 15px
}

.action .line .item[data-v-ae487130] {
    line-height: 20px
}

.action .line .item .tip[data-v-ae487130] {
    width: 20px
}

.action .oper-line .input-box[data-v-ae487130] {
    width: 75%
}

.action .oper-line .btn-box[data-v-ae487130] {
    width: 100%;
    margin-left: 1%;
    min-width: 150px
}

.action .oper-line .btn-box[data-v-ae487130]:active {
    opacity: .8
}

.action .oper-line .btn-box[data-v-ae487130]:focus {
    background: #fefefe !important
}

.action .oper-line .btn-box img[data-v-ae487130] {
    width: 20px;
    margin-right: 8px
}

.action .oper-line .btn-box .gray-img[data-v-ae487130] {
    width: 16px
}

.action .oper-line .wrapper[data-v-ae487130] {
    width: 24%;
    margin-left: 1%
}

.action .oper-line .wrapper .btn-box[data-v-ae487130] {
    width: 100%
}

.mobile .action .line[data-v-ae487130] {
    flex-direction: column;
    margin: 25px 0 5px;
    font-size: 12px
}

.mobile .action .line .item[data-v-ae487130] {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 8px;
    line-height: 16px
}

.mobile .action .line .item .tip[data-v-ae487130] {
    width: 16px
}

.mobile .action .oper-line[data-v-ae487130] {
    flex-direction: column
}

.mobile .action .oper-line .input-box[data-v-ae487130] {
    width: 100%
}

.mobile .action .oper-line .wrapper[data-v-ae487130] {
    width: 100%;
    margin-left: 0
}

.mobile .action .oper-line .btn-box[data-v-ae487130] {
    width: 100%;
    height: 40px;
    margin-left: 0;
    border-radius: 6px !important
}

.mobile .action .oper-line .btn-box img[data-v-ae487130] {
    width: 16px;
    margin-right: 5px
}

.mobile .action .oper-line .btn-box .gray-img[data-v-ae487130] {
    width: 12px
}

.mobile .action .oper-line .btn-box .icon-approve[data-v-ae487130] {
    margin-top: -2px
}

.farm-box[data-v-48e4db46] {
    width: 80%;
    max-width: 860px;
    margin: 50px auto
}

.farm[data-v-48e4db46] {
    padding: 40px;
    background: #212630;
    border-radius: 20px
}

.farm .header[data-v-48e4db46] {
    font-size: 18px
}

.farm .header .back[data-v-48e4db46] {
    cursor: pointer
}

.farm .header .back .el-icon-back[data-v-48e4db46] {
    font-size: 24px;
    font-weight: 700
}

.farm .sub[data-v-48e4db46] {
    font-size: 16px;
    margin: 15px 0 25px;
    text-align: center
}

.farm .sub span[data-v-48e4db46] {
    cursor: pointer;
    margin: 0 10px;
    text-decoration: underline
}

.farm .border[data-v-48e4db46] {
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    margin-top: 30px;
    padding-top: 30px
}

.farm .tab-wrap[data-v-48e4db46] {
    font-size: 16px;
    line-height: 1
}

.farm .tab-wrap .tab-title[data-v-48e4db46] {
    margin-bottom: 30px;
    line-height: 20px
}

.farm .tab-wrap .tab-title .tab-name[data-v-48e4db46] {
    display: inline-block;
    padding-bottom: 12px;
    margin-right: 20px;
    cursor: pointer
}

.farm .tab-wrap .tab-title .tab-name.cur[data-v-48e4db46] {
    font-weight: 700;
    padding-bottom: 9px;
    border-bottom: 3px solid #73bef4;
    cursor: default
}

.farm .tab-wrap .tab-title .tab-name.grey[data-v-48e4db46] {
    color: #999;
    cursor: default
}

.farm .tab-wrap .tab-title .info[data-v-48e4db46] {
    font-size: 16px;
    padding: 1px 0 11px
}

.mobile .farm-box[data-v-48e4db46] {
    width: 92%;
    margin-top: 20px
}

.mobile .farm[data-v-48e4db46] {
    padding: 20px 15px 40px
}

.mobile .farm .header[data-v-48e4db46] {
    font-size: 16px
}

.mobile .farm .header .el-icon-back[data-v-48e4db46] {
    font-size: 20px
}

.mobile .farm .border[data-v-48e4db46] {
    margin-top: 20px;
    padding-top: 20px
}

.mobile .farm .tab-wrap[data-v-48e4db46] {
    font-size: 14px;
    padding-top: 20px
}

.mobile .farm .tab-wrap .tab-title[data-v-48e4db46] {
    margin-bottom: 20px;
    line-height: 16px
}

.mobile .farm .tab-wrap .tab-title .tab-name[data-v-48e4db46] {
    margin-right: 15px
}

.mobile .farm .tab-wrap .tab-title .info[data-v-48e4db46] {
    font-size: 11px
}

.farm .intro[data-v-b63284d4] {
    margin-top: 60px
}

.farm .intro .coin[data-v-b63284d4] {
    margin-bottom: 20px
}

.farm .intro .coin img[data-v-b63284d4] {
    width: 100px;
    margin: 0 auto
}

.farm .intro .note[data-v-b63284d4] {
    opacity: .8;
    font-size: 26px;
    color: #fefefe;
    text-align: center;
    padding: 20px 0
}

.farm .intro .note .link[data-v-b63284d4] {
    cursor: pointer;
    margin: 0 10px;
    text-decoration: underline
}

.farm .intro .sub[data-v-b63284d4] {
    text-align: center;
    font-size: 20px;
    color: #222;
    margin-top: 20px;
    margin-bottom: 40px
}

.farm .intro .sub span[data-v-b63284d4] {
    cursor: pointer;
    margin: 0 10px;
    text-decoration: underline
}

.farm .intro .total-wrap[data-v-b63284d4] {
    width: 65%;
    margin: 20px auto 0
}

.farm .intro .total-wrap .total[data-v-b63284d4] {
    margin: 0 1%;
    padding: 15px 0 0;
    border-radius: 10px;
    font-size: 18px;
    background: #262626
}

.farm .intro .total-wrap .line[data-v-b63284d4] {
    padding: 12px 30px
}

.farm .intro .total-wrap .line.last[data-v-b63284d4] {
    background-color: hsla(0, 0%, 100%, .04);
    border-radius: 0 0 2px 2px;
    padding: 15px 30px;
    margin-top: 15px;
    line-height: 40px
}

.farm .intro .total-wrap .line .data[data-v-b63284d4] {
    width: 47%
}

.farm .intro .total-wrap .line .data[data-v-b63284d4]:nth-child(odd) {
    margin-right: 4%
}

.farm .intro .total-wrap .line .left[data-v-b63284d4] {
    padding-right: 30px
}

.farm .intro .total-wrap .line .left .label[data-v-b63284d4] {
    opacity: .6
}

.farm .intro .total-wrap .line .right[data-v-b63284d4] {
    justify-content: flex-end
}

.farm .intro .total-wrap .line .coin-logo[data-v-b63284d4] {
    width: 20px;
    margin-left: 5px
}

.farm .intro .total-wrap .line .add[data-v-b63284d4] {
    opacity: .6;
    margin: -2px 10px 0
}

.farm .bottom-tip[data-v-b63284d4] {
    margin-top: 50px
}

.farm .bottom-tip .plus-note[data-v-b63284d4] {
    justify-content: center
}

.farm .bottom-tip .plus-note .note-list[data-v-b63284d4] {
    width: 65%;
    margin-bottom: 50px;
    margin-left: 1%;
    font-size: 18px
}

.farm .bottom-tip .plus-note .note-list p[data-v-b63284d4] {
    padding: 5px 0
}

.farm .bottom-tip .contract[data-v-b63284d4] {
    opacity: .6;
    font-size: 16px;
    color: #222;
    text-align: center
}

.farm .bottom-tip .contract p[data-v-b63284d4] {
    cursor: pointer
}

.farm .bottom-tip .contract span[data-v-b63284d4] {
    text-decoration: underline
}

.farm .bottom-tip .contract .external[data-v-b63284d4] {
    width: 16px;
    margin-left: 10px;
    display: inline
}

.farm .bottom-tip .link[data-v-b63284d4] {
    cursor: pointer;
    text-decoration: underline
}

.farm .bottom-tip .orange[data-v-b63284d4] {
    color: #ff8340
}

.farm .cards[data-v-b63284d4] {
    width: 65%;
    margin: 40px auto 0;
    justify-content: center
}

.farm .cards .card[data-v-b63284d4] {
    width: 100%;
    margin: 0 1%;
    padding: 40px 30px 30px;
    background: #262626;
    border-radius: 10px
}

.farm .cards .card .top[data-v-b63284d4] {
    opacity: .6;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 20px
}

.farm .cards .card .middle[data-v-b63284d4] {
    margin-bottom: 40px
}

.farm .cards .card .middle .line .left[data-v-b63284d4] {
    font-size: 30px
}

.farm .cards .card .middle .line .right img[data-v-b63284d4] {
    width: 36px;
    margin-right: 10px
}

.farm .cards .card .middle .line .right .num[data-v-b63284d4] {
    font-size: 48px
}

.farm .cards .card .middle .line.available[data-v-b63284d4] {
    margin-top: 15px
}

.farm .cards .card .middle .line.available .left[data-v-b63284d4] {
    font-size: 20px
}

.farm .cards .card .middle .line.available .left span[data-v-b63284d4] {
    opacity: .6
}

.farm .cards .card .middle .line.available .left i[data-v-b63284d4] {
    margin-left: 5px
}

.farm .cards .card .middle .line.available .right[data-v-b63284d4] {
    font-size: 20px
}

.farm .cards .card .middle .line-tip[data-v-b63284d4] {
    text-align: left;
    margin: 25px 0 30px;
    color: #ff8340;
    font-size: 16px
}

.farm .cards .card .bottom[data-v-b63284d4] {
    flex: 1
}

.farm .cards .card .bottom.approve button[data-v-b63284d4] {
    width: 100%;
    font-size: 26px
}

.farm .cards .card .bottom.approve button .text[data-v-b63284d4] {
    justify-content: center
}

.farm .cards .card .bottom.approve button .icon-approve[data-v-b63284d4] {
    width: 25px;
    margin-right: 10px
}

.farm .cards .card .bottom.operation button[data-v-b63284d4] {
    width: 100%
}

.farm .cards .card .bottom.operation button img[data-v-b63284d4] {
    width: 20px;
    margin-right: 8px
}

.farm .cards .card .bottom-link[data-v-b63284d4] {
    width: 23%;
    font-size: 20px
}

.farm .cards .card .bottom-link .right-btn[data-v-b63284d4] {
    cursor: pointer;
    justify-content: flex-end
}

.farm .cards .card .bottom-link .right-btn[data-v-b63284d4]:focus,
.farm .cards .card .bottom-link .right-btn[data-v-b63284d4]:hover {
    opacity: .8
}

.farm .cards .card .bottom-link .arrow[data-v-b63284d4] {
    color: #73bef4;
    margin-left: 8px
}

.farm .cards .card .bottom-link .arrow i[data-v-b63284d4] {
    font-weight: 700;
    font-size: 12px;
    margin-left: -5px;
    margin-top: 2px
}

.farm .dialog .dialog-footer[data-v-b63284d4] {
    margin-top: 40px
}

.farm .dialog .dialog-footer button[data-v-b63284d4] {
    width: 49%
}

.farm .dialog .dialog-footer button.green[data-v-b63284d4] {
    background: #313131
}

.farm .dialog .dialog-footer button.green[data-v-b63284d4]:active,
.farm .dialog .dialog-footer button.green[data-v-b63284d4]:hover {
    background: #313131 !important
}

.farm .dialog .dialog-footer .note[data-v-b63284d4] {
    margin-top: 15px
}

.mobile .intro[data-v-b63284d4] {
    margin-top: 30px
}

.mobile .intro .coin[data-v-b63284d4] {
    margin-bottom: 10px
}

.mobile .intro .coin img[data-v-b63284d4] {
    width: 40px
}

.mobile .intro .note[data-v-b63284d4] {
    font-size: 18px;
    padding: 10px 0
}

.mobile .intro .sub[data-v-b63284d4] {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px
}

.mobile .intro .sub span[data-v-b63284d4] {
    margin: 0 5px
}

.mobile .intro .total-wrap[data-v-b63284d4] {
    width: 96%
}

.mobile .intro .total-wrap .total[data-v-b63284d4] {
    padding: 15px 0 0;
    font-size: 14px
}

.mobile .intro .total-wrap .total .line[data-v-b63284d4] {
    padding: 0 20px
}

.mobile .intro .total-wrap .total .line .data[data-v-b63284d4] {
    width: 100%;
    padding: 8px 0
}

.mobile .intro .total-wrap .total .line .data[data-v-b63284d4]:nth-child(odd) {
    margin-right: 0
}

.mobile .intro .total-wrap .total .line.last[data-v-b63284d4] {
    padding: 15px 20px;
    margin-top: 5px;
    line-height: 26px
}

.mobile .intro .total-wrap .total .line .left[data-v-b63284d4] {
    padding-right: 10px
}

.mobile .cards[data-v-b63284d4] {
    width: 96%;
    margin-top: 30px
}

.mobile .cards .card[data-v-b63284d4] {
    padding: 20px
}

.mobile .cards .card .top[data-v-b63284d4] {
    padding-bottom: 10px;
    margin-bottom: 10px
}

.mobile .cards .card .top .left[data-v-b63284d4],
.mobile .cards .card .top .right[data-v-b63284d4] {
    font-size: 14px
}

.mobile .cards .card .middle[data-v-b63284d4] {
    margin-bottom: 20px
}

.mobile .cards .card .middle .line .left[data-v-b63284d4] {
    font-size: 18px
}

.mobile .cards .card .middle .line .right img[data-v-b63284d4] {
    width: 20px;
    margin-right: 5px
}

.mobile .cards .card .middle .line .right .num[data-v-b63284d4] {
    font-size: 22px
}

.mobile .cards .card .middle .line.available[data-v-b63284d4] {
    margin-top: 10px
}

.mobile .cards .card .middle .line.available .left[data-v-b63284d4],
.mobile .cards .card .middle .line.available .right[data-v-b63284d4] {
    font-size: 14px
}

.mobile .cards .card .middle .line.available .right img[data-v-b63284d4] {
    width: 14px;
    margin-left: 3px
}

.mobile .cards .card .bottom-link[data-v-b63284d4] {
    width: 24%;
    font-size: 14px
}

.mobile .bottom-tip[data-v-b63284d4] {
    margin-top: 20px
}

.mobile .bottom-tip .plus-note .note-list[data-v-b63284d4] {
    width: 94%;
    margin: 0 2% 20px 3%;
    font-size: 14px
}

.mobile .bottom-tip .contract[data-v-b63284d4] {
    font-size: 12px
}

.mobile .bottom-tip .contract .external[data-v-b63284d4] {
    width: 8px;
    margin-left: 5px
}

.mobile .dialog .dialog-footer[data-v-b63284d4] {
    margin-top: 20px
}

.mobile .dialog .dialog-footer button[data-v-b63284d4] {
    width: 48%
}

.mobile .dialog .dialog-footer .note[data-v-b63284d4] {
    margin-top: 5px
}

.daoDialog {
    padding-bottom: 20px
}

.daoDialog .el-message-box__btns button {
    height: 50px;
    font-size: 16px !important;
    border-radius: 6px !important;
    padding: 5px;
    min-width: 100px
}

.mobile .daoDialog {
    width: 100%
}