input[data-v-7785ddce]::-webkit-inner-spin-button,
input[data-v-7785ddce]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number][data-v-7785ddce] {
    -moz-appearance: textfield
}

input[data-v-7785ddce] {
    -webkit-appearance: none
}

.el-select[data-v-7785ddce] input {
    background: transparent
}

input[data-v-7785ddce]::-moz-placeholder {
    vertical-align: middle
}

input[data-v-7785ddce]::placeholder {
    vertical-align: middle
}

textarea[data-v-7785ddce] {
    outline: none;
    border: none
}

[data-v-7785ddce]:focus {
    outline: 0
}

.hand[data-v-7785ddce] {
    cursor: hand
}

.container[data-v-7785ddce] {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.nowrap[data-v-7785ddce] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text_hide_two[data-v-7785ddce] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#container[data-v-7785ddce] {
    height: 100vh;
    overflow: hidden
}

.padding[data-v-7785ddce] {
    padding: 0 10px
}

ul li[data-v-7785ddce] {
    list-style: none
}

.allFlex[data-v-7785ddce],
.flex_between[data-v-7785ddce] {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box
}

.flex_between[data-v-7785ddce] {
    align-items: center
}

.startFlex[data-v-7785ddce] {
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box
}

.centerFlex[data-v-7785ddce] {
    display: flex;
    justify-content: center;
    box-sizing: border-box
}

.endFlex[data-v-7785ddce] {
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box
}

.itCenter[data-v-7785ddce] {
    align-items: center
}

.f1[data-v-7785ddce] {
    flex: 1
}

.f2[data-v-7785ddce] {
    flex: 2
}

.positionAll[data-v-7785ddce] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.centerAll[data-v-7785ddce] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.middleAll[data-v-7785ddce] {
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

input[data-v-7785ddce] {
    outline: none;
    border: none;
    background: transparent
}

a[data-v-7785ddce] {
    text-decoration: none
}

.nav_header[data-v-7785ddce] {
    height: 56px;
    padding: 0 15px;
    line-height: 56px;
    margin-top: 20px
}

.hand[data-v-7785ddce] {
    cursor: pointer
}

.Bold[data-v-7785ddce] {
    font-weight: 700
}

.column[data-v-7785ddce] {
    flex-direction: column
}

.cen[data-v-7785ddce] {
    width: 70vw;
    margin: 0 auto;
    min-width: 1200px;
    max-width: 1920px
}

.marginTen[data-v-7785ddce] {
    margin-left: 10px
}

.marginTy[data-v-7785ddce] {
    margin-left: 20px
}

.center[data-v-7785ddce] {
    text-align: center
}

.end[data-v-7785ddce] {
    justify-content: flex-end
}

.opacity6[data-v-7785ddce] {
    opacity: .6
}

.coinNav[data-v-7785ddce] {
    color: #828598
}

.mainColor[data-v-7785ddce] {
    color: var(--mian-bgColor)
}

.Wcolor[data-v-7785ddce] {
    color: var(--common-color)
}

.greyColor[data-v-7785ddce] {
    color: var(--tradingView-text-color)
}

.titleColor[data-v-7785ddce] {
    color: var(--title-color)
}

.proText[data-v-7785ddce] {
    color: #999
}

.greenColor[data-v-7785ddce] {
    color: #04b800
}

.priceColor[data-v-7785ddce] {
    color: #d7e7ff
}

.lightBlue[data-v-7785ddce] {
    color: #1f2331
}

.redColor[data-v-7785ddce] {
    color: #ff4d4f
}

.Bcolor[data-v-7785ddce] {
    color: #0f2d33
}

.proColor[data-v-7785ddce] {
    color: #666
}

.blueColor[data-v-7785ddce] {
    color: #2c66d3
}

.loginColor[data-v-7785ddce] {
    color: #6584d1
}

.navColor[data-v-7785ddce] {
    color: var(--tradingView-text-color)
}

.darkColor[data-v-7785ddce] {
    color: #0b0e11
}

.mainBg[data-v-7785ddce] {
    background: var(--mian-bgColor)
}

.boxBg[data-v-7785ddce],
.navBg[data-v-7785ddce] {
    background: var(--main-bgColor)
}

.btnBg[data-v-7785ddce] {
    background: hsla(0, 0%, 100%, .1)
}

.noticeBg[data-v-7785ddce] {
    background: rgba(15, 45, 51, .3)
}

.Wbg[data-v-7785ddce] {
    background: var(--common-color)
}

.footerBg[data-v-7785ddce] {
    background: var(--index-footer-bgColor)
}

.kBg[data-v-7785ddce] {
    background: var(--common-color)
}

.listBg[data-v-7785ddce] {
    background: var(--list-bgColor)
}

.navli[data-v-7785ddce] {
    background: var(--border-color)
}

.greenBg[data-v-7785ddce] {
    background: #04b800
}

.redBg[data-v-7785ddce] {
    background: #ff4d4f
}

.financialBg[data-v-7785ddce] {
    background: #f4f8ff
}

.headerColor[data-v-7785ddce]:hover {
    color: var(--mian-bgColor)
}

.btnBgHover[data-v-7785ddce]:hover {
    background: var(--mian-bgColor)
}

.btnColorHover[data-v-7785ddce]:hover,
.navActive[data-v-7785ddce] {
    color: var(--mian-bgColor)
}

.navActive[data-v-7785ddce]:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 50%;
    transform: translate(-50%);
    height: 2px;
    background: var(--mian-bgColor)
}

.font-Two[data-v-7785ddce] {
    font-size: 12px
}

.font-Three[data-v-7785ddce] {
    font-size: 13px
}

.font-Four[data-v-7785ddce] {
    font-size: 14px
}

.font-Five[data-v-7785ddce] {
    font-size: 15px
}

.font-Six[data-v-7785ddce] {
    font-size: 16px
}

.font-Seven[data-v-7785ddce] {
    font-size: 17px
}

.font-Eight[data-v-7785ddce] {
    font-size: 18px
}

.font-Nine[data-v-7785ddce] {
    font-size: 19px
}

.font-Ty[data-v-7785ddce] {
    font-size: 20px
}

.font-Tt[data-v-7785ddce] {
    font-size: 22px
}

.font-Tf[data-v-7785ddce] {
    font-size: 24px
}

.font-Ts[data-v-7785ddce] {
    font-size: 26px
}

.font-Te[data-v-7785ddce] {
    font-size: 28px
}

.font-Th[data-v-7785ddce] {
    font-size: 30px
}

.el-table[data-v-7785ddce]:before {
    background: transparent
}

.dialog-footer[data-v-7785ddce] {
    padding: 10px 15px
}

[data-v-7785ddce]:root {
    --common-color: #000;
    --index-bgColor: #fff;
    --mian-bgColor: #0052ff;
    --title-color: #000;
    --border-color: #d3d3d3;
    --button-bgColor: #a0bdff;
    --button-hoverColor: #2168ff;
    --header-normalColor: #fff;
    --list-bgColor: #eee;
    --index-mainDown-bgColor: #fff;
    --index-mainDown-button-bgColor: #f1f1f1;
    --index-footer-bgColor: #f1f1f1;
    --tradingCenter-primary-color: #fff;
    --tradingCenter-marginTen-bgColor: #f1f1f1;
    --tradingCenter-marginTen-color: #000;
    --tradingCenter-table-hoverBgColor: #f1f1f1;
    --tradingCenter-table-thColor: #666;
    --tradingView-text-color: #000;
    --trading-bgColor: #f5f5f5;
    --header-textActive-color: #E8F6FF;
    --header-borderActive-color: #9bf4e2
}

.dark[data-v-7785ddce] {
    --common-color: #fff;
    --index-bgColor: #1f2331;
    --mian-bgColor: #E8F6FF;
    --title-color: #d5dfed;
    --border-color: #2f364c;
    --button-bgColor: #fef8e7;
    --button-hoverColor: #f3c73b;
    --header-normalColor: #000;
    --list-bgColor: #2f364c;
    --index-mainDown-bgColor: #E8F6FF;
    --index-mainDown-button-bgColor: #000;
    --index-footer-bgColor: #E8F6FF;
    --tradingCenter-primary-color: #000;
    --tradingCenter-marginTen-bgColor: #fff;
    --tradingCenter-marginTen-color: #000;
    --tradingCenter-table-hoverBgColor: #2b2c2f;
    --tradingCenter-table-thColor: #909399;
    --tradingView-text-color: #848e9c;
    --trading-bgColor: #1f2331;
    --header-textActive-color: #848e9c;
    --header-borderActive-color: #848e9c
}

.trading[data-v-7785ddce] {
    min-height: calc(100vh - 230px);
    padding-bottom: 100px
}

.trading-bg[data-v-7785ddce] {
    position: relative
}

.trading-bg img[data-v-7785ddce] {
    width: 100%
}

.trading-bg .position[data-v-7785ddce] {
    position: absolute;
    top: 30%;
    left: 5%
}

.trading-bg .position .title[data-v-7785ddce] {
    font-weight: 400;
    font-size: 40px;
    color: #fff;
    margin-bottom: 10px
}

.trading-bg .position .text1[data-v-7785ddce] {
    font-weight: 400;
    font-size: 24px;
    color: #fff
}

.trading-bg .position .text2[data-v-7785ddce] {
    font-weight: 400;
    font-size: 24px;
    color: #E8F6FF
}

.trading-main[data-v-7785ddce] {
    padding: 60px;
    max-width: 1920px;
    margin: 0 auto
}

.trading-main .trading-container[data-v-7785ddce] {
    display: flex;
    justify-content: space-between
}

.trading-main .trading-container .item-1[data-v-7785ddce] {
    background: url(./img/item-bg1.0f74314b.png);
    background-repeat: no-repeat;
    background-size: 100%;
    min-width: 426px;
    min-height: 655px;
    position: relative;
    padding: 24px;
    text-align: left
}

.trading-main .trading-container .item-1 .item-box[data-v-7785ddce] {
    position: absolute;
    bottom: 5%;
    width: 87%
}

.trading-main .trading-container .item-1 .item-box .title[data-v-7785ddce] {
    font-weight: 400;
    font-size: 32px;
    color: #fff;
    margin-bottom: 10px
}

.trading-main .trading-container .item-1 .item-box .text[data-v-7785ddce] {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    margin-bottom: 30px
}

.trading-main .trading-container .item-1 .item-box .item-button[data-v-7785ddce] {
    border-radius: 10px;
    background-color: #E8F6FF;
    color: #000;
    width: 100%
}

.trading-main .trading-container .item-2[data-v-7785ddce] {
    background: url(./img/item-bg2.9b346a75.png);
    background-repeat: no-repeat;
    background-size: 100%;
    min-width: 425px;
    min-height: 655px;
    position: relative;
    padding: 24px;
    text-align: left
}

.trading-main .trading-container .item-2 .item-box[data-v-7785ddce] {
    position: absolute;
    bottom: 5%;
    width: 87%
}

.trading-main .trading-container .item-2 .item-box .title[data-v-7785ddce] {
    font-weight: 400;
    font-size: 32px;
    color: #fff;
    margin-bottom: 10px
}

.trading-main .trading-container .item-2 .item-box .text[data-v-7785ddce] {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    margin-bottom: 30px
}

.trading-main .trading-container .item-2 .item-box .item-button[data-v-7785ddce] {
    border-radius: 10px;
    background-color: #E8F6FF;
    color: #000;
    width: 100%
}

.trading-main .trading-container .item-3[data-v-7785ddce] {
    background: url(./img/item-bg3.1b7edba3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    min-width: 426px;
    min-height: 655px;
    position: relative;
    padding: 24px;
    text-align: left
}

.trading-main .trading-container .item-3 .item-box[data-v-7785ddce] {
    position: absolute;
    bottom: 5%;
    width: 87%
}

.trading-main .trading-container .item-3 .item-box .title[data-v-7785ddce] {
    font-weight: 400;
    font-size: 32px;
    color: #fff;
    margin-bottom: 10px
}

.trading-main .trading-container .item-3 .item-box .text[data-v-7785ddce] {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    margin-bottom: 30px
}

.trading-main .trading-container .item-3 .item-box .item-button[data-v-7785ddce] {
    border-radius: 10px;
    background-color: #E8F6FF;
    color: #000;
    width: 100%
}

@media screen and (min-width:1920px) {
    .position[data-v-7785ddce] {
        top: 30% !important;
        left: 20% !important
    }

    .position .title[data-v-7785ddce] {
        font-size: 40px !important
    }

    .position .text1[data-v-7785ddce],
    .position .text2[data-v-7785ddce] {
        font-size: 24px !important
    }
}

@media screen and (min-width:1921px)and (max-width:2999px) {
    .position[data-v-7785ddce] {
        top: 30% !important;
        left: 18% !important
    }

    .position .title[data-v-7785ddce] {
        font-size: 50px !important
    }

    .position .text1[data-v-7785ddce],
    .position .text2[data-v-7785ddce] {
        font-size: 34px !important
    }
}

@media screen and (min-width:3000px) {
    .position[data-v-7785ddce] {
        top: 30% !important;
        left: 24% !important
    }

    .position .title[data-v-7785ddce] {
        font-size: 60px !important
    }

    .position .text1[data-v-7785ddce],
    .position .text2[data-v-7785ddce] {
        font-size: 40px !important
    }
}

.titleFont[data-v-7785ddce] {
    font-size: 44px
}