.c-exchange-collect-icon {
    align-items: center;
    display: flex;
    justify-content: center
}


#tvchart {
    position: relative !important;
    /* Required for absolute children like overlay */
}


.c-exchange-collect-icon.active {
    color: var(--text-f0af34)
}

.c-exchange-collect-icon.active .bg {
    background-color: var(--bg-f0af34-10)
}

.c-exchange-collect-icon.inactive {
    color: var(--text-707580)
}

.c-exchange-collect-icon.inactive .bg {
    background-color: hsla(220, 6%, 72%, .15)
}

.c-exchange-collect-icon.inactive .c-market-fllow {
    color: var(--text-b4b7bd)
}

.klinecharts-pro-period-bar .item .selected {
    color: rgba(255, 213, 50, 1);
    font-weight: bold;
}


.c-exchange-collect-icon .icon-box {
    align-items: center;
    border-radius: 4px;
    display: flex;
    height: 22px;
    justify-content: center;
    width: 22px
}

.c-exchange-token-info .full-name {
    display: inline-block;
    margin-inline-start: 2px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-exchange-token-info .btn-info {
    border-radius: 2px;
    cursor: pointer;
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    min-width: 50px;
    padding: 0 8px;
    text-align: center
}

.popper-token-info {
    background-color: var(--bg-ffffff);
    border: none;
    border-radius: 12px;
    color: var(--text-161719);
    margin-top: 2px !important;
    padding: 20px
}

.popper-token-info .popper__arrow {
    display: none
}

html:not(.theme-night) .c-exchange-token-info-tooltip {
    background-color: #3a3d42;
    color: #f9fbfe
}

html:not(.theme-night) .c-exchange-token-info-tooltip .popper-arrow {
    border-top-color: #3a3d42 !important
}

.p-ieo-apply {
    background-color: var(--bg-fbfbfb)
}

.p-ieo-apply .page-inner {
    margin: 0 auto;
    width: 1200px
}

.p-ieo-apply .page-inner .via-input {
    background-color: transparent !important
}

.p-ieo-apply .page-inner .title-box {
    border-bottom: 1px solid var(--border-e7ecf2);
    color: var(--text-27282c);
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 20px;
    padding-top: 40px
}

.p-ieo-apply .page-inner .content-box {
    padding: 40px 0
}

.p-ieo-apply .page-inner .content-box .row-box {
    align-items: center;
    display: flex;
    font-size: 14px;
    margin-bottom: 30px
}

.p-ieo-apply .page-inner .content-box .row-box .field-name {
    color: var(--text-27282c);
    margin-inline-end: 10px;
    min-width: 200px;
    width: 200px;
    word-break: break-all
}

.p-ieo-apply .page-inner .content-box .row-box .field-name.require:after {
    color: #ed6e52;
    content: "*";
    display: inline-block;
    inset-inline-start: 3px;
    position: relative;
    top: 2px
}

.p-ieo-apply .page-inner .content-box .row-box .field-val {
    color: var(--text-27282c)
}

.p-ieo-apply .page-inner .content-box .row-box .field-val .via-input {
    width: 450px
}

.p-ieo-apply .page-inner .content-box .row-box .field-val .via-input input {
    height: 38px
}

.p-ieo-apply .page-inner .content-box .row-box .field-val .time-out.el-input input {
    border-color: var(--border-e6e7eb);
    height: 40px;
    padding-inline-start: 30px
}

.p-ieo-apply .page-inner .content-box .row-box .field-val .time-out.el-input input::-moz-placeholder {
    color: var(--text-b4b7bd)
}

.p-ieo-apply .page-inner .content-box .row-box .field-val .time-out.el-input input::placeholder {
    color: var(--text-b4b7bd)
}

.p-ieo-apply .page-inner .content-box .row-box .field-val .time-out.el-input .el-input__prefix {
    color: var(--text-b4b7bd)
}

.p-ieo-apply .page-inner .content-box .row-box .field-val .product-ipt {
    width: 380px
}

.p-ieo-apply .page-inner .content-box .token-icon-box {
    margin-top: 20px
}

.p-ieo-apply .page-inner .content-box .token-icon-box .avatar-uploader .el-upload {
    border: 1px dashed var(--border-0ead98);
    border-radius: 6px;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.p-ieo-apply .page-inner .content-box .token-icon-box .avatar-uploader .el-upload:hover {
    border-color: var(--border-0ead98)
}

.p-ieo-apply .page-inner .content-box .token-icon-box .avatar-uploader .el-upload .avatar {
    display: block;
    height: 120px;
    width: 120px
}

.p-ieo-apply .page-inner .content-box .token-icon-box .avatar-uploader .el-upload .upload-prompt {
    color: #8c939d;
    font-size: 12px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    width: 120px
}

.p-ieo-apply .page-inner .content-box .token-icon-box .avatar-uploader .el-upload .upload-prompt .avatar-uploader-icon {
    font-size: 12px
}

.p-ieo-apply .page-inner .content-box .token-icon-box .avatar-uploader .el-upload__tip {
    color: var(--text-27282c);
    margin-top: 16px
}

.p-ieo-apply .page-inner .content-box .publish-price-box .field-val {
    display: flex
}

.p-ieo-apply .page-inner .content-box .publish-price-box .field-val .via-input {
    width: 330px
}

.p-ieo-apply .page-inner .content-box .publish-price-box .field-val .via-select {
    background-color: transparent;
    height: 40px;
    margin-inline-end: 4px;
    width: 115px
}

.p-ieo-apply .page-inner .content-box .community-box .field-val .community-item-box {
    align-items: center;
    display: flex
}

.p-ieo-apply .page-inner .content-box .community-box .field-val .community-item-box .via-select {
    background-color: transparent;
    height: 40px;
    margin-inline-end: 4px;
    width: 130px
}

.p-ieo-apply .page-inner .content-box .community-box .field-val .community-item-box .via-input {
    width: 315px
}

.p-ieo-apply .page-inner .content-box .intro-box .field-val {
    min-width: 760px
}

.p-ieo-apply .page-inner .content-box .intro-box .field-val .via-input {
    width: 100%
}

.p-ieo-apply .page-inner .content-box .attachment-box {
    margin-bottom: 65px
}

.p-ieo-apply .page-inner .content-box .attachment-box .field-name {
    color: var(--text-27282c);
    margin-bottom: 16px
}

.p-ieo-apply .page-inner .content-box .attachment-box .el-upload__tip {
    color: var(--text-27282c);
    margin-top: 16px
}

.p-ieo-apply .page-inner .content-box .btn-submit {
    height: 48px;
    width: 300px
}

.p-ieo-apply .page-inner .via-radio-checked .via-radio-button {
    overflow: hidden
}

.p-ieo-apply .page-inner .via-radio-checked .via-radio-button.is-active .via-radio-button__inner {
    border: 1px solid var(--border-0ead98)
}

.p-ieo-apply .page-inner .via-radio-checked .via-radio-button__inner {
    background-color: var(--bg-ffffff) !important;
    border: 1px solid var(--text-7d7f81);
    border-radius: 2px;
    color: var(--text-7d7f81);
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    min-width: 150px;
    padding: 0 20px
}

.p-ieo-apply .page-inner .via-radio-button.is-active .via-radio-button__inner:before {
    color: var(--text-ffffff);
    content: "";
    display: block;
    font-family: iconfont !important;
    height: 8px;
    position: absolute;
    right: 2px;
    top: -12px;
    width: 8px;
    z-index: 22
}

.p-ieo-apply .page-inner .via-radio-button.is-active .via-radio-button__inner:after {
    background-color: var(--border-0ead98);
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    transform: rotate(45deg);
    width: 30px
}

.c-ieo-dialog-detail .via-dialog {
    padding: 0
}

.c-ieo-dialog-detail .page-title {
    align-items: center;
    color: var(--text-3a3d42);
    display: flex;
    height: 52px;
    line-height: 20px;
    padding: 16px 0 16px 8px
}

.c-ieo-dialog-detail .row-box {
    display: flex;
    justify-content: space-between;
    margin-top: 12px
}

.c-ieo-dialog-detail .row-box .left-field {
    color: var(--text-7d7f81);
    flex-shrink: 0;
    margin-inline-end: 20px
}

.c-ieo-dialog-detail .row-box .right-val {
    color: var(--text-27282c);
    font-weight: 700;
    text-align: end;
    word-break: break-all
}

.c-ieo-dialog-detail .top-info-box {
    border-bottom: 6px solid var(--border-f4f6fa);
    padding: 0 25px 20px
}

.c-ieo-dialog-detail .top-info-box .row-name-status {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-ieo-dialog-detail .top-info-box .row-name-status .left-name {
    color: var(--text-27282c);
    font-weight: 700;
    margin-right: 5px
}

.c-ieo-dialog-detail .top-info-box .row-name-status .c-common-tag-status {
    font-size: 16px
}

.c-ieo-dialog-detail.is-page .top-info-box {
    background: var(--bg-ffffff);
    border-radius: 20px 20px 0 0;
    margin-top: 12px;
    padding: 20px 16px
}

.c-ieo-dialog-detail .bottom-info-box {
    padding: 10px 25px 30px
}

.c-ieo-dialog-detail .bottom-info-box .tips {
    border-top: 1px solid var(--border-f4f6fa);
    color: var(--text-7d7f81);
    font-size: 12px;
    padding-top: 12px
}

.c-ieo-dialog-detail .bottom-info-box .tip-item {
    padding-inline-start: 8px;
    position: relative
}

.c-ieo-dialog-detail .bottom-info-box .tip-item:before {
    background-color: var(--bg-707580);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    inset-inline-start: 0;
    position: absolute;
    top: 6px;
    width: 5px
}

.c-ieo-dialog-detail.is-page .bottom-info-box {
    background: var(--bg-ffffff);
    padding: 20px 16px
}

.c-ieo-order-dialog-confirm .el-dialog {
    background-color: var(--bg-ffffff)
}

.c-ieo-order-dialog-confirm .el-dialog .prompt-text1 {
    display: block !important;
    margin-top: 30px;
    text-align: center
}

.c-ieo-order-dialog-confirm .el-dialog .prompt-text2 {
    display: block !important;
    font-size: 12px;
    margin-top: 10px;
    text-align: center
}

.c-ieo-order-dialog-confirm .el-dialog .row-btn {
    display: flex;
    justify-content: center;
    margin-top: 50px
}

.c-ieo-order-dialog-confirm .el-dialog .row-btn .el-button {
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    min-width: 150px;
    padding: 0 10px
}

.c-ieo-order-dialog-confirm .el-dialog .row-btn .el-button:hover {
    color: var(--text-ffffff)
}

.c-ieo-order-dialog-success .el-dialog {
    background-color: var(--bg-ffffff)
}

.c-ieo-order-dialog-success .el-dialog .el-dialog__header .title-text {
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.c-ieo-order-dialog-success .el-dialog .prompt-text {
    text-align: center
}

.c-ieo-order-dialog-success .el-dialog .row-btn {
    margin-top: 50px;
    text-align: center
}

.c-ieo-order-dialog-success .el-dialog .row-btn .el-button {
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    padding: 0 60px
}

.c-ieo-order-dialog-success .el-dialog .row-btn .el-button:hover {
    color: var(--text-ffffff)
}

.p-ieo-order {
    margin: 0 auto;
    padding: 0 0 60px;
    width: 1280px
}

.p-ieo-order .header-wrapper {
    border-bottom: 1px solid var(--border-e6e7eb-gray0602);
    padding: 20px 0
}

.p-ieo-order .locked-info {
    align-items: center;
    display: flex
}

.p-ieo-order .locked-info .val {
    color: var(--text-27282c);
    font-size: 16px;
    font-weight: 600;
    margin-inline-end: 2px
}

.p-ieo-order .locked-info .unit {
    color: var(--text-7d7f81);
    font-size: 12px
}

.p-ieo-order .wrapper {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13);
    overflow: hidden
}

.p-ieo-order .table-wrapper {
    min-height: 390px
}

.p-ieo-order .via-table-card {
    padding: 0 16px
}

.p-ieo-order .via-table-card .card-item {
    background: none;
    border-bottom: 1px solid var(--border-f4f6fa);
    border-radius: 0;
    box-shadow: none;
    padding: 20px 0
}

.p-ieo-order .via-table-card .card-item:last-of-type {
    border: none
}

.p-ieo-order .via-table-card .card-item .card-body {
    padding: 12px 0 0
}

.p-ieo-order .empty-container .c-common-empty {
    min-height: 450px
}

.p-ieo-order .explain-box {
    padding-bottom: 40px;
    padding-top: 30px
}

.p-ieo-order .explain-box .explain-title {
    color: var(--text-27282c);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.p-ieo-order .explain-box p {
    color: #7d7f81;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px
}

.p-ieo-order .explain-box p:first-of-type {
    margin-top: 10px
}

.p-ieo-order .explain-box p:before {
    background-color: #099f94;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-inline-end: 12px;
    position: relative;
    top: -1px;
    width: 6px
}

.p-mining-history {
    margin: 0 auto;
    padding: 60px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1280px
}

.p-mining-history .filter-container {
    align-items: center;
    border-bottom: 1px solid var(--border-e6e7eb-gray0601);
    display: flex;
    justify-content: space-between;
    margin-top: 70px
}

.p-mining-history .filter-container .page-item {
    cursor: pointer;
    padding: 0 20px 18px
}

.p-mining-history .filter-container .page-item.active {
    color: var(--text-1bbeb2);
    position: relative
}

.p-mining-history .filter-container .page-item.active:before {
    background-color: var(--text-1bbeb2);
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.p-mining-history .filter-container .mining-filter-select {
    background-color: var(--bg-f7f8fa);
    width: 200px
}

.p-mining-history .mining-table {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 16px;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .02);
    margin-bottom: 16px;
    overflow: hidden;
    padding-bottom: 12px
}

.p-mining-history .empty-container {
    min-height: 300px
}

.p-activity-dibs {
    background: var(--page-bg);
    color: var(--text-27282c);
    padding-bottom: 60px;
    position: relative
}

.p-activity-dibs .bottom-dash {
    border-bottom: 1px dashed var(--border-e6e7eb-gray0601)
}

.p-activity-dibs .center-bg-logo {
    background-image: url(../app-resources-d6/assets/f2ef1275590647508b0c6271911b1278_9f205011fedb1f94316a.v2.webp);
    height: 230px;
    left: 50%;
    position: absolute;
    top: 24px;
    transform: translateX(-50%);
    width: 230px;
    z-index: 1
}

.p-activity-dibs .title-name {
    display: -webkit-box;
    font-size: 20px;
    font-weight: 600;
    max-width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.p-activity-dibs .content-box {
    padding-top: 82px;
    position: relative;
    z-index: 2
}

.p-activity-dibs .content-box .ios-tip {
    background-color: #d9dee4
}

.p-activity-dibs .content-box .title-box {
    text-align: center
}

.p-activity-dibs .content-box .title-box .sub-title {
    line-height: 48px;
    margin: 0 auto;
    max-width: 900px
}

.p-activity-dibs .content-box .title-box .sub-title.is-en {
    max-width: 500px
}

.p-activity-dibs .content-box .act-list-box {
    margin-top: 80px
}

.p-activity-dibs .content-box .act-list-box .row-title {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.p-activity-dibs .content-box .act-list-box .row-title .title-text {
    font-size: 24px;
    font-weight: 700
}

.p-activity-dibs .content-box .act-list-box .row-title .link-record {
    color: var(--text-0ead98);
    cursor: pointer
}

.p-activity-dibs .content-box .act-list-box .all-act-box {
    margin-top: 20px
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box {
    background: var(--bg-ffffff);
    border-radius: 30px;
    box-shadow: 0 8px 25px 0 rgba(225, 232, 238, .55);
    display: flex;
    margin-top: 20px;
    padding: 30px 40px;
    position: relative
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box:first-of-type {
    margin-top: 0
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box.is-finished .left-img .mask {
    display: flex;
    font-weight: 700;
    z-index: 100
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box.is-finished .right-intro .right-val {
    color: var(--text-707580)
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img {
    border-radius: 20px;
    cursor: pointer;
    flex-shrink: 0;
    height: 224px;
    overflow: hidden;
    position: relative;
    width: 458px
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img img {
    height: auto;
    width: 100%
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img .mask {
    align-items: center;
    background-color: rgba(22, 23, 125, .4);
    border-radius: 20px;
    color: #fff;
    display: none;
    font-size: 28px;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img .list-bg {
    border-radius: 20px
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img .name-box {
    color: var(--text-161719);
    left: 20px;
    line-height: 1.3;
    position: absolute;
    text-align: center;
    top: 80px;
    width: 200px
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img .name-box .short-name {
    font-size: 32px;
    font-weight: 700
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img .name-box .full-name {
    font-size: 16px
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img .logo-box {
    left: 310px;
    position: absolute;
    top: 77px
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .right-intro {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-inline-start: 60px;
    width: 100%
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .right-intro .intro-top-box .row-name {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .right-intro .intro-top-box .row-intro {
    color: var(--text-7d7f81);
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .right-intro .intro-bottom-box {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .right-intro .intro-bottom-box .receive-amount {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .right-intro .intro-bottom-box .receive-amount .left-text {
    color: var(--text-707580);
    font-size: 16px;
    margin-inline-end: 30px
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .right-intro .intro-bottom-box .receive-amount .right-val {
    font-size: 20px;
    word-break: break-word
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .right-intro .intro-bottom-box .receive-amount .right-val .unit {
    font-size: 14px;
    margin-inline-start: 5px
}

.p-activity-dibs .content-box .act-list-box .all-act-box .act-box .right-intro .intro-bottom-box .operate-button {
    margin-top: 8px;
    min-width: 136px
}

.p-activity-dibs .content-box .act-list-box .all-act-box .via-pagination-select-limit {
    display: none
}

.p-activity-dibs .content-box .act-list-box .all-act-box .via-pager-box {
    margin: 0 auto
}

.p-activity-dibs .c-activity-airdrop-coin-name {
    max-width: 515px
}

.theme-night .p-activity-dibs .center-bg-logo {
    background-image: url(../app-resources-d6/assets/d23ba1eb654e7423261a9c358be6151b_5b47fdb602340ad02a08.v2.webp)
}

.theme-night .p-activity-dibs .act-box {
    box-shadow: 0 8px 30px rgba(4, 23, 43, .02) !important
}

[dir=rtl] .p-activity-dibs .link-record .icon-arrow-link {
    display: inline-block;
    transform: rotateY(180deg)
}

.c-activity-tip {
    background-color: #33333a;
    color: #aeb0b3;
    font-size: 12px;
    padding: 5px;
    text-align: center
}

.c-activity-common-link {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-activity-common-link .c-activity-common-link__content {
    width: 800px
}

.c-activity-common-link .c-activity-common-link__title {
    color: var(--text-161719);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.c-activity-common-link .c-activity-common-link__desc {
    color: var(--text-707580);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px
}

.c-activity-common-link .c-activity-common-link__btn {
    margin-top: 32px;
    min-width: 180px
}

.c-activity-common-link .c-activity-common-link__img {
    height: 200px;
    width: 200px
}

.c-ambassador-activity-dialog-records .via-table .via-table-header {
    border-radius: 8px
}

.c-ambassador-activity-dialog-records .via-table .via-table-header .table-header tr .table-label {
    height: 48px
}

.c-trade-rank-record {
    position: relative
}

.c-trade-rank-record .via-table .loading-box {
    height: 220px
}

.c-trade-rank-record .via-table .c-common-empty {
    min-height: auto;
    padding-top: 60px
}

.c-trade-rank-record .via-table .body-row .title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    padding-inline-end: 20px;
    -webkit-line-clamp: 2
}

.c-trade-rank-record .via-table .body-row .operate-btn {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 12px;
    white-space: nowrap
}

.p-trade-rank {
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: calc(-360px + 100vh);
    overflow: hidden
}

.p-trade-rank .p-trade-rank-header {
    margin: 0 auto;
    max-width: 1280px;
    padding-inline-end: 120px
}

.p-trade-rank .p-trade-rank-header .logo-bg {
    inset-inline-end: -140px;
    position: absolute;
    z-index: 1
}

.p-trade-rank .p-trade-rank-content {
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
    z-index: 2
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list {
    background-color: var(--bg-ffffff);
    border-radius: 30px;
    box-shadow: 0 8px 25px rgba(225, 232, 238, .55);
    box-sizing: border-box;
    display: flex;
    height: 292px;
    margin-bottom: 32px;
    overflow: hidden;
    padding: 34px 40px;
    position: relative
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list.is-finished .reward,
.p-trade-rank .p-trade-rank-content .p-trade-rank-list.is-finished .time,
.p-trade-rank .p-trade-rank-content .p-trade-rank-list.is-finished .time-title,
.p-trade-rank .p-trade-rank-content .p-trade-rank-list.is-finished .title {
    color: var(--text-707580)
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list.is-finished .cover-img .mask {
    display: flex;
    font-weight: 700;
    z-index: 100
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list .cover-img {
    border-radius: 20px;
    height: 224px;
    overflow: hidden;
    position: relative;
    width: 458px
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list .cover-img img {
    position: relative;
    z-index: 2
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list .cover-img .mask {
    align-items: center;
    background-color: rgba(22, 23, 125, .4);
    border-radius: 20px;
    color: #fff;
    display: none;
    font-size: 28px;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list .content {
    flex: 1 1 0%;
    margin-inline-start: 56px;
    position: relative
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list .content .via-btn.operate-button {
    bottom: 0;
    inset-inline-end: 0;
    min-width: 136px;
    position: absolute
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list .row-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list .row-title .title {
    color: var(--text-161719);
    display: -webkit-box;
    font-size: 20px;
    font-weight: 700;
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-inline-end: 70px
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list .row-title .status {
    border-radius: 20px;
    flex-shrink: 0;
    padding: 0 18px
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list .time-title {
    color: var(--text-707580);
    display: inline-block;
    font-size: 16px;
    margin-inline-start: 8px
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list .time {
    color: var(--text-161719);
    display: block;
    font-size: 16px;
    margin-inline-start: 20px
}

.p-trade-rank .p-trade-rank-content .p-trade-rank-list .reward {
    color: var(--text-161719);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: -4px;
    margin-inline-start: 20px
}

.p-trade-rank .p-trade-rank-content .c-common-empty {
    background: var(--bg-ffffff);
    border-radius: 30px;
    box-shadow: 0 8px 25px rgba(225, 232, 238, .55);
    margin-bottom: 30px
}

.theme-night .p-trade-rank {
    background: #17191d !important
}

.theme-night .p-trade-rank .p-trade-rank-list {
    box-shadow: none
}

html[dir=rtl] .p-trade-rank .icon-arrow-link {
    display: inline-block;
    transform: rotate(180deg)
}

.c-activity-airdrop-coin-name {
    max-width: 570px
}

.c-activity-airdrop-coin-name .title-name {
    font-size: 26px;
    font-weight: 600
}

.c-activity-airdrop-coin-name .title-name.one-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-activity-airdrop-coin-name .title-name.two-line {
    -webkit-line-clamp: 2
}

.c-activity-airdrop-coin-name .title-name.three-line,
.c-activity-airdrop-coin-name .title-name.two-line {
    display: -webkit-box;
    text-overflow: ellipsis;
    white-space: pre-line;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.c-activity-airdrop-coin-name .title-name.three-line {
    -webkit-line-clamp: 3
}

.c-activity-airdrop-coin-name .coin-name {
    align-items: center;
    display: flex
}

.c-activity-airdrop-coin-name .coin-name .icon {
    border-radius: 50%;
    display: inline-block;
    height: 28px;
    width: 28px
}

.c-activity-airdrop-coin-name .coin-name .sec-name {
    align-items: baseline;
    color: var(--text-27282c);
    display: flex
}

.c-activity-airdrop-coin-name .coin-name .sec-name .short-name {
    font-size: 26px;
    font-weight: 700;
    margin-inline-start: 7px
}

.c-activity-airdrop-coin-name .coin-name .sec-name .full-name {
    font-size: 24px;
    font-weight: 700;
    margin-inline-start: 15px
}

.c-activity-airdrop-coin-name .coin-name.big {
    flex-direction: column
}

.c-activity-airdrop-coin-name .coin-name.big .icon {
    height: 60px;
    width: 60px
}

.c-activity-airdrop-coin-name .coin-name.big .sec-name {
    margin-top: 5px
}

.c-activity-airdrop-coin-name .coin-name.big .sec-name .full-name,
.c-activity-airdrop-coin-name .coin-name.big .sec-name .short-name {
    font-size: 24px
}

.screen-md .c-activity-airdrop-coin-name .sec-name .short-name {
    font-size: 20px;
    margin-inline-start: 7px
}

.screen-md .c-activity-airdrop-coin-name .sec-name .full-name {
    font-size: 16px
}

.c-activity-airdrop-dialog-record .record-content-box .via-tabs>div:first-child {
    display: block !important
}

.c-activity-airdrop-dialog-record .record-content-box .via-tabs .tab-item {
    flex: 1 1 0%;
    text-align: center
}

.c-activity-airdrop-dialog-record .record-content-box .table-box {
    margin-top: 12px
}

.c-activity-airdrop-dialog-record .record-content-box .table-box .with-tip {
    border-bottom: 1px dashed var(--border-3a3d42)
}

.screen-md .c-activity-airdrop-dialog-record .record-content-box {
    max-height: 400px;
    overflow-y: auto
}

.popper-airdrop-status {
    max-width: 280px
}

.p-activity-airdrop {
    background: var(--page-bg);
    color: var(--text-27282c);
    position: relative
}

.p-activity-airdrop .center-bg-logo {
    background-image: url(../app-resources-d6/assets/4ba266e1ad7d69743aa3226ebcc699fd_024811fa8609b5581972.v2.webp);
    height: 353px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 222px;
    z-index: 1
}

.p-activity-airdrop .content-box {
    padding-top: 58px;
    position: relative;
    z-index: 2
}

.p-activity-airdrop .content-box .ios-tip {
    background-color: #d9dee4
}

.p-activity-airdrop .content-box .title-box {
    text-align: center
}

.p-activity-airdrop .content-box .title-box .sub-title {
    line-height: 48px;
    margin: 0 auto;
    max-width: 900px
}

.p-activity-airdrop .content-box .title-box .sub-title.is-en {
    max-width: 500px
}

.p-activity-airdrop .content-box .act-list-box {
    margin-top: 80px
}

.p-activity-airdrop .content-box .act-list-box .row-title {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.p-activity-airdrop .content-box .act-list-box .row-title .title-text {
    font-size: 24px;
    font-weight: 700
}

.p-activity-airdrop .content-box .act-list-box .row-title .link-record {
    color: var(--text-0ead98);
    cursor: pointer
}

.p-activity-airdrop .content-box .act-list-box .all-act-box {
    margin-top: 20px
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box {
    background: var(--bg-ffffff);
    border-radius: 30px;
    box-shadow: 0 8px 25px 0 rgba(225, 232, 238, .55);
    display: flex;
    margin-top: 20px;
    padding: 30px 40px;
    position: relative
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box:first-of-type {
    margin-top: 0
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box.is-finished .left-img .mask {
    display: flex;
    font-weight: 700;
    z-index: 100
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box.is-finished .right-intro .right-val {
    color: var(--text-707580)
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box .left-img {
    border-radius: 20px;
    cursor: pointer;
    flex-shrink: 0;
    height: 224px;
    overflow: hidden;
    position: relative;
    width: 458px
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box .left-img img {
    height: auto;
    width: 100%
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box .left-img .mask {
    align-items: center;
    background-color: rgba(22, 23, 125, .4);
    border-radius: 20px;
    color: #fff;
    display: none;
    font-size: 28px;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box .right-intro {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-inline-start: 60px;
    width: 100%
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box .right-intro .intro-top-box .row-name {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box .right-intro .intro-top-box .row-intro {
    color: var(--text-7d7f81);
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box .right-intro .intro-bottom-box {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box .right-intro .intro-bottom-box .receive-amount {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box .right-intro .intro-bottom-box .receive-amount .left-text {
    align-items: center;
    color: var(--text-707580);
    display: flex;
    font-size: 16px;
    line-height: 20px;
    margin-inline-end: 6px
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box .right-intro .intro-bottom-box .receive-amount .left-text img {
    display: inline-block;
    margin-inline-end: 4px;
    width: 24px
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box .right-intro .intro-bottom-box .receive-amount .right-val {
    color: var(--text-0ead98);
    font-size: 20px;
    white-space: nowrap;
    word-break: break-word
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box .right-intro .intro-bottom-box .receive-amount .right-val .unit {
    margin-inline-start: 5px
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .act-box .right-intro .intro-bottom-box .operate-button {
    margin-top: 8px;
    min-width: 136px
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .via-pagination-select-limit {
    display: none
}

.p-activity-airdrop .content-box .act-list-box .all-act-box .via-pager-box {
    margin: 0 auto
}

.p-activity-airdrop .c-activity-airdrop-coin-name {
    max-width: 515px
}

.theme-night .p-activity-airdrop .center-bg-logo {
    background-image: url(../app-resources-d6/assets/2a0ced327cfe4f1154112a8b4614172d_79e0f20978e2efc043c9.v2.webp)
}

.theme-night .p-activity-airdrop .act-box {
    box-shadow: 0 8px 30px rgba(4, 23, 43, .02) !important
}

.c-mining-pool-card {
    background-color: var(--bg-fafbfc);
    border-radius: 16px;
    color: var(--text-3a3d42);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    padding: 24px 32px
}

.c-mining-status-label {
    align-items: center;
    border-radius: 20px;
    display: inline-flex;
    height: 24px;
    padding: 5px 10px
}

.c-mining-status-label.PreStake {
    background-color: rgba(243, 139, 44, .1);
    color: var(--text-f38b2c)
}

.c-mining-status-label.PreStake .iconfont:before {
    content: ""
}

.c-mining-status-label.Mining {
    background-color: rgba(27, 190, 178, .1);
    color: var(--text-0ead98)
}

.c-mining-status-label.Mining .iconfont {
    background-color: var(--bg-0ead98);
    border-radius: 50%;
    height: 6px;
    width: 6px
}

.c-mining-status-label.Finished {
    background-color: hsla(219, 7%, 47%, .1);
    color: var(--text-707580)
}

.c-mining-status-label.Finished .iconfont {
    background-color: var(--bg-707580);
    border-radius: 50%;
    height: 6px;
    width: 6px
}

.c-mining-status-label.Paused {
    background-color: rgba(219, 85, 65, .1);
    color: var(--text-db5541)
}

.c-mining-status-label.Paused .iconfont {
    background-color: var(--bg-db5541);
    border-radius: 50%;
    height: 6px;
    width: 6px
}

.c-mining-project-item {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-f2f3f5);
    border-radius: 30px;
    box-shadow: 0 10px 40px 0 rgba(164, 197, 205, .12);
    color: var(--text-3a3d42);
    display: flex;
    flex-direction: column;
    font-weight: 500;
    margin-bottom: 40px;
    min-height: 432px;
    overflow: hidden;
    word-break: break-word
}

.c-mining-project-item .main-container {
    display: flex;
    flex: 1 1 auto
}

.c-mining-project-item .item-info {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding-bottom: 37px;
    padding-top: 32px;
    padding-inline-start: 40px;
    width: 448px
}

.c-mining-project-item .item-info .projcet-description {
    display: -webkit-box;
    flex: 1 1 auto;
    margin: 12px 0 16px;
    text-overflow: ellipsis;
    white-space: pre-line;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden
}

.c-mining-project-item .item-info .info-row {
    display: flex;
    justify-content: space-between
}

.c-mining-project-item .card-info {
    flex-grow: 1;
    margin-inline-start: 40px;
    overflow: hidden;
    padding: 32px 0 10px
}

.c-mining-project-item .link-item {
    align-items: center;
    color: var(--text-3a3d42);
    display: inline-flex;
    line-height: 22px;
    margin-top: 8px
}

.c-mining-project-item .link-item:hover {
    color: var(--text-0ead98)
}

.c-mining-project-item .pause-tips {
    background: hsla(6, 83%, 65%, .1);
    border-radius: 8px;
    color: #f06a5b;
    font-size: 14px;
    font-weight: 500;
    margin: -12px 32px 32px;
    padding: 10px
}

.c-mining-project-item .card-container {
    display: flex;
    height: 100%;
    overflow: auto;
    padding-bottom: 22px;
    padding-inline-end: 40px
}

.c-mining-project-item .card-container .card-item+.card-item {
    margin-inline-start: 24px
}

.c-mining-project-item .card-container .card-total-1,
.c-mining-project-item .card-container .card-total-2 {
    width: 344px
}

.c-mining-project-item .card-container .card-total-3 {
    min-width: 307px
}

.c-mining-project-item .card-container-cover {
    position: relative
}

.c-mining-project-item .card-container-cover:before {
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0) 108.82%);
    content: "";
    height: 100%;
    inset-inline-end: 0;
    position: absolute;
    top: 0;
    width: 90px
}

[dir=rtl] .c-mining-project-item .card-container-cover:before {
    left: 0
}

[dir=ltr] .c-mining-project-item .card-container-cover:before {
    right: 0
}

.c-mining-project-item.one-project {
    padding: 32px 56px
}

.c-mining-project-item.one-project .main-container {
    justify-content: space-between
}

.c-mining-project-item.one-project .item-info {
    width: 548px
}

.c-mining-project-item.one-project .card-info {
    flex-grow: 0;
    width: 567px
}

.c-mining-project-item.one-project .card-info .card-total-1 {
    width: 567px
}

.c-mining-project-item.one-project .card-info .card-total-2 {
    width: 272px
}

.theme-night .card-container-cover:before {
    background: linear-gradient(270deg, #23272e, rgba(35, 39, 46, 0) 108.82%)
}

.c-mining-projects {
    margin: 0 auto;
    width: 1280px
}

.c-mining-projects .history-link {
    color: var(--text-3a3d42);
    margin-inline-end: 22px
}

.c-mining-projects .history-link:hover {
    color: var(--text-0ead98)
}

.c-mining-projects .c-mining-empty {
    background-color: var(--bg-fafbfc);
    height: 500px;
    padding-bottom: 80px
}

.c-mining-faqs {
    margin: 0 auto;
    padding-bottom: 80px;
    width: 1280px
}

.c-mining-faqs .qa-item {
    border-radius: 12px;
    cursor: pointer;
    margin-bottom: 12px;
    padding: 18px 20px;
    transition: .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-mining-faqs .qa-item:hover {
    background-color: var(--bg-f2f3f5)
}

.c-mining-faqs .qa-item .question {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: space-between
}

.c-mining-faqs .qa-item .answer {
    color: var(--text-707580);
    font-size: 14px;
    margin-top: 12px
}

.p-mining {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.p-mining .mining-header {
    background-image: url(../app-resources-d6/assets/4a8a1e8def1534e72d2f4d431532d7aa_f33fbb80f466baa52ace.v2.webp);
    background-position: center 60px;
    background-repeat: no-repeat;
    background-size: 1111px 213px;
    margin: 0 auto;
    padding: 90px 0 80px;
    position: relative;
    text-align: center;
    width: 1280px
}

.p-mining .mining-header .header-title {
    color: var(--text-161719);
    font-size: 42px;
    font-weight: 700;
    line-height: 48px
}

.p-mining .mining-header .header-desc {
    color: var(--text-3a3d42);
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    opacity: .7;
    padding: 12px 0 24px
}

.c-copy-trading-futures-operate-guide {
    margin: 80px auto 50px;
    max-width: 1280px
}

.c-copy-trading-futures-operate-guide .guide-item {
    align-items: center;
    display: flex
}

.c-copy-trading-futures-filter-params {
    background: rgb(var(--ui0-bg-primary_gray));
    height: 78px
}

.c-copy-trading-futures-filter-params .filter-inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1280px
}

.c-copy-trading-futures-filter-params .filter-inner .via-radio-button {
    margin-inline-end: 8px
}

.c-copy-trading-futures-filter-params .filter-inner .via-radio-button .via-radio-button__inner {
    background-color: var(--bg-ffffff);
    border: 1px solid transparent;
    border-radius: 4px;
    color: rgb(var(--ui0-text-secondary));
    height: 42px;
    min-width: 100px
}

.c-copy-trading-futures-filter-params .filter-inner .via-radio-button:hover .via-radio-button__inner {
    background-color: rgb(var(--ui0-bg-button_alpha_hover))
}

.c-copy-trading-futures-filter-params .filter-inner .via-radio-button.is-active .via-radio-button__inner {
    background-color: rgb(var(--ui0-bg-button_alpha));
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98)
}

.c-copy-trading-futures-filter-params .filter-inner .via-select {
    border: 1px solid transparent;
    border-radius: 4px;
    height: 42px;
    margin-inline-end: 8px;
    width: 156px
}

.c-copy-trading-futures-filter-params .filter-inner .via-input {
    border: 1px solid transparent;
    border-radius: 4px
}

.c-copy-trading-futures-filter-params .filter-inner.short-lang-class .via-radio-button .via-radio-button__inner {
    min-width: auto
}

.c-copy-trading-futures-filter-params .filter-inner.short-lang-class .via-input {
    padding: 0 4px
}

.c-copy-trading-futures-filter-params .filter-inner-md {
    padding: 10px 16px 0
}

.c-copy-trading-futures-filter-params .filter-inner-md .via-input {
    width: 156px
}

.c-copy-trading-futures-filter-params .filter-inner-md .via-input .input-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.c-copy-trading-futures-filter-params .filter-inner-md .via-select {
    width: auto
}

.c-copy-trading-futures-filter-params .filter-inner-md .via-select .via-select-inner {
    padding: 0
}

.c-copy-trading-futures-filter-params .filter-inner-md .input {
    padding-inline-end: 0 !important
}

.c-copy-trading-futures-filter-params .filter-inner-md .via-select-input-wrap {
    padding-inline-start: 0
}

.c-copy-trading-futures-filter-params .filter-inner-md .hide-full-checkbox {
    display: flex;
    max-width: 130px;
    white-space: normal
}

.c-copy-trading-futures-filter-params .filter-inner-md .hide-full-checkbox .via-checkbox__label {
    line-height: 1.2;
    margin-inline-start: 3px
}

.c-copy-trading-futures-follow-icon {
    align-items: center;
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 8px;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.c-copy-trading-futures-follow-icon .iconfont {
    color: var(--text-e6e7eb);
    cursor: pointer
}

.c-copy-trading-futures-follow-icon .iconfont.active {
    color: var(--text-f38b2c)
}

.c-copy-trading-futures-follow-icon .iconfont.size-12 {
    font-size: 12px
}

.c-copy-trading-futures-trader-box {
    display: flex;
    flex-wrap: wrap;
    margin: 20px auto 32px;
    max-width: 1280px
}

.c-copy-trading-futures-trader-box .trader-box {
    background: rgb(var(--ui0-bg-card_lightgray));
    border: 1px solid var(--border-e6e7eb-gray0601);
    border-radius: 12px;
    cursor: pointer;
    margin-bottom: 20px;
    margin-inline-end: 20px;
    padding: 32px;
    transition: .4s;
    width: 412px
}

.c-copy-trading-futures-trader-box .trader-box:nth-of-type(3n) {
    margin-inline-end: 0
}

.c-copy-trading-futures-trader-box .trader-box:hover {
    background: rgb(var(--ui0-bg-hover_white));
    box-shadow: 0 10px 40px 0 rgba(164, 197, 205, .3);
    transform: translateY(-2px);
    transition: .4s
}

.c-copy-trading-futures-trader-box .trader-box .user-img {
    border-radius: 50%;
    display: inline;
    height: 42px;
    margin-inline-end: 8px;
    width: 42px
}

.c-copy-trading-futures-trader-box .once-trader-tag {
    align-items: center;
    background: rgba(22, 23, 25, .05);
    border-radius: 20px;
    color: rgb(var(--ui0-text-secondary));
    display: inline-flex;
    font-size: 12px;
    line-height: 16px;
    margin: 4px 0;
    padding: 4px 8px 4px 12px
}

.c-copy-trading-futures-trader-box .once-trader-tag:before {
    background: var(--bg-707580);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-inline-end: 4px;
    width: 6px
}

.c-copy-trading-futures-trader-box .trader-btn {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center
}

.c-copy-trading-futures-trader-box .trader-btn.is-following {
    border: 1px solid rgb(var(--ui0-bg-button_black_click));
    color: rgb(var(--ui0-text-primary));
    cursor: not-allowed
}

.c-copy-trading-futures-trader-box .trader-btn.is-disabled {
    border: 1px solid rgb(var(--ui0-line-heavy));
    color: rgb(var(--ui0-text-quaternary));
    cursor: not-allowed
}

.theme-night .c-copy-trading-futures-trader-box .once-trader-tag {
    background: rgba(249, 251, 254, .05)
}

.c-copy-trading-futures-traders-module .trader-box-wrap {
    margin-bottom: 20px;
    min-height: 300px
}

.c-copy-trading-not-support-subaccount-dialog .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-copy-trading-not-support-subaccount-dialog .icon-wrap .icon-tishi {
    color: #f38b2c;
    font-size: 60px
}

.p-copy-trading-futures {
    background-color: rgb(var(--ui0-bg-surface_white));
    padding-bottom: 80px
}

.p-copy-trading-futures .border-00000-40 {
    border-color: hsla(0, 0%, 100%, .4)
}

.p-copy-trading-futures .banner-box {
    background-image: url(../app-resources-d6/assets/31d7e75e8cb6ea3bb3ca3756ad0c395c_6a542c9279a7fef85f47.v2.webp) !important;
    background-size: 100% 296px;
    height: 296px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -58px;
    width: 100%;
    z-index: 1
}

.p-copy-trading-futures .banner-box.lead-banner {
    background-size: 100% 364px;
    height: 364px
}

.p-copy-trading-futures .banner {
    position: relative;
    text-align: center;
    z-index: 2
}

.p-copy-trading-futures .banner .banner-title {
    color: #fff;
    font-size: 42px;
    font-weight: 800;
    line-height: 38px;
    padding-top: 50px
}

.p-copy-trading-futures .banner .banner-title .trade {
    background: linear-gradient(#fec558 -9.21%, #f79f37 113.16%) text;
    -webkit-text-fill-color: transparent
}

.p-copy-trading-futures .banner .banner-dec {
    color: rgb(var(--ui0-text-black_primary));
    font-size: 14px;
    line-height: 20px;
    margin: 12px 0 20px
}

.p-copy-trading-futures .banner .video-intro {
    color: var(--text-0ead98);
    cursor: pointer;
    line-height: 18px;
    margin-bottom: 18px
}

.p-copy-trading-futures .banner .lead-btn {
    border: 1px solid hsla(0, 0%, 100%, .4);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 42px;
    transition: .4s
}

.p-copy-trading-futures .banner .lead-btn:hover {
    background: #fff;
    border-color: #fff;
    color: #161719;
    transition: .4s
}

.p-copy-trading-futures .banner .banner-nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 35px auto 10px;
    max-width: 1280px
}

.p-copy-trading-futures .banner .banner-nav .nav-l {
    color: hsla(0, 0%, 100%, .4);
    cursor: pointer;
    font-size: 20px;
    font-weight: 600
}

.p-copy-trading-futures .banner .banner-nav .nav-l .active {
    color: #fff;
    cursor: default
}

.p-copy-trading-futures .banner .banner-nav .nav-r .nav-r-span {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-inline-start: 20px
}

.p-copy-trading-futures .banner .banner-nav .nav-r-md .p-copy-trading-futures-nav-popper {
    min-width: 152px;
    padding: 12px 0
}

.p-copy-trading-futures .banner .banner-nav .nav-r-md .nav-item {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    line-height: 1;
    padding: 12px 20px
}

.p-copy-trading-futures .banner .banner-nav .nav-r-md .nav-item.active {
    color: var(--text-0ead98)
}

.p-copy-trading-futures .banner .banner-nav .nav-r-md .nav-item .nav-item-tip {
    background: hsla(6, 83%, 65%, .1);
    border-radius: 10px;
    color: #f06a5b;
    height: 20px;
    line-height: 20px;
    margin-inline-start: 4px;
    min-width: 20px;
    padding: 0 5px;
    text-align: center
}

.p-copy-trading-futures .banner .banner-nav .nav-r-md .split-line {
    border-top: 1px solid var(--border-f7f8fa);
    margin: 12px 0 12px 12px
}

.p-copy-trading-futures .banner .banner-nav .nav-r-md .sub-nav-item {
    color: var(--text-161719);
    line-height: 1;
    padding: 12px 20px 12px 32px;
    padding-inline-start: 32px;
    text-align: start
}

.p-copy-trading-futures .banner .banner-nav .nav-r-md .via-collapse .via-collapse-item__header {
    background: none !important;
    border: none !important;
    color: var(--text-161719) !important;
    font-size: 14px !important;
    height: auto !important;
    line-height: 1 !important;
    padding: 12px 0 12px 20px !important;
    padding-inline-start: 20px !important
}

.p-copy-trading-futures .banner .banner-nav .nav-r-md .via-collapse .via-collapse-item__header .via-collapse-item__arrow .icon-next {
    color: var(--text-707580) !important
}

.p-copy-trading-futures .banner .banner-nav .nav-r-md .via-collapse .via-collapse-item__content {
    padding: 0 !important
}

.p-copy-trading-futures .banner .banner-nav .nav-r-md .via-collapse .via-collapse-item__wrap {
    border: none
}

.c-futures-market-info-layout-mobile {
    background: linear-gradient(#f4f6f9, #fff)
}

.c-futures-market-info-layout-mobile .via-menu {
    background-color: transparent;
    border-bottom: none;
    display: flex;
    overflow: auto hidden
}

.c-futures-market-info-layout-mobile .via-menu::-webkit-scrollbar {
    display: none;
    height: 0
}

.c-futures-market-info-layout-mobile .via-menu .via-menu-item {
    background-color: transparent !important;
    border-bottom: none;
    color: var(--text-7d7f81);
    font-size: 16px;
    height: 50px;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.c-futures-market-info-layout-mobile .via-menu .via-menu-item.is-active {
    background-color: transparent;
    color: var(--text-27282c);
    font-size: 20px;
    font-weight: 700;
    position: relative
}

.c-futures-market-info-layout-mobile .via-menu .via-menu-item.is-active:after {
    background-color: var(--bg-0ead98);
    bottom: 0;
    content: "";
    display: inline-block;
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 35px
}

.theme-night .c-futures-market-info-layout-mobile {
    background: #171a1f
}

.c-futures-marketinfo-layout-pc .via-menu {
    background-color: transparent;
    overflow: hidden
}

.c-futures-marketinfo-layout-pc .via-menu .menu-icon {
    background-size: contain;
    height: 24px;
    margin-inline-end: 10px;
    transition: .4s ease-out;
    width: 24px
}

.c-futures-marketinfo-layout-pc .via-menu .menu-icon.img-contract {
    background-image: url(../app-resources-d6/assets/387f676a203ff9b331e38a3b3fa7df94_0e83fe44a80653c0d154.v2.webp)
}

.c-futures-marketinfo-layout-pc .via-menu .menu-item {
    width: 145px
}

.c-futures-marketinfo-layout-pc .via-menu .via-menu-item-group {
    background: var(--bg-ffffff);
    border-radius: 20px;
    padding: 8px
}

.c-futures-marketinfo-layout-pc .via-menu .via-menu-item-group .via-menu-item-group-title {
    display: none
}

.c-futures-marketinfo-layout-pc .via-menu .via-menu-item,
.c-futures-marketinfo-layout-pc .via-menu .via-submenu .via-submenu-title {
    color: var(--text-161719);
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding: 0 25px
}

.c-futures-marketinfo-layout-pc .via-menu .via-menu-item.is-active,
.c-futures-marketinfo-layout-pc .via-menu .via-menu-item:hover,
.c-futures-marketinfo-layout-pc .via-menu .via-submenu .via-submenu-title.is-active,
.c-futures-marketinfo-layout-pc .via-menu .via-submenu .via-submenu-title:hover {
    background-color: rgba(14, 173, 152, .05);
    border-radius: 10px;
    color: var(--text-0ead98) !important
}

.c-futures-marketinfo-layout-pc .via-menu .via-menu-item.is-active .img-contract,
.c-futures-marketinfo-layout-pc .via-menu .via-menu-item:hover .img-contract,
.c-futures-marketinfo-layout-pc .via-menu .via-submenu .via-submenu-title.is-active .img-contract,
.c-futures-marketinfo-layout-pc .via-menu .via-submenu .via-submenu-title:hover .img-contract {
    background-image: url(../app-resources-d6/assets/b4ad351f12c0a11d10c1ea0574d4ba18_23225cae6b140faaca45.v2.webp)
}

.c-futures-marketinfo-layout-pc .via-menu .via-submenu .via-menu-item {
    height: 40px;
    line-height: 40px;
    padding-inline-start: 57px !important
}

.c-futures-marketinfo-layout-pc .via-menu .via-submenu .via-menu-item .content-inner {
    color: var(--text-3a3d42);
    height: 40px
}

.c-futures-marketinfo-layout-pc .via-menu .via-submenu .via-menu-item.is-active .content-inner,
.c-futures-marketinfo-layout-pc .via-menu .via-submenu .via-menu-item:hover .content-inner,
.c-futures-marketinfo-layout-pc .via-menu .via-submenu.is-active .via-submenu-icon,
.c-futures-marketinfo-layout-pc .via-menu .via-submenu.is-active .via-submenu-title {
    color: var(--text-0ead98)
}

.p-perputual-marketinfo {
    color: var(--text-27282c)
}

.p-perputual-marketinfo .coin-icon {
    margin-inline-end: 5px;
    width: 20px
}

.p-perputual-marketinfo .link-help:hover {
    color: var(--text-1bbeb2);
    transition: .4s
}

.p-perputual-marketinfo .market-info-table:before {
    display: none
}

.p-perputual-marketinfo .market-info-table .el-table__header thead tr th {
    background-color: var(--bg-fbfbfb);
    border-bottom: none;
    color: var(--text-7d7f81);
    font-size: 12px;
    font-weight: 400;
    padding: 10px 5px
}

.p-perputual-marketinfo .market-info-table .el-table__body-wrapper {
    border-right: 1px solid var(--border-f4f6fa)
}

.p-perputual-marketinfo .market-info-table .el-table__body-wrapper .el-table__body {
    border-collapse: collapse
}

.p-perputual-marketinfo .market-info-table .el-table__body-wrapper .el-table__body tr td {
    border: 1px solid var(--border-f4f6fa);
    color: var(--text-27282c);
    font-size: 12px;
    font-weight: 700
}

.c-futures-topic-activity {
    margin: 32px auto 0;
    width: 1280px
}

.c-futures-topic-activity .activity-title {
    color: var(--text-27282c);
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 8px
}

.c-futures-topic-activity .activity-item {
    align-items: center;
    background-color: var(--bg-0ead98-5);
    border-radius: 20px;
    display: flex;
    margin-top: 12px;
    padding-inline: 22px 40px;
    padding-bottom: 14px;
    padding-top: 12px
}

.c-futures-topic-activity .activity-item .activity-img {
    height: 78px;
    width: 78px
}

.c-futures-topic-activity .activity-item .activity-detail-btn {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin-inline-start: 12px;
    min-width: 134px;
    padding: 0 20px;
    text-align: center
}

.c-perpetual-topic-course .video-cover {
    background: url(../app-resources-d6/assets/f3eeb1fcbf138e91d637ca8cf3b727d3_03672af73e63c8c8ab2b.v2.webp) 0 0/100% 100% no-repeat;
    border-radius: 4px;
    cursor: pointer;
    padding-top: 56.25%;
    position: relative;
    width: 640px
}

.c-perpetual-topic-course .video-cover img {
    height: 90px;
    left: 50%;
    margin: -45px 0 0 -45px;
    position: absolute;
    top: 50%;
    width: 90px
}

.c-perpetual-topic-course .video-wrap {
    border-radius: 4px
}

.c-perpetual-topic-course .video-wrap video {
    width: 640px
}

.c-perpetual-newbieguide-exam .content {
    min-height: 350px
}

.c-perpetual-newbieguide-exam .radio {
    background-color: var(--bg-f8fcfb);
    border: 1px solid var(--border-e0e3ed);
    border-radius: 100%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    flex-shrink: 0;
    height: 14px;
    position: relative;
    width: 14px
}

.c-perpetual-newbieguide-exam .radio:after {
    background-color: var(--bg-f8fcfb);
    border-radius: 100%;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform .15s ease-in;
    width: 4px
}

.c-perpetual-newbieguide-exam .correct {
    color: #0ead98
}

.c-perpetual-newbieguide-exam .correct .radio {
    background: #0ead98;
    border-color: #0ead98
}

.c-perpetual-newbieguide-exam .correct .radio:after {
    background-color: var(--bg-ffffff)
}

.c-perpetual-newbieguide-exam .error {
    color: #db5541
}

.c-perpetual-newbieguide-exam .error .radio {
    background: #db5541;
    border-color: #db5541
}

.c-perpetual-newbieguide-exam .error .radio:after {
    background-color: var(--bg-ffffff)
}

.c-perpetual-newbieguide-exam .info {
    height: 95px;
    max-height: 400px;
    overflow-y: auto
}

.c-perpetual-newbieguide-exam .btn-wrapper {
    display: flex
}

.c-perpetual-newbieguide-exam .btn-bottom {
    bottom: 0;
    display: block;
    left: 0;
    padding: 0 20px 20px;
    position: absolute;
    width: 100%
}

.c-perpetual-topic-transform .account-wrapper {
    background: var(--bg-f7f8fa);
    border-radius: 8px;
    height: 150px;
    padding: 16px 20px;
    padding-inline-start: 32px;
    position: relative
}

.c-perpetual-topic-transform .account-wrapper .bg-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    left: 0;
    padding: 16px 20px;
    padding-inline-start: 32px;
    position: absolute;
    top: 0;
    width: 100%
}

.c-perpetual-topic-transform .account-wrapper .bg-wrapper li {
    background: var(--bg-fefefe);
    border-radius: 4px;
    height: 48px
}

.c-perpetual-topic-transform .account-wrapper .step-wrapper {
    bottom: 45px;
    inset-inline-start: 14px;
    position: absolute;
    top: 45px;
    width: 5px
}

.c-perpetual-topic-transform .account-wrapper .step-wrapper:after,
.c-perpetual-topic-transform .account-wrapper .step-wrapper:before {
    border-radius: 50%;
    content: " ";
    height: 5px;
    position: absolute;
    width: 5px
}

.c-perpetual-topic-transform .account-wrapper .step-wrapper:before {
    background: var(--text-0ead98);
    top: -7px
}

.c-perpetual-topic-transform .account-wrapper .step-wrapper:after {
    background: var(--text-f38b2c);
    bottom: -7px
}

.c-perpetual-topic-transform .account-wrapper .step-wrapper .line {
    border-left: 1px dashed var(--border-e0e3ed);
    height: 100%;
    left: 2px;
    position: absolute;
    top: 0
}

.c-perpetual-topic-transform .account-wrapper .side-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.c-perpetual-topic-transform .account-wrapper .side-wrapper li {
    height: 48px;
    line-height: 48px;
    padding: 0 12px;
    position: relative;
    white-space: nowrap
}

.c-perpetual-topic-transform .account-wrapper .side-wrapper li:after {
    border-left: 1px solid var(--border-e6e7eb);
    content: " ";
    height: 16px;
    inset-inline-end: 0;
    position: absolute;
    top: 16px
}

.c-perpetual-topic-transform .account-wrapper .value-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    position: relative
}

.c-perpetual-topic-transform .account-wrapper .value-wrapper li {
    align-items: center;
    display: flex;
    height: 48px
}

.c-perpetual-topic-transform .account-wrapper .value-wrapper li img {
    height: 20px;
    width: 20px
}

.c-perpetual-topic-dialog-finish .status-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.c-perpetual-topic-dialog-finish .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-perpetual-topic-dialog-finish .icon-wrap .el-icon-success {
    color: #0ead98;
    font-size: 60px
}

.c-futures-novice-benefits {
    background: linear-gradient(103deg, #f8f2ff 4.25%, #e8d7fe 59.02%, #fff9d8 101.91%);
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    margin: 48px auto 0;
    padding: 32px 30px 30px;
    position: relative;
    width: 1280px
}

.c-futures-novice-benefits.is-page {
    margin: 0;
    min-height: 100vh
}

.c-futures-novice-benefits:after {
    background-image: url(../app-resources-d6/assets/c7b5e64822995b492bfd53d3f7b9d930_1f4cfcc5abc689086c5b.v2.webp);
    background-size: 100% 100%;
    content: "";
    height: 148px;
    inset-inline-start: -25px;
    position: absolute;
    top: 15px;
    width: 309px;
    z-index: 0
}

.c-futures-novice-benefits .purple-text {
    color: #9244f4
}

.c-futures-novice-benefits .novice-title {
    order: 1;
    position: relative;
    width: 800px;
    z-index: 1
}

.c-futures-novice-benefits .task-wrapper {
    background-color: var(--text-ffffff);
    border-radius: 20px;
    display: flex;
    margin-top: 18px;
    order: 3;
    padding: 30px 50px;
    position: relative;
    width: 100%;
    z-index: 1
}

.c-futures-novice-benefits .task-wrapper:after {
    border-top: 1px dashed var(--border-dee0e3);
    content: "";
    height: 1px;
    inset-inline-start: 76px;
    position: absolute;
    top: 43px;
    width: 924px;
    z-index: 0
}

.c-futures-novice-benefits .task-wrapper .task-item {
    align-items: flex-start;
    display: flex;
    flex: 1 1 0px;
    flex-direction: column;
    position: relative
}

.c-futures-novice-benefits .task-wrapper .task-item+.task-item {
    padding-inline-start: 112px
}

.c-futures-novice-benefits .task-wrapper .task-index {
    position: relative;
    z-index: 1
}

.c-futures-novice-benefits .task-wrapper .task-index .task-index-num {
    align-items: center;
    background-color: var(--text-ffffff);
    border: 1px solid var(--text-707580);
    border-radius: 100%;
    color: var(--text-161719);
    display: flex;
    font-size: 14px;
    height: 26px;
    justify-content: center;
    width: 26px
}

.c-futures-novice-benefits .task-wrapper .task-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.c-futures-novice-benefits .task-wrapper .task-desc {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px
}

.c-futures-novice-benefits .task-wrapper .task-btn {
    align-items: center;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex;
    margin-top: 8px;
    text-align: end
}

.c-futures-novice-benefits .task-wrapper .task-btn i {
    transform: scale(.8)
}

.c-futures-novice-benefits .novice-btn {
    align-items: flex-end;
    display: flex;
    flex: 1 1 0px;
    flex-direction: column;
    order: 2;
    padding-inline-start: 40px
}

.c-futures-novice-benefits .novice-btn .draw-btn {
    background-image: url(../app-resources-d6/assets/47d5b809765eea6a60b49dedc4517a68_2643a112172d62f59136.v2.webp);
    background-size: 100% 100%;
    border: none;
    color: #d66700;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    line-height: 44px;
    min-width: 140px;
    padding: 0 10px;
    text-align: center
}

.c-futures-topic-ranking-list {
    background: var(--bg-ffffff);
    border-radius: 20px;
    width: 410px
}

.c-futures-topic-ranking-list .ranking-list-header {
    color: var(--text-3a3d42);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 18px 20px
}

.c-futures-topic-ranking-list .c-futures-topic-ranking-list-table .table-header-wrapper {
    background-color: var(--bg-fafbfc)
}

.c-futures-topic-ranking-list .c-futures-topic-ranking-list-table .table-header .table-label {
    height: 38px
}

.c-futures-topic-ranking-list .c-futures-topic-ranking-list-table .table-list-item {
    cursor: pointer;
    font-size: 16px;
    height: 52px
}

.c-futures-topic-ranking-list .c-futures-topic-ranking-list-table .table-list-item td.table-prop:first-child {
    padding-inline-start: 20px !important
}

.c-futures-topic-ranking-list .c-futures-topic-ranking-list-table .table-list-item td.table-prop:last-child {
    padding-inline-end: 20px !important
}

.c-futures-topic-ranking-list .c-futures-topic-ranking-list-table .table-list-item .table-prop-cell {
    border-bottom: 0
}

.c-futures-topic-ranking-list .c-futures-topic-ranking-list-table .table-list-item .table-prop-cell .change,
.c-futures-topic-ranking-list .c-futures-topic-ranking-list-table .table-list-item .table-prop-cell .last-price-cell {
    font-size: 14px
}

.c-perpetual-topic-data-chart {
    margin: 60px auto 0;
    width: 1280px
}

.c-topic-charts-common-wrapper {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-f2f3f5);
    border-radius: 20px;
    min-height: 355px;
    padding: 20px 12px 16px;
    width: 410px
}

.c-topic-charts-common-wrapper .topic-chart-title {
    align-items: flex-start;
    color: var(--text-3a3d42);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: space-between;
    line-height: normal
}

.c-topic-charts-common-wrapper .topic-chart-title .topic-chart-hint-img {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-top: 4px;
    margin-inline-start: 2px;
    vertical-align: top;
    width: 16px
}

.c-topic-charts-common-wrapper .topic-chart-title .topic-chart-full-icon {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-inline-start: 4px;
    width: 24px
}

.chart-topic-tooltip {
    max-width: calc(-60px + 100vw);
    white-space: normal;
    word-break: break-word
}

.c-perpetual-topic-data-chart-dialog .c-topic-charts-common-wrapper {
    border: none;
    min-height: auto;
    padding: 0;
    width: 100%
}

.c-perpetual-topic-data-chart-dialog .topic-chart-title {
    color: var(--text-3a3d42);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    padding-inline-end: 30px
}

.c-futures-topic-guide {
    overflow: hidden;
    padding-top: 72px;
    position: relative
}

.c-futures-topic-guide:after {
    background: linear-gradient(hsla(180, 9%, 98%, .6) 53.84%, rgba(223, 236, 244, .6));
    bottom: 0;
    content: "";
    height: 502px;
    inset-inline-start: 0;
    position: absolute;
    width: 100%;
    z-index: 0
}

.c-futures-topic-guide .position-box-fixed-width {
    margin: 0 auto;
    position: relative;
    width: 1280px;
    z-index: 1
}

.c-futures-topic-guide .guide-item-link {
    align-items: center;
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    color: var(--text-27282c);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 66px;
    justify-content: space-between;
    padding: 22px 20px;
    width: 100%
}

.c-futures-topic-guide .guide-item-link+.guide-item-link {
    margin-top: 14px
}

.c-futures-topic-guide .guide-item-link:hover {
    background-color: var(--bg-f7f8fa)
}

.c-futures-topic-guide .guide-content-app {
    margin-top: 95px;
    width: 736px
}

.c-futures-topic-guide .guide-content-app .download-channel {
    align-items: center;
    background-color: var(--bg-ffffff);
    border-radius: 8px;
    color: var(--text-161719);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: normal;
    padding: 10px 24px
}

.c-futures-topic-guide .guide-content-app .download-channel+.download-channel {
    margin-inline-start: 12px
}

.c-futures-topic-guide .guide-screenshot .screenshot-mobile {
    inset-inline-start: 736px;
    position: absolute;
    top: -15px;
    width: 200px;
    z-index: 2
}

.c-futures-topic-guide .guide-screenshot .screenshot-pc {
    inset-inline-start: 757px;
    position: absolute;
    top: 33px;
    width: 693px;
    z-index: 1
}

.theme-night .c-futures-topic-guide:after {
    background: none;
    height: 0
}

.p-futures-topic .topic-header {
    color: var(--text-161719);
    font-size: 42px;
    font-weight: 800;
    line-height: 50px;
    margin: 58px auto 0;
    max-width: 1000px;
    position: relative;
    text-align: center
}

.p-futures-topic .topic-header .header-btn {
    width: 176px
}

.p-futures-topic .topic-header:before {
    background-image: url(../app-resources-d6/assets/412d6300b61eecf1a73fd54464bb3ec7_62fc10c789e2ddb7649d.v2.webp);
    background-size: 100% 100%;
    content: "";
    height: 34px;
    inset-inline-end: 0;
    position: absolute;
    top: 22px;
    width: 34px
}

.p-futures-topic .topic-header:after {
    background-image: url(../app-resources-d6/assets/d92c496d7b7f257495e24f489d5b726d_2674559e5e3f47ab3b72.v2.webp);
    background-size: 100% 100%;
    bottom: 88px;
    content: "";
    height: 24px;
    inset-inline-start: 0;
    position: absolute;
    width: 24px
}

.p-futures-topic .topic-header .topic-small-title {
    margin: 0 auto;
    width: 800px;
    word-break: break-word
}

.p-futures-topic .topic-header.isCn {
    max-width: 800px
}

.p-futures-topic .topic-header.isCn .topic-small-title {
    width: 300px
}

.p-futures-topic .topic-header.isCn:before {
    inset-inline-end: 127px
}

.p-futures-topic .topic-header.isCn:after {
    inset-inline-start: 137px
}

.p-futures-topic .topic-data-list {
    border: 1px solid var(--border-dee0e3);
    border-radius: 20px;
    display: flex;
    margin: 32px auto 0;
    padding: 32px 0 26px;
    width: 1280px
}

.p-futures-topic .topic-data-list .data-item {
    align-items: center;
    display: flex;
    flex: 1.5 1.5 0px;
    flex-direction: column
}

.p-futures-topic .topic-data-list .data-item .info {
    color: var(--text-161719);
    font-size: 24px;
    font-weight: 700;
    line-height: 20px
}

.p-futures-topic .topic-data-list .data-item .name {
    color: var(--text-707580);
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px
}

.p-futures-topic .topic-data-list .data-item+.data-item {
    position: relative
}

.p-futures-topic .topic-data-list .data-item+.data-item:before {
    background-color: var(--bg-e6e7eb);
    content: "";
    height: 42px;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.p-futures-topic .topic-links {
    display: flex;
    justify-content: space-between;
    margin: 40px auto 0;
    width: 1280px
}

.p-futures-topic .topic-links .link-item {
    align-items: center;
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    color: var(--text-161719);
    display: flex;
    height: 102px;
    padding-inline: 20px 32px;
    transition: .4s;
    width: 410px
}

.p-futures-topic .topic-links .link-item+.link-item {
    margin-inline-start: 25px
}

.p-futures-topic .topic-links .link-item:hover {
    background-color: var(--bg-f7f8fa-gray0801)
}

.p-futures-topic .topic-links .link-item:hover .icon-next,
.p-futures-topic .topic-links .link-item:hover .link-title {
    color: var(--text-0ead98)
}

.p-futures-topic .topic-links .link-item .link-img {
    height: 52px;
    margin-inline-end: 20px;
    width: 52px
}

.p-futures-topic .topic-links .link-item .link-title {
    color: var(--text-27282c);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.p-futures-topic .topic-links .link-item .link-desc {
    color: var(--text-7d7f81);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 4px
}

.p-futures-topic .ranking-list-wrap {
    margin: 40px auto 0;
    width: 1280px
}

.theme-night .topic-header:after {
    background-image: url(../app-resources-d6/assets/c89b5cf17a483b7cc99828357512e1ca_711db1a45b5d34db15d1.v2.webp)
}

.c-futures-select {
    align-items: center;
    display: flex
}

.c-futures-market-info-slot-content .title-box {
    align-items: center;
    color: var(--text-27282c);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0
}

.c-futures-market-info-slot-content .title-box a {
    background: var(--bg-0ead98-10);
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    padding: 0 12px
}

.c-futures-market-info-slot-content .title-box a i.iconfont {
    font-size: 12px
}

.c-futures-market-info-slot-content .title-box .title {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    justify-content: space-between
}

.c-futures-market-info-slot-content .title-box .title .title-label {
    color: var(--text-27282c);
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.c-futures-market-info-slot-content .content-box {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    padding: 20px 32px
}

.c-futures-market-info-slot-content .content-box .select-row-box {
    padding-bottom: 20px
}

.c-futures-market-info-slot-content .content-box .sec-title {
    color: var(--text-27282c);
    font-size: 14px;
    font-weight: 600
}

.p-perpetual-marketinfo-contract .content-box .info-box {
    margin-bottom: 60px
}

.p-perpetual-marketinfo-contract .content-box .info-box .info-table {
    width: 100%
}

.p-perpetual-marketinfo-contract .content-box .info-box .info-table .table-l {
    background-color: var(--bg-fbfbfb);
    border-bottom: none;
    color: var(--text-7d7f81);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 12px;
    padding-inline-start: 30px;
    width: 260px;
    word-break: break-word
}

.p-perpetual-marketinfo-contract .content-box .info-box .info-table .table-r {
    border-right: 1px solid var(--border-f4f6fa);
    border-top: 1px solid var(--border-f4f6fa);
    color: var(--text-27282c);
    padding: 12px;
    padding-inline-start: 30px;
    width: calc(100% - 230px);
    word-break: break-word
}

.p-perpetual-marketinfo-contract .content-box .info-box .info-table .border-bottom {
    border-bottom: 1px solid var(--border-f4f6fa)
}

.p-perpetual-marketinfo-contract .content-box .info-box .info-table .l-t-radius {
    border-top-left-radius: 4px
}

.p-perpetual-marketinfo-contract .content-box .info-box .info-table .l-b-radius {
    border-bottom-left-radius: 4px
}

.p-perpetual-marketinfo-contract .content-box .info-box .info-table .r-t-radius {
    border-top-right-radius: 4px
}

.p-perpetual-marketinfo-contract .content-box .info-box .info-table .r-b-radius {
    border-bottom-right-radius: 4px
}

.p-perpetual-marketinfo-contract .content-box .level-wrap {
    background-color: var(--bg-fbfbfb);
    border-radius: 20px
}

.p-perpetual-marketinfo-contract .com-table {
    border-color: var(--border-f4f6fa)
}

.p-perpetual-marketinfo-contract .com-table thead th {
    background: var(--bg-fbfbfb);
    font-weight: 400
}

.p-perpetual-marketinfo-contract .com-table thead th .cell {
    padding: 0
}

.p-perpetual-marketinfo-contract .com-table tbody tr td:first-child:before,
.p-perpetual-marketinfo-contract .com-table tbody tr td:last-child:before {
    width: 0
}

.c-futures-newbieguide-home .logo {
    width: 128px
}

.c-futures-newbieguide-home .icon-file,
.c-futures-newbieguide-home .icon-play {
    width: 20px
}

.c-futures-newbieguide-video .btn {
    min-width: 240px
}

.c-futures-newbieguide-video .video-pc-cover {
    background: url(../app-resources-d6/assets/f3eeb1fcbf138e91d637ca8cf3b727d3_03672af73e63c8c8ab2b.v2.webp) 0 0/100% 100% no-repeat;
    height: 360px;
    width: 640px
}

.c-futures-newbieguide-video .video-pc-wrap {
    min-height: 270px
}

.c-futures-newbieguide-video .video-pc-wrap .video-pc {
    height: 360px;
    width: 640px
}

.c-futures-newbieguide-video .video-cover {
    min-height: 300px;
    width: 100%
}

.c-futures-newbieguide-video .video-cover .video-open {
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 62px
}

.c-futures-guide-video-dialog .via-dialog {
    background-color: rgba(0, 0, 0, .5);
    min-width: 300px
}

.c-futures-guide-video-dialog .via-dialog .via-dialog-close {
    right: 0 !important;
    top: 5px !important
}

.c-futures-guide-video-dialog .video {
    min-height: 200px;
    outline: none;
    width: 100%
}

.c-futures-newbieguide-exam .content {
    min-height: 350px
}

.c-futures-newbieguide-exam .radio {
    background-color: var(--bg-f8fcfb);
    border: 1px solid var(--border-e0e3ed);
    border-radius: 100%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    flex-shrink: 0;
    height: 14px;
    position: relative;
    width: 14px
}

.c-futures-newbieguide-exam .radio:after {
    background-color: var(--bg-f8fcfb);
    border-radius: 100%;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform .15s ease-in;
    width: 4px
}

.c-futures-newbieguide-exam .correct {
    color: #0ead98
}

.c-futures-newbieguide-exam .correct .radio {
    background: #0ead98;
    border-color: #0ead98
}

.c-futures-newbieguide-exam .correct .radio:after {
    background-color: var(--bg-ffffff)
}

.c-futures-newbieguide-exam .error {
    color: #db5541
}

.c-futures-newbieguide-exam .error .radio {
    background: #db5541;
    border-color: #db5541
}

.c-futures-newbieguide-exam .error .radio:after {
    background-color: var(--bg-ffffff)
}

.c-futures-newbieguide-exam .info {
    height: 95px;
    max-height: 400px;
    overflow-y: auto
}

.c-futures-newbieguide-exam .footer-button {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px
}

.c-futures-newbieguide-success {
    min-height: 422px
}

.c-futures-newbieguide-success .icon-success {
    height: 114px;
    width: 114px
}

.c-futures-market-tags {
    display: flex
}

.c-futures-market-tags .tag-item {
    background: var(--bg-fafbfc);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin-inline-start: 8px;
    max-width: 100px;
    min-width: 54px;
    overflow: hidden;
    padding: 0 12px;
    text-align: center;
    text-overflow: ellipsis;
    transition: .4s ease-out;
    white-space: nowrap
}

.c-futures-market-tags .tag-item:first-of-type {
    margin-inline-start: 0
}

.c-futures-market-tags .tag-item.active,
.c-futures-market-tags .tag-item:hover {
    background: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.c-futures-market-tags .current-more-tag {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-width: 70px
}

.c-futures-market-tags .tags-shrink-wrapper {
    max-height: 360px;
    overflow: hidden auto;
    padding: 12px;
    padding-inline-end: 5px;
    width: 330px
}

.c-futures-market-tags .tags-shrink-wrapper ul {
    display: flex;
    flex-wrap: wrap
}

.c-futures-market-tags .tags-shrink-wrapper li {
    background: var(--bg-fafbfc);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin-inline-end: 7px;
    margin-bottom: 7px;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    transition: .4s ease-out;
    white-space: nowrap;
    width: 94px
}

.c-futures-market-tags .tags-shrink-wrapper li.active,
.c-futures-market-tags .tags-shrink-wrapper li:hover {
    background: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.c-futures-market {
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-futures-market .width-40 {
    width: 40%
}

.c-futures-market .width-30 {
    width: 30%
}

.c-futures-market .c-futures-market-tab {
    align-items: center;
    display: flex;
    height: 54px;
    padding: 0 16px
}

.c-futures-market .c-futures-market-tab .c-futures-market-tab-item {
    color: var(--text-707580);
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-futures-market .c-futures-market-tab .c-futures-market-tab-item.active {
    color: var(--text-161719)
}

.c-futures-market .c-futures-market-tab .c-futures-market-tab-item:last-child {
    margin-inline-start: 20px
}

.c-futures-market .c-futures-market-area-tab {
    align-items: center;
    display: flex;
    height: 24px;
    margin-top: 10px;
    padding: 0 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-futures-market .c-futures-market-area-tab .follow-area {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-inline-end: 15px;
    width: 24px
}

.c-futures-market .c-futures-market-area-tab .follow-area i.iconfont {
    color: var(--text-b4b7bd);
    font-size: 14px
}

.c-futures-market .c-futures-market-area-tab .follow-area.active {
    background: rgba(14, 173, 152, .1)
}

.c-futures-market .c-futures-market-area-tab .follow-area.active i.iconfont {
    color: var(--text-0ead98)
}

.c-futures-market .c-futures-market-area-tab .tab-item {
    color: var(--text-3a3d42);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    position: relative
}

.c-futures-market .c-futures-market-area-tab .tab-item:hover {
    color: var(--text-0ead98)
}

.c-futures-market .c-futures-market-area-tab .tab-item.active {
    color: var(--text-161719)
}

.c-futures-market .c-futures-market-area-tab .tab-item.active:after {
    background-color: var(--bg-0ead98);
    bottom: -4px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.c-futures-market .c-futures-market-list-wrap {
    flex: 1 1 0%
}

.c-futures-market .c-futures-market-list-wrap .market-lever {
    background: rgba(14, 173, 152, .05);
    border-radius: 4px;
    color: var(--text-0ead98);
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-inline-start: 5px;
    min-width: 28px;
    padding: 0 5px;
    text-align: center
}

.c-exchange-market-info {
    background-color: var(--bg-ffffff);
    border-radius: 16px;
    box-shadow: 0 6px 16px 5px rgba(164, 197, 205, .1);
    box-sizing: border-box;
    font-family: IBMPlexSans, DIN, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif, PingFangSC-regular;
    width: 330px
}

.c-exchange-market-info .relevant-market-title {
    background: url(../app-resources-d6/assets/33c5df4c3f66981046882edb8689a414_d5c07f98b93d5e60aff2.v2.svg) 20px no-repeat;
    height: 34px;
    line-height: 34px;
    padding-inline-start: 43px
}

.c-exchange-market-info .coin-name {
    width: 140px
}

.c-exchange-market-info .relate-market {
    background: linear-gradient(90deg, rgba(14, 173, 152, .12), rgba(14, 173, 152, 0) 45%);
    height: 28px;
    line-height: 28px
}

.c-exchange-market-info .list-item {
    display: flex;
    font-weight: 500;
    justify-content: space-between;
    padding: 9px 20px
}

.c-exchange-market-info .list-item:hover {
    background: var(--bg-f7f8fa)
}

.c-exchange-market-info .multiple {
    background: var(--bg-0ead98-5);
    border-radius: 4px;
    color: var(--text-0ead98);
    display: inline-block;
    height: 18px;
    line-height: 20px;
    min-width: 28px;
    text-align: center
}

[dir=rtl] .c-exchange-market-info .relevant-market-title {
    background-position: calc(100% - 20px)
}

[dir=rtl] .c-exchange-market-info .relate-market {
    background: linear-gradient(270deg, rgba(14, 173, 152, .12), rgba(14, 173, 152, 0) 45%)
}

.c-futures-ticker {
    align-items: center;
    display: flex;
    height: 52px
}

.c-futures-ticker .transform-rotate-180 {
    transform: rotate(180deg)
}

.c-futures-ticker .line-height-20 {
    line-height: 20px
}

.c-futures-ticker .min-w-100px {
    min-width: 100px
}

.c-futures-ticker .sign {
    background-color: #f2f2f5;
    border-radius: 10px;
    color: #707580;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    min-width: 37px;
    padding: 0 8px;
    text-align: center
}

.c-futures-ticker .market {
    color: #2c3341;
    font-weight: 500
}

.c-futures-ticker .ticker-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 4px
}

.c-futures-ticker .currency,
.c-futures-ticker .divider {
    color: #abb3c0;
    font-size: 16px;
    font-weight: 500
}

.c-futures-ticker .activity .iconfont {
    color: #f7b977
}

.c-futures-ticker .price {
    font-weight: 500
}

.c-futures-ticker .legal,
.c-futures-ticker .name {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding-top: 2px
}

.c-futures-ticker .text {
    color: var(--text-27282c);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding-top: 4px;
    white-space: nowrap
}

.c-futures-ticker .no-outline {
    outline: none
}

.c-futures-ticker .c-futures-marketInfo-dropdown .via-dropdown-icon {
    color: var(--text-0ead98)
}

.via-tooltip.ticker-tip .content {
    color: var(--text-3a3d42)
}

.via-popover-container.c-futures-market-popover {
    border-radius: 16px;
    padding: 0
}

.via-popover-container.c-futures-market-popover .market-container {
    height: 600px;
    width: 368px
}

.c-future-orderbook-menu {
    align-items: center;
    display: flex;
    height: 42px;
    justify-content: space-between
}

.c-future-orderbook-menu .menu-item {
    align-items: center;
    border: 1px solid var(--border-f2f3f5);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.c-future-orderbook-menu .menu-item+.menu-item {
    margin-inline-start: 8px
}

.c-future-orderbook-menu .menu-item.active {
    border-color: var(--border-0ead98)
}

.c-future-orderbook-menu .via-select.c-futures-orderbook-select.long {
    width: 170px
}

.c-future-orderbook-menu .via-select.c-futures-orderbook-select .via-select-label {
    color: var(--text-707580)
}

.c-future-orderbook-menu .via-select.c-futures-orderbook-select.via-select-plaintext {
    width: auto
}

.c-futures-orderbook-list {
    inset: 0;
    position: absolute
}

.c-futures-orderbook-list.list-reverse .c-futures-orderbook-list-body .via-scrollbar-content {
    display: flex;
    flex-direction: column;
    height: 100% !important;
    position: relative
}

.c-futures-orderbook-list.list-reverse .c-futures-orderbook-list-body .via-scrollbar-content:before {
    content: "";
    display: block;
    flex: 1 1 0%;
    width: 100%
}

.c-futures-orderbook-list.list-reverse .c-futures-orderbook-list-body .list-item:hover:after {
    bottom: auto;
    top: 0
}

.c-futures-orderbook-list .c-futures-orderbook-list-body {
    height: 100%
}

.c-futures-orderbook-list .c-futures-orderbook-list-body.disable-click {
    pointer-events: none
}

.c-futures-orderbook-list .c-futures-orderbook-list-body .list-item {
    align-items: center;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    padding: 4px 20px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-futures-orderbook-list .c-futures-orderbook-list-body .list-item.sell {
    background-image: linear-gradient(rgba(219, 85, 65, .06), rgba(219, 85, 65, .06));
    background-position: 100% 0;
    background-repeat: no-repeat
}

.c-futures-orderbook-list .c-futures-orderbook-list-body .list-item.sell.has-order:before {
    background-color: var(--bg-db5541);
    bottom: 0;
    content: "";
    display: block;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.c-futures-orderbook-list .c-futures-orderbook-list-body .list-item.buy {
    background-image: linear-gradient(rgba(14, 173, 152, .06), rgba(14, 173, 152, .06));
    background-position: 100% 0;
    background-repeat: no-repeat
}

.c-futures-orderbook-list .c-futures-orderbook-list-body .list-item.buy.has-order:before {
    background-color: var(--bg-0ead98);
    bottom: 0;
    content: "";
    display: block;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.c-futures-orderbook-list .c-futures-orderbook-list-body .list-item.active,
.c-futures-orderbook-list .c-futures-orderbook-list-body .list-item:hover {
    background-color: var(--bg-f2f3f5)
}

.c-futures-orderbook-list .c-futures-orderbook-list-body .list-item:hover {
    font-weight: 700
}

.c-futures-orderbook-list .c-futures-orderbook-list-body .list-item:hover:after {
    border-top: 1px dashed var(--border-b4b7bd);
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    right: 0
}

.c-futures-orderbook-list .c-futures-orderbook-list-body .list-item .td-item {
    flex: 1 1 0%
}

.c-futures-orderbook-list .c-futures-orderbook-list-body .c-common-empty {
    background: transparent
}

.orderbook-total-tooltip.end,
html[dir=rtl] .orderbook-total-tooltip.end {
    inset-inline-end: 0
}

html[dir=rtl] .c-futures-orderbook-list .c-futures-orderbook-list-body .list-item.sell {
    background-position: 100% 0
}

html[dir=rtl] .c-futures-orderbook-list.col-reverse .c-futures-orderbook-list-body .list-item {
    background-position: 0 0
}

.c-futures-orderbook-wrap {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    padding-top: 14px
}

.c-futures-orderbook-wrap .c-orderbook-list-header .header-item {
    font-weight: 400
}

.c-futures-orderbook-wrap .title {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    padding: 0 20px
}

.c-futures-orderbook-wrap .price-info {
    box-sizing: border-box;
    color: var(--text-707580);
    display: flex;
    flex: 0 1 50px;
    padding: 0 20px
}

.c-futures-orderbook-wrap .price-info .sign-price-wrap {
    border-bottom: 1px dashed var(--border-e6e7eb);
    font-size: 12px
}

.c-futures-orderbook-wrap .price-info .sign-price-wrap>a {
    color: var(--text-707580)
}

.c-futures-orderbook-wrap .price-info .last-price-wrap {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center
}

.c-futures-orderbook-wrap .price-info .last-price {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.c-futures-quota-deal .deal-header {
    height: 32px;
    padding-top: 10px
}

.c-futures-chart-marketchart {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.c-futures-chart-marketchart.fullscreen {
    background-color: rgba(0, 0, 0, 1);
    bottom: 0;
    inset-inline: 0;
    position: fixed;
    top: 0;
    z-index: 99999
}

.c-futures-chart-marketchart .chart-body {
    flex: 1 1 0%;
    position: relative
}

.c-futures-chart-marketchart .market-nav-container {
    background-color: var(--bg-ffffff);
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(62, 102, 178, .12);
    height: 635px;
    width: 400px
}

.c-futures-trade-settingfee {
    margin: 0 -12px
}

.c-futures-trade-settingfee .row-item {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    min-height: 30px;
    padding: 0 12px
}

.c-futures-trade-settingfee .level {
    min-width: 80px
}

.c-futures-trade-settingfee .divider {
    background-color: var(--bg-f7f8fa);
    height: 1px;
    margin: 5px 0;
    margin-inline-start: 12px
}

.c-futures-trade-settingfee .fire {
    background-image: url(../app-resources-d6/assets/c113f1bbe984ae8fa4b4285d1289c9be_b9f68c95208c8a4a5232.v2.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 15px;
    width: 12px
}

.c-futures-trade-settingdialog .settingdialog-popper {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(146, 153, 172, .2);
    min-width: 36px;
    padding: 6px 0
}

.c-futures-trade-settingdialog .settingdialog-popper.use-hover .option:hover {
    background-color: var(--bg-f7f8fa);
    color: var(--text-0ead98)
}

.c-futures-trade-settingdialog .option {
    align-items: center;
    color: var(--text-3a3d42);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: space-between;
    padding: 0 12px
}

.c-futures-trade-settingdialog .option .text {
    font-size: 14px;
    font-weight: 500;
    min-width: 60px
}

.c-futures-trade-settingdialog .divider {
    background-color: var(--bg-f7f8fa);
    height: 1px;
    margin: 5px 0;
    margin-inline-start: 12px
}

.c-futures-trade-settingdialog .settingdialog-fee .settingdialog-fee-popper {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(146, 153, 172, .2);
    min-width: 220px;
    padding: 6px 0
}

.c-futures-trade-header {
    border-bottom: 1px solid var(--border-f4f6fa);
    height: 44px;
    padding: 0 18px
}

.c-futures-trade-header .header-left {
    align-items: center;
    display: flex;
    height: 100%
}

.c-futures-trade-header .header-left .market-tab {
    cursor: pointer;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 700;
    height: 100%;
    line-height: 44px;
    position: relative
}

.c-futures-trade-header .header-left .lever {
    background: var(--bg-0ead98-5);
    border: 1px solid var(--border-0ead98);
    border-radius: 4px;
    box-shadow: 1px 1px 4px 0 rgba(141, 146, 167, .16);
    color: var(--text-0ead98);
    cursor: pointer;
    line-height: 16px;
    margin-inline-start: 30px;
    padding: 5px 12px
}

.c-futures-trade-header .header-left .guide {
    border: 1px solid var(--text-0ead98);
    border-radius: 12px;
    color: var(--text-0ead98);
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 12px;
    text-align: center
}

.c-futures-trade-header .header-left .guide:hover {
    background-color: var(--text-0ead98);
    color: var(--text-ffffff)
}

.c-futures-trade-header .header-right {
    align-items: center;
    color: var(--text-27282c);
    display: flex;
    font-size: 12px;
    font-weight: 400
}

.c-futures-trade-header .header-right .coupon-gift {
    width: 16px
}

.c-futures-trade-header .header-right .icon-calculator,
.c-futures-trade-header .header-right .icon-transfer {
    line-height: 24px
}

.c-futures-trade-header .copy-trading {
    background-color: var(--bg-f38b2c-5);
    border: 1px solid var(--border-f38b2c);
    border-radius: 4px;
    color: var(--text-f38b2c);
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 12px
}

.fee-tip-reference {
    align-items: center;
    border-bottom: 1px dashed var(--border-7d7f81);
    color: var(--text-27282c);
    cursor: pointer;
    display: flex;
    font-size: 12px
}

.popper-fee-tip {
    border: none;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .31);
    max-width: 270px
}

.popper-fee-tip .popper-content-box {
    color: var(--text-707580)
}

.popper-fee-tip .popper-content-box .row-level {
    align-items: center;
    border-bottom: 1px solid var(--border-f7f8fa);
    display: flex;
    flex-wrap: wrap
}

.popper-fee-tip .popper-content-box .row-level .sec-level {
    background-color: var(--text-f0af34);
    border: 1px solid var(--border-f0af34);
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700
}

.popper-fee-tip .popper-content-box .row-level .sec-level .field {
    color: var(--text-ffffff);
    display: inline-block;
    padding-inline: 4px 6px
}

.popper-fee-tip .popper-content-box .row-level .sec-level .val {
    background-color: var(--bg-ffffff);
    color: var(--text-f0af34);
    display: inline-block;
    padding: 0 5px
}

.popper-fee-tip .popper-content-box .row-level .sec-level.is-level0 {
    border: 1px solid var(--text-aeb0b3)
}

.popper-fee-tip .popper-content-box .row-level .sec-level.is-level0 .field {
    background-color: var(--text-aeb0b3)
}

.popper-fee-tip .popper-content-box .row-level .sec-level.is-level0 .val {
    color: var(--text-aeb0b3)
}

.popper-fee-tip .popper-content-box .row-fee-rate {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.popper-fee-tip .popper-content-box .row-link {
    font-size: 12px;
    text-align: end
}

.popper-fee-tip .popper__arrow {
    display: none
}

.theme-night .popper-fee-tip {
    box-shadow: none
}

.c-copy-trading-futures-coupon-card .card-box.is-follower {
    background-color: rgba(13, 14, 16, .1);
    border: 1px solid rgba(13, 14, 16, .1);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    margin-inline-end: 8px;
    margin-bottom: 8px;
    overflow: hidden
}

.c-copy-trading-futures-coupon-card .card-box.is-follower .card-left {
    background: linear-gradient(181deg, #fff .63%, #f9f9fb 99.41%);
    border-inline-end: 2px dashed var(--border-e6e7eb);
    display: flex;
    -webkit-mask: radial-gradient(circle at left top, transparent 0, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 8px, #fff 0) right top, radial-gradient(circle at right bottom, transparent 8px, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 0, #fff 0) left bottom;
    mask: radial-gradient(circle at left top, transparent 0, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 8px, #fff 0) right top, radial-gradient(circle at right bottom, transparent 8px, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 0, #fff 0) left bottom;
    padding: 8px;
    position: relative;
    width: 70px
}

.c-copy-trading-futures-coupon-card .card-box.is-follower .card-left .card-val {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center
}

.c-copy-trading-futures-coupon-card .card-box.is-follower .card-left .card-val .val {
    color: rgb(var(--ui0-text-primary));
    font-size: 20px;
    font-weight: 700
}

.c-copy-trading-futures-coupon-card .card-box.is-follower .card-left .card-val .unit {
    color: rgb(var(--ui0-text-tertiary));
    font-size: 12px
}

.c-copy-trading-futures-coupon-card .card-box.is-follower .card-right {
    background: linear-gradient(181deg, #fff .63%, #f9f9fb 99.41%);
    font-size: 12px;
    -webkit-mask: radial-gradient(circle at left top, transparent 8px, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 0, #fff 0) right top, radial-gradient(circle at right bottom, transparent 0, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 8px, #fff 0) left bottom;
    mask: radial-gradient(circle at left top, transparent 8px, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 0, #fff 0) right top, radial-gradient(circle at right bottom, transparent 0, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 8px, #fff 0) left bottom;
    min-height: 80px;
    padding: 8px 8px 8px 12px;
    position: relative;
    width: 120px
}

.c-copy-trading-futures-coupon-card .card-box.is-follower .card-right .sec-expire {
    color: rgb(var(--ui0-text-primary))
}

.c-copy-trading-futures-coupon-card .card-box.is-follower .card-right .sec-expire .expire-text {
    word-break: break-word
}

.c-copy-trading-futures-coupon-card .card-box.is-follower:hover {
    background-color: rgba(14, 173, 152, .2);
    border-color: rgba(14, 173, 152, .2);
    transition: .4s
}

.c-copy-trading-futures-coupon-card .card-box.is-follower:hover .card-left,
.c-copy-trading-futures-coupon-card .card-box.is-follower:hover .card-right {
    background: linear-gradient(#fafffe, #edfefc 90%)
}

.c-copy-trading-futures-coupon-card .card-box.is-follower.is-active {
    background-color: #0ead98;
    border-color: #0ead98;
    transition: .4s
}

.c-copy-trading-futures-coupon-card .card-box.is-follower.is-active .card-left,
.c-copy-trading-futures-coupon-card .card-box.is-follower.is-active .card-right {
    background: linear-gradient(#fafffe, #edfefc 90%)
}

.c-copy-trading-futures-coupon-card .card-box.is-follower.is-active .active-indicator {
    background-color: var(--bg-0ead98);
    display: inline-block;
    height: 42px;
    inset-inline-end: -21px;
    position: absolute;
    top: -21px;
    transform: rotate(45deg);
    width: 42px
}

.c-copy-trading-futures-coupon-card .card-box.is-follower.is-active .active-indicator .icon-check {
    bottom: 0;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    inset-inline-start: 14px;
    position: absolute;
    transform: rotate(-45deg)
}

.c-copy-trading-futures-coupon-card .card-box.is-trader {
    border-color: rgb(var(--ui0-line-light));
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: flex;
    margin-bottom: 12px;
    overflow: hidden
}

.c-copy-trading-futures-coupon-card .card-box.is-trader .card-bar {
    background-color: var(--bg-0ead98);
    border-end-start-radius: 10px;
    border-start-start-radius: 10px;
    height: 100%;
    -webkit-mask: radial-gradient(circle at -50% 50%, transparent 8px, #fff 0);
    mask: radial-gradient(circle at -50% 50%, transparent 8px, #fff 0);
    position: relative;
    width: 8px
}

.c-copy-trading-futures-coupon-card .card-box.is-trader .card-left {
    background-color: var(--bg-ffffff);
    border-inline-end: 2px dashed var(--border-e6e7eb);
    display: flex;
    flex: 2 1 0%;
    -webkit-mask: radial-gradient(circle at left top, transparent 0, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 8px, #fff 0) right top, radial-gradient(circle at right bottom, transparent 8px, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 0, #fff 0) left bottom;
    mask: radial-gradient(circle at left top, transparent 0, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 8px, #fff 0) right top, radial-gradient(circle at right bottom, transparent 8px, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 0, #fff 0) left bottom;
    position: relative
}

.c-copy-trading-futures-coupon-card .card-box.is-trader .card-left .card-val {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    padding: 8px
}

.c-copy-trading-futures-coupon-card .card-box.is-trader .card-left .card-val .val {
    color: rgb(var(--ui0-text-primary));
    font-size: 32px;
    font-weight: 700
}

.c-copy-trading-futures-coupon-card .card-box.is-trader .card-left .card-val .unit {
    color: rgb(var(--ui0-text-tertiary));
    font-size: 12px
}

.c-copy-trading-futures-coupon-card .card-box.is-trader .card-right {
    background-color: var(--bg-ffffff);
    display: flex;
    flex: 5 1 0%;
    flex-direction: column;
    justify-content: center;
    -webkit-mask: radial-gradient(circle at left top, transparent 8px, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 0, #fff 0) right top, radial-gradient(circle at right bottom, transparent 0, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 8px, #fff 0) left bottom;
    mask: radial-gradient(circle at left top, transparent 8px, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 0, #fff 0) right top, radial-gradient(circle at right bottom, transparent 0, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 8px, #fff 0) left bottom;
    min-height: 112px;
    padding: 8px 20px 8px 12px;
    position: relative
}

.c-copy-trading-futures-coupon-card .card-box.is-trader.is-active {
    border-color: var(--border-0ead98);
    transition: .4s
}

.c-copy-trading-futures-coupon-card .card-box.is-trader.is-active .active-indicator {
    background-color: #0ead98;
    display: inline-block;
    height: 56px;
    inset-inline-end: -28px;
    position: absolute;
    top: -28px;
    transform: rotate(45deg);
    width: 56px
}

.c-copy-trading-futures-coupon-card .card-box.is-trader.is-active .active-indicator .icon-check {
    bottom: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    inset-inline-start: 22px;
    position: absolute;
    transform: rotate(-45deg)
}

.theme-night .c-copy-trading-futures-coupon-card .card-box.is-follower {
    background-color: hsla(0, 0%, 100%, .15)
}

.theme-night .c-copy-trading-futures-coupon-card .card-box.is-follower .card-left,
.theme-night .c-copy-trading-futures-coupon-card .card-box.is-follower .card-right {
    background: linear-gradient(#2f3138, #36373f)
}

.theme-night .c-copy-trading-futures-coupon-card .card-box.is-follower:hover {
    background: rgba(14, 173, 152, .4);
    border-color: rgba(14, 173, 152, .4);
    transition: .4s
}

.theme-night .c-copy-trading-futures-coupon-card .card-box.is-follower:hover .card-left,
.theme-night .c-copy-trading-futures-coupon-card .card-box.is-follower:hover .card-right {
    background: linear-gradient(179deg, #1a3935 5.53%, #214b45 99.06%)
}

.theme-night .c-copy-trading-futures-coupon-card .card-box.is-follower.is-active {
    background-color: #0ead98;
    border-color: #0ead98
}

.theme-night .c-copy-trading-futures-coupon-card .card-box.is-follower.is-active .card-left,
.theme-night .c-copy-trading-futures-coupon-card .card-box.is-follower.is-active .card-right {
    background: linear-gradient(179deg, #1a3935 5.53%, #214b45 99.06%)
}

.c-copy-trading-futures-coupon-select-trader .sec-use {
    align-items: center;
    display: flex
}

.c-copy-trading-futures-coupon-select-trader .sec-use .use-text {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 12px
}

.c-copy-trading-futures-coupon-select-trader .sec-use .iconfont {
    color: var(--ui0-text-tertiary);
    font-size: 14px;
    line-height: 18px
}

.dialog-coupon-select-trader .via-dialog {
    background-image: url(../app-resources-d6/assets/1d0e46a292bef38e3f7499e13ccaa429_e2f6afc27235483ff5c9.v2.png);
    background-size: 100%
}

.dialog-coupon-select-trader .via-dialog .coupon-wrapper {
    max-height: 300px;
    overflow-y: auto
}

.dialog-coupon-select-trader .via-dialog .via-dialog-footer {
    text-align: center
}

.dialog-coupon-select-trader .via-dialog .via-dialog-footer .via-btn {
    min-width: 256px
}

.c-futures-placeorder-available .content {
    align-items: center;
    color: var(--text-707580);
    display: flex;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between
}

.c-futures-placeorder-available .content .calc {
    color: var(--text-0ead98);
    cursor: pointer;
    display: none
}

.c-futures-placeorder-amountunitselect {
    margin-inline-end: -20px
}

.c-futures-placeorder-tpsl {
    margin-top: 12px
}

.c-futures-placeorder-tpsl .input-container {
    display: flex;
    margin-top: 12px
}

.c-futures-placeorder-tpsl .input-container .tp {
    padding-inline-end: 6px;
    width: 50%
}

.c-futures-placeorder-tpsl .input-container .sl {
    padding-inline-start: 6px;
    width: 50%
}

.c-futures-placeorder-tpsl .label {
    align-items: center;
    display: flex;
    font-size: 14px;
    line-height: 18px
}

.c-futures-placeorder-tpsl .label:before {
    content: "";
    display: block;
    height: 14px;
    margin-inline-end: 4px;
    width: 4px
}

.c-futures-placeorder-tpsl .label-tp {
    color: var(--text-0ead98)
}

.c-futures-placeorder-tpsl .label-tp:before {
    background-color: var(--bg-0ead98)
}

.c-futures-placeorder-tpsl .label-sl {
    color: #e6583f
}

.c-futures-placeorder-tpsl .label-sl:before {
    background-color: #e6583f
}

.c-futures-placeorder-tpsl .via-input .input-inner {
    width: 0
}

.c-futures-placeorder-tpsl .circle-checkbox.via-checkbox .via-checkbox__inner {
    border-radius: 50%;
    height: 12px;
    width: 12px
}

.c-futures-placeorder-tpsl .circle-checkbox.via-checkbox .via-checkbox__inner:after {
    background-color: #fff;
    border: none;
    border-radius: 100%;
    height: 4px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    width: 4px
}

.c-futures-placeorder-tpsl .circle-checkbox.via-checkbox.is-disabled .via-checkbox__inner:after {
    display: none
}

.c-futures-placeorder-tpsl .circle-checkbox.via-checkbox.is-disabled .via-checkbox__label {
    border-bottom: 1px dashed #7d7f81
}

.c-futures-placeorder-tpsl .disabled .text {
    border-bottom: 1px dashed var(--text-707580);
    color: var(--text-707580) !important;
    display: inline-block !important
}

.c-futures-placeorder-tpsl .disabled .value,
.c-futures-placeorder-tpsl .disabled i {
    display: none
}

.futures-placeorder-tpsl-dialog .label {
    align-items: center;
    display: flex;
    font-size: 14px;
    line-height: 18px
}

.futures-placeorder-tpsl-dialog .label:before {
    content: "";
    display: block;
    height: 14px;
    margin-inline-end: 4px;
    width: 4px
}

.futures-placeorder-tpsl-dialog .label-tp {
    color: var(--text-0ead98)
}

.futures-placeorder-tpsl-dialog .label-tp:before {
    background-color: var(--bg-0ead98)
}

.futures-placeorder-tpsl-dialog .label-sl {
    color: #e6583f
}

.futures-placeorder-tpsl-dialog .label-sl:before {
    background-color: #e6583f
}

.futures-placeorder-tpsl-dialog .input-label {
    color: var(--text-707580);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px
}

.c-futures-placeorder-limit,
.c-futures-placeorder-market {
    width: 100%
}

.c-futures-placeorder-market .market-price {
    border-radius: 2px;
    height: 42px;
    line-height: 42px
}

.futures-placeOrder-pricestopselect {
    margin-right: -20px
}

.c-futures-placeorder-limitstop,
.c-futures-placeorder-marektstop {
    width: 100%
}

.c-futures-calculator-marketselect .anchor-content {
    height: 48px
}

.c-futures-calculator-marketselect .anchor-content .icon-coin {
    height: 24px;
    width: 24px
}

.c-futures-calculator-marketselect .popper-content {
    border-radius: 4px;
    box-shadow: 0 5px 16px 0 rgba(83, 84, 91, .15)
}

.c-futures-calculator-marketselect .popper-content .select-list {
    max-height: 210px;
    overflow: auto
}

.c-futures-calculator-marketselect .popper-content .select-item {
    height: 35px
}

.c-futures-calculator-marketselect .popper-content .select-item .icon-coin {
    height: 18px;
    width: 18px
}

.c-futures-calculator-sidetab {
    height: 40px
}

.c-futures-calculator-sidetab .tab-item {
    height: 32px
}

.calculator-tooltip {
    z-index: 99999 !important
}

.c-futures-calculator-slider .el-slider__stop {
    background-color: var(--dark-27282c, #e7ecf2);
    height: 5px;
    top: -2px;
    width: 5px
}

.c-futures-calculator-slider .el-slider__runway {
    background-color: var(--bg-e7ecf2);
    height: 2px;
    margin: 10px 0 20px
}

.c-futures-calculator-slider .el-slider__bar {
    background-color: var(--text-0ead98);
    height: 3px;
    top: -1px
}

.c-futures-calculator-slider .el-slider__button-wrapper {
    top: -18px;
    z-index: 10
}

.c-futures-calculator-slider .el-slider__button-wrapper .el-slider__button {
    background-color: var(--dark-27282c, #fff);
    border: 3px solid var(--text-0ead98);
    height: 12px;
    width: 12px
}

.c-futures-calculator-slider .el-slider__marks-text {
    color: #797fae;
    font-size: 12px;
    margin-top: 10px
}

.c-futures-calculator-slider.is-short .el-slider__bar {
    background-color: #db5541
}

.c-futures-calculator-slider.is-short .el-slider__button-wrapper .el-slider__button {
    border: 3px solid #db5541
}

.c-futures-calculator-profit .panel-start {
    width: 375px
}

.c-futures-calculator-profit .panel-end {
    width: 210px
}

.c-futures-calculator-profit .el-input .el-input__inner::-webkit-input-placeholder {
    color: var(--text-b4b7bd)
}

.c-futures-calculator-target .panel-start {
    width: 375px
}

.c-futures-calculator-target .panel-end {
    width: 210px
}

.c-futures-calculator-target .el-input .el-input__inner::-webkit-input-placeholder {
    color: var(--text-b4b7bd)
}

.c-futures-calculator-liquidation .panel-start {
    width: 375px
}

.c-futures-calculator-liquidation .panel-start .el-tabs__nav-wrap:after {
    height: 1px
}

.c-futures-calculator-liquidation .panel-start .el-tabs__nav-wrap .el-tabs__nav-scroll {
    display: flex;
    justify-content: center
}

.c-futures-calculator-liquidation .panel-start .el-tabs__nav-wrap .el-tabs__item {
    height: 44px;
    line-height: 44px
}

.c-futures-calculator-liquidation .panel-end {
    width: 210px
}

.c-futures-calculator-liquidation .el-input .el-input__inner::-webkit-input-placeholder {
    color: var(--text-b4b7bd)
}

.c-futures-calculator-main .panel-start .el-input .el-input__inner {
    font-size: 14px;
    height: 40px;
    line-height: 40px
}

.c-futures-calculator-dialog {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.c-futures-calculator-dialog .main-inner {
    left: 0;
    min-height: 594px;
    position: absolute;
    top: 0;
    transform: translate(calc(-50% + 50vw), 20%);
    width: 685px
}

.c-futures-calculator-dialog .main-inner .btn-close {
    color: var(--text-aeb0b3);
    cursor: pointer;
    font-size: 30px;
    inset-inline-end: 15px;
    position: absolute;
    top: 10px;
    z-index: 100
}

.c-futures-calculator-dialog .main-inner .btn-close:hover {
    color: var(--text-0ead98)
}

.c-futures-calculator-dialog .main-inner .box-select {
    width: 375px
}

.c-futures-placeorder-container .section-type {
    display: flex;
    flex: 1 1 0%
}

.c-futures-placeorder-container .section-type .type-button {
    border-radius: 4px;
    color: var(--text-aeb0b3);
    height: 30px;
    line-height: 30px;
    min-width: 90px
}

.c-futures-placeorder-container .section-type .tab-menu {
    display: flex
}

.c-futures-placeorder-container .section-type .tab-menu .tab-menu-item {
    background-color: var(--bg-f7f8fa-gray0802);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    min-width: 120px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-futures-placeorder-container .section-type .tab-menu .tab-menu-item.active,
.c-futures-placeorder-container .section-type .tab-menu .tab-menu-item:hover {
    background-color: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.c-futures-placeorder-container .section-type .tab-menu .tab-menu-item+.tab-menu-item {
    margin-inline-start: 8px
}

.c-futures-placeorder-container .img-burst {
    width: 32px
}

.c-futures-placeorder-container .section-effect .text {
    color: var(--text-27282c);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    padding-bottom: 2px;
    position: relative
}

.c-futures-placeorder-container .section-effect .setting-item {
    align-items: center;
    background-color: rgba(14, 173, 152, .05);
    border-radius: 4px;
    color: var(--text-b4b7bd);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 22px;
    justify-content: center;
    line-height: 22px;
    margin: 0 2px;
    padding: 2px 6px
}

.c-futures-placeorder-container .section-effect .setting-item.active {
    color: var(--text-0ead98)
}

.c-futures-placeorder-container .section-effect .time-item {
    background: rgba(14, 173, 152, .05);
    border-radius: 4px;
    min-width: 55px
}

.c-futures-placeorder-container .section-effect .time-item .icon-arrow-down {
    transition: transform .2s ease-in-out
}

.c-futures-placeorder-container .section-effect .time-item .icon-arrow-down.expand {
    transform: rotate(-180deg)
}

.c-futures-placeorder-container .section-effect .time-item .icon-arrow-down.active {
    color: var(--text-0ead98)
}

.c-futures-placeorder-container .section-effect .effect-dialog-content {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 12px 48px rgba(164, 197, 205, .05), 0 9px 28px rgba(164, 197, 205, .07), 0 6px 16px rgba(164, 197, 205, .1);
    min-width: 230px;
    padding: 12px 0
}

.c-futures-fr-msg {
    background: rgba(243, 139, 44, .05);
    display: flex;
    padding: 8px 20px
}

.c-futures-fr-msg .content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.c-futures-asset {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 20px;
    position: relative
}

.c-futures-asset .line-height-18px {
    line-height: 18px
}

.c-futures-asset .header {
    height: 40px
}

.c-futures-asset .img-logo {
    margin: 58px auto 40px;
    width: 122px
}

.c-futures-summary-current-position .operation-btn {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    padding: 0;
    width: 20px;
    word-break: break-all
}

.c-futures-summary-current-position .drag-table .draggable_column {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-futures-summary-current-position .drag-table .draggable_column_left {
    border-inline-start: 3px solid var(--border-0ead98)
}

.c-futures-summary-current-position .drag-table .draggable_column_right {
    border-inline-end: 3px solid var(--border-0ead98)
}

.c-futures-summary-current-position .drag-table .card-item {
    border-bottom: 8px solid var(--border-f7f8fa) !important;
    margin: 20px 0 !important;
    padding: 0 20px !important
}

.c-futures-summary-current-position .drag-table .card-item:last-of-type {
    border-bottom: none !important
}

.c-futures-summary-current-position .drag-table .card-item .card-body {
    padding-top: 0
}

.c-futures-summary-current-position .drag-table .card-item .card-body .card-label {
    color: var(--text-707580);
    font-size: 12px
}

.c-futures-summary-current-position .drag-table .card-item .card-body .card-prop {
    color: var(--text-161719);
    font-size: 12px
}

.c-futures-summary-current-position .drag-table .card-item .card-body div:nth-child(3) {
    border-bottom: 1px solid var(--border-f4f6fa);
    padding-bottom: 16px
}

.c-futures-summary-current-position .drag-table .card-item .card-body div:nth-child(4) {
    padding-top: 16px
}

.c-futures-summary-current-position .side-class {
    position: relative
}

.c-futures-summary-current-position .side-class:before {
    bottom: -4px;
    content: "";
    inset-inline-start: -22px;
    position: absolute;
    top: -4px;
    width: 2px
}

.c-futures-summary-current-position .side-class:after {
    bottom: -4px;
    content: "";
    inset-inline-start: -20px;
    position: absolute;
    top: -4px;
    width: 32px
}

.c-futures-summary-current-position .side-class.long-flag:before {
    background: var(--bg-0ead98)
}

.c-futures-summary-current-position .side-class.long-flag:after {
    background: linear-gradient(90deg, rgba(14, 173, 152, .2), rgba(14, 173, 152, 0))
}

.c-futures-summary-current-position .side-class.short-flag:before {
    background: var(--bg-db5541)
}

.c-futures-summary-current-position .side-class.short-flag:after {
    background: linear-gradient(90deg, rgba(219, 85, 65, .2), rgba(219, 85, 65, 0))
}

.c-futures-summary-current-position .c-exchange-summary-no-deal-guide {
    min-height: 355px;
    padding-top: 115px
}

.c-futures-summary-current-position .table-body-wrapper {
    min-height: 358px
}

.c-futures-summary-current-position .md-more {
    color: var(--text-27282c);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    transform: rotate(-90deg)
}

.c-futures-modify-order .via-dialog .via-dialog-body .type-text {
    align-items: center;
    background-color: var(--bg-0ead98-10);
    border-radius: 4px;
    color: var(--text-0ead98);
    display: inline-flex;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    margin-bottom: 12px;
    min-width: 92px
}

.c-futures-modify-order .via-dialog .via-dialog-body .type-text.sell {
    background-color: var(--bg-db5541-10);
    color: var(--text-db5541)
}

.c-futures-modify-order .via-dialog .via-dialog-body .label-text {
    color: var(--text-3a3d42);
    font-size: 14px
}

.c-futures-modify-order .via-dialog .via-dialog-body .value {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    margin-top: 8px
}

.c-futures-modify-order .via-dialog .via-dialog-footer {
    display: flex
}

.c-futures-modify-order .via-dialog .via-dialog-footer button.via-btn {
    flex: 1 1 0%
}

.c-futures-summary-current-normal .card-item {
    background: transparent;
    border-bottom: 1px solid var(--border-e6e7eb-gray0602);
    border-radius: 0;
    box-shadow: none;
    margin: 20px;
    padding: 0
}

.c-futures-summary-current-normal .card-item .card-body {
    padding-top: 0
}

.c-futures-summary-current-normal .card-item .card-body .card-label {
    color: var(--text-707580);
    font-size: 12px
}

.c-futures-summary-current-normal .card-item .card-body .card-prop {
    color: var(--text-161719);
    font-size: 12px
}

.c-futures-summary-current-normal .modify-order.iconfont {
    color: var(--text-707580);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin-inline-start: 4px
}

.c-futures-summary-current-normal .modify-order.iconfont:hover {
    color: var(--text-707580)
}

.c-futures-summary-current-stop .card-item {
    background: transparent;
    border-bottom: 1px solid var(--border-e6e7eb-gray0602);
    border-radius: 0;
    box-shadow: none;
    margin: 20px;
    padding: 0
}

.c-futures-summary-current-stop .card-item .card-body {
    padding-top: 0
}

.c-futures-summary-current-stop .card-item .card-body .card-label {
    color: var(--text-707580);
    font-size: 12px
}

.c-futures-summary-current-stop .card-item .card-body .card-prop {
    color: var(--text-161719);
    font-size: 12px
}

.c-futures-summary-current-stop .modify-order.iconfont {
    color: var(--text-707580);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin-inline-start: 4px
}

.c-futures-summary-current-stop .modify-order.iconfont:hover {
    color: var(--text-707580)
}

.c-futures-summary-current {
    min-height: 355px
}

.c-futures-summary-current .header-wrap {
    height: 55px
}

.c-futures-summary-historydialog {
    padding-bottom: 0 !important
}

.c-futures-summary-historydialog.via-dialog-wrapper .via-dialog {
    margin: 15vh auto 0
}

.c-futures-summary-historydialog .type-text-icon {
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    margin-inline-end: 8px;
    padding: 0 5px;
    text-align: center
}

.c-futures-summary-historydialog .is-all-deal-class {
    padding-inline-start: 10px;
    position: relative
}

.c-futures-summary-historydialog .is-all-deal-class:before {
    border-radius: 50%;
    content: "";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 9px;
    width: 6px
}

.c-futures-summary-historydialog .is-all-deal-class.is-all-deal {
    color: var(--text-0ead98)
}

.c-futures-summary-historydialog .is-all-deal-class.is-all-deal:before {
    background: var(--bg-0ead98)
}

.c-futures-summary-historydialog .is-all-deal-class.is-not-all-deal {
    color: var(--text-f38b2c)
}

.c-futures-summary-historydialog .is-all-deal-class.is-not-all-deal:before {
    background: var(--bg-f38b2c)
}

.c-futures-summary-historydialog .is-all-deal-class-md {
    border-radius: 14px;
    font-size: 14px;
    line-height: 1;
    margin-top: 8px;
    padding: 7px 20px
}

.c-futures-summary-historydialog .is-all-deal-class-md.is-all-deal-md {
    background-color: var(--bg-0ead98-10);
    color: var(--text-0ead98)
}

.c-futures-summary-historydialog .is-all-deal-class-md.is-not-all-deal-md {
    background: rgba(243, 139, 44, .1);
    color: #ff971f
}

.c-futures-summary-historydialog .detail-box {
    background-color: var(--bg-ffffff);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 40px
}

.c-futures-summary-historydialog .deal-title {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    margin: 32px 0 24px
}

.c-futures-summary-historydialog .deal-title .deal-title-border {
    background: var(--bg-0ead98);
    height: 14px;
    margin-inline-end: 4px;
    width: 4px
}

.c-futures-summary-historydialog .card-item {
    background: transparent;
    border-bottom: 1px solid var(--border-f7f8fa);
    border-radius: 0;
    box-shadow: none;
    margin: 5px 20px 20px;
    padding: 0
}

.c-futures-summary-historydialog .card-item .card-body {
    padding-top: 0
}

.c-futures-summary-historydialog .card-item .card-body .card-label {
    color: var(--text-707580);
    font-size: 12px
}

.c-futures-summary-historydialog .card-item .card-body .card-prop {
    color: var(--text-161719);
    font-size: 12px
}

.c-futures-summary-historydialog .c-common-empty {
    min-height: 0
}

.c-futures-summary-history-normal .is-all-deal-class {
    padding-inline-start: 10px;
    position: relative
}

.c-futures-summary-history-normal .is-all-deal-class:before {
    border-radius: 50%;
    content: "";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 7px;
    width: 6px
}

.c-futures-summary-history-normal .is-all-deal-class.is-all-deal:before {
    background: var(--bg-0ead98)
}

.c-futures-summary-history-normal .is-all-deal-class.is-not-all-deal:before {
    background: var(--bg-f38b2c)
}

.c-futures-summary-marketstopdialog {
    padding-bottom: 0 !important
}

.c-futures-summary-marketstopdialog.via-dialog-wrapper .via-dialog {
    margin: 15vh auto 0
}

.c-futures-summary-marketstopdialog .type-text-icon {
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    margin-inline-end: 8px;
    padding: 0 5px;
    text-align: center
}

.c-futures-summary-marketstopdialog .status {
    padding-inline-start: 10px;
    position: relative
}

.c-futures-summary-marketstopdialog .status:before {
    border-radius: 50%;
    content: "";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 9px;
    width: 6px
}

.c-futures-summary-marketstopdialog .status.active-status {
    color: var(--text-0ead98)
}

.c-futures-summary-marketstopdialog .status.active-status:before {
    background: var(--bg-0ead98)
}

.c-futures-summary-marketstopdialog .status.not-active-status {
    color: var(--text-db5541)
}

.c-futures-summary-marketstopdialog .status.not-active-status:before {
    background: var(--bg-db5541)
}

.c-futures-summary-marketstopdialog .status-md {
    border-radius: 14px;
    font-size: 14px;
    line-height: 1;
    margin-top: 8px;
    padding: 7px 20px
}

.c-futures-summary-marketstopdialog .status-md.active-status-md {
    background-color: var(--bg-0ead98-10);
    color: var(--text-0ead98)
}

.c-futures-summary-marketstopdialog .status-md.not-active-status-md {
    background: rgba(243, 139, 44, .1);
    color: #ff971f
}

.c-futures-summary-marketstopdialog .detail-box {
    background-color: var(--bg-ffffff);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 40px
}

.c-futures-summary-marketstopdialog .deal-title {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    margin: 32px 0 24px
}

.c-futures-summary-marketstopdialog .deal-title .deal-title-border {
    background: var(--bg-0ead98);
    height: 14px;
    margin-inline-end: 4px;
    width: 4px
}

.c-futures-summary-marketstopdialog .card-item {
    background: transparent;
    border-bottom: 1px solid var(--border-f7f8fa);
    border-radius: 0;
    box-shadow: none;
    margin: 5px 20px 20px;
    padding: 0
}

.c-futures-summary-marketstopdialog .card-item .card-body {
    padding-top: 0
}

.c-futures-summary-marketstopdialog .card-item .card-body .card-label {
    color: var(--text-707580);
    font-size: 12px
}

.c-futures-summary-marketstopdialog .card-item .card-body .card-prop {
    color: var(--text-161719);
    font-size: 12px
}

.c-futures-summary-marketstopdialog .c-common-empty {
    min-height: 0
}

.c-futures-summary-history-stop .status {
    padding-inline-start: 10px;
    position: relative
}

.c-futures-summary-history-stop .status:before {
    border-radius: 50%;
    content: "";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 7px;
    width: 6px
}

.c-futures-summary-history-stop .status.active-status:before {
    background: var(--bg-0ead98)
}

.c-futures-summary-history-stop .status.not-active-status:before {
    background: var(--bg-db5541)
}

.c-futures-summary-history {
    min-height: 355px
}

.c-futures-summary-history .header-wrap {
    height: 55px
}

.c-futures-summary-history-position {
    min-height: 400px
}

.c-futures-summary-header-select-popper {
    min-width: 200px;
    padding: 16px 20px 0
}

.c-futures-summary-header-select-popper .popper-item {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px
}

.c-futures-summary-container {
    border-inline-end: 1px solid var(--border-e6e7eb-gray0602);
    position: relative;
    width: 100%
}

.c-futures-summary-container .min-height {
    height: 250px
}

.c-futures-summary-container .via-table th>.cell {
    word-break: normal !important
}

.c-futures-summary-container .summary-container {
    border-bottom: 1px solid var(--border-e6e7eb-gray0602);
    padding: 0 20px
}

.c-futures-summary-container .summary-container .tab-nav-underline {
    scrollbar-width: none
}

.c-futures-summary-container .summary-container .tab-nav-underline::-webkit-scrollbar {
    display: none
}

.c-futures-summary-container .summary-container .tab-nav-underline>.tab-item {
    color: var(--text-707580) !important;
    font-size: 14px !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 14px !important
}

.c-futures-summary-container .summary-container .tab-nav-underline>.tab-item.active,
.c-futures-summary-container .summary-container .tab-nav-underline>.tab-item:hover {
    color: var(--text-0ead98) !important;
    font-size: 14px !important
}

.c-futures-summary-container .summary-container .via-tab-pane {
    background-color: var(--bg-ffffff)
}

.c-futures-summary-container .margin-container .tab-nav-underline>.tab-item:last-of-type {
    padding-inline-end: 0 !important
}

.c-futures-summary-container .summary-content .via-table-body .table-prop {
    height: 40px;
    min-height: 40px
}

.c-futures-summary-container .summary-content .c-common-empty {
    background: transparent;
    min-height: 248px
}

.c-futures-summary-container .summary-content .c-common-empty .empty-text {
    font-size: 12px
}

.c-futures-summary-container .summary-content .min-height-345 {
    min-height: 345px
}

.c-futures-summary-container .summary-content .card-label-class {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 500
}

.c-futures-summary-container .summary-content .card-prop-class {
    color: var(--text-161719);
    font-size: 12px;
    font-weight: 600
}

.c-futures-summary-container .summary-content .type-text-icon {
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    margin-inline-end: 4px;
    padding: 0 4px;
    text-align: center
}

.c-futures-summary-container .summary-content .card-item {
    background: transparent;
    border-bottom: 1px solid var(--border-e6e7eb-gray0602);
    border-radius: 0;
    box-shadow: none;
    margin: 20px;
    padding: 0
}

.c-futures-summary-container .show-container {
    height: 52px;
    inset-inline-end: 20px;
    position: absolute;
    top: 0
}

.c-futures-summary-container .icon-record-wrap {
    background: linear-gradient(to right, hsla(0, 0%, 100%, 0), var(--bg-ffffff) 50%);
    display: flex;
    flex-direction: row-reverse;
    height: 40px;
    inset-inline-end: 19px;
    position: absolute;
    top: 0;
    width: 40px
}

.c-futures-summary-container .icon-record-wrap .icon-box {
    align-items: center;
    background-color: var(--bg-0ead98-5);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 22px;
    justify-content: center;
    margin-top: 10px;
    width: 22px
}

.c-futures-summary-container .icon-record-wrap .icon-box .iconfont {
    color: var(--text-0ead98)
}

.c-futures-summary-container .btn-wrap {
    align-items: center;
    background-color: var(--bg-f2f3f5);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    transition: .4s;
    width: 20px
}

.c-futures-summary-container .btn-wrap:hover {
    background-color: var(--bg-0ead98-5);
    color: var(--text-0ead98);
    transition: .4s
}

.c-futures-summary-container .via-loading {
    min-height: 300px
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(../app-resources-d6/assets/4523a3ffc33e8004c07eaa534ab0bd1c_55726380cfca4b59bff7.v2.woff) format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-flow: column wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(var(--swiper-navigation-size)*-1/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative
}

.swiper-container-horizontal>.swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-container-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear 0s infinite normal none running;
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50% center;
    width: 42px;
    z-index: 10
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow {
    background: #000;
    bottom: 0;
    filter: blur(50px);
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.c-futures-information-wrap {
    height: 100%;
    padding: 20px
}

.c-futures-information-wrap.has-activites {
    padding: 0
}

.c-futures-information-wrap.has-activites.has-link {
    cursor: pointer
}

.c-futures-information-wrap.has-activites .activity-slider {
    height: 100%
}

.c-futures-information-wrap.has-activites .activity-slider .swiper-pagination {
    bottom: 10px;
    width: 100%
}

.c-futures-information-wrap.has-activites .activity-slider .swiper-pagination .swiper-pagination-bullet {
    background: var(--bg-f2f3f5);
    border-radius: 6px;
    height: 5px;
    margin: 0 2px;
    opacity: 1;
    width: 14px
}

.c-futures-information-wrap.has-activites .activity-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgba(14, 173, 152, .2)
}

.c-futures-information-wrap.has-activites .activity-slider .swiper-container {
    height: 100%
}

.c-futures-information-wrap.has-activites .activity-slider .swiper-container .slider-item-activity {
    align-items: center;
    display: flex;
    height: 100%;
    overflow: hidden;
    padding: 0 15px 0 0
}

.c-futures-information-wrap.has-activites .activity-slider .swiper-container .slider-item-activity .activity-img {
    width: 125px
}

.c-futures-information-wrap.has-activites .activity-slider .swiper-container .slider-item-activity .activity-content {
    flex: 1 1 0%;
    min-width: 120px
}

.c-futures-information-wrap.has-activites .activity-slider .swiper-container .slider-item-activity .activity-title {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    max-height: 52px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-futures-information-wrap.has-activites .activity-slider .swiper-container .slider-item-activity .sub-title {
    color: var(--text-707580);
    font-size: 14px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-futures-information-wrap .title {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 12px
}

.c-futures-information-wrap .info-list {
    align-items: center;
    color: var(--text-707580);
    display: flex;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap
}

.c-futures-information-wrap .info-list .iconfont {
    color: var(--text-b4b7bd);
    font-size: 14px;
    margin-inline-end: 5px
}

.c-futures-information-wrap .info-list:hover,
.c-futures-information-wrap .info-list:hover .iconfont {
    color: var(--text-0ead98)
}

.c-futures-orderbook-menu {
    padding: 12px 20px
}

.c-futures-orderbook-menu .menu-item {
    color: var(--text-707580);
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-futures-orderbook-menu .menu-item+.menu-item {
    margin-inline-start: 20px
}

.c-futures-orderbook-menu .menu-item.active,
.c-futures-orderbook-menu .menu-item:hover {
    color: var(--text-161719)
}

.c-futures-mobile-ticker {
    padding: 20px 20px 10px
}

.c-futures-mobile-ticker .line-height-26 {
    line-height: 26px
}

.c-futures-mobile-ticker .line-height-18 {
    line-height: 18px
}

.c-futures-mobile-ticker .price {
    font-size: 32px;
    font-weight: 600;
    line-height: 41px
}

.c-futures-mobile-ticker .price-change {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.c-futures-mobile-ticker .text {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.c-futures-mobile-ticker .ellipsis-wrap {
    align-items: center;
    background-color: var(--bg-0ead98-10);
    border-radius: 4px;
    display: flex;
    height: 22px;
    justify-content: center;
    width: 22px
}

.c-futures-mobile-ticker .ellipsis-wrap .ellipsis {
    background-color: var(--bg-0ead98);
    border-radius: 50%;
    height: 3px;
    transform: scale(1.1);
    width: 3px
}

.c-futures-mobile-orderbook {
    padding-top: 4px
}

.c-futures-mobile-orderbook .c-futures-mobile-orderbook-content {
    display: flex;
    min-height: 400px;
    padding: 0 20px
}

.c-futures-mobile-orderbook .c-futures-orderbook-list {
    position: relative
}

.c-futures-mobile-orderbook .c-futures-orderbook-list.col-reverse .c-futures-orderbook-list-body .list-item .td-item:first-child {
    text-align: start !important
}

.c-futures-mobile-orderbook .c-futures-orderbook-list.col-reverse .c-futures-orderbook-list-body .list-item .td-item:first-child .c-common-alignnumber .holder {
    display: none
}

.c-futures-mobile-orderbook .c-futures-orderbook-list .c-futures-orderbook-list-body .list-item {
    padding: 4px 0
}

.c-futures-mobile-orderbook .c-futures-orderbook-list .c-futures-orderbook-list-body .list-item .td-item:last-child {
    text-align: end
}

.c-futures-mobile-orderbook .c-futures-orderbook-list .c-futures-orderbook-list-body .list-item.buy {
    color: var(--text-0ead98);
    padding-inline-end: 8px
}

.c-futures-mobile-orderbook .c-futures-orderbook-list .c-futures-orderbook-list-body .list-item.sell {
    background-position: 0 0;
    color: var(--text-db5541);
    padding-inline-start: 8px
}

.p-futures-symbol-mobile {
    padding-bottom: 66px
}

.p-futures-symbol-mobile .via-tabs.futures-tabs .tab-nav {
    padding: 0 20px;
    position: relative
}

.p-futures-symbol-mobile .via-tabs.futures-tabs .tab-nav:after {
    background-color: var(--bg-e6e7eb);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.p-futures-symbol-mobile .via-tabs.futures-tabs .tab-nav .tab-item {
    color: var(--text-3a3d42) !important;
    font-size: 14px !important
}

.p-futures-symbol-mobile .via-tabs.futures-tabs .tab-nav .tab-item.active {
    color: var(--text-0ead98) !important
}

.p-futures-symbol-mobile .via-tabs.futures-tabs .content .via-tab-pane {
    height: 468px
}

.p-futures-symbol-mobile .via-tabs.futures-tabs .content .via-tab-pane.orderbook-panel {
    height: auto;
    min-height: 468px;
    overflow-x: auto
}

.p-futures-symbol-mobile .c-futures-trade-group {
    align-items: center;
    background-color: var(--bg-ffffff);
    bottom: 0;
    box-shadow: 0 8px 30px hsla(237, 9%, 46%, .4);
    display: flex;
    height: 66px;
    left: 0;
    padding: 0 20px;
    position: fixed;
    right: 0;
    z-index: 10
}

.p-futures-symbol-mobile .c-futures-trade-group .via-btn {
    border-radius: 8px !important
}

.p-futures-symbol-mobile .c-futures-trade-group .via-btn.sell {
    background-color: var(--bg-db5541)
}

.via-dialog-wrapper.c-futures-mobile-market-dialog .via-dialog {
    padding: 0 0 20px !important
}

.via-dialog-wrapper.c-futures-mobile-market-dialog .via-dialog .via-dialog-header {
    line-height: 26px;
    margin-bottom: 0;
    padding: 20px 16px 0
}

.via-dialog-wrapper.c-futures-mobile-market-dialog .via-dialog .c-futures-market {
    height: 70vh
}

.via-dialog-wrapper.c-mobile-futures-trade-dialog .via-dialog {
    padding: 0 0 20px !important
}

.via-dialog-wrapper.c-mobile-futures-trade-dialog .via-dialog .via-dialog-header {
    background-color: var(--bg-f7f8fa);
    border-radius: 20px 20px 0 0;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    padding: 10px 18px
}

.via-dialog-wrapper.c-mobile-futures-trade-dialog .via-dialog .via-dialog-header>div {
    position: relative
}

.via-dialog-wrapper.c-mobile-futures-trade-dialog .via-dialog .via-dialog-header>div:after {
    background-color: var(--bg-0ead98);
    bottom: -9px;
    content: "";
    display: block;
    height: 2px;
    left: 1px;
    position: absolute;
    right: 1px
}

.via-dialog-wrapper.c-mobile-futures-trade-dialog .via-dialog .c-futures-trade-container {
    height: 80vh
}

.c-futures-pagelayout {
    display: grid;
    font-family: IBMPlexSans, DIN, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif, PingFangSC-regular;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 768px;
    padding: 0;
    width: 100%
}

.c-futures-pagelayout .item-market {
    grid-area: market
}

.c-futures-pagelayout .item-ticker {
    border-color: var(--border-e6e7eb-gray0602);
    border-width: 0 1px 1px;
    grid-area: ticker
}

.c-futures-pagelayout .item-kline-trade {
    border-color: var(--border-e6e7eb-gray0602);
    border-inline-start-width: 1px;
    display: flex;
    flex-direction: column;
    grid-area: kline-trade
}

.c-futures-pagelayout .item-kline {
    border-bottom-width: 1px;
    grid-area: kline
}

.c-futures-pagelayout .item-kline,
.c-futures-pagelayout .item-trade {
    border-color: var(--border-e6e7eb-gray0602);
    border-inline-start-width: 1px
}

.c-futures-pagelayout .item-trade {
    grid-area: trade
}

.c-futures-pagelayout .item-orderbook {
    grid-area: orderbook
}

.c-futures-pagelayout .item-deal {
    border-color: var(--border-e6e7eb-gray0602);
    border-inline-start-width: 1px;
    grid-area: deal
}

.c-futures-pagelayout .item-information {
    border-color: var(--border-e6e7eb-gray0602);
    border-inline-start-width: 1px;
    grid-area: information
}

.c-futures-pagelayout .item-asset {
    border-color: var(--border-e6e7eb-gray0602);
    border-width: 1px 1px 0;
    grid-area: asset
}

.c-futures-pagelayout .item-orders {
    border-color: var(--border-e6e7eb-gray0602);
    border-width: 1px;
    grid-area: orders
}

.c-futures-prompt-bar .progress-wrapper {
    height: 8px
}

.c-futures-prompt-bar .progress-wrapper .progress {
    background: var(--bg-0ead98);
    height: 100%
}

.c-futures-prompt-bar .prompt-wrapper {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    color: var(--text-f38b2c);
    display: flex;
    height: 44px;
    justify-content: center;
    line-height: 1;
    padding: 0 12px
}

.c-futures-prompt-bar .progress-ani {
    animation: progress 30s linear 0s 1 normal forwards running
}

.p-futures-symbol-container {
    background-color: rgba(0, 0, 0, 1);
    background-image: linear-gradient(#f3f4f7, #fff 49.86%);
    background-repeat: no-repeat;
    background-size: 100% 420px;
    margin-bottom: 40px
}

.p-futures-symbol-container .c-common-header {
    border-bottom: 1px solid var(--border-e6e7eb-gray0602)
}

.c-ambassador-activity-countdown .time-wrapper {
    align-items: center;
    color: var(--text-707580);
    display: flex !important;
    font-size: 12px
}

.c-ambassador-activity-countdown .time-wrapper .time {
    background: var(--bg-f7f8fa);
    border-radius: 4px;
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 34px
}

.c-ambassador-activity-details {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 8px 30px 0 rgba(11, 102, 96, .04);
    display: flex;
    height: 366px;
    justify-content: space-between;
    padding: 30px 68px 0
}

.c-ambassador-activity-details .left-wrapper {
    width: 400px
}

.c-ambassador-activity-details .right-wrapper {
    padding-top: 50px;
    width: 525px
}

.c-ambassador-activity-details .condition-wrapper {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 12px;
    display: flex;
    height: 60px;
    justify-content: space-between;
    margin-top: 8px;
    padding: 0 20px
}

.c-ambassador-activity-details .tip-icon {
    height: 48px;
    width: 48px
}

.c-ambassador-activity-details .text-underline {
    border-bottom: 1px dashed var(--border-b4b7bd);
    display: inline-block
}

.c-ambassador-activity-step-guide {
    align-items: center;
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 8px 30px 0 rgba(11, 102, 96, .04);
    display: flex;
    height: 110px;
    justify-content: space-between;
    padding: 0 68px
}

.c-ambassador-activity-step-guide .step-item {
    align-items: center;
    display: flex;
    height: 100%;
    position: relative
}

.c-ambassador-activity-step-guide .step-item:last-of-type:after {
    display: none
}

.c-ambassador-activity-step-guide .step-item .step-icon {
    height: 36px;
    width: 36px
}

.c-ambassador-activity-step-guide .step-item .step-name {
    color: var(--text-161719);
    margin-inline-start: 16px
}

.c-ambassador-activity-step-guide .line {
    border-top: 1px dashed var(--border-0ead98);
    margin: 0 20px;
    width: 100px
}

.c-ambassador-activity-my-data {
    padding: 0 68px
}

.c-ambassador-activity-my-data .data-row {
    align-items: center;
    display: flex;
    margin-top: 28px
}

.c-ambassador-activity-my-data .icon-wrapper {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 50%;
    display: flex;
    height: 80px;
    justify-content: center;
    width: 80px
}

.c-ambassador-activity-my-data .icon-wrapper .icon-img {
    height: 50px;
    width: 50px
}

.c-ambassador-activity-my-data .line {
    border-left: 1px solid var(--border-e6e7eb);
    height: 60px;
    margin: 0 90px
}

.c-ambassador-activity-share {
    align-items: center;
    display: flex
}

.c-ambassador-activity-rank-list {
    padding: 0 68px
}

.c-ambassador-activity-rank-list .via-table .via-table-header {
    background: none
}

.c-ambassador-activity-rank-list .via-table .via-table-header tr .table-label {
    height: 48px
}

.c-ambassador-activity-rank-list .via-table .table-body-wrapper .body-row .table-prop {
    font-size: 14px;
    height: 64px
}

.c-ambassador-activity-rank-list .empty-container .c-common-empty {
    min-height: 318px
}

.c-ambassador-activity-rank-list .img-rank {
    width: 28px
}

.c-ambassador-activity-rules {
    padding: 0 20px
}

.c-ambassador-activity-rules .rules-wrapper li {
    color: var(--text-3a3d42);
    margin-top: 12px
}

.c-ambassador-activity-dialog-apply-success .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-ambassador-activity-dialog-apply-success .icon-wrap .icon-success {
    color: #0ead98;
    font-size: 60px
}

.p-ambassador-activity {
    margin: 0 auto;
    max-width: 1280px;
    padding-bottom: 100px;
    padding-top: 60px
}

.p-ambassador-activity .btn-back {
    align-items: center;
    display: flex
}

.p-ambassador-activity .activity-header {
    background: url(../app-resources-d6/assets/50d65b40fd6b88094ab8756fc4a87c63_d692024b043865d220d7.v2.webp) top/200px 200px no-repeat;
    margin-top: -30px;
    min-height: 200px;
    padding-top: 90px
}

.p-ambassador-activity .activity-header .activity-title {
    color: var(--text-161719);
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto;
    max-width: 1280px;
    text-align: center
}

.p-ambassador-activity .data-wrapper {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 8px 30px 0 rgba(11, 102, 96, .04);
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative
}

.p-ambassador-activity .data-wrapper .c-ambassador-activity-share {
    inset-inline-end: 68px;
    position: absolute;
    top: 40px
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-month-table td.in-range div,
.el-month-table td.in-range div:hover {
    background-color: #f2f6fc
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover,
.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell {
    color: #0ead98
}

.el-slider__runway.disabled .el-slider__button-wrapper.dragging,
.el-slider__runway.disabled .el-slider__button-wrapper.hover,
.el-slider__runway.disabled .el-slider__button-wrapper:hover,
.el-slider__runway.disabled .el-slider__button.dragging,
.el-slider__runway.disabled .el-slider__button.hover,
.el-slider__runway.disabled .el-slider__button:hover {
    cursor: not-allowed
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-close,
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label,
.el-upload-list__item.is-success:active .el-icon-close-tip,
.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,
.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
    display: none
}

.el-button--primary.is-active,
.el-button--primary:active,
.el-button--success.is-active,
.el-button--success:active {
    background: #0d9c89;
    border-color: #0d9c89;
    color: #fff
}

.rotate-0,
.rotate-180,
.rotate-45,
.scale-50 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.p-register-index {
    display: flex;
    min-height: calc(-58px + 100vh);
    padding-bottom: 100px;
    padding-top: 30px
}

.p-register-index .signin-button {
    height: 40px;
    width: 210px
}

.p-register-index .hover-trans {
    color: var(--text-0ead98);
    transition: .3s
}

.p-register-index .hover-trans:hover {
    color: var(--text-1bbeb2)
}

.p-register-index .hover-code {
    color: var(--text-27282c);
    transition: .3s
}

.p-register-index .hover-code:hover {
    color: var(--text-1bbeb2)
}

.p-register-index .hover-code:visited {
    color: var(--text-27282c)
}

.p-register-index .link-out .iconfont {
    color: var(--text-0ead98);
    transition: .3s
}

.p-register-index .link-out .iconfont:hover {
    color: var(--text-1bbeb2)
}

.p-register-index .left-container {
    overflow: hidden;
    width: 460px
}

.p-register-index .left-container .register-email-lineInput .el-input__validateIcon.el-icon-circle-check {
    display: none
}

.p-register-index .left-container .email-choose {
    background: var(--bg-ffffff);
    border: 1px solid #f4f6fa;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .31);
    box-sizing: border-box;
    min-height: 50px;
    padding: 10px 0;
    top: 70px;
    width: 100%;
    z-index: 20
}

.p-register-index .left-container .email-choose .item-out {
    cursor: pointer;
    display: flex;
    line-height: 30px;
    padding: 0 15px
}

.p-register-index .left-container .email-choose .item-out:hover {
    background: rgba(9, 159, 148, .05)
}

.p-register-index .container-out {
    max-width: 460px;
    width: 100%
}

.p-register-index .password-label {
    font-size: 14px !important;
    font-weight: 700
}

.p-register-index .text-divider {
    display: flex;
    justify-content: center;
    margin: 18px 0
}

.p-register-index .text-divider .text-divider-content {
    color: var(--text-b4b7bd);
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 0 20px;
    position: relative
}

.p-register-index .text-divider .text-divider-content:after,
.p-register-index .text-divider .text-divider-content:before {
    background-color: var(--bg-e6e7eb);
    bottom: 50%;
    content: "";
    height: 1px;
    position: absolute;
    width: 500%
}

.p-register-index .text-divider .text-divider-content:before {
    left: 0;
    transform: translateX(-100%)
}

.p-register-index .text-divider .text-divider-content:after {
    right: 0;
    transform: translateX(100%)
}

.theme-night .p-register-index .link-out .iconfont {
    color: #82c9bf
}

.theme-night .p-register-index .link-out .iconfont:hover {
    color: #d7f6f2
}

.theme-night .p-register-index .left-container .email-choose {
    background: #243c3c;
    border-color: #243c3c
}

.c-register-side-banner {
    background: var(--bg-ffffff);
    border-radius: 12px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    overflow: hidden;
    width: 1020px
}

.c-register-side-banner .column-start {
    flex: 1 1 0%;
    height: 682px
}

.c-register-side-banner .column-end {
    background: #fff;
    height: 682px;
    width: 440px
}

.c-register-side-banner .footer-qrcode {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 120px;
    justify-content: center;
    left: 0;
    padding: 0 24px;
    position: absolute;
    width: 100%
}

.c-register-side-banner .footer-qrcode:before {
    background: #fff;
    content: "";
    inset: 0;
    position: absolute;
    transform: matrix(-1, 0, 0, 1, 0, 0)
}

.c-third-party-auth-wrap {
    display: flex
}

.c-register-associated-dialog .via-dialog .via-dialog-body .tip {
    align-items: center;
    background-color: var(--bg-f38b2c-5);
    border-radius: 4px;
    color: var(--text-f38b2c);
    display: inline-flex;
    font-size: 12px;
    min-height: 30px;
    min-width: 360px;
    padding: 0 8px
}

.c-register-associated-dialog .via-dialog .via-dialog-body .channel-item {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 8px;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-weight: 500;
    height: 56px;
    justify-content: space-between;
    padding-inline: 34px 20px;
    position: relative;
    transition: .4s
}

.c-register-associated-dialog .via-dialog .via-dialog-body .channel-item:before {
    background-color: var(--bg-0ead98);
    border-radius: 4px;
    content: "";
    display: block;
    height: 8px;
    inset-inline-start: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-4px);
    width: 8px
}

.c-register-associated-dialog .via-dialog .via-dialog-body .channel-item:hover {
    background-color: var(--bg-0ead98-5);
    color: var(--bg-0ead98)
}

.c-register-associated-dialog .via-dialog .via-dialog-body .channel-item .iconfont {
    color: var(--text-0ead98);
    font-size: 12px
}

.c-common-qrcode-download-app .qrcode-wrapper {
    border-radius: 6px
}

.c-common-qrcode-download-app .text-black {
    color: #161719
}

.reset-pwd-dialog-class .tip-text {
    margin-top: 4px
}

.reset-pwd-dialog-class .reset-title {
    margin-top: 12px !important
}

.reset-pwd-dialog-class .reset-title .reset-title-text {
    font-size: 20px !important
}

.reset-pwd-dialog-class .tip-text {
    margin-top: 4px !important
}

.reset-pwd-dialog-class .input-text,
.reset-pwd-dialog-class .reset-btn {
    margin-top: 32px !important
}

.reset-pwd-dialog-class .email-code {
    font-size: 14px
}

.c-my-info-basic-unfreeze-dialog-frozen .top-box {
    align-items: center;
    display: flex;
    flex-direction: column
}

.c-my-info-basic-unfreeze-dialog-frozen .top-box .icon-box {
    align-items: center;
    background-color: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-my-info-basic-unfreeze-dialog-frozen .top-box .icon-box .el-icon-warning {
    color: var(--text-f38b2c);
    font-size: 62px
}

.c-my-info-basic-unfreeze-dialog-frozen .top-box .title-text {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px
}

.c-my-info-basic-unfreeze-dialog-frozen .top-box .tip-text {
    color: var(--text-3a3d42);
    margin-top: 8px;
    text-align: center
}

.c-my-info-basic-unfreeze-dialog-frozen .row-btn {
    display: flex
}

.c-my-info-basic-unfreeze-dialog-frozen .row-btn .via-btn {
    flex: 1 1 0%
}

.c-signin-qrcode .container {
    border: 1px dashed var(--border-d4d4db);
    border-radius: 4px;
    height: 220px;
    overflow: hidden;
    position: relative
}

.c-signin-qrcode .img-guide {
    bottom: 0;
    inset-inline-start: 24px;
    position: absolute;
    width: 148px
}

.c-signin-qrcode .wrapper {
    align-items: center;
    bottom: 20px;
    display: flex;
    height: 140px;
    inset-inline-end: 30px;
    justify-content: center;
    position: absolute;
    width: 140px
}

.c-signin-qrcode .canceled-tip {
    align-items: center;
    background: rgba(243, 139, 44, .05);
    border-radius: 4px;
    color: var(--text-f38b2c);
    display: flex;
    font-size: 12px;
    height: 26px;
    inset-inline-start: 0;
    padding: 0 12px;
    position: absolute;
    top: 0;
    width: 100%
}

.c-signin-qrcode .bg-scan {
    height: 140px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 140px
}

.c-signin-qrcode .bg-scan div:after,
.c-signin-qrcode .bg-scan div:before,
.c-signin-qrcode .bg-scan:after,
.c-signin-qrcode .bg-scan:before {
    content: " ";
    height: 18px;
    position: absolute;
    width: 18px
}

.c-signin-qrcode .bg-scan:before {
    border-left: 2px solid var(--border-0ead98);
    border-top: 2px solid var(--border-0ead98);
    left: 0;
    top: 0
}

.c-signin-qrcode .bg-scan:after {
    border-right: 2px solid var(--border-0ead98);
    border-top: 2px solid var(--border-0ead98);
    right: 0;
    top: 0
}

.c-signin-qrcode .bg-scan div:before {
    border-bottom: 2px solid var(--border-0ead98);
    border-left: 2px solid var(--border-0ead98);
    bottom: 0;
    left: 0
}

.c-signin-qrcode .bg-scan div:after {
    border-bottom: 2px solid var(--border-0ead98);
    border-right: 2px solid var(--border-0ead98);
    bottom: 0;
    right: 0
}

.c-signin-qrcode .qrcode {
    background: #fff;
    border-radius: 5px;
    padding: 6px
}

.c-signin-qrcode .qrcode-blur {
    filter: blur(5px)
}

.c-signin-qrcode .success-icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .2);
    border-radius: 50%;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px
}

.c-signin-qrcode .success-icon-wrap .el-icon-success {
    color: #0ead98;
    font-size: 36px
}

.c-signin-qrcode .expired-wrapper {
    background: hsla(0, 0%, 100%, .5);
    box-shadow: 0 0 10px 0 #fff
}

.c-signin-qrcode .expired-wrapper .expired-tip {
    bottom: 100%;
    color: var(--text-161719);
    font-size: 12px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.c-signin-qrcode .scanned-wrapper {
    background: hsla(0, 0%, 100%, .5);
    box-shadow: 0 0 10px 0 #fff;
    flex-direction: column
}

.c-signin-qrcode .success-wrapper {
    flex-direction: column
}

.theme-night .c-signin-qrcode .expired-wrapper,
.theme-night .c-signin-qrcode .scanned-wrapper {
    background: none !important;
    box-shadow: none !important
}

.c-signin-cookie-banner {
    align-items: center;
    background-color: var(--text-e6e7eb);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 18px 20px;
    position: fixed;
    width: 100%;
    z-index: 100
}

.p-signin-index {
    display: flex;
    min-height: calc(-58px + 100vh);
    padding-bottom: 100px;
    padding-top: 30px
}

.p-signin-index .signin-left-container {
    width: 460px
}

.p-signin-index .tabs-content {
    height: 300px
}

.p-signin-index .text-main-hover {
    color: var(--text-0ead98);
    transition: .3s
}

.p-signin-index .text-main-hover:hover {
    color: var(--text-1bbeb2)
}

.p-signin-index .via-tabs {
    overflow-x: auto
}

.p-signin-index .via-tabs::-webkit-scrollbar {
    display: none;
    height: 0
}

.p-signin-index .via-tabs .tab-nav-button {
    flex-wrap: nowrap
}

.p-signin-index .via-tabs .tab-item {
    padding: 0 18px !important;
    white-space: nowrap
}

.p-signin-index .text-divider {
    display: flex;
    justify-content: center;
    margin: 48px 0 28px;
    overflow: hidden
}

.p-signin-index .text-divider .text-divider-content {
    color: var(--text-b4b7bd);
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 0 20px;
    position: relative
}

.p-signin-index .text-divider .text-divider-content:after,
.p-signin-index .text-divider .text-divider-content:before {
    background-color: var(--bg-e6e7eb);
    bottom: 50%;
    content: "";
    height: 1px;
    position: absolute;
    width: 500%
}

.p-signin-index .text-divider .text-divider-content:before {
    left: 0;
    transform: translateX(-100%)
}

.p-signin-index .text-divider .text-divider-content:after {
    right: 0;
    transform: translateX(100%)
}

.c-market-data-summary {
    display: flex;
    flex-wrap: wrap;
    height: 210px;
    margin: 0 auto;
    padding-top: 30px;
    width: 1280px
}

.c-market-data-summary .chart-wrapper {
    height: 180px;
    position: relative;
    width: 270px
}

.c-market-data-summary .chart-wrapper .chart {
    height: 100%;
    width: 100%
}

.c-market-data-summary .chart-wrapper .chart-info {
    left: 20%;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 60%
}

.c-market-data-summary .legend-wrapper {
    flex: 1 1 0%
}

.c-market-data-summary .legend-wrapper .legend-item {
    align-items: center;
    display: flex;
    margin-top: 12px;
    width: 320px
}

.c-market-data-summary .legend-wrapper .legend-item .item-color {
    height: 8px;
    width: 8px
}

.c-market-data-summary .info-wrapper {
    padding-top: 10px;
    width: 300px
}

.c-markets-data-ranking-list {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 4px 4px rgba(221, 224, 240, .25);
    height: 540px;
    overflow: hidden;
    width: 410px
}

.c-markets-data-ranking-list .ranking-list-header {
    align-items: center;
    border-bottom: 1px solid var(--border-f2f3f5);
    display: flex;
    height: 47px;
    padding: 0 20px
}

.c-markets-data-ranking-list .c-markets-data-ranking-list-table .via-table-header {
    background: none
}

.c-markets-data-ranking-list .c-markets-data-ranking-list-table .via-table-header .table-header .table-label {
    height: 38px
}

.c-markets-data-ranking-list .c-markets-data-ranking-list-table .table-list-item {
    cursor: pointer
}

.c-markets-data-ranking-list .c-markets-data-ranking-list-table .table-list-item td.table-prop:first-child {
    padding-inline-start: 20px !important
}

.c-markets-data-ranking-list .c-markets-data-ranking-list-table .table-list-item td.table-prop:last-child {
    padding-inline-end: 20px !important
}

.c-markets-data-ranking-list .c-markets-data-ranking-list-table .table-list-item .table-prop-cell {
    border-bottom: 0
}

.c-market-recommended-list .c-markets-data-ranking-list {
    margin-bottom: 20px
}

.c-market-recommended-list .list-title {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    flex: 1 1 0%;
    font-size: 16px;
    font-weight: 700
}

.c-market-recommended-list .list-title .list-icon {
    align-items: center;
    display: none;
    height: 24px;
    justify-content: center;
    width: 24px
}

.c-market-recommended-list .list-wrapper {
    background: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 4px 4px rgba(221, 224, 240, .25)
}

.c-market-recommended-list .tabs-wrapper {
    border-bottom: 1px solid var(--border-f2f3f5);
    padding: 12px 8px
}

.c-market-heatmap .chart {
    width: 100%
}

.c-market-heatmap .via-tabs .tab-item {
    min-width: 100px;
    padding: 0 10px !important;
    text-align: center
}

.c-markets-data-sales-distribution {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    width: 410px
}

.c-markets-data-sales-distribution .chart-title {
    color: var(--text-3a3d42);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding: 15px 20px 0
}

.c-markets-data-sales-distribution .chart-content {
    height: 380px;
    position: relative
}

.c-markets-data-sales-distribution .chart-content .via-select {
    inset-inline-start: 20px;
    position: absolute;
    top: 12px
}

.c-markets-data-sales-distribution .chart-content .chart {
    height: 100%;
    width: 100%
}

.c-markets-data-sales-distribution .chart-legend {
    bottom: 20px;
    display: flex;
    left: 0;
    position: absolute;
    width: 100%
}

.c-markets-data-sales-distribution .chart-legend .legend-item {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center
}

.c-markets-data-sales-distribution .chart-legend .legend-icon {
    border-radius: 4px;
    height: 12px;
    width: 12px
}

.c-market-rise-fall-distribution {
    background-color: var(--bg-ffffff);
    border-radius: 20px
}

.c-market-rise-fall-distribution .chart-title {
    color: var(--text-3a3d42);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding: 15px 20px 0
}

.c-market-rise-fall-distribution .chart-content {
    height: 380px;
    position: relative
}

.c-market-rise-fall-distribution .chart-content .via-select {
    inset-inline-start: 20px;
    position: absolute;
    top: 12px
}

.c-market-rise-fall-distribution .chart {
    height: 300px;
    width: 100%
}

.c-market-rise-fall-distribution .progress {
    background-color: var(--bg-0ead98);
    border-radius: 4px;
    display: flex;
    height: 8px;
    margin: 0 20px
}

.c-market-rise-fall-distribution .progress .fall,
.c-market-rise-fall-distribution .progress .rise {
    border-radius: 4px;
    height: 8px;
    transition: width .3s ease-in-out
}

.c-market-rise-fall-distribution .progress .fall {
    background-color: var(--bg-db5541);
    flex: 1 1 0%
}

.c-markets-data-market-volume .chart-title {
    color: var(--text-3a3d42);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.c-markets-data-market-volume .chart-content {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    height: 396px;
    margin-top: 12px;
    position: relative
}

.c-markets-data-market-volume .chart-content .unit {
    bottom: 20px;
    color: var(--text-707580);
    font-size: 12px;
    left: 20px;
    position: absolute
}

.c-markets-data-market-volume .chart-content .chart {
    height: 100%;
    width: 100%
}

.p-markets-data {
    position: relative
}

.p-markets-data .summary-wrapper {
    background: var(--bg-ffffff);
    padding-top: 58px
}

.p-markets-data .nav-wrapper {
    margin: 0 auto;
    width: 1280px
}

.p-markets-data .nav-wrapper .nav-btn {
    color: var(--text-3a3d42);
    display: flex;
    font-size: 14px;
    justify-items: center
}

.p-markets-data .nav-wrapper .nav-btn:hover {
    color: var(--text-0ead98)
}

.p-markets-data .wrapper {
    margin: 0 auto;
    padding-bottom: 125px;
    width: 1280px
}

.c-insight-header {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    display: flex;
    padding: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-insight-header .header-left {
    cursor: pointer;
    margin-inline-end: 48px;
    width: 600px
}

.c-insight-header .header-left .header-cover {
    border-radius: 12px;
    height: 294px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

.c-insight-header .header-left .header-cover .header-cover-img {
    height: 100%;
    width: 100%
}

.c-insight-header .header-left .header-cover .header-cover-time {
    background-color: rgba(22, 23, 25, .3);
    border-start-end-radius: 12px;
    bottom: 0;
    color: #f9fbfe;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    inset-inline-start: 0;
    line-height: 40px;
    padding: 0 30px;
    position: absolute
}

[dir=rtl] .c-insight-header .header-left .header-cover .header-cover-time {
    right: 0
}

[dir=ltr] .c-insight-header .header-left .header-cover .header-cover-time {
    left: 0
}

.c-insight-header .header-left .header-content {
    position: relative;
    z-index: 2
}

.c-insight-header .header-left .header-content .header-title {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.c-insight-header .header-left .header-content .header-daily-content {
    color: var(--text-707580);
    line-height: 21px;
    margin-top: 8px
}

.c-insight-header .header-left .header-content .header-daily-content .ql-editor {
    padding: 0
}

.c-insight-header .header-left .header-content .header-content-more-btn {
    align-items: center;
    background-color: var(--bg-ffffff);
    bottom: 0;
    color: var(--text-0ead98);
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    inset-inline-end: 0;
    padding-inline-start: 10px;
    position: absolute
}

[dir=rtl] .c-insight-header .header-left .header-content .header-content-more-btn {
    left: 0
}

[dir=ltr] .c-insight-header .header-left .header-content .header-content-more-btn {
    right: 0
}

.c-insight-header .header-left .header-content .header-content-more-btn {
    cursor: pointer
}

.c-insight-header .header-left .header-content .header-content-more-btn .icon-up {
    transform: scaleY(-1)
}

.c-insight-header .header-left.clamped {
    height: 420px
}

.c-insight-header .header-left.clamped .header-daily-content,
.c-insight-header .header-left.clamped .header-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    position: relative
}

.c-insight-header .header-left.clamped .header-title {
    -webkit-line-clamp: 1
}

.c-insight-header .header-left.clamped .header-daily-content {
    -webkit-line-clamp: 2
}

.c-insight-header .header-left.clamped .header-coins {
    height: 37px;
    overflow: hidden
}

.c-insight-header .header-left.expanded {
    position: relative
}

.c-insight-header .header-left.expanded .header-content {
    background-color: var(--bg-fafbfc);
    border-radius: 20px;
    bottom: 0;
    height: auto;
    inset-inline-start: 0;
    padding: 24px 20px 20px;
    position: absolute
}

[dir=rtl] .c-insight-header .header-left.expanded .header-content {
    right: 0
}

[dir=ltr] .c-insight-header .header-left.expanded .header-content {
    left: 0
}

.c-insight-header .header-left.expanded .header-content .header-title {
    -webkit-line-clamp: 3
}

.c-insight-header .header-left.expanded .header-content .header-daily-content {
    -webkit-line-clamp: 5
}

.c-insight-header .header-left.expanded .header-content .header-coins {
    height: auto;
    margin-top: 0
}

.c-insight-header .header-left.expanded .header-content .header-content-more-btn {
    background-color: var(--bg-fafbfc)
}

.c-insight-header .header-left .header-coins {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px
}

.c-insight-header .header-left .header-coins .coin-item {
    align-items: center;
    border: 1px solid var(--border-dee0e3);
    border-radius: 4px;
    color: var(--text-161719);
    cursor: pointer;
    display: inline-flex;
    font-family: IBMPlexSans, DIN, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif, PingFangSC-regular;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 8px;
    margin-inline-end: 20px;
    padding: 3px 10px
}

.c-insight-header .header-left:hover .header-title {
    color: var(--text-0ead98)
}

.c-insight-header .header-right {
    flex: 1 1 0px
}

.c-insight-header .header-right .header-right-item {
    display: block;
    position: relative
}

.c-insight-header .header-right .header-right-item .item-title {
    color: var(--text-161719);
    display: -webkit-box;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.c-insight-header .header-right .header-right-item .item-content {
    color: var(--text-707580);
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-insight-header .header-right .header-right-item .item-time {
    color: var(--text-707580);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-top: 12px
}

.c-insight-header .header-right .header-right-item+.header-right-item {
    border-top: 1px solid var(--border-e6e7eb);
    margin-top: 20px;
    padding-top: 20px
}

.c-insight-header .header-right .header-right-item:hover .item-title {
    color: var(--tex-0ead98)
}

.c-insight-header .header-right .header-right-item:hover:after {
    bottom: 0;
    content: "";
    font-family: iconfont;
    font-size: 12px;
    inset-inline-end: 0;
    position: absolute
}

[dir=rtl] .c-insight-header .header-right .header-right-item:hover:after {
    left: 0
}

[dir=ltr] .c-insight-header .header-right .header-right-item:hover:after {
    right: 0
}

html[dir=rtl] .header-right-item:hover:after {
    transform: scaleX(-1)
}

.c-insight-item {
    background-color: var(--bg-ffffff);
    border-radius: 8px 8px 12px 12px;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 360px;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    width: 400px
}

.c-insight-item.interview {
    height: 348px
}

.c-insight-item .c-insight-item-cover {
    height: 196px;
    position: relative;
    z-index: 1
}

.c-insight-item .c-insight-item-content {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin-top: -10px;
    padding: 26px 16px 30px;
    position: relative;
    z-index: 2
}

.c-insight-item .c-insight-item-content .c-insight-item-title {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.c-insight-item .c-insight-item-content .c-insight-item-pin {
    height: 22px;
    margin-inline-end: 8px;
    margin-top: 3px;
    width: 30px
}

.c-insight-item .c-insight-item-content .c-insight-item-desc {
    line-height: 20px
}

.c-insight-item .c-insight-item-content .c-insight-item-tags {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.c-insight-item .c-insight-item-content .c-insight-item-tags .c-insight-item-tag {
    background-color: hsla(219, 7%, 47%, .1);
    border-radius: 20px;
    color: var(--text-3a3d42);
    font-size: 14px;
    line-height: 16px;
    margin-inline-end: 4px;
    padding: 4px 12px
}

.c-insight-item.clamped .c-insight-item-desc,
.c-insight-item.clamped .c-insight-item-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical
}

.c-insight-item.clamped .c-insight-item-title {
    -webkit-line-clamp: 1
}

.c-insight-item.clamped .c-insight-item-desc {
    -webkit-line-clamp: 2
}

.c-insight-item.expanded .c-insight-item-content {
    bottom: 0;
    inset-inline-start: 0;
    margin-top: 0;
    max-height: 300px;
    padding: 20px 16px 30px;
    position: absolute;
    width: 100%
}

[dir=rtl] .c-insight-item.expanded .c-insight-item-content {
    right: 0
}

[dir=ltr] .c-insight-item.expanded .c-insight-item-content {
    left: 0
}

.c-insight-item.expanded .c-insight-item-content .c-insight-item-title {
    -webkit-line-clamp: 7
}

.c-insight-daily-item {
    background-color: var(--bg-ffffff);
    border-radius: 8px 8px 12px 12px;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 402px;
    margin-bottom: 40px;
    max-height: 450px;
    overflow: hidden;
    position: relative;
    width: 400px
}

.c-insight-daily-item .c-insight-daily-item-cover {
    height: 196px;
    position: relative;
    z-index: 1
}

.c-insight-daily-item .c-insight-daily-item-content {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin-top: -10px;
    padding: 20px 16px 16px;
    position: relative;
    z-index: 2
}

.c-insight-daily-item .c-insight-daily-item-content .c-insight-daily-item-title {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.c-insight-daily-item .c-insight-daily-item-content .c-insight-daily-item-pin {
    height: 22px;
    margin-inline-end: 8px;
    margin-top: 3px
}

.c-insight-daily-item .c-insight-daily-item-content .c-insight-daily-item-desc {
    line-height: 20px
}

.c-insight-daily-item .c-insight-daily-item-content .coin-item {
    align-items: center;
    border: 1px solid var(--border-dee0e3);
    border-radius: 4px;
    color: var(--text-161719);
    cursor: pointer;
    display: inline-flex;
    font-family: IBMPlexSans, DIN, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif, PingFangSC-regular;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    margin-top: 8px;
    margin-inline-end: 12px;
    padding: 0 10px
}

.c-insight-daily-item .c-insight-daily-item-content .c-insight-daily-item-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    line-height: 21px;
    margin-top: 20px
}

.c-insight-daily-item .c-insight-daily-item-content .c-insight-daily-item-footer .icon-up {
    transform: scaleY(-1)
}

.c-insight-daily-item .c-insight-daily-item-content .c-insight-daily-item-coins {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.c-insight-daily-item.clamped {
    height: 402px
}

.c-insight-daily-item.clamped .c-insight-daily-item-desc,
.c-insight-daily-item.clamped .c-insight-daily-item-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical
}

.c-insight-daily-item.clamped .c-insight-daily-item-title {
    -webkit-line-clamp: 1
}

.c-insight-daily-item.clamped .c-insight-daily-item-desc {
    -webkit-line-clamp: 3
}

.c-insight-daily-item.clamped .c-insight-daily-item-coins {
    height: 33px;
    overflow: hidden
}

.c-insight-daily-item.expanded .c-insight-daily-item-content {
    bottom: 0;
    display: grid;
    height: auto;
    left: 0;
    min-height: 216px;
    position: absolute;
    transition: .3s;
    width: 100%
}

.c-insight-daily-item.expanded .c-insight-daily-item-content .c-insight-daily-item-title {
    -webkit-line-clamp: 7
}

.c-insight-daily-item.expanded .c-insight-daily-item-content .c-insight-daily-item-coins {
    height: auto;
    margin-top: 0
}

.c-insight-daily-item.expanded .c-insight-daily-item-content .c-insight-daily-item-footer {
    margin-top: 8px
}

.c-insight-list-container {
    min-height: 300px
}

.p-insight {
    padding-bottom: 80px;
    padding-top: 28px
}

.p-insight .w-1280 {
    margin: 0 auto;
    width: 1280px
}

.p-insight .insight-title {
    color: var(--text-161719);
    font-size: 42px;
    font-weight: 700;
    line-height: normal
}

.p-insight .more-btn {
    align-items: center;
    background-color: var(--bg-0ead98-10);
    border-radius: 24px;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: normal;
    padding: 11px 40px;
    width: 328px
}

.p-insight .report-type .type-button {
    margin-inline-end: 8px
}

.p-insight .report-type .type-button .via-radio-button__inner {
    background-color: var(--bg-ffffff);
    padding: 0 12px
}

.p-insight .report-type .type-button.is-active>.via-radio-button__inner {
    background-color: var(--bg-0ead98-5)
}

.p-insight .list-wrap {
    margin-top: 24px
}

.p-insight .list-wrap .via-loading {
    z-index: 3
}

.p-insight .type-list {
    color: var(--text-707580);
    display: flex;
    flex: 1 1 auto;
    font-size: 20px;
    font-weight: 500;
    line-height: normal
}

.p-insight .type-list .type-item {
    cursor: pointer;
    padding-bottom: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.p-insight .type-list .type-item.active {
    color: var(--text-161719);
    font-weight: 700;
    position: relative
}

.p-insight .type-list .type-item.active:after {
    background-color: var(--text-0ead98);
    bottom: -8px;
    content: "";
    height: 3px;
    left: calc(50% - 20px);
    position: absolute;
    width: 40px
}

.p-insight .fixed-header {
    background-color: var(--bg-ffffff);
    box-shadow: 0 12px 30px 0 rgba(45, 56, 68, .05);
    height: 60px;
    padding: 0 20px;
    position: fixed;
    top: 58px;
    width: 100vw;
    z-index: 10
}

.p-insight .fixed-header .fixed-header-inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    width: 1280px
}

.p-insight .fixed-header .fixed-header-inner .type-item.active:after {
    bottom: -11px
}

.p-insight.native {
    background-color: initial;
    background-image: linear-gradient(#f4f6f7, #fbfbfb);
    background-repeat: no-repeat
}

.theme-night .p-insight.native {
    background-color: var(--bg-fafafa);
    background-image: none
}

.c-strategy-auto-invest-guide.via-dialog-wrapper .via-dialog,
.c-strategy-auto-invest-risktipdialog .via-dialog {
    margin-top: 20vh
}

.c-exchange-placeorder-limit,
.c-exchange-placeorder-limitstop,
.c-exchange-placeorder-market,
.c-exchange-placeorder-marketstop {
    width: 100%
}

.c-exchange-page-order-select {
    display: flex
}

.c-exchange-page-order-select .c-exchange-page-order-select-dropdown .via-dropdown-reference:hover .iconfont.icon-arrow-expand {
    background: var(--bg-0ead98-10);
    border: 1px solid transparent;
    color: var(--text-0ead98)
}

.c-exchange-page-order-select .c-exchange-page-order-select-dropdown .iconfont.icon-arrow-expand {
    border: 1px solid var(--bg-dee0e3);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-inline-start: 12px;
    text-align: center;
    width: 20px
}

.c-exchange-page-order-select-popover .via-dropdown-item {
    height: 45px
}

.c-exchange-page-order-select-popover .via-dropdown-item.active {
    background: var(--bg-0ead98-5);
    color: var(--text-0ead98);
    font-weight: 500
}

.c-exchange-page-date-range-select .select-date.el-date-editor.el-input__inner {
    background: var(--bg-fafbfc);
    border-color: var(--bg-fafbfc);
    height: 32px
}

.c-exchange-page-date-range-select .select-date.el-date-editor.el-input__inner:hover {
    border-color: var(--bg-fafbfc)
}

.c-exchange-page-date-range-select .select-date.el-date-editor.el-input__inner.is-active {
    border-color: var(--bg-0ead98)
}

.c-exchange-page-date-range-select .select-date.el-date-editor.el-input__inner .el-input__icon,
.c-exchange-page-date-range-select .select-date.el-date-editor.el-input__inner .el-range-separator {
    line-height: 24px
}

.c-exchange-page-date-range-select .select-date.el-date-editor.el-input__inner .el-range-input {
    background: var(--bg-fafbfc);
    margin-top: 2px
}

.c-exchange-page-date-range-select .select-date.el-date-editor.el-input__inner .el-range-separator {
    width: 15%
}

.c-futures-order-futures-marker-select .cur-option {
    align-items: center;
    background-color: var(--bg-fafbfc);
    border-radius: 4px;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: space-between;
    margin-inline-start: 14px;
    min-width: 126px;
    padding: 0 12px
}

.c-futures-order-futures-marker-select .cur-option.active,
.c-futures-order-futures-marker-select .cur-option:hover {
    border: 1px solid var(--border-0ead98)
}

.c-futures-order-futures-marker-select .cur-option.active .iconfont {
    color: var(--text-0ead98);
    transform: rotate(-180deg);
    transition: .4s
}

.c-futures-order-futures-marker-select .cur-option.active .cur-label {
    color: var(--text-b4b7bd)
}

.c-futures-order-futures-marker-select .cur-option .iconfont {
    color: var(--text-b4b7bd);
    transition: .4s
}

.c-futures-order-futures-marker-select .cur-option .separator {
    background-color: var(--bg-e6e7eb);
    height: 14px;
    margin-inline-end: 10px;
    width: 1px
}

.c-futures-order-futures-marker-select-popover {
    padding: 0;
    width: 300px
}

.c-futures-order-futures-marker-select-popover .perpetual-tab {
    background-color: var(--bg-f7f8fa);
    display: flex;
    padding: 0 12px
}

.c-futures-order-futures-marker-select-popover .perpetual-tab .perpetual-tab-item {
    color: var(--text-707580);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0
}

.c-futures-order-futures-marker-select-popover .perpetual-tab .perpetual-tab-item.active {
    color: var(--text-161719);
    font-weight: 600
}

.c-futures-order-futures-marker-select-popover .perpetual-tab .perpetual-tab-item:first-of-type {
    margin-inline-end: 20px
}

.c-futures-order-futures-marker-select-popover .search-input.via-input {
    width: 100%
}

.c-futures-order-futures-marker-select-popover .search-input.via-input .input-prefix .iconfont {
    font-size: 14px
}

.c-futures-order-futures-marker-select-popover .search-input.via-input .input-inner {
    font-size: 14px;
    height: 30px;
    padding-bottom: 0;
    padding-top: 0
}

.c-futures-order-futures-marker-select-popover .search-input.via-input .input-inner::-webkit-input-placeholder {
    font-size: 14px
}

.c-futures-order-futures-marker-select-popover .market-wrap {
    max-height: 240px;
    overflow: hidden auto
}

.c-futures-order-futures-marker-select-popover .market-wrap .market-item {
    align-items: center;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 40px;
    padding: 12px
}

.c-futures-order-futures-marker-select-popover .market-wrap .market-item.active,
.c-futures-order-futures-marker-select-popover .market-wrap .market-item:hover {
    background-color: var(--bg-0ead98-5);
    color: var(--text-0ead98)
}

.p-order-common {
    color: var(--text-161719);
    padding: 20px 0 60px
}

.p-order-common .p-order-common-inner {
    margin: 0 auto;
    width: 1280px
}

.p-order-common .p-order-common-inner .mobile-query .icon-deal-stat-wrap {
    align-items: center;
    background-color: var(--bg-0ead98-10);
    border-radius: 4px;
    display: flex;
    height: 28px;
    justify-content: center;
    position: absolute;
    right: 38px;
    top: -51px;
    width: 28px
}

.p-order-common .p-order-common-inner .mobile-query .icon-filter-wrap {
    align-items: center;
    background: var(--bg-0ead98-10);
    border-radius: 4px;
    color: var(--text-0ead98);
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px
}

.p-order-common .p-order-common-inner .mobile-query .nav-tab .pc-select {
    display: flex;
    justify-content: space-between;
    margin: 20px 0
}

.p-order-common .p-order-common-inner .mobile-query .nav-tab .pc-select .tab-nav-button .tab-item {
    min-width: 114px;
    padding: 0 30px !important
}

.p-order-common .p-order-common-inner .mobile-query .nav-tab .pc-select .tab-nav-button .tab-item.active {
    border: 1px solid var(--border-0ead98);
    font-weight: 500
}

.p-order-common .p-order-common-inner .mobile-query .nav-tab .mobile-select {
    background: var(--bg-ffffff);
    height: 32px;
    width: 100%
}

.p-order-common .p-order-common-inner .order-box {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 1px 3px 7px -2px rgba(93, 97, 131, .06);
    overflow: hidden
}

.p-order-common .p-order-common-inner .order-box .order-table {
    min-height: 400px
}

.p-order-common .p-order-common-inner .order-box .order-table .via-table-default .table-header .table-label:first-child .table-label-cell {
    padding-inline-start: 0
}

.p-order-common .p-order-common-inner .order-box .order-table .via-table-default .table-header .table-label:last-child .table-label-cell {
    padding-inline-end: 0
}

.p-order-common .p-order-common-inner .order-box .order-table .via-table-default .table-header .table-label .table-label-cell {
    padding: 12px 10px
}

.p-order-common .p-order-common-inner .order-box .order-table .card-item {
    background: transparent;
    border-bottom: 1px solid var(--border-f7f8fa);
    border-radius: 0;
    box-shadow: none;
    margin: 20px;
    padding: 0
}

.p-order-common .p-order-common-inner .order-box .order-table .card-item .card-body {
    padding-top: 0
}

.p-order-common .p-order-common-inner .order-box .order-table .card-item .card-body .card-label {
    color: var(--text-707580);
    font-size: 12px
}

.p-order-common .p-order-common-inner .order-box .order-table .card-item .card-body .card-prop {
    color: var(--text-161719);
    font-size: 12px
}

.p-order-common .p-order-common-inner .order-box .order-table .md-more {
    color: var(--text-27282c);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    transform: rotate(-90deg)
}

.p-order-common .p-order-common-inner .order-box .order-table .c-common-empty {
    min-height: 450px
}

.p-order-common .p-order-common-inner .order-box .is-all-deal-class {
    padding-inline-start: 10px;
    position: relative
}

.p-order-common .p-order-common-inner .order-box .is-all-deal-class:before {
    border-radius: 50%;
    content: "";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 7px;
    width: 6px
}

.p-order-common .p-order-common-inner .order-box .is-all-deal-class.is-all-deal:before {
    background: var(--bg-0ead98)
}

.p-order-common .p-order-common-inner .order-box .is-all-deal-class.is-not-all-deal:before {
    background: var(--bg-f38b2c)
}

.p-order-common .p-order-common-inner .order-box .status {
    padding-inline-start: 10px;
    position: relative
}

.p-order-common .p-order-common-inner .order-box .status:before {
    border-radius: 50%;
    content: "";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 7px;
    width: 6px
}

.p-order-common .p-order-common-inner .order-box .status.active-status:before {
    background: var(--bg-0ead98)
}

.p-order-common .p-order-common-inner .order-box .status.not-active-status:before {
    background: var(--bg-db5541)
}

.p-order-common .p-order-common-inner .type-text-icon {
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    margin-inline-end: 4px;
    padding: 0 4px;
    text-align: center
}

.filter-query .min-w-126 {
    min-width: 126px
}

.filter-query .filter-pc {
    border-top: 1px solid var(--border-e6e7eb-gray0602);
    padding: 20px 0
}

.filter-query .filter-pc .c-exchange-marketSelect {
    width: auto
}

.filter-query .filter-pc .via-select {
    background: var(--bg-fafbfc) !important;
    width: 140px
}

.filter-query .tab-nav-button .tab-item {
    color: var(--text-7d7f81);
    min-width: 82px;
    padding: 0 17px !important
}

.filter-query .tab-nav-button .tab-item.active {
    border: 1px solid var(--border-0ead98)
}

.filter-query .time-range-tabs .tab-nav-button .tab-item {
    margin-inline-end: 12px !important;
    min-width: 0
}

.filter-query .export-button {
    align-items: center;
    border: 1px solid var(--bg-dee0e3);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    min-width: 72px;
    padding: 0 16px;
    transition: .4s
}

.filter-query .export-button .iconfont {
    margin-inline-end: 4px
}

.filter-query .export-button:hover {
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98);
    transition: .4s
}

.filter-query-drawer.in-drawer .via-dialog i.via-dialog-close {
    color: var(--text-161719);
    font-size: 16px;
    top: 15px
}

.filter-query-drawer.in-drawer .via-dialog .el-date-editor.com-range-picker {
    width: calc(100% - 10px)
}

.filter-query-drawer.in-drawer .via-dialog .mobile-tabs .tab-item {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: normal !important;
    padding: 0 !important;
    width: calc(33% - 7px)
}

.theme-night .p-order-common {
    background: none
}

[dir=rtl] .p-order-common .md-more {
    transform: rotate(90deg)
}

.p-exchange-convert-order {
    margin: 0 auto;
    padding: 0 0 60px;
    width: 1280px
}

.p-exchange-convert-order .header-wrapper {
    border-bottom: 1px solid var(--border-e6e7eb-gray0602);
    padding: 20px 0
}

.p-exchange-convert-order .header-wrapper .icon-filter-wrap {
    align-items: center;
    background: var(--bg-0ead98-10);
    border-radius: 4px;
    color: var(--text-0ead98);
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px
}

.p-exchange-convert-order .form-item {
    align-items: center;
    display: flex
}

.p-exchange-convert-order .form-item .label {
    color: var(--text-161719);
    margin-inline-end: 14px
}

.p-exchange-convert-order .wrapper {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13);
    overflow: hidden
}

.p-exchange-convert-order .table-wrapper {
    min-height: 390px
}

.p-exchange-convert-order .via-table-card {
    padding: 0 16px
}

.p-exchange-convert-order .via-table-card .card-item {
    background: none;
    border-bottom: 1px solid var(--border-f4f6fa);
    border-radius: 0;
    box-shadow: none;
    padding: 20px 0
}

.p-exchange-convert-order .via-table-card .card-item:last-of-type {
    border: none
}

.p-exchange-convert-order .via-table-card .card-item .card-body {
    padding: 12px 0 0
}

.p-exchange-convert-order .empty-container .c-common-empty {
    min-height: 450px
}

.c-futures-position-adjust-margin .via-dialog {
    padding: 0
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-header {
    border-bottom: 1px solid var(--border-f2f3f5);
    margin-bottom: 0;
    padding: 20px 20px 12px
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-body {
    padding: 20px
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-body .label-name {
    color: var(--text-3a3d42);
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 4px;
    margin-top: 24px
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-body .action-tab {
    background-color: var(--bg-fafbfc);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    flex: 1 1 0%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-body .action-tab.selected {
    background: rgba(14, 173, 152, .1);
    color: var(--text-0ead98);
    font-weight: 600
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-body .input-box {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    transition: .4s
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-body .input-box.error {
    border-color: var(--border-db5541)
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-body .input-box:not(.error):hover {
    border-color: var(--border-0ead98)
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-body .input-box .c-common-num-input input {
    border: 0;
    height: 48px;
    padding-inline: 20px
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-body .input-box .c-common-num-input input:hover {
    border: 0;
    box-shadow: none
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-body .input-box .operation {
    padding-inline-end: 20px;
    white-space: nowrap
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-body .position-info {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 18px
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-body .position-info .name {
    color: var(--text-707580)
}

.c-futures-position-adjust-margin .via-dialog .via-dialog-body .position-info .value {
    color: var(--text-161719)
}

.c-futures-position-adjust-margin.via-dialog-wrapper.in-drawer .via-dialog {
    padding: 0 !important
}

.c-stop-loss-setting {
    box-sizing: border-box;
    min-height: 90px;
    padding: 15px 0 20px
}

.c-stop-loss-setting .type {
    margin-inline-end: 8px;
    width: 180px
}

.c-stop-loss-setting .dot {
    background-color: var(--bg-0ead98);
    border-radius: 5px;
    display: inline-block;
    flex: 0 0 5px;
    height: 5px;
    margin-top: 6px;
    width: 5px
}

.c-futures-position-stoploss .via-dialog .via-dialog-header {
    margin-bottom: 16px
}

.c-futures-position-stoploss .line {
    border-bottom: 6px solid var(--border-f4f6fa)
}

.c-futures-position-stoploss.in-drawer .via-dialog {
    padding: 0
}

.c-futures-position-stoploss.in-drawer .via-dialog-header {
    padding: 20px 20px 0
}

.c-futures-position-stoploss.in-drawer .via-dialog-body {
    max-height: 70vh;
    overflow: auto;
    padding: 20px
}

.c-futures-placeorder-input .prefix-name {
    min-width: 50px
}

.c-futures-placeorder-input .divider {
    background-color: var(--bg-e6e7eb);
    height: 20px;
    width: 1px
}

.c-futures-placeorder-input .error-tip {
    background-color: var(--bg-3a3d42);
    border-radius: 8px;
    box-shadow: 0 12px 48px rgba(164, 197, 205, .05), 0 9px 28px rgba(164, 197, 205, .07), 0 6px 16px rgba(164, 197, 205, .1);
    color: var(--text-ffffff);
    min-height: 40px;
    min-width: 126px;
    padding: 12px
}

.c-futures-placeorder-input .c-common-popper-container[data-popper-placement^=top] .popper-arrow:after {
    border-top-color: var(--border-3a3d42)
}

.c-futures-placeorder-input .placeorder-input {
    border-color: transparent;
    padding: 0 20px
}

.c-futures-placeorder-input .placeorder-input .input-inner {
    flex: 1 1 0%;
    width: 0
}

.c-futures-position-current-close-dialog-class .header-class {
    margin-inline: -32px -62px;
    padding-inline-start: 32px
}

.c-futures-position-indicator .indicator {
    background-color: #e7e8ef;
    display: inline-block;
    height: 10px;
    margin-inline-end: 2px;
    width: 4px
}

.c-futures-position-indicator .indicator.green {
    background-color: #0ead98
}

.c-futures-position-indicator .indicator.yellow {
    background-color: #f5a623
}

.c-futures-position-indicator .indicator.red {
    background-color: #db5541
}

.c-perpeptual-position-burstrate .img-burst {
    width: 32px
}

.c-futures-price-base .tip {
    color: var(--text-161719);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    padding: 0 20px 16px
}

.c-futures-price-base .select-p {
    align-items: center;
    background: linear-gradient(90deg, rgba(14, 173, 152, .12), rgba(14, 173, 152, 0) 48%);
    color: var(--text-3a3d42);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 28px;
    padding-inline-start: 20px
}

.c-futures-price-base .via-radio .via-radio__input.is-checked+.via-radio__label {
    color: var(--text-161719)
}

[dir=rtl] .c-futures-price-base .select-p {
    background: linear-gradient(270deg, rgba(14, 173, 152, .12), rgba(14, 173, 152, 0) 48%)
}

.c-futures-price-base-popover {
    max-width: 400px;
    padding: 20px 0
}

.c-futures-price-base-dialog.via-dialog-wrapper .via-dialog {
    max-width: 90%;
    padding: 25px 20px 20px 0
}

.c-futures-trade-lever-slider {
    min-height: 55px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-futures-trade-lever-slider .slider-runway {
    background: var(--bg-f2f3f5);
    height: 2px;
    margin: 5px 0;
    position: relative
}

.c-futures-trade-lever-slider .slider-runway .slider-thumb {
    background: var(--bg-0ead98);
    border-radius: 6px;
    height: 12px;
    position: absolute;
    top: -5px;
    transform: translateX(-50%);
    width: 12px;
    z-index: 10
}

.c-futures-trade-lever-slider .slider-runway .slider-thumb:hover {
    transform: translateX(-50%)
}

.c-futures-trade-lever-slider .slider-runway .slider-thumb:hover .slider-mark {
    display: flex;
    opacity: 1
}

.c-futures-trade-lever-slider .slider-runway .slider-thumb:hover .slider-mark:after {
    display: block;
    opacity: 1
}

.c-futures-trade-lever-slider .slider-runway .slider-thumb.active {
    transform: translateX(-50%)
}

.c-futures-trade-lever-slider .slider-runway .slider-thumb.active .slider-mark {
    display: flex !important;
    opacity: 1
}

.c-futures-trade-lever-slider .slider-runway .slider-thumb.active .slider-mark:after {
    display: block;
    opacity: 1
}

.c-futures-trade-lever-slider .slider-runway .slider-thumb:after {
    background: var(--bg-ffffff);
    border-radius: 3px;
    content: "";
    display: block;
    height: 6px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 6px
}

.c-futures-trade-lever-slider .slider-runway .slider-thumb .slider-mark {
    align-items: center;
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-0ead98);
    border-radius: 4px;
    box-shadow: 0 4px 14px rgba(164, 197, 205, .3);
    color: var(--text-161719);
    display: none;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    left: 50%;
    line-height: 24px;
    opacity: 0;
    padding: 0 10px;
    position: absolute;
    top: -30px;
    transform: translateX(-50%)
}

.c-futures-trade-lever-slider .slider-runway .slider-thumb .slider-mark:after {
    background: var(--bg-ffffff);
    border-bottom: 1px solid var(--bg-0ead98);
    border-right: 1px solid var(--bg-0ead98);
    content: "";
    display: none;
    height: 5px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 22px;
    transform: rotate(45deg) translateX(-50%);
    width: 5px
}

.c-futures-trade-lever-slider .slider-runway .slider-stops-wrap {
    position: relative
}

.c-futures-trade-lever-slider .slider-runway .slider-stops-wrap .slider-stops {
    background: var(--bg-e6e7eb);
    border-radius: 6px;
    cursor: pointer;
    height: 6px;
    position: absolute;
    top: -2px;
    transform: translateX(-50%);
    width: 6px;
    z-index: 9
}

.c-futures-trade-lever-slider .slider-runway .slider-stops-wrap .slider-stops .slider-stops-label {
    color: var(--text-707580);
    font-size: 12px;
    left: -8px;
    position: absolute;
    top: 10px
}

.c-futures-trade-lever-slider .slider-runway .slider-stops-wrap .slider-stops:first-of-type .slider-stops-label {
    left: 0 !important
}

.c-futures-trade-lever-slider .slider-runway .slider-stops-wrap .slider-stops:last-of-type .slider-stops-label {
    left: auto !important;
    right: 0
}

.c-futures-trade-lever-slider .slider-runway .slider-stops-wrap .slider-stops.active {
    background: var(--bg-0ead98)
}

.c-futures-trade-lever-slider .slider-runway .slider-stops-wrap .slider-stops.active .slider-stops-label {
    color: var(--text-0ead98)
}

.c-futures-trade-lever-slider .slider-runway .slider-progress {
    background: var(--bg-0ead98);
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.theme-night .c-futures-trade-lever-slider .slider-runway .slider-mark {
    box-shadow: none
}

.c-futures-trade-leverdialog .via-dialog {
    padding: 0
}

.c-futures-trade-leverdialog .via-dialog .via-dialog-header {
    border-bottom: 1px solid var(--border-f2f3f5);
    padding: 20px 20px 12px
}

.c-futures-trade-leverdialog .via-dialog .via-dialog-body {
    padding: 12px 20px 0
}

.c-futures-trade-leverdialog .via-dialog .via-dialog-body .item-title {
    color: var(--text-3a3d42);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    margin: 24px 0;
    padding-inline-start: 8px;
    position: relative
}

.c-futures-trade-leverdialog .via-dialog .via-dialog-body .item-title:before {
    background-color: var(--bg-0ead98);
    content: "";
    display: inline-block;
    height: 14px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 4px
}

.c-futures-trade-leverdialog .via-dialog .via-dialog-body .select-type-option {
    align-items: center;
    background-color: var(--bg-fafbfc);
    border-radius: 4px;
    color: var(--text-707580);
    display: flex;
    height: 32px;
    justify-content: center;
    line-height: 1;
    margin-inline-end: 8px;
    min-width: 180px
}

.c-futures-trade-leverdialog .via-dialog .via-dialog-body .select-type-option+.select-type-option {
    margin-inline-end: 0
}

.c-futures-trade-leverdialog .via-dialog .via-dialog-body .select-type-option:hover {
    background-color: var(--bg-0ead98-10);
    color: var(--text-0ead98);
    cursor: pointer
}

.c-futures-trade-leverdialog .via-dialog .via-dialog-body .select-type-option.active {
    background-color: var(--bg-0ead98-10);
    color: var(--text-0ead98);
    position: relative
}

.c-futures-trade-leverdialog .via-dialog .via-dialog-body .select-type-option.active:after {
    background-image: url(../app-resources-d6/assets/f02ad2baf37c507be0b011bce086d92a_a7a33bb489cce7b3adb3.v2.webp);
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px
}

.c-futures-trade-leverdialog .via-dialog .via-dialog-footer {
    margin-top: 0;
    padding: 12px 20px 32px
}

.c-futures-trade-leverdialog .option-item {
    background-color: var(--bg-f2f2f2);
    color: var(--text-7d7f81);
    cursor: pointer;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin-inline-end: 2px;
    min-width: 70px;
    text-align: center
}

.c-futures-trade-leverdialog .option-item.active {
    background-color: var(--bg-ffffff);
    border: 1px solid #0ead98;
    color: #0ead98
}

.c-futures-trade-leverdialog .option-item.invalid {
    background-color: var(--bg-d6d8e0) !important;
    color: var(--dark-7d7f81, #fff) !important;
    cursor: not-allowed
}

.c-futures-trade-leverdialog .el-button {
    line-height: 46px
}

.c-futures-trade-leverdialog .force-stop {
    min-height: 20px
}

.c-futures-trade-leverdialog.in-drawer .via-dialog {
    padding: 0
}

.c-futures-trade-leverdialog.in-drawer .via-dialog-header {
    margin-bottom: 0;
    padding: 20px 20px 0
}

.c-futures-trade-leverdialog.in-drawer .via-dialog-body {
    max-height: 60vh;
    overflow: auto;
    padding: 20px
}

.c-futures-trade-leverdialog.in-drawer .via-dialog-body .select-type-option {
    flex: 1 1 0%;
    min-width: 0
}

.c-position-analysis .title-line {
    background-color: var(--text-0ead98);
    display: inline-block;
    height: 14px;
    width: 4px
}

.c-position-analysis .flex-1 {
    flex: 1 1 0%
}

.c-position-analysis .flex-2 {
    flex: 2 1 0%
}

.c-position-analysis .item {
    min-width: 100px
}

.c-position-analysis .item.w-170 {
    width: 170px
}

.c-position-analysis .item.w-300 {
    width: 300px
}

.c-position-analysis .fixed-btn {
    background-color: var(--bg-ffffff);
    bottom: 0;
    box-shadow: 0 8px 30px 0 hsla(237, 9%, 46%, .4);
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 18px 20px;
    position: fixed;
    right: 0
}

.c-position-analysis .fixed-btn .via-btn {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 4px 0
}

.c-futures-position-detail .detail-tab .tab-nav>div {
    width: 100%
}

.c-futures-position-detail .detail-tab .tab-item {
    font-size: 14px !important;
    height: auto !important;
    min-height: 40px;
    padding: 0 10px !important;
    width: 25%;
    word-break: break-all
}

.c-futures-position-detail .tab-bar {
    background-color: var(--bg-f2f2f2);
    height: 38px
}

.c-futures-position-detail .tab-bar .item {
    align-items: center;
    color: var(--text-27282c);
    cursor: pointer;
    display: flex;
    flex: 1 1 0%;
    font-size: 14px;
    justify-content: center;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-futures-position-detail .tab-bar .item.active {
    background-color: var(--bg-ffffff);
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(81, 91, 118, .15);
    color: var(--text-0ead98);
    height: 34px
}

.c-futures-position-detail .table {
    height: 256px;
    width: 100%
}

.c-futures-position-detail .table .via-table {
    width: 840px
}

.c-futures-position-detail .table .via-table .via-table-default .table-label-cell {
    padding: 5px 8px
}

.c-futures-position-detail .table .via-table .via-table-default .table-body-wrapper .via-table-body .body-row .table-prop,
.c-futures-position-detail .table .via-table .via-table-default .table-header-wrapper .table-header tr .table-label {
    padding-inline: 0 !important
}

.c-futures-position-detail .table .via-table .card-item {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    margin: 20px 0;
    padding: 0
}

.c-futures-position-detail .table .via-table .card-item .card-body {
    padding-top: 0
}

.c-futures-position-detail .table .via-table .card-item .card-body .card-label {
    color: var(--text-707580);
    font-size: 12px
}

.c-futures-position-detail .table .via-table .card-item .card-body .card-prop {
    color: var(--text-161719);
    font-size: 12px
}

.c-futures-position-detail .table .c-common-empty {
    min-height: 210px
}

.c-futures-position-detail-dialog .c-position-detail-content {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    min-height: 360px
}

.c-futures-position-detail-dialog .via-dialog-header {
    border-bottom: 1px solid var(--border-f2f3f5);
    margin-bottom: 20px !important;
    padding-bottom: 20px
}

.c-futures-position-detail-dialog .back {
    align-items: center;
    display: flex;
    padding-inline-start: 10px
}

.c-futures-position-detail-dialog .icon-page-prev {
    display: inline-block;
    font-size: 30px;
    font-weight: 600
}

.c-futures-position-detail-dialog .type-text-icon {
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    line-height: 20px;
    margin-inline-end: 8px;
    padding: 0 4px;
    text-align: center
}

.c-futures-summary-share-poster {
    position: relative
}

.c-futures-summary-share-poster .top-info-box {
    height: 667px;
    padding: 34px 24px 0;
    position: relative;
    z-index: 1
}

.c-futures-summary-share-poster .top-info-box:before {
    background-position: 0 -80px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    inset: 0;
    position: absolute;
    z-index: -1
}

.c-futures-summary-share-poster .top-info-box.profitMore100:before {
    background-image: url(../app-resources-d6/assets/f203ade3f718757d0751cca9295a9d16_0b26b8abfaac20372acd.v2.webp);
    content: ""
}

.c-futures-summary-share-poster .top-info-box.profitLess100:before {
    background-image: url(../app-resources-d6/assets/b9acf6c65167fc5296bba149a4c04b8b_4fb0ca3a23b872e0c81d.v2.webp);
    content: ""
}

.c-futures-summary-share-poster .top-info-box.lossLess100:before {
    background-image: url(../app-resources-d6/assets/26d4149848324bfb2390d87a0f4ee503_06400d62d092d4cf85cd.v2.webp);
    content: ""
}

.c-futures-summary-share-poster .top-info-box.lossMore100:before {
    background-image: url(../app-resources-d6/assets/64c6485ffdd636b02849aa6b053deef3_2c7cea076502cb6133a0.v2.webp);
    content: ""
}

.c-futures-summary-share-poster .top-info-box .logo {
    width: 94px
}

.c-futures-summary-share-poster .top-info-box .username {
    align-items: center;
    display: flex
}

.c-futures-summary-share-poster .top-info-box .username img {
    height: 24px;
    width: 24px
}

.c-futures-summary-share-poster .top-info-box .buy-class {
    color: var(--text-0ead98)
}

.c-futures-summary-share-poster .top-info-box .buy-class .leverage {
    border: 1px solid var(--border-0ead98)
}

.c-futures-summary-share-poster .top-info-box .sell-class {
    color: var(--text-db5541)
}

.c-futures-summary-share-poster .top-info-box .sell-class .leverage {
    border: 1px solid var(--border-db5541)
}

.c-futures-summary-share-poster .top-info-box .leverage {
    border-radius: 4px;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    padding: 0 4px
}

.c-futures-summary-share-poster .top-info-box .price-wrapper {
    bottom: 136px;
    left: 0;
    padding: 0 24px;
    position: absolute;
    width: 100%
}

.c-futures-summary-share-poster .top-info-box .price-wrapper .price-item {
    margin-top: 12px
}

.c-futures-summary-share-poster .top-info-box .price-wrapper .price-item .label {
    color: var(--text-3a3d42);
    font-size: 12px
}

.c-futures-summary-share-poster .top-info-box .price-wrapper .price-item .value {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 700
}

.c-futures-summary-share-poster .top-info-box .price-wrapper .poster-date {
    bottom: 2px;
    color: var(--text-3a3d42);
    font-size: 12px;
    inset-inline-end: 24px;
    position: absolute
}

.c-futures-summary-share-poster .poster-footer {
    align-items: center;
    background: #f7f8fa;
    border-radius: 0 0 20px 20px;
    bottom: 0;
    display: flex;
    height: 90px;
    justify-content: space-between;
    left: 0;
    padding: 5px 12px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.c-futures-summary-share-poster .poster-footer .referral-code {
    color: #161719;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    white-space: normal
}

.c-futures-summary-share-poster .poster-footer .prompt {
    color: #3a3d42;
    font-size: 14px;
    line-height: 1;
    margin-top: 8px;
    white-space: normal
}

.c-futures-summary-share-poster .poster-footer .qrcode {
    background: #fff;
    border-radius: 4px;
    flex-shrink: 0;
    margin-inline-start: 10px;
    padding: 5px;
    width: 80px
}

[dir=rtl] .c-futures-summary-share-poster .top-info-box:before {
    transform: rotateY(180deg)
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .leading-20px {
    line-height: 20px
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .text-484852 {
    color: #484852
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .width-260 {
    width: 260px
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog {
    background-color: var(--bg-fafbfc);
    margin: 10vh auto 0;
    padding: 22px
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .via-dialog-header {
    line-height: 1;
    margin-bottom: 8px
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-share {
    text-align: center
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-share .c-common-share {
    justify-content: center
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-share .c-common-share .sec-channel {
    margin: 0 16px
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-share .c-common-share .sec-channel .icon-wrapper {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-share .c-common-share .sec-channel .icon-wrapper .iconfont {
    font-size: 40px;
    margin-inline-end: 0
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-share .c-common-share .sec-channel .icon-wrapper .twitter-class {
    color: #4faaf7 !important
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-share .c-common-share .sec-channel .icon-wrapper .facebook-class {
    color: #3479ea !important
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-share .c-common-share .sec-channel .icon-wrapper .telegram-class {
    color: #4fabe4 !important
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-share .c-common-share .sec-channel .icon-wrapper .instagram-class {
    color: #ed622b !important
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-share .c-common-share .sec-channel .channel-name {
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-operate {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-operate .via-btn {
    flex: 1 1 0%
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body {
    border-radius: 12px;
    box-shadow: 0 3.82796px 9.56989px 0 hsla(220, 6%, 72%, .25)
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .rank {
    align-items: center;
    color: var(--text-ffffff);
    display: flex;
    font-size: 10px;
    height: 16px;
    justify-content: center;
    position: relative;
    width: 48px
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .rank:before {
    background: url(../app-resources-d6/assets/da80153088b86cda14c0320e9a2c4f2c_ef076f4633d7faaea337.v2.webp);
    content: "";
    inset: 0;
    position: absolute
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .rank .rank-num {
    transform: scale(.85)
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-spot-trade {
    height: 448px;
    padding: 32px 25px 0;
    position: relative
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-spot-trade:before {
    background-image: url(../app-resources-d6/assets/f1ac6c49920997ff737e6b574ad5db10_2e574e00b89edf1727ad.v2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    border-start-end-radius: 12px;
    border-start-start-radius: 12px;
    content: "";
    inset: 0;
    position: absolute
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-spot-trade * {
    transform: scale(1)
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished {
    background-repeat: no-repeat;
    background-size: contain;
    border-start-end-radius: 12px;
    border-start-start-radius: 12px;
    height: 448px;
    padding: 36px 26px 0
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished * {
    transform: scale(1)
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished.profit-bg {
    position: relative
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished.profit-bg:before {
    background-image: url(../app-resources-d6/assets/57d86aa320f1da9d1d90c6c1f73e7c3f_2e2ce09232ef68f08c70.v2.webp);
    background-repeat: no-repeat;
    background-size: contain;
    border-start-end-radius: 12px;
    border-start-start-radius: 12px;
    content: "";
    inset: 0;
    position: absolute
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished.lose-bg {
    position: relative
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished.lose-bg:before {
    background-image: url(../app-resources-d6/assets/64eba6bf811547eeb4017583121100ea_b05f6ce54c563fd5b0d9.v2.webp);
    background-repeat: no-repeat;
    background-size: contain;
    border-start-end-radius: 12px;
    border-start-start-radius: 12px;
    content: "";
    inset: 0;
    position: absolute
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished .buy-class {
    color: var(--text-0ead98)
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished .sell-class {
    color: var(--text-db5541)
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished .leverage {
    border: 1px solid var(--border-0ead98);
    border-radius: 4px;
    color: var(--text-0ead98);
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin-inline-start: 8px;
    padding: 0 4px
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom {
    background: #fff;
    border-end-end-radius: 12px;
    border-end-start-radius: 12px;
    padding-bottom: 18px;
    padding-top: 13px;
    padding-inline-start: 18px;
    position: relative
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom .simple-p {
    width: 218px
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom .qrcode {
    background: #fff;
    border: 1px solid #e7e7ee;
    border-radius: 4px;
    height: 98px;
    inset-inline-end: 15px;
    padding: 5px;
    position: absolute;
    top: -25px;
    width: 98px
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom .scan-box {
    border: 1px solid #e7e7ee;
    border-radius: 12px;
    color: #9d9da3;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
    padding: 4px 18px
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom .scan-box .iconfont {
    font-size: 12px
}

.c-futures-summary-sharing-dialog.via-dialog-wrapper .c-common-share .channel-name {
    color: var(--text-161719)
}

[dir=rtl] .c-futures-summary-sharing-dialog.via-dialog-wrapper .guidance-body .first-spot-trade:before,
[dir=rtl] .c-futures-summary-sharing-dialog.via-dialog-wrapper .guidance-body .lose-bg:before,
[dir=rtl] .c-futures-summary-sharing-dialog.via-dialog-wrapper .guidance-body .profit-bg:before,
[dir=rtl] .c-futures-summary-sharing-dialog.via-dialog-wrapper .guidance-body .rank:before {
    transform: rotateY(180deg)
}

.p-futures-order-current-position {
    min-height: 400px
}

.p-futures-order-current-position .operation-btn {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    padding: 0;
    width: 20px;
    word-break: break-all
}

.p-futures-order-current-position .drag-table .draggable_column {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.p-futures-order-current-position .drag-table .draggable_column_left {
    border-inline-start: 3px solid var(--border-0ead98)
}

.p-futures-order-current-position .drag-table .draggable_column_right {
    border-inline-end: 3px solid var(--border-0ead98)
}

.p-futures-order-current-position .side-class {
    position: relative
}

.p-futures-order-current-position .side-class:before {
    bottom: -4px;
    content: "";
    inset-inline-start: -24px;
    position: absolute;
    top: -4px;
    width: 2px
}

.p-futures-order-current-position .side-class:after {
    bottom: -4px;
    content: "";
    inset-inline-start: -22px;
    position: absolute;
    top: -4px;
    width: 32px
}

.p-futures-order-current-position .side-class.long-flag:before {
    background: var(--bg-0ead98)
}

.p-futures-order-current-position .side-class.long-flag:after {
    background: linear-gradient(90deg, rgba(14, 173, 152, .2), rgba(14, 173, 152, 0))
}

.p-futures-order-current-position .side-class.short-flag:before {
    background: var(--bg-db5541)
}

.p-futures-order-current-position .side-class.short-flag:after {
    background: linear-gradient(90deg, rgba(219, 85, 65, .2), rgba(219, 85, 65, 0))
}

.p-futures-order-current-position .table-body-wrapper {
    min-height: 345px
}

.p-futures-order-current-position .order-table .card-item {
    border-bottom: 8px solid var(--border-f7f8fa) !important;
    margin: 20px 0 !important;
    padding: 0 20px !important
}

.p-futures-order-current-position .order-table .card-item:last-of-type {
    border-bottom: none !important
}

.p-futures-order-current-position .order-table .card-item .card-body div:nth-child(3) {
    border-bottom: 1px solid var(--border-f4f6fa);
    padding-bottom: 16px
}

.p-futures-order-current-position .order-table .card-item .card-body div:nth-child(4) {
    padding-top: 16px
}

.p-trade-crypto-order {
    margin: 0 auto;
    padding: 0 0 60px;
    width: 1280px
}

.p-trade-crypto-order .header-wrapper {
    border-bottom: 1px solid var(--border-e6e7eb-gray0602);
    padding: 20px 0
}

.p-trade-crypto-order .header-wrapper .icon-filter-wrap {
    align-items: center;
    background: var(--bg-0ead98-10);
    border-radius: 4px;
    color: var(--text-0ead98);
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px
}

.p-trade-crypto-order .form-item {
    align-items: center;
    display: flex
}

.p-trade-crypto-order .form-item .label {
    color: var(--text-161719);
    font-size: 14px;
    margin-inline-end: 12px
}

.p-trade-crypto-order .wrapper {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13);
    overflow: hidden
}

.p-trade-crypto-order .table-wrapper {
    min-height: 390px
}

.p-trade-crypto-order .via-table-card {
    padding: 0 16px
}

.p-trade-crypto-order .via-table-card .card-item {
    background: none;
    border-bottom: 1px solid var(--border-f4f6fa);
    border-radius: 0;
    box-shadow: none;
    padding: 20px 0
}

.p-trade-crypto-order .via-table-card .card-item:last-of-type {
    border: none
}

.p-trade-crypto-order .via-table-card .card-item .card-body {
    padding: 12px 0 0
}

.p-trade-crypto-order .empty-container .c-common-empty {
    min-height: 450px
}

.c-asset-margin-risk-rate {
    display: inline-block;
    text-align: center
}

.c-asset-margin-risk-rate .risk-img {
    display: inline-block;
    width: 32px
}

.c-asset-margin-risk-rate .risk-val {
    font-size: 12px;
    font-weight: 700
}

.screen-md .c-asset-margin-risk-rate {
    align-items: center;
    display: flex
}

.screen-md .c-asset-margin-risk-rate .risk-img {
    height: 13px;
    margin-inline-end: 2px;
    width: 22px
}

.c-asset-margin-asset-list .table-box .col-risk {
    padding-inline-start: 30px
}

.c-asset-margin-asset-list .table-box .col-operate {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.c-asset-margin-asset-list .table-box .card-header {
    display: block !important
}

.c-asset-margin-asset-list .table-box .card-header .header-row,
.c-loans-coin-select .coin-item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-loans-coin-select .coin-item {
    border-radius: 8px;
    color: var(--text-3a3d42);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    padding: 0 12px
}

.c-loans-coin-select .coin-item:hover {
    background-color: var(--bg-f7f8fa)
}

.c-asset-loans-borrow-config {
    color: var(--text-3a3d42);
    font-size: 14px;
    word-break: break-word
}

.c-asset-loans-borrow-config .agree-checkbox {
    align-items: flex-start;
    display: flex;
    white-space: pre-wrap
}

.c-asset-loans-borrow-config .agree-checkbox .via-checkbox__input {
    margin-inline-end: 8px;
    margin-top: 3px
}

.c-loans-add-asset-icon {
    padding: 8px 0
}

.c-loans-add-asset-icon .handle-item {
    align-items: center;
    color: var(--text-3a3d42);
    cursor: pointer;
    display: flex;
    min-width: 128px;
    padding: 8px 12px
}

.c-loans-add-asset-icon .handle-item:hover {
    background-color: var(--bg-f7f8fa);
    color: var(--text-0ead98)
}

.c-asset-loans-input .coin-name {
    color: var(--text-27282c);
    font-size: 14px;
    font-weight: 600;
    margin-inline-start: 8px;
    max-width: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal
}

.c-asset-loans-input .input-inner {
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px
}

.c-loans-borrow-dialog {
    word-break: break-word
}

.c-loans-borrow-dialog .via-dialog {
    padding: 0
}

.c-loans-borrow-dialog .box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
    padding: 0 32px
}

.c-loans-borrow-dialog .box .content {
    width: 348px
}

.c-loans-borrow-dialog .box .content .small-header {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 500;
    line-height: normal
}

.c-loans-borrow-dialog .box .content .small-header:before {
    background-color: var(--bg-0ead98);
    content: "";
    display: inline-block;
    height: 12px;
    margin-inline-end: 4px;
    width: 3px
}

.c-loans-borrow-dialog .box .content .add-box {
    align-items: center;
    border: 1px dashed var(--bg-e6e7eb);
    border-radius: 8px;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 68px;
    justify-content: center
}

.c-loans-borrow-dialog .box .content .pledge-remove-icon {
    color: #f06a5b;
    cursor: pointer;
    inset-inline-end: -24px;
    position: absolute;
    top: 10px
}

.c-loans-borrow-dialog .box .hint {
    display: flex;
    flex-direction: column;
    width: 340px
}

.c-loans-borrow-dialog .box .hint .position-box {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 20px 24px
}

.c-loans-borrow-dialog .box .hint .estimate-box {
    background-color: var(--bg-f7f8fa);
    border-radius: 8px;
    flex: 1 1 0%;
    padding: 20px 24px
}

.c-loans-borrow-dialog .box .hint .estimate-box .label-item {
    text-align: center
}

.c-loans-borrow-dialog .box .hint .estimate-box .label-item .label-title {
    border-bottom: 1px dashed var(--border-b4b7bd);
    cursor: pointer
}

.c-loans-borrow-dialog .box .hint .estimate-box .label-item .label-num {
    color: var(--text-3a3d42);
    font-size: 20px;
    font-weight: 600;
    margin: 4px 0 8px
}

.c-loans-borrow-dialog .box .hint .estimate-box .label-item .label-text {
    border-radius: 20px;
    font-size: 12px;
    padding: 4px 12px
}

.popover-coin-select {
    width: 348px
}

.c-loans-swap-loading-dialog {
    word-break: break-word
}

.c-loans-swap-loading-dialog .via-dialog {
    overflow: hidden;
    padding: 0
}

.c-loans-swap-loading-dialog .via-dialog .header {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    display: flex;
    flex-direction: column;
    height: 196px;
    justify-content: center
}

.c-loans-return-dialog {
    word-break: break-word
}

.c-loans-return-dialog .amount-input {
    margin-bottom: 20px;
    padding: 0
}

.c-loans-return-dialog .amount-input.is-active,
.c-loans-return-dialog .amount-input:hover {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important
}

.c-loans-return-dialog .amount-input .input-inner {
    font-size: 20px
}

.c-loans-return-dialog .amount-input .input-inner::-moz-placeholder {
    font-size: 16px;
    line-height: 40px
}

.c-loans-return-dialog .amount-input .input-inner::placeholder {
    font-size: 16px;
    line-height: 40px
}

.c-loans-return-dialog .amount-input .coin-name {
    font-size: 20px;
    max-width: none
}

.c-loans-adjust-dialog {
    word-break: break-word
}

.c-loans-adjust-dialog .via-dialog {
    padding: 0
}

.c-loans-adjust-dialog .c-loans-adjust-tab {
    border-bottom: 1px solid var(--border-ebedf0);
    display: flex;
    padding-bottom: 0;
    padding-inline: 32px 62px;
    padding-top: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-loans-adjust-dialog .c-loans-adjust-tab .tab-item {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--text-707580);
    cursor: pointer;
    display: -webkit-box;
    font-size: 20px;
    font-weight: 600;
    height: auto;
    line-height: 22px;
    max-height: 64px;
    max-width: 50%;
    padding-bottom: 20px;
    position: relative
}

.c-loans-adjust-dialog .c-loans-adjust-tab .tab-item+.tab-item {
    margin-inline-start: 20px
}

.c-loans-adjust-dialog .c-loans-adjust-tab .tab-item:before {
    background-color: var(--bg-ffffff);
    bottom: 0;
    content: "";
    display: inline-block;
    height: 20px;
    inset-inline-start: 0;
    position: absolute;
    width: 100%
}

.c-loans-adjust-dialog .c-loans-adjust-tab .tab-item.active {
    color: var(--text-161719)
}

.c-loans-adjust-dialog .c-loans-adjust-tab .tab-item.active:after {
    background-color: var(--bg-0ead98);
    bottom: 0;
    content: "";
    display: inline-block;
    height: 3px;
    inset-inline-start: 0;
    position: absolute;
    width: 100%
}

.c-loans-adjust-dialog .adjust-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
    padding: 24px 32px 0
}

.c-loans-adjust-dialog .left-box {
    width: 348px
}

.c-loans-adjust-dialog .left-box .add-box {
    align-items: center;
    border: 1px dashed var(--bg-e6e7eb);
    border-radius: 8px;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 68px;
    justify-content: center
}

.c-loans-adjust-dialog .left-box .pledge-remove-icon {
    color: #f06a5b;
    cursor: pointer;
    position: absolute;
    right: -24px;
    top: 10px
}

.c-loans-adjust-dialog .right-box {
    background-color: var(--bg-f7f8fa);
    border-radius: 8px;
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 500;
    padding: 20px;
    width: 340px
}

.c-asset-loans-operate .via-link+.via-link {
    margin-inline-start: 10px
}

.c-asset-loans-operate .min-w-150px {
    min-width: 150px
}

.loans-operate-btns .loans-btn {
    color: var(--text-3a3d42);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    padding: 0 12px
}

.loans-operate-btns .loans-btn:hover {
    background-color: var(--bg-fafbfc);
    color: var(--text-0ead98)
}

.c-asset-loans-liquidation {
    word-break: break-word
}

.c-asset-loans-liquidation .liquidation-table {
    width: 100%
}

.c-asset-loans-liquidation .liquidation-table tbody tr td {
    border: 1px solid var(--border-dee0eb);
    font-size: 12px;
    padding: 8px 4px;
    text-align: center
}

.c-asset-loans-liquidation .liquidation-table tbody tr.row-one td {
    border: none
}

.c-asset-loans-liquidation .liquidation-table tbody tr.row-one td.is-active {
    background-color: var(--bg-0ead98);
    color: #fff;
    max-width: 110px;
    word-break: break-word
}

.c-asset-loans-liquidation .liquidation-table tbody tr .row-text {
    background-color: var(--bg-f2f2f2)
}

.c-asset-loans-asset-list .filter-checkbox {
    align-items: flex-start;
    display: flex;
    white-space: pre-wrap
}

.c-asset-loans-asset-list .filter-checkbox .via-checkbox__input {
    margin-inline-end: 8px;
    margin-top: 3px
}

.c-asset-loans-asset-list .table-box .col-risk {
    padding-inline-start: 30px
}

.c-asset-loans-asset-list .table-box .col-operate {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.c-asset-loans-asset-list .table-box .card-header {
    display: block !important
}

.c-asset-loans-asset-list .table-box .card-header .header-row {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-asset-loans-asset-list .table-box .ARREARS,
.c-asset-loans-asset-list .table-box .BORROWING,
.c-asset-loans-asset-list .table-box .LIQ,
.c-asset-loans-asset-list .table-box .REPAYING {
    position: relative
}

.c-asset-loans-asset-list .table-box .ARREARS:before,
.c-asset-loans-asset-list .table-box .BORROWING:before,
.c-asset-loans-asset-list .table-box .LIQ:before,
.c-asset-loans-asset-list .table-box .REPAYING:before {
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-inline-end: 4px;
    width: 6px
}

.c-asset-loans-asset-list .table-box .BORROWING:before {
    background-color: var(--bg-0ead98)
}

.c-asset-loans-asset-list .table-box .REPAYING:before {
    background-color: var(--bg-f38b2c)
}

.c-asset-loans-asset-list .table-box .ARREARS:before,
.c-asset-loans-asset-list .table-box .LIQ:before {
    background-color: var(--bg-db5541)
}

.popover-pledge-assets {
    width: 800px
}

.popover-liquidation-ltv {
    width: 540px
}

.c-asset-finance-asset-list .via-table .col-coin .sec-coin {
    align-items: center;
    display: flex
}

.c-asset-finance-asset-list .via-table .col-coin .sec-coin .img-coupon {
    max-width: none;
    width: 17px
}

.c-asset-finance-asset-list .via-table .coupon-rate {
    background-color: rgba(14, 173, 152, .05);
    border-radius: 20px;
    color: var(--text-0ead98);
    cursor: default;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-inline-end: 4px;
    padding: 0 8px
}

.c-asset-finance-guide.via-dialog-wrapper .via-dialog .via-dialog-header {
    margin-bottom: 12px
}

.c-asset-finance-guide .via-collapse .via-collapse-item .is-active {
    border-radius: 8px
}

.c-asset-finance-guide .via-collapse .via-collapse-item .via-collapse-item__header {
    line-height: 1.2
}

.c-asset-finance-guide .step-img {
    margin-inline-end: -12px
}

.c-asset-finance-guide .sticker {
    bottom: 0;
    inset-inline-end: 0;
    position: absolute;
    width: 188px
}

.c-asset-finance-guide li {
    color: var(--text-707580);
    font-size: 12px;
    line-height: 18px;
    list-style-type: disc;
    margin-inline-start: 12px
}

.c-asset-finance-help .list {
    color: var(--text-3a3d42);
    font-size: 14px;
    font-weight: 500
}

.c-asset-finance-help .list .item {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 8px 0;
    padding-inline-end: 40px
}

.c-asset-finance-help .list .item:hover {
    color: var(--text-0ead98)
}

.c-asset-finance-help .text-f9fbfe {
    color: #f9fbfe
}

.c-staking-pledge .revenue-input.via-input.is-disable .input-inner {
    color: var(--text-707580)
}

.c-staking-pledge-order .agree-checkbox {
    align-items: flex-start;
    display: flex;
    margin-top: 32px;
    white-space: pre-wrap
}

.c-staking-pledge-order .agree-checkbox .via-checkbox__input {
    margin-top: 3px;
    margin-inline-end: 8px
}

.c-staking-pledge-success .icon-wrap {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-staking-pledge-success .icon-wrap .icon-success {
    color: #0ead98;
    font-size: 60px
}

.c-staking-pledge-success .icon-wrap .icon-tishi {
    color: var(--text-f38b2c);
    font-size: 60px
}

.c-staking-redemption-success .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-staking-redemption-success .icon-wrap .icon-tishi {
    color: var(--text-f38b2c);
    font-size: 60px
}

html {
    touch-action: pan-y
}

.c-staking-operation-dialog.via-dialog-wrapper .via-dialog {
    padding: 0
}

.c-staking-operation-dialog.via-dialog-wrapper .via-dialog .via-dialog-header {
    border-bottom: 1px solid var(--border-f2f3f5);
    margin-bottom: 0;
    padding: 20px 20px 10px
}

.c-staking-operation-dialog.via-dialog-wrapper .via-dialog .via-dialog-header .back-row {
    align-items: center;
    background-color: var(--bg-f2f3f5);
    display: flex;
    height: 48px;
    margin: -20px -20px 20px;
    padding: 0 20px
}

.c-staking-operation-dialog.via-dialog-wrapper .via-dialog .via-dialog-body {
    padding: 20px 20px 32px
}

.c-staking-operation-dialog.via-dialog-wrapper .via-dialog .via-dialog-body .err-info {
    color: var(--text-db5541);
    font-size: 12px;
    margin-top: 2px
}

.screen-md .c-staking-operation-dialog .bottom-box {
    background: var(--bg-ffffff);
    bottom: 0;
    left: 20px;
    padding-bottom: 78px;
    position: fixed;
    right: 20px
}

.screen-md .c-staking-operation-dialog .bottom-box .via-btn {
    width: 100%
}

.screen-md .mb-100 {
    margin-bottom: 100px
}

.screen-md .mb-220 {
    margin-bottom: 220px
}

.screen-md .via-dialog-wrapper.is-page {
    background: var(--bg-ffffff)
}

.c-asset-finance-staking .table-box .card-item {
    overflow: hidden
}

.c-asset-finance-staking .table-box .card-item .card-footer {
    margin-bottom: 32px
}

.p-asset-finance .p-title {
    justify-content: space-between
}

.p-asset-finance .p-title .title-left {
    align-items: center;
    display: flex
}

.p-asset-finance .help-box {
    inset-inline-end: 20px;
    position: absolute;
    top: 8px;
    z-index: 10
}

.p-asset-finance .finance-intro {
    background-color: rgba(14, 173, 152, 0);
    border-radius: 8px;
    color: var(--text-0ead98);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    transition: .2s
}

.p-asset-finance .finance-intro:hover {
    background-color: rgba(14, 173, 152, .05)
}

.p-asset-finance .account-tabs .tab-nav-card-round {
    height: 42px
}

.p-asset-finance .account-tabs .tab-nav-card-round .tab-item {
    height: 45px
}

.p-asset-finance .account-tabs .tab-nav-card-round .tab-item.active {
    box-shadow: none
}

.p-asset-finance .account-stat-box {
    background-color: var(--bg-ffffff);
    border-start-end-radius: 20px;
    padding: 20px 20px 32px
}

.p-asset-finance .account-stat-box .stat-item {
    background-color: var(--bg-fafbfc)
}

.p-asset-finance .asset-list-box {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.c-asset-making-asset-list .sec-calculator {
    background-color: rgba(14, 173, 152, .05);
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.c-asset-making-asset-list .sec-calculator .icon-cal {
    color: var(--text-0ead98)
}

.c-asset-making-asset-list .sec-calculator.is-mobile {
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    width: 24px
}

.c-asset-making-asset-list .sec-calculator.is-mobile .icon-cal {
    font-size: 14px
}

.p-asset-making .p-title {
    justify-content: space-between
}

.p-asset-making .p-title .title-left {
    align-items: center;
    display: flex
}

.p-asset-making .p-title .making-intro {
    background-color: rgba(14, 173, 152, 0);
    border-radius: 8px;
    color: var(--text-0ead98);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 7px 14px;
    transition: .2s
}

.p-asset-making .p-title .making-intro:hover {
    background-color: rgba(14, 173, 152, .05)
}

.c-information-news-list {
    min-height: 500px
}

.c-information-news-list .fixed-time {
    background-color: var(--bg-ffffff);
    border-top: 1px solid var(--bg-dee0e3);
    box-shadow: 0 12px 30px rgba(45, 56, 68, .05);
    height: 48px;
    inset-inline-start: 0;
    padding: 0 20px;
    position: fixed;
    top: 58px;
    width: 100%;
    z-index: 3
}

.c-information-news-list .fixed-time .fixed-time-text {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 700;
    line-height: 48px;
    margin: 0 auto;
    width: 1280px
}

.c-information-news-list .news-remind {
    align-items: center;
    background-color: var(--bg-e8f9f7);
    border-radius: 20px 12px 12px 20px;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 42px;
    margin-bottom: 12px;
    position: sticky;
    top: 120px;
    z-index: 3
}

.c-information-news-list .news-remind .icon-icon-message {
    background-color: var(--bg-0ead98);
    border-radius: 100%;
    color: var(--text-ffffff);
    font-size: 30px;
    height: 34px;
    line-height: 30px;
    margin-inline-start: 6px;
    text-align: right;
    width: 34px
}

.c-information-news-list .news-remind .news-remind-time {
    font-weight: 600;
    margin-inline-start: 32px
}

.c-information-news-list .news-remind .news-remind-title {
    flex: 1 1 0%;
    font-weight: 400;
    height: 21px;
    margin-inline-start: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-information-news-list .news-remind .icon-error {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 20px;
    margin-inline: 20px;
    text-align: right
}

.c-information-news-list .news-remind:hover .news-remind-time,
.c-information-news-list .news-remind:hover .news-remind-title {
    color: var(--text-0ead98)
}

.c-information-news-list .time-separation {
    background: rgba(181, 189, 207, .1);
    border-radius: 4px;
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin-bottom: 32px;
    padding: 0 20px;
    position: sticky;
    top: 58px;
    z-index: 2
}

.c-information-news-list .news-item-box {
    cursor: pointer;
    display: flex;
    position: relative
}

.c-information-news-list .news-item-box+.news-item-box {
    padding-top: 54px
}

.c-information-news-list .news-item-box .news-time {
    color: var(--text-707580);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    margin-inline-end: 44px
}

.c-information-news-list .news-item-box .news-time .news-time-text {
    font-weight: 500;
    position: relative;
    width: 54px
}

.c-information-news-list .news-item-box .news-time .news-time-text:after {
    border: 2px solid var(--bg-707580);
    border-radius: 100%;
    content: "";
    height: 7px;
    inset-inline-end: -4px;
    position: absolute;
    top: 12px;
    width: 7px;
    z-index: 1
}

.c-information-news-list .news-item-box .news-time .news-time-line {
    border-left: 1px dashed var(--border-e6e7eb);
    height: calc(100% + 38px);
    inset-inline-start: 54px;
    margin-top: 12px;
    position: absolute;
    top: 0
}

.c-information-news-list .news-item-box .news-time .news-time-line.last-line {
    height: calc(100% - 12px)
}

.c-information-news-list .news-item-box .news-title {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px
}

.c-information-news-list .news-item-box .news-description {
    color: var(--text-707580);
    font-size: 14px;
    max-height: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box !important
}

.c-information-news-list .news-item-box .label-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px
}

.c-information-news-list .news-item-box .label-box .label {
    background-color: var(--bg-f7f8fa);
    border-radius: 4px;
    color: var(--text-3a3d42);
    font-size: 14px;
    font-weight: 500;
    margin-top: 12px;
    margin-inline-end: 26px;
    padding: 3px 10px
}

.c33-information-news-list .news-item-box:hover .news-time-text,
.c33-information-news-list .news-item-box:hover .news-title {
    color: var(--text-0ead98)
}

.c-information-news-list .skeleton-screen .item {
    display: flex;
    justify-content: space-between;
    position: relative
}

.c-information-news-list .skeleton-screen .item .time {
    border-radius: 4px;
    height: 20px;
    width: 40px
}

.c-information-news-list .skeleton-screen .item .dot {
    height: 100%;
    margin-inline: 12px 22px;
    padding-top: 7px
}

.c-information-news-list .skeleton-screen .item .dot:after {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-707580);
    border-radius: 100%;
    content: "";
    display: block;
    height: 5px;
    position: relative;
    width: 5px;
    z-index: 1
}

.c-information-news-list .skeleton-screen .item .dot:before {
    border-left: 1px dashed var(--border-e6e7eb);
    content: "";
    display: block;
    height: 100%;
    inset-inline-start: 54px;
    position: absolute;
    width: 1px
}

.c-information-news-list .skeleton-screen .item .box {
    flex: 1 1 0%
}

.c-information-news-list .skeleton-screen .item .box-1,
.c-information-news-list .skeleton-screen .item .box-2,
.c-information-news-list .skeleton-screen .item .box-3 {
    border-radius: 4px
}

.c-information-news-list .skeleton-screen .item .box-1 {
    height: 26px
}

.c-information-news-list .skeleton-screen .item .box-2 {
    height: 58px;
    margin: 12px 0 17px
}

.c-information-news-list .skeleton-screen .item .box-3 {
    height: 24px;
    width: 113px
}

.c-information-news-list .skeleton-screen .item+.item {
    padding-top: 48px
}

.c-information-news-list .skeleton-screen .item+.item .dot:before {
    top: 0
}

.c-information-news-list .load-more-box {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding-inline-start: 98px
}

.c-information-news-list .load-more-box .load-more-btn {
    background-color: var(--bg-0ead98-10);
    border-radius: 8px;
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    min-width: 300px;
    padding: 10px 40px;
    text-align: center
}

.c-information-news-list .load-more-box .load-more-btn:hover {
    background-color: var(--bg-0ead98-5)
}

.c-information-article-list .tabs-box {
    max-width: 100%;
    position: sticky;
    top: 66px
}

.c-information-article-list .tabs-box.top-fixed {
    z-index: 1
}

.c-information-article-list .tabs-box.top-fixed:before {
    background-color: var(--bg-ffffff);
    border-top: 1px solid var(--bg-dee0e3);
    box-shadow: 0 12px 30px rgba(45, 56, 68, .05);
    content: "";
    height: 48px;
    inset-inline-start: 0;
    position: fixed;
    top: 58px;
    width: 100%
}

.c-information-article-list .article-item {
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 20px
}

.c-information-article-list .article-item:hover {
    background-color: var(--bg-fefefe)
}

.c-information-article-list .article-item:hover .article-item-title {
    color: var(--text-0ead98)
}

.c-information-article-list .article-item .article-item-title {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 600;
    line-height: 26px
}

.c-information-article-list .article-item .article-item-description {
    color: var(--text-707580);
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0 0;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box !important
}

.c-information-article-list .article-item .article-item-channel {
    color: var(--text-3a3d42);
    font-size: 14px;
    font-weight: 500
}

.c-information-article-list .article-item .article-item-timestamp {
    color: var(--text-707580);
    font-size: 14px;
    font-weight: 500;
    margin-inline-start: 12px
}

.c-information-article-list .article-item .article-item-img {
    background-color: var(--bg-dee0e3);
    border-radius: 8px;
    flex-shrink: 0;
    height: 186px;
    margin-inline-start: 24px;
    overflow: hidden;
    width: 240px
}

.c-information-article-list .article-item .article-item-img .article-img {
    height: 100%;
    width: 100%
}

.c-information-article-list .article-item .label-box {
    display: flex;
    flex-wrap: wrap
}

.c-information-article-list .article-item .label-box .label {
    background-color: var(--bg-f7f8fa);
    border-radius: 4px;
    color: var(--text-3a3d42);
    font-family: IBMPlexSans, DIN, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif, PingFangSC-regular;
    font-size: 14px;
    font-weight: 500;
    margin-top: 12px;
    margin-inline-end: 20px;
    padding: 3px 10px
}

.c-information-article-list .article-loading {
    background-color: var(--bg-0ead98-10);
    border-radius: 4px;
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin: 50px 0 90px;
    padding: 10px;
    text-align: center;
    width: 370px
}

.c-information-article-list .skeleton-screen .item {
    border-radius: 4px;
    height: 200px;
    margin-bottom: 20px
}

.c-information-hot {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 4px 4px 0 rgba(221, 224, 240, .25);
    overflow: hidden
}

.c-information-hot .hot-item {
    align-items: center;
    color: var(--text-3a3d42);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: space-between;
    padding: 12px 20px
}

.c-information-hot .hot-item:hover {
    background-color: var(--bg-fafbfc)
}

.c-information-hot .hot-item .hot-item-coin {
    align-items: center;
    display: flex;
    font-weight: 700;
    width: 90px
}

.c-information-hot .hot-item .hot-item-coin .hot-item-coin-text {
    color: var(--text-161719);
    line-height: 18px;
    margin-inline-start: 8px
}

.c-information-hot .hot-item .hot-item-price {
    color: var(--text-3a3d42);
    flex: 1 1 0%;
    font-weight: 700;
    margin-inline-end: 20px;
    text-align: right
}

.c-information-hot .hot-item .hot-item-proportion {
    font-weight: 700;
    text-align: right;
    width: 100px
}

.p-information {
    min-height: 100vh;
    padding-top: 56px;
    position: relative
}

.p-information .common-center {
    margin: 0 auto;
    width: 1280px
}

.p-information .content {
    padding-bottom: 50px;
    position: relative;
    z-index: 1
}

.p-information .content .search-ipt {
    border-radius: 8px;
    inset-inline-end: 0;
    position: absolute;
    top: 0;
    width: 240px
}

.p-information .content .switch-tab {
    color: var(--text-707580);
    display: flex;
    font-size: 24px;
    font-weight: 500;
    margin-top: 45px
}

.p-information .content .switch-tab .tab-item {
    cursor: pointer;
    transition: .4s
}

.p-information .content .switch-tab .tab-item.active,
.p-information .content .switch-tab .tab-item:hover {
    color: var(--text-3a3d42)
}

.p-information .content .switch-tab .tab-item.active {
    font-weight: 600
}

.p-information .content .switch-tab .tab-item+.tab-item {
    margin-inline-start: 32px
}

.p-information .content .list-box {
    width: 820px
}

.p-information .content .hot-wrap {
    position: relative;
    top: -30px
}

.p-information .content .hot-box {
    position: sticky;
    top: 110px;
    width: 348px
}

.theme-night .p-information:before {
    background: transparent
}

.c-staking-wallet-operation {
    cursor: pointer;
    display: inline-block;
    margin-top: 12px;
    position: relative
}

.c-staking-wallet-operation .img-class {
    height: 56px;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 56px;
    z-index: 2
}

[dir=rtl] .c-staking-wallet-operation .img-class {
    right: 0
}

[dir=ltr] .c-staking-wallet-operation .img-class {
    left: 0
}

.c-staking-wallet-operation .text-box {
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgba(243, 139, 44, .3);
    border-end-end-radius: 22px;
    border-start-end-radius: 22px;
    height: 36px;
    line-height: 16px;
    margin-top: 20px;
    margin-inline-start: 45px;
    max-width: 1280px;
    overflow: hidden;
    padding: 10px 20px;
    position: relative;
    white-space: nowrap;
    width: auto
}

.c-staking-wallet-operation .text-box .box-inner p {
    display: inline-block
}

.c-staking-wallet-operation .text-box .box-inner .second-p {
    margin-inline-start: 24px
}

.c-staking-wallet-operation .text-box .box-inner.running-state p {
    animation-play-state: running
}

.c-staking-wallet-operation .text-box .box-inner.paused-state p {
    animation-play-state: paused
}

.c-staking-wallet-operation.animation {
    width: 100%
}

.c-staking-wallet-operation.animation .text-box {
    width: calc(100% - 56px)
}

.c-staking-wallet-operation.animation .text-box .box-inner {
    animation: ltrSlide 25s linear 1s infinite normal none running;
    position: absolute
}

[dir=rtl] .c-staking-wallet-operation.animation .box-inner {
    animation: rtlSlide 25s linear 1s infinite normal none running
}

.p-staking {
    min-height: 100vh
}

.p-staking .p-staking-header-title {
    line-height: 48px
}

.p-staking .bg-logo {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 12px;
    transform: translateX(-50%)
}

.p-staking .bg-logo img {
    width: 250px
}

.p-staking .big-title {
    max-width: 800px
}

.p-staking .text-e78818 {
    color: #e78818
}

.p-staking .video-intro-button.via-btn {
    background-color: #e78818 !important;
    border-color: #e78818 !important;
    border-radius: 30px;
    min-width: 176px
}

.p-staking .video-intro-button.via-btn:focus,
.p-staking .video-intro-button.via-btn:hover {
    background-color: #fea53b !important;
    border-color: #fea53b !important;
    color: #fff
}

.p-staking .main {
    background-color: var(--bg-ffffff);
    position: relative
}

.p-staking .main .icon-arrow-link {
    transform: scale(.7)
}

.p-staking .w-1280 {
    width: 1280px
}

.p-staking .max-w-1280 {
    max-width: 1280px
}

.p-staking .w-790 {
    width: 790px
}

.p-staking .me-206 {
    margin-inline-end: 206px
}

.p-staking .pt-54 {
    padding-top: 54px
}

.p-staking .pe-120 {
    padding-inline-end: 120px
}

.p-staking .w-340 {
    width: 340px
}

.p-staking .min-w-138 {
    min-width: 138px
}

.p-staking .me-130 {
    padding-inline-end: 130px
}

.p-staking .btn-redemption.via-btn {
    background-color: var(--bg-f2f3f5) !important;
    margin-inline-start: 12px;
    min-width: 90px
}

.p-staking .btn-redemption.via-btn:hover {
    background: var(--bg-0ead98-10) !important
}

.p-staking .how-staking-container {
    align-items: center;
    display: flex;
    flex-grow: 1
}

.p-staking .line-dashed {
    border-top: 1px dashed var(--border-e6e7eb);
    height: 0;
    margin: 0 40px;
    width: 100px
}

.p-staking .line-dashed-vertical {
    border-left: 1px dashed #add2cd;
    height: 20px;
    margin: 12px 11px;
    width: 0
}

.p-staking .container-wrap {
    background: var(--bg-fafbfc);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 20px;
    margin-top: 20px;
    padding: 40px 60px
}

.p-staking .container-wrap .coin-staking-list-container {
    align-items: center;
    border-bottom: 1px solid var(--border-e6e7eb);
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 24px
}

.p-staking .container-wrap .coin-staking-list-container:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.p-staking .container-wrap .coin-staking-list-container .chain-class {
    width: 70px
}

.p-staking .asset-list-box {
    margin-top: 50px;
    min-height: 127px
}

.p-staking .help-box-item {
    background-color: var(--bg-fafbfc);
    border-radius: 12px;
    cursor: pointer;
    margin-top: 12px;
    padding: 22px 32px
}

.p-staking .help-box-item-title {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between
}

.p-staking .help-box-item-content {
    color: var(--text-707580);
    height: 0;
    margin-top: 10px;
    overflow: hidden;
    transition: .2s
}

.p-staking .help-box-item.active .help-box-item-content {
    height: 42px;
    transition: .2s
}

.help-box-item {
    background-color: var(--bg-fafbfc);
    border-radius: 12px;
    cursor: pointer;
    margin-top: 12px;
    padding: 22px 32px
}

.help-box-item-title {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between
}

.help-box-item-content {
    color: var(--text-707580);
    height: 0;
    margin-top: 10px;
    overflow: hidden;
    transition: .2s
}

.help-box-item.active .help-box-item-content {
    height: 42px;
    transition: .2s
}

[dir=rtl] .p-staking .main .icon-arrow-link {
    transform: scale(-.7)
}

.p-financial {
    min-height: 100vh
}

.p-financial .p-financial-header-title {
    line-height: 48px
}

.p-financial .bg-logo {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 12px;
    transform: translateX(-50%)
}

.p-financial .bg-logo img {
    width: 250px
}

.p-financial .big-title {
    max-width: 800px
}

.p-financial .text-e78818 {
    color: #e78818
}

.p-financial .video-intro-button.el-button {
    background-color: #e78818;
    border-color: #e78818;
    border-radius: 30px;
    min-width: 176px
}

.p-financial .video-intro-button.el-button:focus,
.p-financial .video-intro-button.el-button:hover {
    background-color: #fea53b;
    border-color: #fea53b;
    color: #fff
}

.p-financial .main {
    background-color: var(--bg-ffffff);
    position: relative
}

.p-financial .title-wrapper {
    padding-top: 30px;
    position: relative;
    width: 400px
}

.p-financial .title-wrapper .title-bg {
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

.p-financial .title-wrapper .title-bg img {
    display: block
}

.p-financial .title-wrapper .title-content {
    color: var(--text-161719);
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    width: 300px
}

.p-financial .w-1280 {
    width: 1280px
}

.p-financial .max-w-1280 {
    max-width: 1280px
}

.p-financial .w-790 {
    width: 790px
}

.p-financial .me-206 {
    margin-inline-end: 206px
}

.p-financial .pt-54 {
    padding-top: 54px
}

.p-financial .pe-120 {
    padding-inline-end: 120px
}

.p-financial .w-340 {
    width: 340px
}

.p-financial .btn-more.el-button.el-button--default {
    background-color: rgba(14, 173, 152, .05);
    border-color: transparent;
    border-radius: 30px;
    color: var(--text-0ead98);
    font-size: 12px;
    height: 30px;
    min-width: auto
}

.p-financial .btn-more.el-button.el-button--default:hover {
    background: var(--text-0ead98);
    color: #fff
}

.p-financial .line-dashed {
    border-top: 1px dashed var(--border-e6e7eb);
    height: 0;
    width: 100px
}

.p-financial .line-dashed-vertical {
    border-left: 1px dashed #add2cd;
    height: 20px;
    margin: 12px 11px;
    width: 0
}

.p-financial .num {
    background: #ebf6f5;
    border-radius: 50%;
    color: var(--text-0ead98);
    display: inline-block;
    height: 22px;
    line-height: 22px;
    margin-inline-end: 10px;
    text-align: center;
    width: 22px
}

.p-financial .fullscreen-btn {
    background-color: var(--bg-0ead98-5);
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    transition: background-color .4s;
    width: 24px
}

.p-financial .fullscreen-btn:hover {
    background-color: var(--bg-0ead98-10)
}

.p-financial .proportion-item {
    align-items: center;
    border-radius: 4px;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    padding: 7px 20px;
    transition: background-color .4s;
    width: 50%
}

.p-financial .proportion-item:hover {
    background-color: rgba(14, 173, 152, .05)
}

.p-financial .proportion-item:hover .proportion {
    color: var(--bg-0ead98);
    transition: color .4s
}

.p-financial .proportion-item .point {
    border-radius: 50%;
    display: inline-block;
    flex: 0 0 auto;
    height: 10px;
    width: 10px
}

.p-financial .card {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(145, 151, 167, .07);
    display: flex;
    height: 228px;
    padding: 0 42px
}

.p-financial .w-335 {
    width: 355px
}

.p-financial .text-54 {
    font-size: 54px
}

.p-financial .bg-f5f6f7 {
    background-color: #f5f6f7
}

.p-financial .bottom-dash {
    border-bottom: 1px dashed
}

.p-financial .financial-table {
    padding-bottom: 44px
}

.p-financial .financial-table tr td:first-child,
.p-financial .financial-table tr th:first-child {
    padding-inline-start: 10px !important
}

.p-financial .financial-table tr td:last-child,
.p-financial .financial-table tr th:last-child {
    padding-inline-end: 10px !important
}

.p-financial .financial-table .via-table-body .body-row:hover .table-prop {
    background-color: var(--bg-ffffff) !important
}

.p-financial .financial-table .via-table-body .table-prop-cell {
    border-bottom: none !important
}

.theme-night .p-financial .bg-img {
    opacity: 0
}

.theme-night .p-financial .bg-logo {
    opacity: .2
}

.theme-night .p-financial .bg-f5f6f7 {
    background-color: #1f2229
}

.theme-night .p-financial .card {
    box-shadow: none
}

[theme-style=new] .p-financial .c-asset-history-rate .el-dialog {
    width: 730px
}

.screen-md .p-financial {
    position: relative
}

.screen-md .p-financial .c-common-videodialog .via-dialog {
    width: 90%
}

.screen-md .p-financial .c-common-videodialog .via-dialog .via-dialog-body>div {
    height: 200px !important;
    width: 100% !important
}

.c-ieo-status {
    display: inline-block;
    white-space: nowrap
}

.c-ieo-status.ieo-outline {
    border-radius: 15px;
    padding: 0 15px
}

.c-ieo-status.ieo-outline.ieo-small {
    font-size: 12px;
    height: 22px;
    line-height: 20px
}

.c-ieo-status.ieo-outline.ieo-medium {
    font-size: 14px;
    height: 30px;
    line-height: 28px
}

.c-ieo-status.ieo-outline.ieo-created {
    border: 1px solid var(--text-aeb0b3);
    color: var(--text-7d7f81)
}

.c-ieo-status.ieo-outline.ieo-started {
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98)
}

.c-ieo-status.ieo-outline.ieo-processed {
    border: 1px solid var(--text-f38b2c);
    color: var(--text-f38b2c)
}

.c-ieo-status.ieo-outline.ieo-finished {
    border: 1px solid var(--text-aeb0b3);
    color: var(--text-7d7f81)
}

.c-ieo-status.ieo-fill {
    border-radius: 0 30px 0 10px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: 150px
}

.c-ieo-status.ieo-fill.ieo-created {
    background: hsla(225, 3%, 69%, .3);
    color: var(--text-7d7f81)
}

.c-ieo-status.ieo-fill.ieo-started {
    background: rgba(14, 173, 152, .3);
    color: var(--text-0ead98)
}

.c-ieo-status.ieo-fill.ieo-processed {
    background: rgba(243, 139, 44, .3);
    color: var(--text-f38b2c)
}

.c-ieo-status.ieo-fill.ieo-finished {
    background: hsla(225, 3%, 69%, .3);
    color: var(--text-7d7f81)
}

[dir=rtl] .c-ieo-status.ieo-fill {
    border-radius: 30px 0 10px
}

.c-ieo-countdown .end-time {
    color: var(--text-0ead98);
    font-size: 16px;
    font-weight: 600
}

.c-ieo-countdown .end-time span {
    color: var(--text-7d7f81);
    font-size: 14px;
    font-weight: 400;
    padding: 0 5px
}

.c-ieo-countdown .column {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.c-ieo-countdown .column .end-text {
    margin-inline-end: 15px
}

.c-ieo-countdown .row .end-time {
    margin-top: 5px
}

.c-ieo-list-item {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 8px 25px rgba(225, 232, 238, .55);
    display: flex;
    height: 292px;
    margin-bottom: 32px;
    padding: 33px 40px;
    position: relative
}

.c-ieo-list-item .c-ieo-status {
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

.c-ieo-list-item .asset-img {
    border-radius: 20px;
    height: 224px;
    overflow: hidden;
    width: 458px
}

.c-ieo-list-item .asset-img img {
    display: block;
    width: 100%
}

.c-ieo-list-item .ellipsis-mult,
.c-ieo-list-item .summary {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.c-ieo-list-item .summary {
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.c-ieo-list-item .data-wrapper {
    color: var(--text-27282c);
    display: flex;
    flex-wrap: wrap;
    height: 48px;
    line-height: 24px;
    margin-top: 40px
}

.c-ieo-list-item .underline-dashed {
    border-bottom: 1px dashed var(--border-c1c6d7);
    display: inline-block;
    line-height: 20px
}

.theme-night .c-ieo-list-item {
    background: #1f2124
}

.p-ieo {
    background-image: linear-gradient(90deg, #f4faf9, #f1f7f6);
    overflow-x: hidden;
    padding-top: 52px;
    position: relative
}

.p-ieo .bg-wrapper .p-bg {
    left: 50%;
    margin-left: -960px;
    max-width: none;
    position: absolute;
    top: 0;
    width: 1920px
}

.p-ieo .bg-wrapper .p-bg-dark {
    left: 50%;
    margin-left: -563px;
    max-width: none;
    position: absolute;
    top: 100px;
    width: 1126px
}

.p-ieo .bg-wrapper .bg-day {
    display: block
}

.p-ieo .bg-wrapper .bg-night {
    display: none
}

.p-ieo .bg-wrapper .bg-circle1,
.p-ieo .bg-wrapper .bg-circle2 {
    height: 650px;
    position: absolute;
    width: 550px
}

.p-ieo .bg-wrapper .bg-circle1 {
    left: -260px;
    top: -100px
}

.p-ieo .bg-wrapper .bg-circle2 {
    position: absolute;
    right: -260px;
    top: -50px
}

.p-ieo .ieo-title {
    margin: 0 auto;
    padding: 80px 0 40px;
    width: 1280px
}

.p-ieo .section-list-header {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 1280px
}

.p-ieo .section-ieo-list {
    margin: 20px auto 0;
    width: 1280px
}

.p-ieo .section-apply {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 100px auto;
    width: 1280px
}

.p-ieo .section-apply .left-wrapper {
    width: 690px
}

.p-ieo .section-apply .right-wrapper {
    width: 340px
}

.p-ieo .section-apply .right-wrapper img {
    display: block;
    width: 100%
}

.p-ieo .el-pagination .el-pager li {
    background: none
}

.p-ieo .el-pagination .el-pager li.active,
.p-ieo .el-pagination .el-pager li:not(.disabled).active {
    color: #fff !important
}

.p-ieo .c-common-empty {
    background: none
}

.theme-night .p-ieo {
    background: #171a1f
}

.theme-night .p-ieo .bg-wrapper .bg-day {
    display: none
}

.theme-night .p-ieo .bg-wrapper .bg-night {
    display: block
}

.c-amm-recommend-market .c-amm-recommend-market-header {
    background-color: var(--bg-ffffff);
    margin: 0 auto;
    width: 1280px
}

.c-amm-recommend-market .c-amm-recommend-market-header .line {
    border-bottom: 1px dashed #add2cd;
    height: 1px;
    width: 100px
}

.c-amm-recommend-market .list-title {
    color: var(--text-27282c);
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto;
    width: 1280px
}

.c-amm-recommend-market .c-amm-recommend-market-list-wrap {
    overflow-x: scroll
}

.c-amm-recommend-market .c-amm-recommend-market-list {
    background-color: var(--bg-fbfbfb);
    min-width: 500px
}

.c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item {
    display: flex;
    margin: 0 auto;
    width: 1280px
}

.c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item .column {
    flex: 1 1 0%
}

.c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item .column.two {
    flex: 0 0 20%
}

.c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item .column.three {
    flex: 0 0 20%;
    margin-inline-end: 200px;
    text-align: end
}

.c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item.header {
    color: var(--text-7d7f81);
    font-size: 14px;
    padding: 22px 0 22px 20px
}

.c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item.list-item {
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    height: 72px;
    padding-inline-start: 20px
}

.c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item.list-item .coin-img {
    border-radius: 32px;
    overflow: hidden;
    width: 32px
}

.c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item.list-item .yield {
    background: url(../app-resources-d6/assets/2ae769b7b24e5ae7ef462f367884e8c3_a512d14820b75478c402.v2.webp) no-repeat;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    height: 16px;
    margin-bottom: 2px;
    padding: 5px 4px;
    text-align: center;
    transition: .2s;
    vertical-align: middle;
    width: 16px
}

.c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item.list-item .historical-income:hover .yield,
.c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item.list-item .yield:hover {
    background: url(../app-resources-d6/assets/797591de1f7d9bfe4ab1fb14b98211ca_6ed27e693c2188c2502c.v2.webp) no-repeat
}

.c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item.list-item:hover {
    background-color: var(--bg-ffffff)
}

.c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item .operate {
    text-align: center;
    width: 150px
}

.c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item .operate .el-button {
    border-radius: 30px;
    min-width: 86px
}

.c-amm-recommend-market .mobile-step {
    padding-bottom: 25px
}

.c-amm-recommend-market .mobile-step .dot {
    background-color: #ebf6f5;
    border-radius: 22px;
    color: var(--text-0ead98);
    display: inline-block;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    margin-inline: 28px 10px;
    text-align: center;
    width: 22px
}

.c-amm-recommend-market .mobile-step .description {
    color: var(--color-272820);
    display: inline-block;
    max-width: 220px;
    overflow: hidden;
    vertical-align: middle
}

.c-amm-recommend-market .mobile-step .line {
    border-left: 1px dashed #add2cd;
    height: 20px;
    margin: 3px 0;
    margin-inline-start: 76px;
    width: 1px
}

.c-amm-data {
    margin: 0 auto;
    max-width: 1280px;
    padding: 40px 0
}

.c-amm-data .amm-data-item {
    flex: 1 1 0%
}

.c-amm-data .amm-data-item .item-title {
    color: var(--text-7d7f81);
    margin-bottom: 10px
}

.c-amm-data .amm-data-item .item-value {
    color: var(--text-27282c);
    font-size: 24px;
    font-weight: 700
}

.c-amm-data .chart-tab {
    position: relative
}

.c-amm-data .chart-tab.active:after {
    background: var(--bg-0ead98);
    bottom: -8px;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    margin-inline-start: -12px;
    position: absolute;
    width: 24px
}

.screen-md .c-amm-data .chart-tab {
    display: inline-block;
    font-size: 14px;
    max-width: 150px
}

.p-amm {
    min-height: 800px
}

.p-amm .p-amm-header {
    min-height: 316px;
    position: relative;
    z-index: 1
}

.p-amm .p-amm-header .big-title {
    line-height: 52px;
    max-width: 800px
}

.p-amm .p-amm-header .video-intro-button {
    min-width: 176px
}

.p-amm .p-amm-header:after {
    background-image: url(../app-resources-d6/assets/c0e87ea7544b328b3af6e691b3334230_1265a83cd853c6393bac.v2.webp);
    background-size: 100% 100%;
    content: "";
    height: 177px;
    left: 50%;
    margin-left: -142px;
    position: absolute;
    top: 10px;
    width: 284px;
    z-index: -1
}

.p-amm .p-amm-header .el-button {
    border-radius: 48px
}

.p-amm .p-amm-body {
    background-color: var(--bg-ffffff);
    border-radius: 60px 60px 0 0
}

.p-amm .p-amm-body .p-amm-desc {
    margin: 0 auto;
    max-width: 1280px
}

.p-amm .p-amm-body .p-amm-desc .title-wrapper {
    padding-top: 45px;
    position: relative;
    width: 400px
}

.p-amm .p-amm-body .p-amm-desc .title-wrapper .title-bg {
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

.p-amm .p-amm-body .p-amm-desc .title-wrapper .title-bg img {
    display: block
}

.p-amm .p-amm-body .p-amm-desc .title-wrapper .title-content {
    color: var(--text-161719);
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    width: 300px
}

.p-amm .p-amm-body .p-amm-desc .tab-wrapper {
    display: flex
}

.p-amm .p-amm-body .p-amm-desc .tab-wrapper .tab-item {
    color: var(--text-161719);
    cursor: pointer;
    margin-inline-end: 40px;
    padding: 8px 0;
    position: relative;
    text-align: center
}

.p-amm .p-amm-body .p-amm-desc .tab-wrapper .tab-item:last-of-type {
    margin-inline-end: 0
}

.p-amm .p-amm-body .p-amm-desc .tab-wrapper .tab-item:hover {
    color: var(--text-0ead98)
}

.p-amm .p-amm-body .p-amm-desc .tab-wrapper .tab-item.active {
    color: var(--text-0ead98);
    font-weight: 700
}

.p-amm .p-amm-body .p-amm-desc .tab-wrapper .tab-item.active:after {
    background: var(--bg-0ead98);
    bottom: 0;
    content: " ";
    height: 2px;
    left: 35%;
    position: absolute;
    width: 30%
}

.p-amm .p-amm-body .p-amm-desc .desc {
    line-height: 32px
}

.p-amm .p-amm-body .p-amm-desc .description {
    color: var(--text-707580);
    min-height: 70px
}

.p-amm .p-amm-body .p-amm-desc .change-button {
    align-items: center;
    background-color: var(--bg-f8fcfb);
    border-radius: 4px;
    cursor: not-allowed;
    display: flex;
    height: 42px;
    justify-content: center;
    width: 53px
}

.p-amm .p-amm-body .p-amm-desc .change-button i.iconfont {
    color: var(--text-aeb0b3);
    font-size: 24px
}

.p-amm .p-amm-body .p-amm-desc .change-button.active {
    background-color: rgba(14, 173, 152, .1) !important;
    cursor: pointer
}

.p-amm .p-amm-body .p-amm-desc .change-button.active i.iconfont {
    color: var(--text-0ead98)
}

.theme-night .p-amm {
    background: #17191d !important
}

.theme-night .p-amm .p-amm-header:after {
    background-image: url(../app-resources-d6/assets/825540bd68b47fcf7a1aef754810858b_7618e39040dda06a5d3a.v2.webp)
}

.screen-md .p-amm .c-common-videodialog .via-dialog {
    width: 90%
}

.screen-md .p-amm .c-common-videodialog .via-dialog .via-dialog-body>div {
    height: 200px !important;
    width: 100% !important
}

.c-loans-topic-borrow {
    margin-top: 20px
}

.c-loans-topic-borrow .title {
    color: var(--text-161719);
    font-size: 32px;
    font-weight: 700;
    line-height: 40px
}

.c-loans-topic-borrow .jump-link {
    align-items: center;
    background-color: var(--bg-0ead98-10);
    border-radius: 20px;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 1;
    padding: 10px 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-loans-topic-borrow .jump-link:hover {
    background-color: var(--bg-0ead98-5)
}

.c-loans-topic-borrow .line {
    color: var(--border-dee0e3)
}

.c-loans-topic-borrow .borrow-item {
    align-items: center;
    background-color: var(--bg-fafbfc);
    border: 1px solid var(--border-e6e7eb-gray0601);
    border-radius: 20px;
    display: flex;
    margin-top: 20px;
    padding: 40px 60px 46px
}

.c-loans-topic-borrow .borrow-item .item-logo {
    align-items: center;
    display: flex;
    width: 550px
}

.c-loans-topic-pledge {
    margin-top: 60px
}

.c-loans-topic-pledge .title {
    color: var(--text-161719);
    font-size: 32px;
    font-weight: 700;
    line-height: 40px
}

.c-loans-topic-pledge .coin-header {
    background-color: transparent
}

.c-loans-topic-pledge .coin-header .table-label-cell {
    font-size: 14px
}

.c-loans-topic-pledge .coin-row {
    border-radius: 12px;
    height: 64px;
    overflow: hidden
}

.c-loans-topic-pledge .coin-row .table-prop .table-prop-cell {
    border: none
}

.c-loans-topic-pledge .coin-row:nth-child(odd) .table-prop {
    background-color: var(--bg-fafbfc)
}

.c-loans-topic-pledge .coin-row:nth-child(odd) .table-prop:first-child {
    border-end-start-radius: 12px;
    border-start-start-radius: 12px
}

.c-loans-topic-pledge .coin-row:nth-child(odd) .table-prop:last-child {
    border-end-end-radius: 12px;
    border-start-end-radius: 12px
}

.c-loans-topic-pledge .coin-row.is-hover .table-prop,
.c-loans-topic-pledge .coin-row:hover .table-prop {
    background-color: transparent !important
}

.c-loans-topic-pledge .coin-row.is-hover:nth-child(odd),
.c-loans-topic-pledge .coin-row:hover:nth-child(odd) {
    background-color: var(--bg-fafbfc)
}

.c-loans-topic-pledge .before-line {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500
}

.c-loans-topic-pledge .before-line:before {
    background-color: var(--bg-0ead98);
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 14px;
    margin-inline-end: 8px;
    width: 3px
}

.p-loans .header {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 82px 0 143px;
    position: relative
}

.p-loans .header:before {
    background-image: url(../app-resources-d6/assets/0f92a5b1db9fa724ec5a308b38480837_72ac608f8d130057ec38.v2.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 282px;
    position: absolute;
    top: 0;
    width: 277px;
    z-index: 0
}

.p-loans .header .title {
    color: var(--text-161719);
    font-size: 42px;
    font-weight: 700;
    line-height: 48px;
    position: relative;
    text-align: center
}

.p-loans .header .label {
    color: var(--text-3a3d42);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-top: 20px;
    position: relative
}

.p-loans .header .label .item {
    align-items: center;
    display: flex
}

.p-loans .header .label .item .iconfont {
    color: var(--text-0ead98);
    margin-inline-end: 8px
}

.p-loans .header .label .item+.item {
    margin-inline-start: 28px
}

.p-loans .header .video-btn {
    font-size: 14px;
    font-weight: 400;
    height: 48px;
    min-width: 178px;
    padding: 0 20px;
    position: relative
}

.p-loans .content {
    background-color: var(--bg-ffffff);
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    padding-bottom: 124px;
    position: relative
}

.p-loans .content .title-wrapper {
    padding-top: 32px;
    position: relative;
    width: 400px
}

.p-loans .content .title-wrapper .title-bg {
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

.p-loans .content .title-wrapper .title-bg img {
    display: block
}

.p-loans .content .title-wrapper .title-content {
    color: var(--text-161719);
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    width: 300px
}

.p-loans .content .box {
    margin: 0 auto;
    width: 1280px
}

.p-loans .content .box .title {
    color: var(--text-161719);
    font-size: 24px;
    font-weight: 700;
    line-height: 40px
}

.p-loans .content .box .step-box {
    align-items: center;
    display: flex;
    margin-top: 12px
}

.p-loans .content .box .step-box .step-box-item {
    align-items: center;
    display: flex
}

.p-loans .content .box .step-box .step-box-item .step-num {
    color: var(--text-e6e7eb-gray0601);
    font-family: Manrope;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 32px
}

.p-loans .content .box .step-box .step-box-item .step-desc {
    color: var(--text-27282c);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-inline-start: 8px
}

.p-loans .content .box .step-box .step-box-item+.step-box-item:before {
    border-top: 1px dashed var(--border-e6e7eb-gray0601);
    content: "";
    height: 1px;
    margin: 0 32px;
    position: relative;
    width: 80px
}

.p-loans .content .box .step-box-mobile {
    margin-top: 12px
}

.p-loans .content .box .step-box-mobile .step-box-mobile-item {
    align-items: center;
    display: flex
}

.p-loans .content .box .step-box-mobile .step-box-mobile-item .step-mobile-num {
    color: var(--text-e6e7eb-gray0601);
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 32px
}

.p-loans .content .box .step-box-mobile .step-box-mobile-item .step-mobile-desc {
    color: var(--text-27282c);
    font-family: Manrope;
    line-height: 20px;
    margin-inline-start: 24px
}

.p-loans .content .box .step-box-mobile .step-box-mobile-item+.step-box-mobile-item {
    margin-top: 30px;
    position: relative
}

.p-loans .content .box .step-box-mobile .step-box-mobile-item+.step-box-mobile-item:before {
    background-image: url(../app-resources-d6/assets/c62668be24a3e43be34861a5904ee5dc_b79e786b04dda485b06e.v2.webp);
    background-size: 100%;
    content: "";
    height: 14px;
    margin: 0 8px;
    position: absolute;
    top: -22px;
    width: 14px
}

.p-loans .content .box .qa-item {
    background-color: var(--bg-fafbfc);
    border-radius: 12px;
    cursor: pointer;
    margin-bottom: 20px;
    padding: 20px;
    transition: .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.p-loans .content .box .qa-item:hover {
    background-color: var(--bg-f2f3f5)
}

.p-loans .content .box .qa-item .question {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between
}

.p-loans .content .box .qa-item .answer {
    color: var(--text-707580);
    font-size: 14px;
    margin-top: 10px
}

.theme-night .p-loans .header:before {
    background-image: url(../app-resources-d6/assets/b003f57fce32b5e58a78a466881ae05e_a6fa0ea39eccc2026add.v2.svg)
}

[dir=rtl] .p-loans .content .box .step-box .item+.item:after {
    border-bottom-width: 2px;
    border-top-width: 0
}

.c-margin-borrow-detail .el-table:before {
    display: none
}

.c-margin-borrow-detail .el-table .el-table__header th {
    background: var(--bg-fafbfc);
    border: none;
    font-size: 12px;
    font-weight: 400
}

.c-margin-borrow-detail .el-table .el-table__header th .cell {
    line-height: 18px
}

.c-margin-borrow-detail .el-table .el-table__body td {
    border: none;
    font-size: 12px
}

.c-margin-borrow-detail .c-common-empty {
    min-height: 250px !important
}

.p-asset-margin-record .form-item {
    align-items: center;
    display: flex
}

.p-asset-margin-record .form-item .label {
    color: var(--text-161719);
    font-size: 12px;
    margin-inline-end: 20px
}

.p-asset-margin-record .table-wrapper {
    background: var(--bg-ffffff);
    border-radius: 20px;
    min-height: 450px;
    overflow: hidden
}

.p-asset-margin-record .via-table .via-table-default {
    min-height: 482px
}

.p-asset-margin-record .via-table .via-table-body .table-prop-cell {
    line-height: 16px;
    padding-bottom: 16px;
    padding-top: 16px
}

.p-asset-margin-record .via-table .via-table-card .card-item {
    border-bottom: 1px solid var(--border-f7f8fa);
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 20px 20px 12px
}

.p-asset-margin-record .via-table .via-table-card .card-item .card-body {
    padding: 12px 0 0
}

.p-asset-margin-record .via-table .via-table-card .card-item .card-body .card-label,
.p-asset-margin-record .via-table .via-table-card .card-item .card-body .card-prop {
    font-size: 12px
}

.p-asset-margin-record .empty-container .c-common-empty {
    min-height: 450px
}

.p-asset-margin-record .drawer-asset-filter .via-select {
    width: 180px
}

.c-my-info-basic-forbid-dialog-confirm .logo-box {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 100px;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

.c-my-info-basic-forbid-dialog-confirm .logo-box .logo {
    background: url(../app-resources-d6/assets/a184ad7b8e3b01a4fba659dd98f4ad04_3b4f9ab72b10bbbc1d97.v2.svg);
    height: 62px;
    width: 62px
}

.c-my-info-basic-forbid-dialog-confirm .row-btn {
    display: flex
}

.c-my-info-basic-forbid-dialog-confirm .row-btn .via-btn {
    flex: 1 1 0%
}

.c-my-info-basic-forbid-dialog-confirm .row-btn .via-btn:first-of-type {
    margin-inline-end: 12px
}

.c-my-forbid-protocol .protocol-box {
    max-width: 585px
}

.c-my-forbid-protocol .protocol-box .btn-confirm {
    min-width: 280px
}

.page-my-info-forbid .content-wrapper {
    align-items: center;
    background: var(--bg-ffffff);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    min-height: 620px
}

.page-my-info-forbid .img-freeze {
    height: 193px;
    width: 220px
}

.page-my-info-forbid .btn-confirm {
    min-width: 280px
}

.c-my-cancel-warning {
    max-width: 585px
}

.c-common-dialog-safety .c-common-lineinput {
    margin-top: 8px
}

.c-common-dialog-safety .c-common-lineinput .el-input {
    background-color: var(--bg-f7f8fa);
    border: 1px solid var(--bg-f7f8fa);
    border-radius: 4px;
    box-shadow: none
}

.c-common-dialog-safety .c-common-lineinput .el-input.lineinput.el-input.el-input--suffix .el-input__inner {
    height: 38px;
    line-height: 38px;
    padding: 0 24px !important
}

.c-common-dialog-safety .c-common-lineinput .el-input .el-input-group__append {
    padding: 0 12px;
    position: relative
}

.c-common-dialog-safety .c-common-lineinput .el-input .el-input-group__append:before {
    background: var(--bg-e6e7eb);
    content: " ";
    height: 14px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 1px
}

.c-common-dialog-safety .c-common-lineinput.is-focused .el-input {
    border-color: var(--border-0ead98)
}

.c-common-dialog-safety .el-form-item .tip {
    position: absolute;
    top: 100%
}

.c-common-dialog-safety .text-main-hover {
    color: var(--text-0ead98);
    transition: .3s
}

.c-common-dialog-safety .text-main-hover:hover {
    color: var(--text-1bbeb2)
}

.c-my-cancel-fail,
.c-my-cancel-protocol {
    max-width: 585px
}

.c-my-cancel-fail .btn-confirm {
    min-width: 280px
}

.c-my-cancel-success {
    max-width: 585px
}

.c-my-cancel-success .btn-confirm {
    min-width: 280px
}

.p-my-info-cancel .content-wrapper {
    align-items: center;
    background: var(--bg-ffffff);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    min-height: 620px
}

.p-my-info-cancel .img-cancel {
    height: 200px;
    width: 227px
}

.p-my-info-cancel .btn-confirm {
    min-width: 280px
}

.p-my-info-security-passkeys .content-wrapper {
    min-height: 470px
}

.p-my-info-kyc-index {
    min-height: 300px
}

.p-my-info-kyc-index .goback {
    background-image: url(../app-resources-d6/assets/90cb09b001d2a07b8e5f12fce4b80bc4_f5952e3f48a7a32ab360.v2.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px
}

.p-my-info-kyc-index .btn-goto {
    border-radius: 8px !important;
    min-width: 96px !important
}

.p-my-info-kyc-index .kyc-fail {
    background: #f7e6e3;
    border-radius: 20px;
    color: var(--text-db5541);
    margin-top: 20px;
    padding: 15px 40px
}

.p-my-info-kyc-index .basic-msg {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13);
    margin-bottom: 80px;
    margin-top: 20px;
    overflow: hidden
}

.p-my-info-kyc-index .basic-msg .con-rights {
    background: linear-gradient(270deg, #00dec0 10.03%, #00c5e5);
    border-radius: 20px;
    color: #fff;
    padding: 20px 32px;
    position: relative
}

.p-my-info-kyc-index .basic-msg .con-rights .con-rights-bg {
    height: 100%;
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

.p-my-info-kyc-index .basic-msg .con-rights .tip-icon {
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    width: 8px
}

.p-my-info-kyc-index .basic-msg .steps-box .step-item {
    align-items: center;
    background-size: 100% 100%;
    display: flex;
    flex: 1 1 0%;
    height: 72px;
    width: 392px
}

.p-my-info-kyc-index .basic-msg .steps-box .step1 {
    background-image: url(../app-resources-d6/assets/f38b9006cccc158b1e5dec642610b1af_d5702439a4592c35c0cb.v2.webp);
    padding-inline-start: 26px
}

.p-my-info-kyc-index .basic-msg .steps-box .step2,
.p-my-info-kyc-index .basic-msg .steps-box .step3 {
    background-image: url(../app-resources-d6/assets/f2b41c4a299fe38fe216265717e5db31_c7004cdec0934dfc0976.v2.webp);
    margin-inline-start: 10px;
    padding-inline-start: 55px
}

.p-my-info-kyc-index .basic-msg .steps-box .step-icon {
    align-items: center;
    background-color: #daf2ef;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: 54px;
    justify-content: center;
    width: 54px
}

.p-my-info-kyc-index .basic-msg .steps-box .step-icon .icon-img {
    height: 40px;
    width: 40px
}

.p-my-info-kyc-index .basic-msg .steps-box .step-num {
    border: 1px solid var(--border-0ead98);
    border-radius: 50%;
    color: var(--text-0ead98);
    height: 20px;
    line-height: 18px;
    margin-inline-start: 14px;
    text-align: center;
    width: 20px
}

.p-my-info-kyc-index .tip-box {
    color: var(--text-27282c);
    margin-top: 32px
}

.p-my-info-kyc-index .tip-box .tip-title {
    font-size: 18px;
    font-weight: 600
}

.p-my-info-kyc-index .tip-box .kyc-tips {
    list-style: none;
    margin: 0;
    padding: 0
}

.p-my-info-kyc-index .tip-box .kyc-tips li {
    line-height: 24px;
    padding-inline-start: 10px;
    position: relative
}

.p-my-info-kyc-index .tip-box .kyc-tips li:before {
    background: var(--bg-0ead98);
    border-radius: 50%;
    content: " ";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 9px;
    width: 6px
}

.p-my-info-kyc-index .el-checkbox {
    align-items: center;
    display: flex
}

.theme-night .p-my-info-kyc-index .step-item.step1 {
    background-image: url(../app-resources-d6/assets/c2b04679b4061a657c88fefd103f777a_5cb553a27d6d727e4265.v2.webp)
}

.theme-night .p-my-info-kyc-index .step-item.step2,
.theme-night .p-my-info-kyc-index .step-item.step3 {
    background-image: url(../app-resources-d6/assets/ad1ab63af53460fa21f6df415e869f8d_d1ac906f119ec5a5d337.v2.webp)
}

.c-sub-account-init .btn-sub {
    border-radius: 30px !important;
    font-size: 14px !important;
    height: 40px;
    width: 284px
}

.c-sub-account-init .max-w-600 {
    max-width: 600px
}

.c-sub-account-init .wrapper {
    align-items: center;
    background: var(--bg-ffffff);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.transfer-dialog .via-form .cursor {
    cursor: pointer
}

.transfer-dialog .via-form .el-form-item.from-selector {
    margin-bottom: 0
}

.transfer-dialog .via-form .el-form-item .el-form-item__content .el-input .input-suffix {
    line-height: 46px
}

.transfer-dialog .via-form .el-form-item .el-form-item__content .full,
.transfer-dialog .via-form .el-form-item .el-form-item__content .full .el-input {
    width: 100%
}

.transfer-dialog .via-form .el-form-item .num-suffix {
    height: 20px;
    inset-inline-end: 0;
    line-height: 20px;
    margin-top: 10px;
    position: absolute;
    top: 3px
}

.transfer-dialog .via-form .el-form-item .num-suffix img {
    height: 20px;
    margin-inline-end: 4px;
    width: 20px
}

.transfer-dialog .via-form .el-form-item .num-suffix .all-in {
    border-inline-start: 1px solid var(--border-e6e7eb)
}

.transfer-dialog .submit-btn {
    border-radius: 30px !important;
    font-size: 14px !important;
    height: 40px;
    width: 100%
}

.transfer-dialog .el-input {
    height: 40px !important;
    width: 100% !important
}

.transfer-dialog .c-common-num-input input,
.transfer-dialog .el-input__inner {
    background-color: var(--bg-f7f8fa) !important;
    border: none !important;
    border-end-end-radius: 0 !important;
    border-start-end-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 700;
    height: 40px
}

.transfer-dialog .c-common-num-input input::-moz-placeholder,
.transfer-dialog .el-input__inner::-moz-placeholder {
    font-size: 14px !important
}

.transfer-dialog .c-common-num-input input::placeholder,
.transfer-dialog .el-input__inner::placeholder {
    font-size: 14px !important
}

.transfer-dialog .el-form-item__content .el-select .el-input .el-input__inner {
    color: var(--text-161719) !important
}

.transfer-dialog .via-form .el-form-item .el-form-item__content .el-select .el-input__suffix .el-input__suffix-inner .el-input__icon {
    color: var(--text-b4b7bd)
}

.transfer-dialog .c-common-num-input input.input:focus,
.transfer-dialog .c-common-num-input input.input:hover {
    box-shadow: none
}

[dir=rtl] .transfer-dialog .el-form-item .num-suffix {
    left: 51px;
    top: 23px
}

.add-subaccount-dialog .leading-18 {
    line-height: 18px
}

.add-subaccount-dialog .el-form .password-strength {
    background: #edf2fa;
    height: 100%;
    width: 20px
}

.add-subaccount-dialog .el-form .el-input__inner {
    background-color: var(--bg-f7f8fa) !important;
    border: none !important;
    border-end-end-radius: 0 !important;
    border-start-end-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 700
}

.add-subaccount-dialog .el-form .el-input__inner::-moz-placeholder {
    color: var(--text-b4b7bd) !important;
    font-size: 14px !important;
    font-weight: 400
}

.add-subaccount-dialog .el-form .el-input__inner::placeholder {
    color: var(--text-b4b7bd) !important;
    font-size: 14px !important;
    font-weight: 400
}

.add-subaccount-dialog .el-form .el-form-item {
    margin-bottom: 20px
}

.add-subaccount-dialog .el-form .el-form-item.is-error {
    margin-bottom: 0
}

.add-subaccount-dialog .el-form .el-form-item.is-error .el-input__inner {
    background-color: var(--bg-db5541-5) !important;
    border: 1px solid var(--border-db5541) !important
}

.add-subaccount-dialog .el-form .el-form-item.is-error .el-form-item__error {
    min-height: 20px;
    position: static
}

.add-subaccount-dialog .el-form .authorization-box {
    border: 1px solid var(--border-f2f3f5);
    border-radius: 10px;
    color: var(--text-161719);
    padding: 20px
}

.add-subaccount-dialog .el-form .authorization-box .border-bottom-f7f8fa {
    border-bottom: 1px solid var(--border-f7f8fa)
}

.add-subaccount-dialog .el-form .el-form-item__label {
    font-size: 14px
}

.add-subaccount-dialog .el-form.edit-form .el-form-item:first-of-type {
    align-items: center;
    display: flex
}

.add-subaccount-dialog .el-form.edit-form .el-form-item:first-of-type .el-form-item__label {
    margin-top: -1px;
    padding: 0
}

.add-subaccount-dialog .el-form.edit-form .el-form-item:first-of-type .el-form-item__content {
    font-size: 18px;
    line-height: 18px;
    margin-inline-start: 12px
}

.add-subaccount-dialog .el-button {
    background: var(--bg-0ead98);
    border: 1px solid var(--border-0ead98);
    border-radius: 20px;
    color: #fff;
    height: 40px !important;
    line-height: 40px;
    margin-top: 12px;
    min-width: 114px;
    padding: 0 50px;
    transition: .3s;
    white-space: normal
}

.add-subaccount-dialog .el-button:hover {
    background: var(--bg-1bbeb2);
    border: 1px solid var(--border-1bbeb2);
    transition: .4s
}

.add-subaccount-dialog .el-button.btn-0ead98-5 {
    background: var(--bg-0ead98-5);
    border: 1px solid transparent;
    box-shadow: none;
    color: var(--text-0ead98) !important
}

.add-subaccount-dialog .el-button.btn-0ead98-5:hover {
    background: var(--bg-0ead98-10)
}

.el-message-box.width-540 {
    width: 540px !important
}

html[dir=rtl] .add-subaccount-dialog .el-form-item__label {
    float: none
}

.c-sub-account-enabled-dialog-warming .via-dialog {
    border-radius: 20px
}

.c-sub-account-enabled-dialog-warming .via-dialog .via-dialog-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px 20px 10px
}

.c-sub-account-enabled-dialog-warming .via-dialog .via-dialog-header .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    margin-bottom: 16px;
    width: 100px
}

.c-sub-account-enabled-dialog-warming .via-dialog .via-dialog-header .el-icon-warning {
    color: #f38b2c;
    font-size: 60px
}

.c-sub-account-enabled-dialog-warming .via-dialog .via-dialog-header .title-text {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.c-sub-account-enabled-dialog-warming .via-dialog .text-161719 {
    color: #161719
}

.c-sub-account-enabled-dialog-warming .via-dialog .via-dialog-body {
    text-align: center
}

.c-sub-account-enabled-dialog-warming .via-dialog .via-dialog-body .el-button {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    margin-top: 25px;
    padding: 0 50px
}

.c-sub-account-enabled-dialog-warming .via-dialog .via-dialog-body .el-button.btn-0ead98-5 {
    background: var(--bg-0ead98-5);
    border: 1px solid transparent;
    box-shadow: none;
    color: var(--text-0ead98)
}

.c-sub-account-enabled-dialog-warming .via-dialog .via-dialog-body .el-button.btn-0ead98-5:hover {
    background: var(--bg-0ead98-10)
}

.c-sub-account-edit-remark-dialog .via-dialog .el-input__inner {
    background-color: var(--bg-f7f8fa) !important;
    border: 1px solid var(--border-f7f8fa) !important;
    font-size: 14px !important;
    height: 40px
}

.c-sub-account-edit-remark-dialog .via-dialog .el-input__inner::-moz-placeholder {
    color: var(--text-b4b7bd);
    font-size: 14px !important
}

.c-sub-account-edit-remark-dialog .via-dialog .el-input__inner::placeholder {
    color: var(--text-b4b7bd);
    font-size: 14px !important
}

.c-sub-account-edit-remark-dialog .via-dialog .el-input__inner:focus,
.c-sub-account-edit-remark-dialog .via-dialog .el-input__inner:hover {
    background-color: var(--bg-0ead98-5) !important;
    border: 1px solid var(--border-0ead98) !important;
    box-shadow: 0 0 4px 0 rgba(14, 173, 152, .75)
}

.c-sub-account-edit-remark-dialog .via-dialog .is-error .el-input__inner {
    border-color: #db5541 !important
}

.c-sub-account-edit-remark-dialog .via-dialog .btn {
    border-radius: 30px !important;
    display: block;
    margin: 10px auto 0;
    width: 100%
}

.c-sub-account-edit-remark-dialog .via-dialog .btn:hover {
    color: #fff
}

.c-sub-auth-add {
    background: var(--bg-ffffff);
    border-radius: 20px;
    padding: 32px;
    position: relative;
    width: 540px
}

.c-sub-auth-add .btn-close {
    align-items: center;
    color: var(--text-aeb0b3);
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 30px;
    inset-inline-end: 20px;
    justify-content: center;
    position: absolute;
    top: 20px;
    width: 30px
}

.c-sub-auth-add .el-form-item .el-form-item__label {
    color: var(--text-3a3d42);
    line-height: 22px;
    margin-bottom: 4px;
    padding: 0
}

.c-sub-auth-add .el-input .el-input__inner {
    background: var(--bg-f7f8fa) !important;
    border: 1px solid var(--bg-f7f8fa) !important;
    font-weight: 600;
    height: 40px !important;
    line-height: 40px !important
}

.c-sub-auth-add .el-input .el-input__inner::-moz-placeholder {
    color: var(--text-b4b7bd);
    font-weight: 400
}

.c-sub-auth-add .el-input .el-input__inner::placeholder {
    color: var(--text-b4b7bd);
    font-weight: 400
}

.c-sub-auth-add .el-input .el-input__inner:focus {
    border-color: var(--border-0ead98) !important
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body {
    position: relative
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-box {
    height: 370px;
    width: 714px
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-box .guide-collapse {
    border: none;
    margin-inline-end: 30px;
    width: 322px
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-box .guide-collapse .el-collapse-item:first-of-type .el-collapse-item__header {
    border-top: none
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-box .guide-collapse .el-collapse-item .el-collapse-item__header {
    background-color: var(--bg-ffffff);
    border-bottom: none;
    border-top: 1px solid var(--border-e6e7eb);
    color: var(--text-3a3d42);
    padding-inline-start: 12px
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-box .guide-collapse .el-collapse-item .el-collapse-item__header.is-active {
    background-color: var(--bg-0ead98-5);
    border-radius: 8px;
    border-top: none;
    color: var(--text-0ead98)
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-box .guide-collapse .el-collapse-item .el-collapse-item__header .el-icon-arrow-right {
    margin-inline: auto 8px
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-box .guide-collapse .el-collapse-item .el-collapse-item__wrap {
    background-color: var(--bg-ffffff);
    border-bottom: none
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-box .guide-collapse .el-collapse-item .el-collapse-item__content {
    padding: 12px 0 28px;
    padding-inline-start: 12px
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-box .guide-collapse .el-collapse-item .el-collapse-item__content .guide-content {
    color: var(--text-707580);
    font-size: 12px;
    padding-bottom: 8px;
    padding-inline-start: 20px;
    position: relative
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-box .guide-collapse .el-collapse-item .el-collapse-item__content .guide-content:before {
    background: var(--bg-b4b7bd);
    border-radius: 50%;
    content: "";
    height: 6px;
    inset-inline-start: 10px;
    position: absolute;
    top: 8px;
    width: 6px
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-box .guide-collapse .el-collapse-item.is-active+.el-collapse-item .el-collapse-item__header {
    border-top: none
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .el-button {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    margin-top: 25px;
    padding: 0 50px
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .el-button.btn-0ead98-5 {
    background: var(--bg-0ead98-5);
    border: 1px solid transparent;
    box-shadow: none;
    color: var(--text-0ead98)
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .el-button.btn-0ead98-5:hover {
    background: var(--bg-0ead98-10)
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-component {
    background-color: var(--bg-f7f8fa);
    border: 1px solid var(--border-edeff2);
    border-radius: 24px;
    box-shadow: 0 8px 14px 0 rgba(49, 50, 55, .06);
    overflow: hidden;
    position: relative;
    width: 368px
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-component .via-dialog-wrapper {
    overflow: visible;
    position: static !important
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-component .via-dialog-wrapper.add-subaccount-dialog {
    transform: scale(.63);
    transform-origin: 40px 40px;
    width: 540px
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-component .via-dialog-wrapper.transfer-dialog {
    transform: scale(.55);
    transform-origin: 18px 40px;
    width: 640px
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-component .via-dialog-wrapper.transfer-dialog .account-select {
    width: 124px !important
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-component .mask {
    background: transparent;
    inset: 0;
    position: absolute;
    z-index: 999999
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .auth-add-class {
    padding-top: 30px;
    padding-inline-start: 30px
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .auth-add-class .c-sub-auth-add {
    transform: scale(.83);
    transform-origin: 40px 40px
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .header-class {
    background-position: -14px -5px;
    height: 100%
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .c-common-header {
    min-width: 1200px;
    position: absolute !important;
    transform: translateX(-700px) scale(.8)
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .c-common-header .header-nav-popper {
    background: var(--bg-ffffff);
    inset-inline-start: 800px !important;
    top: 50px !important;
    transform: scale(.8);
    transform-origin: 0 -20px;
    width: 240px !important
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .c-common-header .header-nav-popper .el-menu .el-menu-item {
    color: var(--text-7d7f81);
    font-weight: 400;
    height: auto;
    line-height: normal;
    padding: 0
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .c-common-header .header-nav-popper .el-menu .el-menu-item.is-active {
    background: rgba(14, 173, 152, .05) !important
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .c-common-header .header-nav-popper .el-menu .menu-item-info {
    padding: 5px 0 10px 15px;
    padding-inline: 15px 0
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .c-common-header .header-nav-popper .el-menu .menu-active {
    background: none !important
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .c-common-header .popper-sub-account {
    position: absolute !important;
    top: 0 !important
}

.c-sub-account-guide-dialog .via-dialog .via-dialog-body .guide-img {
    bottom: -68px;
    inset-inline-end: -45px;
    position: absolute;
    z-index: -1
}

[dir=rtl] .c-sub-account-guide-dialog .guide-collapse .el-collapse-item__header .el-icon-arrow-right {
    transform: scale(-1)
}

[dir=rtl] .c-sub-account-guide-dialog .guide-collapse .el-collapse-item__header .el-icon-arrow-right.is-active {
    transform: scale(-1) rotate(-90deg)
}

[dir=rtl] .c-sub-account-guide-dialog .guide-component .via-dialog-wrapper.add-subaccount-dialog {
    transform-origin: 500px 40px !important
}

[dir=rtl] .c-sub-account-guide-dialog .guide-component .via-dialog-wrapper.transfer-dialog {
    transform-origin: 630px 40px !important
}

[dir=rtl] .c-sub-account-guide-dialog .guide-component .c-common-header {
    transform: translateX(700px) scale(.8)
}

[dir=rtl] .c-sub-account-guide-dialog .guide-component .c-common-header .header-nav-popper {
    transform-origin: 540px -20px
}

[dir=rtl] .c-sub-account-guide-dialog .guide-component .auth-add-class .c-sub-auth-add {
    transform-origin: 500px 40px !important
}

.c-sub-auth-tip {
    padding: 32px;
    position: relative
}

.c-sub-auth-tip .btn-close {
    align-items: center;
    color: var(--text-aeb0b3);
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 30px;
    inset-inline-end: 20px;
    justify-content: center;
    position: absolute;
    top: 20px;
    width: 30px
}

.c-sub-auth-tip .tips-wrapper {
    background: rgba(243, 139, 44, .05);
    border-radius: 4px;
    color: var(--text-f38b2c);
    font-size: 12px;
    line-height: 20px;
    padding: 5px 8px
}

.c-sub-dialog-auth .via-dialog {
    padding: 0
}

.c-sub-dialog-exceed-tip .btn-cancel {
    background: rgba(14, 173, 152, .05) !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    color: var(--text-0ead98) !important;
    font-size: 14px;
    font-weight: 400;
    height: 40px
}

.c-sub-dialog-exceed-tip .btn-cancel:hover {
    background: rgba(14, 173, 152, .1) !important
}

.c-subaccount-enabled .m-w-60 {
    min-width: 60px
}

.c-subaccount-enabled .min-h-400 {
    min-height: 400px
}

.c-subaccount-enabled .leading-30 {
    line-height: 30px
}

.c-subaccount-enabled .w-240 {
    width: 240px
}

.c-subaccount-enabled .reset-password-dialog .el-form .password-strength {
    background: #edf2fa;
    height: 100%;
    width: 20px
}

.c-subaccount-enabled .box-header {
    font-weight: 700;
    padding: 16px 24px
}

.c-subaccount-enabled .remark-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%
}

.c-subaccount-enabled .table-btn {
    max-width: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-subaccount-enabled .total-asset {
    border-top: 1px solid var(--border-dee0eb);
    font-size: 20px;
    margin-top: 20px;
    padding-top: 20px
}

.c-subaccount-enabled .table-wrapper {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(164, 166, 205, .13);
    min-height: 420px;
    overflow: hidden
}

.c-subaccount-enabled .table-wrapper .via-table .table-body-wrapper {
    min-height: 400px
}

.c-subaccount-enabled .table-wrapper .via-table .body-row-system .table-prop {
    background-color: var(--bg-f7f8fa-gray0801)
}

.c-subaccount-enabled .empty-container .c-common-empty {
    min-height: 450px
}

.enabled-more-popover-class {
    background: var(--bg-ffffff) !important;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 12px;
    min-width: auto !important;
    padding: 0;
    width: auto !important
}

.enabled-more-popover-class .more-popover-item {
    color: var(--text-707580);
    height: 34px;
    line-height: 34px;
    padding: 0 16px;
    text-align: start
}

.enabled-more-popover-class .more-popover-item:hover {
    background: var(--bg-0ead98-5);
    color: var(--text-0ead98)
}

.el-message-box.forbid-dialog-class {
    border-radius: 20px;
    width: 420px
}

.el-message-box.forbid-dialog-class .el-message-box__header {
    padding: 32px 32px 0
}

.el-message-box.forbid-dialog-class .el-message-box__header .el-message-box__close {
    color: var(--text-b4b7bd)
}

.el-message-box.forbid-dialog-class .el-message-box__title {
    color: var(--text-161719) !important;
    font-size: 20px !important
}

.el-message-box.forbid-dialog-class .el-message-box__content {
    padding: 20px 32px 32px
}

.el-message-box.forbid-dialog-class .el-message-box__content .forbid-tip {
    background-color: var(--bg-f38b2c-5);
    border-radius: 4px;
    color: var(--text-f38b2c);
    padding: 0 8px
}

.el-message-box.forbid-dialog-class .el-button {
    background: var(--bg-0ead98);
    border: 1px solid var(--border-0ead98);
    border-radius: 20px;
    color: #fff;
    height: 40px !important;
    line-height: 40px;
    min-width: 114px;
    padding: 0 50px;
    transition: .3s;
    white-space: normal
}

.el-message-box.forbid-dialog-class .el-button:hover {
    background: var(--bg-1bbeb2);
    border: 1px solid var(--border-1bbeb2);
    transition: .4s
}

.el-message-box.forbid-dialog-class .el-button.btn-0ead98-5 {
    background: var(--bg-0ead98-5);
    border: 1px solid transparent;
    box-shadow: none;
    color: var(--text-0ead98) !important
}

.el-message-box.forbid-dialog-class .el-button.btn-0ead98-5:hover {
    background: var(--bg-0ead98-10)
}

.theme-night .c-subaccount-enabled .table-wrapper {
    box-shadow: none
}

.v-modal {
    background: rgba(0, 0, 0, .5);
    opacity: 1
}

.page-api-list,
.page-apikey {
    width: 100%
}

.page-api-list .tips {
    display: flex;
    flex-direction: column;
    line-height: 20px
}

.page-api-list .tips-text {
    padding-inline-start: 10px;
    position: relative
}

.page-api-list .tips-text:before {
    background-color: var(--bg-707580);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 4px;
    inset-inline-start: 0;
    position: absolute;
    top: 9px;
    width: 4px
}

.page-api-list .tips-link {
    color: var(--text-0ead98);
    cursor: pointer;
    margin-inline-start: 4px;
    text-decoration: underline
}

.page-api-list .ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-api-list .ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.page-api-list .com-btn {
    padding: 6px 20px !important
}

.page-api-list .via-group {
    margin-bottom: 0
}

.page-api-list .via-group .el-form-item__content {
    display: flex
}

.page-api-list .creat-btn {
    width: 100%
}

.page-api-list .btn-small {
    height: 26px;
    line-height: 24px;
    padding: 0 16px !important
}

.page-api-list .content-wrapper::-webkit-scrollbar {
    display: none
}

.page-api-list .table-wrapper {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13);
    overflow: hidden
}

.page-api-list .el-table:before {
    display: none
}

.page-api-list .el-table .el-table__header th {
    background: var(--bg-f7f8fa);
    border: none;
    padding: 12px 0
}

.page-api-list .el-table .el-table__header th .cell {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px
}

.page-api-list .el-table .el-table__header th:first-child .cell {
    padding-left: 28px
}

.page-api-list .el-table .el-table__body td {
    border: none
}

.page-api-list .el-table .el-table__body td .cell {
    font-size: 12px;
    padding: 0 10px
}

.page-api-list .el-table .el-table__body td:first-child .cell {
    padding-left: 28px
}

.tooltip-ip-content {
    max-height: 350px;
    overflow: hidden auto;
    padding: 0 14px
}

.c-apikey-setapi {
    width: 100%
}

.c-apikey-setapi .el-input__inner,
.c-apikey-setapi .el-textarea__inner {
    background-color: var(--bg-f7f8fa) !important;
    border: none !important;
    border-end-end-radius: 0 !important;
    border-start-end-radius: 0 !important
}

.c-apikey-setapi .two-factor-item .switch-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    position: static
}

.c-apikey-setapi .sec-type .row-type {
    align-items: center;
    color: var(--text-3a3d42);
    display: flex;
    flex-wrap: wrap
}

.c-aipkey-apiContent .apiContent-label {
    display: inline-block;
    width: 100px
}

.c-aipkey-apiContent .apiContent-content {
    flex: 1 1 0%;
    text-align: end;
    word-break: break-word
}

.c-apikey-dialog-renewal-success .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-apikey-dialog-renewal-success .icon-wrap .icon-success {
    color: #0ead98;
    font-size: 60px
}

.c-withdraw-white {
    margin-top: 60px
}

.c-withdraw-white .section-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.c-withdraw-white .section-head .btn-small {
    height: 26px;
    line-height: 24px;
    padding: 0 16px
}

.c-withdraw-white .filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    min-height: 30px
}

.c-withdraw-white .btn-delete {
    align-items: center;
    background: var(--bg-ffffff);
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(210, 217, 228, .25);
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px
}

.c-withdraw-white .btn-delete .icon-delete {
    color: var(--text-0ead98)
}

.c-withdraw-white .content-wrapper::-webkit-scrollbar {
    display: none
}

.c-withdraw-white .table-wrapper {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13);
    overflow: hidden
}

.c-withdraw-white .ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-withdraw-white .tag-common {
    background: var(--bg-f7f8fa);
    border-radius: 4px;
    color: var(--text-707580);
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 6px
}

.c-withdraw-white .el-table:before {
    display: none
}

.c-withdraw-white .el-table .el-table__header th {
    background: var(--bg-f7f8fa);
    border: none
}

.c-withdraw-white .el-table .el-table__header th .cell {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 400
}

.c-withdraw-white .el-table .el-table__header th:first-child .cell {
    padding-left: 28px
}

.c-withdraw-white .el-table .el-table__body {
    color: var(--text-27282c)
}

.c-withdraw-white .el-table .el-table__body td {
    border: none
}

.c-withdraw-white .el-table .el-table__body td .cell {
    font-size: 12px
}

.c-withdraw-white .el-table .el-table__body td:first-child .cell {
    padding-left: 28px
}

.c-withdraw-white .el-checkbox .el-checkbox__input .el-checkbox__inner {
    border: 1px solid var(--border-e6e7eb)
}

.c-withdraw-white .el-checkbox .is-indeterminate .el-checkbox__inner {
    background-color: #0ead98 !important;
    border-color: #0ead98 !important
}

.c-withdraw-white .el-checkbox .el-checkbox__label {
    display: none
}

.c-withdraw-white .w-100 {
    width: 100px
}

.c-withdraw-white .w-140 {
    width: 140px
}

.whitelist-selector .el-select-dropdown__item.hover,
.whitelist-selector .el-select-dropdown__item:hover {
    color: var(--text-0ead98)
}

.c-apikey-message {
    background: rgba(243, 139, 44, .05);
    height: 30px;
    position: relative
}

.c-apikey-message .slider-wrapper .slider-item {
    display: block
}

.c-apikey-message .msg-item {
    align-items: center;
    color: var(--text-f38b2c);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 24px
}

.c-apikey-message .btn-close {
    color: var(--text-f38b2c);
    cursor: pointer;
    inset-inline-end: 24px;
    position: absolute;
    text-overflow: ellipsis;
    top: 5px;
    z-index: 1
}

.c-dialog-batch-add .step-wrapper {
    padding: 0 30px;
    position: relative
}

.c-dialog-batch-add .step-wrapper .step-index {
    border: 1px solid var(--border-e0e3ed);
    border-radius: 50%;
    color: var(--text-aeb0b3);
    font-size: 12px;
    height: 18px;
    inset-inline-start: 0;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 18px
}

.c-dialog-batch-add .step-wrapper .btn-mini {
    font-size: 12px;
    height: 22px;
    line-height: 20px;
    padding: 0 16px
}

.c-dialog-batch-add .step-wrapper .tip-point {
    padding-inline-start: 14px;
    position: relative
}

.c-dialog-batch-add .step-wrapper .tip-point:before {
    background: var(--bg-0ead98);
    border-radius: 50%;
    content: " ";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 8px;
    width: 6px
}

.c-dialog-batch-add .step-line:before {
    border-left: 1px dashed var(--border-e0e3ed);
    bottom: -12px;
    content: " ";
    left: 9px;
    position: absolute;
    top: 26px;
    width: 0
}

.c-dialog-batch-add .upload-wrapper .el-upload {
    display: block
}

.c-dialog-batch-add .upload-wrapper.uploaded .el-upload {
    pointer-events: none
}

.c-dialog-batch-add .upload-wrapper .btn-upload {
    border: 1px dashed var(--border-0ead98);
    border-radius: 4px;
    color: var(--text-0ead98);
    cursor: pointer;
    height: 48px;
    line-height: 46px
}

.c-dialog-batch-add .upload-wrapper .btn-upload-disabled {
    border-color: var(--border-e0e3ed);
    color: var(--text-b4b7bd)
}

.c-dialog-batch-add .btn-submit {
    border-radius: 20px !important;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100%
}

.c-dialog-failed-info .error-tips {
    background: rgba(230, 88, 63, .05);
    border-radius: 4px;
    color: #e6583f;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0 8px
}

.c-dialog-failed-info .el-table:before {
    display: none
}

.c-dialog-failed-info .el-table .el-table__header th {
    background: var(--bg-f7f8fa);
    border: none
}

.c-dialog-failed-info .el-table .el-table__header th .cell {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 400
}

.c-dialog-failed-info .el-table .el-table__body td {
    border: none
}

.c-dialog-failed-info .el-table .el-table__body td .cell {
    font-size: 12px
}

.c-dialog-failed-info .btn-confirm {
    border-radius: 20px !important;
    height: 40px;
    line-height: 40px;
    min-width: 160px;
    padding: 0 15px !important
}

.c-dialog-delete-whitelist .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-dialog-delete-whitelist .icon-wrap .el-icon-warning {
    color: #f38b2c;
    font-size: 60px
}

.c-dialog-delete-whitelist .btn-40 {
    border-radius: 20px !important;
    height: 40px;
    line-height: 40px
}

.c-dialog-recommend-code .via-form-item .form-item-label {
    display: none
}

.c-dialog-recommend-code .form-label {
    color: var(--text-161719);
    margin-bottom: 8px
}

.c-my-basic-info .via-btn[type=neutral-white]:hover {
    background-color: var(--bg-0ead98)
}

.c-my-basic-info .top-info-box {
    display: flex;
    justify-content: space-between
}

.c-my-basic-info .top-info-box .sec-left {
    align-items: center;
    display: flex;
    padding-inline-end: 60px;
    position: relative
}

.c-my-basic-info .top-info-box .sec-left .name-email-box .email-box {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.c-my-basic-info .top-info-box .sec-market-maker {
    display: inline-block
}

.c-my-basic-info .top-info-box .sec-market-maker .market-maker-inner {
    align-items: center;
    border: 1px solid var(--border-e6e7eb);
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    padding: 6px 12px 6px 8px;
    transition: .4s
}

.c-my-basic-info .top-info-box .sec-market-maker .market-maker-inner .icon-wrapper {
    align-items: center;
    background-color: rgba(137, 149, 253, .1);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 24px;
    justify-content: center;
    width: 24px
}

.c-my-basic-info .top-info-box .sec-market-maker .market-maker-inner .market-maker-text {
    color: var(--text-707580)
}

.c-my-basic-info .top-info-box .sec-market-maker .market-maker-inner:hover {
    border: 1px solid var(--border-0ead98);
    transition: .4s
}

.c-my-basic-info .top-info-box .sec-market-maker .market-maker-inner:hover .market-maker-text {
    color: var(--text-0ead98)
}

.c-my-basic-info .info-box {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 2px 10px 0 rgba(161, 170, 188, .13)
}

.c-my-basic-info .info-box .row-info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 20px
}

.c-my-basic-info .info-box .row-info.with-top-border {
    border-top: 1px solid var(--border-f2f3f5)
}

.c-my-basic-info .info-box .row-info .row-left {
    align-items: center;
    color: var(--text-161719);
    display: flex
}

.c-my-basic-info .info-box .row-info .row-left .info-icon {
    margin-inline-end: 20px;
    width: 30px
}

.c-my-basic-info .info-box .row-info .row-right {
    align-items: center;
    display: flex
}

.c-my-basic-info .info-box .row-info.kyc-box {
    background: linear-gradient(90deg, #e8eef6 10.03%, #d5dae3);
    border-radius: 20px
}

.c-my-basic-info .info-box .row-info.kyc-box .kyc-name {
    font-size: 16px;
    font-weight: 700
}

.c-my-basic-info .info-box .row-info.kyc-box.is-individual {
    background: linear-gradient(90deg, #00dec0 10.03%, #00c5e5)
}

.c-my-basic-info .info-box .row-info.kyc-box.is-institution {
    background: linear-gradient(90deg, #4d4d4d, #222327)
}

.c-my-basic-info .info-box .row-info.kyc-box.is-institution .kyc-name {
    color: var(--text-ffffff)
}

.c-my-basic-info .info-box .row-info.kyc-box.is-institution .row-left .sec-status {
    color: #fff
}

.c-my-basic-info .info-box .row-info.kyc-box.is-institution .row-left .sec-status i.iconfont {
    color: #fff !important
}

.c-my-basic-info .info-box .row-info.kyc-box.is-institution .row-right .via-btn.btn-check {
    border-color: #fff;
    color: #fff
}

.c-my-basic-info .info-box .row-info.kyc-box .row-left .kyc-icon-wrapper {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: 32px;
    justify-content: center;
    width: 32px
}

.c-my-basic-info .info-box .row-info.kyc-box .row-left .sec-status {
    align-items: center;
    color: var(--text-161719);
    display: flex
}

.c-my-basic-info .info-box .row-info.kyc-box .row-left .sec-status-fail {
    align-items: center;
    color: var(--text-db5541);
    display: flex
}

.c-my-basic-info .info-box .row-info.kyc-box .row-right .via-btn {
    border-radius: 8px
}

.c-my-basic-info .info-box .row-info.kyc-box .row-right .via-btn.btn-check {
    border-color: var(--border-707580);
    color: var(--text-3a3d42)
}

.c-my-basic-info .info-box .row-info.kyc-box .row-right .via-btn.btn-check:hover {
    background-color: var(--bg-0ead98);
    border-color: var(--border-0ead98);
    color: #161719
}

.c-my-basic-info .info-box .row-info.kyc-box .row-right .via-btn.btn-auth {
    border: 1px solid var(--border-3a3d42);
    color: var(--text-161719)
}

.c-my-basic-info .info-box .row-info.kyc-box .row-right .via-btn.btn-auth:hover {
    border: 1px solid transparent !important;
    color: #fff
}

.c-my-basic-info .info-box .row-info.vip-box .vip-level {
    align-items: flex-end;
    color: var(--text-f0af34);
    display: flex;
    flex-direction: column
}

.c-my-basic-info .info-box .row-info.vip-box .vip-level .sec-icon {
    align-items: center;
    background-color: rgba(240, 175, 52, .1);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: 24px;
    justify-content: center;
    width: 24px
}

.c-my-basic-info .info-box .row-info .vip-buff-box {
    align-items: center;
    border: 1px solid var(--border-dee0e3);
    border-radius: 4px;
    color: var(--text-3a3d42);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
    padding: 4px 6px
}

.theme-night .kyc-box {
    background: transparent !important;
    border-bottom: 1px solid var(--border-f2f3f5);
    border-radius: initial !important
}

.c-my-login-status {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 2px 10px 0 rgba(161, 170, 188, .13);
    overflow: hidden;
    padding: 20px 0
}

.c-my-login-status .content-wrapper::-webkit-scrollbar {
    display: none
}

.c-my-login-status .content-wrapper .table-wrapper {
    min-height: 174px
}

.c-my-login-status .content-wrapper .table-wrapper .via-table .via-table-header {
    background-color: transparent
}

.c-my-login-status .content-wrapper .table-wrapper .via-table .via-table-card .card-item:last-of-type {
    margin-bottom: 0
}

.c-my-login-status .via-pagination {
    justify-content: flex-end
}

.c-my-login-status .via-pagination .via-pagination-select-limit {
    display: none
}

.c-my-login-history {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 2px 10px 0 rgba(161, 170, 188, .13);
    overflow: hidden;
    padding: 20px 0
}

.c-my-login-history .content-wrapper::-webkit-scrollbar {
    display: none
}

.c-my-login-history .content-wrapper .table-wrapper {
    min-height: 265px
}

.c-my-login-history .content-wrapper .table-wrapper .via-table .via-table-header {
    background-color: transparent
}

.c-my-login-history .content-wrapper .table-wrapper .via-table .via-table-card .card-item:last-of-type {
    margin-bottom: 0
}

.c-my-login-history .via-pagination {
    justify-content: flex-end
}

.c-my-login-history .via-pagination .via-pagination-select-limit {
    display: none
}

.p-my-info-basic {
    color: var(--text-161719)
}

.p-my-info-preference .sec-box {
    background-color: var(--bg-ffffff);
    border-radius: 20px
}

.p-my-info-preference .sec-box.middle-box .setting-item {
    border-bottom: 1px solid var(--border-f2f3f5)
}

.p-my-info-preference .sec-box.middle-box .setting-item:last-of-type {
    border-bottom: none
}

.p-my-info-preference .setting-item {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    padding: 15px 26px
}

.p-my-info-preference .setting-sub-item {
    align-items: center;
    border-bottom: 1px solid var(--border-f2f3f5);
    display: flex;
    margin-inline: 100px 26px;
    padding: 15px 0
}

.p-my-info-preference .setting-sub-item:last-child {
    border: none
}

.p-my-info-preference .select-wrapper {
    height: 26px;
    width: 128px
}

.c-messages-dialog-mark-all-read .via-dialog {
    border-radius: 20px
}

.c-messages-dialog-mark-all-read .via-dialog .via-dialog-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.c-messages-dialog-mark-all-read .via-dialog .via-dialog-header .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    margin-bottom: 16px;
    width: 100px
}

.c-messages-dialog-mark-all-read .via-dialog .via-dialog-header .el-icon-warning {
    color: #f38b2c;
    font-size: 60px
}

.c-messages-dialog-mark-all-read .via-dialog .via-dialog-header .title-text {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.c-messages-dialog-mark-all-read .via-dialog .text-161719 {
    color: #161719
}

.c-messages-dialog-mark-all-read .via-dialog .via-dialog-body {
    text-align: center
}

.c-messages-dialog-mark-all-read .via-dialog .via-dialog-body .err-info {
    align-items: center;
    color: var(--text-27282c);
    display: flex;
    font-weight: 400;
    justify-content: center;
    margin-bottom: 8px
}

.c-messages-dialog-mark-all-read .via-dialog .via-dialog-body .err-info:before {
    background-color: #0ead98;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-inline-end: 8px;
    width: 6px
}

.page-message {
    width: 100%
}

.page-message .message-out {
    min-height: 600px;
    overflow: hidden
}

.page-message .message-out .c-common-empty {
    min-height: 500px
}

.page-message .message-out .message-head {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.page-message .message-out .message-head .head-title {
    align-items: center;
    display: flex
}

.page-message .message-out .message-head .head-title .img-msg {
    margin-inline-end: 8px;
    width: 20px
}

.page-message .message-out .message-head .head-title .title {
    color: var(--text-27282c);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.page-message .message-out .message-head .head-title .msg {
    color: #99a3b7;
    font-size: 12px;
    font-weight: 400;
    margin-inline-start: 10px
}

.page-message .message-out .message-head .delete {
    cursor: pointer;
    padding: 3px 10px
}

.page-message .message-out .message-head .all-read {
    padding: 4px 8px !important
}

.page-message .message-out .via-select {
    width: 180px
}

.page-message .message-out .message-container2 {
    background: var(--bg-ffffff);
    border-radius: 20px;
    min-height: 500px
}

.page-message .message-out .message-container2 .item-message {
    cursor: pointer
}

.page-message .message-out .message-container2 .item-message .container2 {
    border-bottom: 1px solid var(--border-f3f4f5);
    color: var(--text-b4b7bd);
    display: flex;
    justify-content: space-between;
    margin-inline-start: 47px;
    padding-bottom: 18px;
    padding-inline: 0 30px;
    padding-top: 19px
}

.page-message .message-out .message-container2 .item-message .container2:last-of-type {
    border-bottom: none
}

.page-message .message-out .message-container2 .item-message .container2 .text-out .message-type {
    display: inline-block;
    line-height: 17px
}

.page-message .message-out .message-container2 .item-message .container2 .text-out .message-type .msg-title {
    display: -webkit-box;
    font-size: 14px;
    font-weight: 600;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.page-message .message-out .message-container2 .item-message .container2 .text-out .message-channel {
    background-color: var(--bg-f7f8fa);
    border-radius: 30px;
    color: var(--text-b4b7bd);
    display: inline-block;
    font-size: 12px;
    margin-inline-start: 8px;
    padding: 3px 10px;
    position: relative;
    top: -4px
}

.page-message .message-out .message-container2 .item-message .container2 .text-out .message-channel.message-channel_not_view {
    background-color: var(--bg-0ead98-5);
    color: var(--text-0ead98)
}

.page-message .message-out .message-container2 .item-message .container2 .text-out .content-title {
    font-size: 14px
}

.page-message .message-out .message-container2 .item-message .container2 .text-out .content-title .name {
    display: -webkit-box;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 600px;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.page-message .message-out .message-container2 .item-message .container2 .text-out .content-title .detail {
    display: -webkit-box;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 630px;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.page-message .message-out .message-container2 .item-message .active-container2 {
    color: var(--text-27282c)
}

.page-message .message-out .message-container2 .item-message .active-container2 .text-out .message-type {
    color: var(--text-27282c);
    position: relative
}

.page-message .message-out .message-container2 .item-message .active-container2 .text-out .message-type .msg-title {
    color: var(--text-3a3d42)
}

.page-message .message-out .message-container2 .item-message .active-container2 .text-out .message-type:before {
    background: var(--bg-0ead98);
    border-radius: 50%;
    content: "";
    height: 8px;
    inset-inline-start: -27px;
    position: absolute;
    top: 5px;
    width: 8px
}

.page-message .message-out .message-container2 .item-message .active-container2 .text-out .content-title {
    color: var(--text-707580)
}

.page-message .message-out .message-container2 .item-message:hover {
    background-color: var(--bg-f7f8fa)
}

.page-message .empty-area {
    height: 600px
}

.page-message .empty-area .c-common-empty {
    height: 100%
}

.page-message .filter-box .el-input__inner {
    background: none;
    border-color: var(--border-e6e7eb);
    font-size: 12px;
    height: 30px
}

.page-message .filter-box .el-icon-arrow-up {
    font-size: 12px;
    line-height: 30px
}

.page-message .filter-box .el-date-editor.com-range-picker {
    border-color: var(--border-e6e7eb);
    border-radius: 4px
}

.page-message .filter-box .el-date-editor.com-range-picker .el-range-separator {
    line-height: 28px
}

.c-my-info-coupon-finance-card .val .coupon-val {
    display: inline-block;
    line-height: 28px
}

.c-my-info-coupon-finance-card .val .coupon-unit {
    bottom: -6px;
    font-size: 12px;
    font-weight: 400
}

.c-my-info-coupon-cashback-card .card-box .coupon-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.c-my-info-coupon-cashback-card .card-box .coupon-title .trade-type {
    background-color: var(--bg-f2f3f5);
    border-radius: 20px;
    color: var(--text-b4b7bd);
    display: inline-block;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    padding: 0 8px
}

.c-my-info-coupon-cashback-card .card-box.is-active .coupon-title .trade-type {
    background-color: rgba(128, 91, 233, .05);
    color: #805be9
}

.c-my-info-coupon-aidfund-card .card-box .coupon-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.c-my-info-coupon-aidfund-card .card-box .coupon-title .trade-type {
    background-color: var(--bg-f2f3f5);
    border-radius: 20px;
    color: var(--text-b4b7bd);
    display: inline-block;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    padding: 0 8px
}

.c-my-info-coupon-aidfund-card .card-box.is-active .coupon-title .trade-type {
    background-color: rgba(128, 91, 233, .05);
    color: #805be9
}

.c-my-info-coupon-vip-card .card-box .card-right {
    padding: 8px 8px 8px 16px
}

.c-my-info-coupon-vip-card .card-box .card-right .info-box {
    margin-top: 20px !important
}

.c-my-info-coupon-vip-card .card-box .card-right .info-box .coupon-title {
    line-height: 20px
}

.c-my-info-coupon-vip-card .card-box .card-right .info-box .row-time {
    line-height: 17px
}

.c-my-info-coupon-vip-card .card-box .card-right .info-box .row-rule {
    line-height: 17px;
    margin-top: 2px
}

.c-my-info-coupon-vip-card .card-box .card-right .info-box .row-tips-box {
    color: var(--text-f38b2c);
    margin-top: 8px;
    padding: 4px;
    position: relative
}

.c-my-info-coupon-vip-card .card-box .card-right .info-box .row-tips-box:before {
    background-color: var(--bg-f38b2c);
    border-radius: 4px;
    content: "";
    inset: 0;
    opacity: .05;
    position: absolute;
    z-index: 0
}

.c-my-info-coupon-vip-card .card-box .card-right .info-box .row-tips-box .row-tips {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    z-index: 1
}

.c-my-info-coupon-vip-card .card-box .card-right .info-box .row-tips-box.disabled {
    color: var(--text-b4b7bd)
}

.c-my-info-coupon-vip-card .card-box .card-right .info-box .row-tips-box.disabled:before {
    background-color: var(--bg-b4b7bd);
    opacity: .12
}

.c-header-coupon-claim-success-dialog.el-dialog {
    border-radius: 20px
}

.c-header-coupon-claim-success-dialog.el-dialog .el-dialog__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px 20px 10px
}

.c-header-coupon-claim-success-dialog.el-dialog .el-dialog__header .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    margin-bottom: 16px;
    width: 100px
}

.c-header-coupon-claim-success-dialog.el-dialog .el-dialog__header .el-icon-success {
    color: #0ead98;
    font-size: 60px
}

.c-header-coupon-claim-success-dialog.el-dialog .el-dialog__header .title-text {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.c-header-coupon-claim-success-dialog.el-dialog .text-161719 {
    color: #161719
}

.c-header-coupon-claim-success-dialog.el-dialog .el-dialog__body {
    text-align: center
}

.c-header-coupon-claim-success-dialog.el-dialog .el-dialog__body .el-button {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    margin-top: 25px;
    padding: 0 50px
}

.c-header-coupon-claim-fail-dialog.el-dialog {
    border-radius: 20px
}

.c-header-coupon-claim-fail-dialog.el-dialog .el-dialog__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 32px 0 !important
}

.c-header-coupon-claim-fail-dialog.el-dialog .el-dialog__header .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    margin-bottom: 16px;
    width: 100px
}

.c-header-coupon-claim-fail-dialog.el-dialog .el-dialog__header .el-icon-warning {
    color: #f38b2c;
    font-size: 60px
}

.c-header-coupon-claim-fail-dialog.el-dialog .el-dialog__header .title-text {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.c-header-coupon-claim-fail-dialog.el-dialog .text-161719 {
    color: #161719
}

.c-header-coupon-claim-fail-dialog.el-dialog .el-dialog__body {
    padding: 20px 32px 32px;
    text-align: center
}

.c-header-coupon-claim-fail-dialog.el-dialog .el-dialog__body .el-button {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    margin-top: 25px;
    padding: 0 50px
}

.c-my-info-coupon-mine .explain {
    color: var(--text-7d7f81);
    font-size: 12px
}

.c-my-info-coupon-mine .coupon-pagination {
    text-align: center
}

.c-my-info-coupon-mine .coupon-pagination .btn-next,
.c-my-info-coupon-mine .coupon-pagination .btn-prev {
    background-color: transparent !important
}

.c-my-info-coupon-mine .coupon-pagination .el-pager .number {
    background-color: transparent !important;
    border: none !important;
    width: auto !important
}

.c-my-info-coupon-mine .coupon-pagination .el-pager .number:not(.disabled).active {
    border: none !important;
    font-weight: 700
}

.p-my-info-coupon-main .head-box {
    border-bottom: 1px solid var(--border-e6e7eb);
    padding-bottom: 20px
}

.p-my-info-coupon-main .head-box .row-title {
    align-items: center;
    display: flex
}

.p-my-info-coupon-main .head-box .row-title .title-text {
    font-size: 24px;
    font-weight: 700
}

.p-my-info-coupon-main .head-box .row-bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 24px
}

.p-my-info-coupon-main .head-box .row-bottom .sec-voucher {
    align-items: center;
    background-color: rgba(14, 173, 152, .1);
    border-radius: 20px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    padding: 2px 12px
}

.p-my-info-coupon-main .content-box {
    padding-top: 12px
}

.p-my-info-coupon-main .content-box .cmp-tab .row-select {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px
}

.p-my-info-coupon-main .content-box .cmp-tab .row-select .select-item {
    align-items: center;
    display: flex;
    margin-top: 8px
}

.p-my-info-coupon-main .content-box .cmp-tab .row-select .select-item .select-label {
    color: var(--text-7d7f81);
    font-size: 12px;
    margin-inline-end: 8px
}

.p-my-info-coupon-main .content-box .cmp-tab .row-select .select-item .el-select {
    width: 140px
}

.p-my-info-coupon-main .content-box .cmp-tab .row-select .select-item .el-select .el-input .el-input__inner {
    background-color: var(--bg-f8f8fc);
    border: 1px solid transparent;
    border-radius: 4px;
    height: 24px;
    line-height: 24px
}

.p-my-info-coupon-main .content-box .cmp-tab .row-select .select-item .el-select .el-input .el-input__inner:hover {
    border: 1px solid var(--bg-0ead98);
    box-shadow: none
}

.p-my-info-coupon-main .content-box .cmp-tab .row-select .select-item .el-select .el-input .el-input__suffix .el-input__icon {
    line-height: 24px
}

.p-my-info-coupon-main .content-box .cmp-tab .row-select .select-item .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid var(--bg-0ead98);
    box-shadow: none
}

.p-my-info-coupon-main .content-box .cmp-tab .loading-box {
    min-height: 300px
}

.p-my-info-coupon-main .content-box .cmp-tab .loading-box .el-loading-mask {
    background-color: transparent
}

.p-my-info-coupon-main .content-box .cmp-tab .coupons-box {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.screen-md .p-my-info-coupon-main .content-box .cmp-tab .row-select .select-item {
    display: block;
    flex: 1 1 0%
}

.screen-md .p-my-info-coupon-main .content-box .cmp-tab .row-select .select-item .el-select {
    margin-top: 4px;
    width: 100%
}

.screen-md .p-my-info-coupon-main .sec-mobile-voucher {
    background-color: var(--bg-ffffff);
    border-radius: 0;
    bottom: 0;
    font-size: 16px;
    font-weight: 700;
    left: 0;
    padding: 12px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 11
}

.popper-coupon-select {
    box-shadow: 0 8px 12px rgba(49, 50, 55, .05);
    margin-top: 2px !important
}

.popper-coupon-select .el-scrollbar .el-scrollbar__wrap {
    overflow: auto
}

.popper-coupon-select .el-scrollbar .el-scrollbar__wrap .el-select-dropdown__item.selected,
.popper-coupon-select .el-scrollbar .el-scrollbar__wrap .el-select-dropdown__item:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98);
    font-weight: 500
}

.popper-coupon-select .el-scrollbar .el-scrollbar__bar,
.popper-coupon-select .popper__arrow {
    display: none
}

.p-my-info-coupon {
    background: linear-gradient(#eaedf3, #fbfbfb);
    color: var(--text-161719);
    padding-bottom: 10px
}

.p-my-info-coupon .right-content {
    padding-bottom: 100px
}

.theme-night .p-my-info-coupon {
    background: #13151a
}

.screen-md.body-coupon {
    padding-bottom: 48px
}

.is-native .p-my-info-coupon {
    padding-top: 0
}

.p-my-info-cbox {
    color: var(--text-161719)
}

.c-my-info-cbox-select-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-my-info-cbox-select-type .select-item {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    padding: 10px 16px;
    width: 250px
}

.c-my-info-cbox-select-type .select-item .tab-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 36px;
    text-align: center
}

.c-my-info-cbox-select-type .select-item .tab-icon.tab1 {
    background-image: url(../app-resources-d6/assets/b551a711d90a79babaac8ed36f1b4f42_de73322cac8c7d7d2c9f.v2.webp);
    width: 35px
}

.c-my-info-cbox-select-type .select-item .tab-icon.tab2 {
    background-image: url(../app-resources-d6/assets/c794db5c8dd47592b977775af5bd788f_853e9bacfa0f2c10425f.v2.webp);
    width: 26px
}

.c-my-info-cbox-select-type .select-item .tab-right .top-text {
    font-weight: 700;
    line-height: 16px
}

.c-my-info-cbox-select-type .select-item .tab-right .bottom-text {
    color: var(--text-7d7f81);
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px
}

.c-my-info-cbox-select-type .select-item.is-active {
    border: 1px solid var(--border-0ead98)
}

.c-my-info-cbox-select-type .select-item.is-active .tab-icon.tab1 {
    background-image: url(../app-resources-d6/assets/81d47f986637df44310305d7a807d2be_ea5a49860a38d65208ca.v2.webp)
}

.c-my-info-cbox-select-type .select-item.is-active .tab-icon.tab2 {
    background-image: url(../app-resources-d6/assets/443b8659b4ed832503251c703f6d83d7_a5a1756c4a4e5e90f0eb.v2.webp)
}

.c-my-info-cbox-select-type .select-item.is-active .tab-right .bottom-text,
.c-my-info-cbox-select-type .select-item.is-active .tab-right .top-text {
    color: var(--text-0ead98)
}

.c-my-info-cbox-create-asset-amount .el-form-item__label {
    width: 100%
}

.c-my-info-cbox-create-asset-amount .row-label {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-my-info-cbox-create-asset-amount .row-label .tip-text {
    border-bottom: 1px dashed var(--border-b4b7bd)
}

.c-my-info-cbox-create-asset-amount .input-amount {
    border: 1px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    padding-inline-start: 0;
    transition: .4s
}

.c-my-info-cbox-create-asset-amount .input-amount .el-input-group__prepend {
    background-color: transparent;
    border: none;
    box-sizing: content-box;
    inset-inline-start: 0;
    padding: 0;
    position: relative
}

.c-my-info-cbox-create-asset-amount .input-amount .el-input-group__prepend:after {
    background-color: var(--bg-dee0e3);
    content: "";
    display: inline-block;
    height: 24px;
    inset-inline-end: 6px;
    position: absolute;
    top: 8px;
    width: 1px
}

.c-my-info-cbox-create-asset-amount .input-amount .el-input-group__prepend .cmp-select-coin .selector.is-active,
.c-my-info-cbox-create-asset-amount .input-amount .el-input-group__prepend .cmp-select-coin .selector:hover {
    border: 1px solid transparent
}

.c-my-info-cbox-create-asset-amount .input-amount .el-input-group__prepend .cmp-select-coin .selector .selector-left-name .short-name {
    color: var(--text-161719);
    margin-inline-end: 8px
}

.c-my-info-cbox-create-asset-amount .input-amount .el-input-group__prepend .cmp-select-coin .selector .selector-left-name .full-name {
    display: none
}

.c-my-info-cbox-create-asset-amount .input-amount .el-input__inner {
    border: none !important;
    padding-inline-start: 2px
}

.c-my-info-cbox-create-asset-amount .input-amount.is-active,
.c-my-info-cbox-create-asset-amount .input-amount:hover {
    border: 1px solid var(--border-0ead98);
    transition: .4s
}

.c-my-info-cbox-create-asset-amount .input-amount.is-active .el-input__inner,
.c-my-info-cbox-create-asset-amount .input-amount:hover .el-input__inner {
    border: none !important;
    box-shadow: none
}

.body-c-box .popper-select-coin {
    width: 510px
}

.c-my-info-cbox-dialog-theme .carousel-wrapper {
    position: relative
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container {
    height: 582px
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box {
    border-radius: 20px;
    color: #161719;
    height: 100%;
    overflow: hidden;
    position: relative
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box .poster-pic {
    inset-inline-start: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box .poster-top-box {
    padding: 32px 20px 20px 32px;
    position: relative;
    z-index: 2
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box .poster-top-box .wishes {
    color: #3a3d42;
    font-size: 32px;
    font-weight: 700
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box .poster-top-box .command-box {
    margin-top: 40px
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box .poster-top-box .command-box .command-label {
    font-weight: 500;
    line-height: 16px
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box .poster-top-box .command-box .command-val {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    margin-top: 8px
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box .qr-code-box {
    bottom: 55px;
    inset-inline-start: 32px;
    position: absolute;
    z-index: 2
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box .qr-code-box .code-wrapper {
    background-color: #fff;
    border-radius: 8px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px;
    text-align: center
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box .qr-code-box .qr-text {
    font-size: 20px;
    font-weight: 500
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box.is-dark,
.c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box.is-dark .poster-top-box .wishes {
    color: #fff
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .arrow-outer {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 50%;
    cursor: pointer;
    height: 46px;
    line-height: 46px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 46px;
    z-index: 11
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .arrow-outer.arrow-prev {
    inset-inline-start: -92px
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .arrow-outer.arrow-next {
    inset-inline-end: -92px
}

.c-my-info-cbox-dialog-theme .carousel-wrapper .arrow-outer .iconfont {
    color: var(--text-ffffff);
    font-size: 46px
}

.c-my-info-cbox-dialog-theme .via-btn {
    margin-top: 32px;
    width: 100%
}

.theme-night .c-my-info-cbox-dialog-theme .carousel-wrapper .arrow-outer {
    background-color: hsla(0, 0%, 100%, .3)
}

.screen-md .c-my-info-cbox-dialog-theme .el-dialog .el-dialog__body {
    padding: 0 20px 20px
}

.screen-md .c-my-info-cbox-dialog-theme .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 10px
}

.screen-md .c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container {
    height: 300px
}

.screen-md .c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box .poster-top-box {
    padding: 20px
}

.screen-md .c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .poster-box .poster-top-box .wishes {
    font-size: 20px
}

.screen-md .c-my-info-cbox-dialog-theme .carousel-wrapper .el-carousel .el-carousel__container .el-carousel__item .qr-code-box {
    bottom: 20px;
    inset-inline-start: 20px
}

.screen-md .c-my-info-cbox-dialog-theme .carousel-wrapper .arrow-outer {
    height: 32px;
    line-height: 32px;
    width: 32px
}

.screen-md .c-my-info-cbox-dialog-theme .carousel-wrapper .arrow-outer .iconfont {
    font-size: 32px
}

.screen-md .c-my-info-cbox-dialog-theme .carousel-wrapper .arrow-outer.arrow-prev {
    inset-inline-start: -10px
}

.screen-md .c-my-info-cbox-dialog-theme .carousel-wrapper .arrow-outer.arrow-next {
    inset-inline-end: -10px
}

.c-my-info-cbox-create-change-theme .thumbnail-wrapper {
    border-radius: 8px;
    height: 75px;
    overflow: hidden;
    position: relative
}

.c-my-info-cbox-create-change-theme .thumbnail-wrapper .img-thumbnail {
    height: auto;
    inset-inline-start: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.c-my-info-cbox-create-change-theme .thumbnail-wrapper .theme-btn {
    bottom: 12px;
    inset-inline-end: 20px;
    position: absolute
}

.c-my-info-cbox-create-change-theme .thumbnail-wrapper .theme-btn[type=opacity] {
    background-color: hsla(0, 0%, 100%, .7)
}

.c-my-info-cbox-guide .guide-title {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 700
}

.c-my-info-cbox-guide .guide-title img {
    margin-inline-end: 8px;
    width: 32px
}

.c-my-info-cbox-guide .via-steps .via-step .via-step__content {
    background: none;
    padding: 20px 12px
}

.c-my-info-cbox-guide .questions-box .question-box {
    border-bottom: 1px solid var(--border-f7f8fa);
    padding: 18px 0
}

.c-my-info-cbox-guide .questions-box .question-box:last-of-type {
    border-bottom: none
}

.c-my-info-cbox-guide .questions-box .question-box .row-question {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between
}

.c-my-info-cbox-guide .questions-box .question-box .row-question .icon-drop-down {
    color: var(--text-b4b7bd)
}

.c-my-info-cbox-guide .questions-box .question-box .row-answer {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

.c-my-info-cbox-guide .questions-box .question-box.is-show .icon-drop-down {
    color: var(--text-0ead98);
    transform: rotate(180deg)
}

.c-my-info-cbox-dialog-verify .verify-item-box .verify-item-label {
    font-weight: 400
}

.c-my-info-cbox-dialog-verify .verify-item-box .cmp-veryfy .el-input .el-input__inner {
    border: 1px solid transparent !important
}

.c-my-info-cbox-dialog-verify .verify-item-box .cmp-veryfy .el-input .el-input__inner:focus,
.c-my-info-cbox-dialog-verify .verify-item-box .cmp-veryfy .el-input .el-input__inner:hover {
    background-color: rgba(14, 173, 152, .05) !important;
    border: 1px solid var(--border-0ead98) !important;
    box-shadow: 0 0 2px rgba(14, 173, 152, .75);
    transition: .4s
}

.c-my-info-cbox-dialog-verify .verify-item-box .cmp-veryfy .el-input__suffix {
    line-height: 46px
}

.c-my-info-cbox-dialog-verify .verify-item-box .cmp-veryfy .el-input__suffix .el-button {
    background-color: transparent;
    border: none;
    border-inline-start: 1px solid var(--bg-dee0e3);
    color: var(--text-0ead98);
    padding: 8px 12px !important
}

.c-my-info-cbox-dialog-verify .verify-item-box .cmp-veryfy .el-input__suffix .el-button.is-disabled {
    background-color: transparent !important
}

.c-my-info-cbox-dialog-verify .verify-item-box .cmp-veryfy .switch-wrapper {
    bottom: auto !important;
    top: 48px !important
}

.c-my-info-cbox-create-index {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 32px 32px 60px
}

.c-my-info-cbox-create-index .new-el-input .el-input__inner {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    color: var(--text-707580)
}

.c-my-info-cbox-create-index .new-el-input .el-input__inner::-webkit-input-placeholder {
    color: var(--text-b4b7bd);
    font-size: 14px;
    font-weight: 400
}

.c-my-info-cbox-create-index .new-el-input .el-input__inner:focus,
.c-my-info-cbox-create-index .new-el-input .el-input__inner:hover {
    background-color: rgba(14, 173, 152, .05);
    border: 1px solid var(--border-0ead98);
    box-shadow: 0 0 2px rgba(14, 173, 152, .75);
    transition: .4s
}

.c-my-info-cbox-create-index .create-left {
    width: 510px
}

.c-my-info-cbox-create-index .create-left .cbox-form .el-form-item .el-form-item__label {
    color: var(--text-161719);
    line-height: 20px;
    padding-bottom: 8px
}

.c-my-info-cbox-create-index .create-left .form-item .via-input .input-inner {
    color: var(--text-707580)
}

.c-my-info-cbox-create-index .create-left .form-item .via-input.with-seperator .input-prefix {
    border-inline-end: 1px solid var(--bg-dee0e3);
    padding-inline-end: 12px
}

.c-my-info-cbox-create-index .create-left .form-item .via-input.with-seperator .input-inner {
    padding-inline-start: 12px
}

.c-my-info-cbox-create-index .create-left .select-asset {
    display: inline-block;
    inset-inline-start: -12px;
    width: auto
}

.c-my-info-cbox-create-index .create-left .select-asset .via-select-label {
    color: var(--text-0ead98)
}

.c-my-info-cbox-create-index .create-left .select-days {
    width: 100%
}

.c-my-info-cbox-create-index .create-left .select-days .via-select-menu .via-select-option {
    font-size: 14px;
    height: 40px !important
}

.c-my-info-cbox-create-index .create-left .total-amount-box {
    border-bottom: 1px solid var(--border-e6e7eb);
    padding-bottom: 20px
}

.c-my-info-cbox-create-index .create-left .total-amount-box .row-total-val {
    font-weight: 600;
    line-height: 27px
}

.c-my-info-cbox-create-index .create-left .create-btn {
    border-radius: 8px;
    width: 100%
}

.c-my-info-cbox-create-index .create-right {
    width: 374px
}

.theme-night .c-my-info-cbox-create-index,
.theme-night .p-my-info-cbox-index .claim-box {
    box-shadow: none
}

.c-cbox-receive-my-result .stat-box {
    align-items: center;
    display: flex;
    padding-inline-end: 20px
}

.c-cbox-receive-my-result .stat-box .right-stat .row-info {
    color: var(--text-707580);
    font-weight: 500;
    word-break: break-word
}

.c-cbox-receive-my-result .stat-box .right-stat .coin-type {
    color: #161719;
    font-size: 16px;
    font-weight: 700
}

.c-cbox-receive-my-result .wish-text {
    color: var(--text-0ead98);
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    margin-top: 8px;
    max-width: 350px
}

.c-cbox-receive-all-result .status-box {
    align-items: center;
    background-color: var(--bg-ffffff);
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    justify-content: space-between;
    padding: 20px 32px
}

.c-cbox-receive-all-result .status-box .row-left {
    align-items: center;
    display: flex
}

.c-cbox-receive-all-result .result-wrapper {
    border-radius: 0 0 20px 20px;
    margin-top: 6px;
    overflow: hidden
}

.c-cbox-receive-all-result .result-wrapper .scroll-box {
    max-height: 320px;
    overflow-y: auto
}

.c-cbox-receive-all-result .result-wrapper .result-list-box {
    background-color: var(--bg-ffffff);
    padding: 0 32px
}

.c-cbox-receive-all-result .result-wrapper .result-list-box .detail-item {
    align-items: center;
    border-bottom: 1px solid var(--border-f4f6fa);
    display: flex;
    justify-content: space-between;
    padding: 12px 0
}

.c-cbox-receive-all-result .result-wrapper .result-list-box .detail-item:last-of-type {
    border-bottom: none
}

.cbox-detail-bg {
    position: relative;
    z-index: 1
}

.cbox-detail-bg:before {
    background-image: url(../app-resources-d6/assets/ead87341e48a3a8371c547ed5d63f0cf_ba04acd3c7b70553b299.v2.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

html[dir=rtl] .cbox-detail-bg:before {
    transform: scaleX(-1)
}

.c-my-info-cbox-dialog-receive-detail .via-dialog {
    background-color: var(--bg-f7f8fa);
    padding: 0
}

.c-my-info-cbox-dialog-receive-detail .detail-top-box {
    border-radius: 20px;
    color: #161719;
    min-height: 300px;
    overflow: hidden;
    padding: 32px
}

.c-my-info-cbox-dialog-receive-detail .detail-top-box .detail-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px
}

.c-my-info-cbox-dialog-receive-detail .detail-top-box .icon-error {
    color: var(--text-707580);
    cursor: pointer;
    font-size: 20px;
    inset-inline-end: 20px;
    position: absolute;
    top: 20px
}

.c-my-info-cbox-dialog-receive-detail .detail-status-box .link-text {
    color: var(--text-0ead98);
    cursor: pointer
}

.body-c-box-fixed {
    height: 100vh;
    overflow: hidden
}

.p-my-info-cbox-index .row-title {
    flex-wrap: wrap
}

.p-my-info-cbox-index .row-title,
.p-my-info-cbox-index .row-title .left-title {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.p-my-info-cbox-index .row-title .left-title .title-text {
    color: var(--text-27282c);
    font-size: 24px;
    font-weight: 700;
    line-height: 33px
}

.p-my-info-cbox-index .claim-box {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13);
    padding: 16px 32px 24px
}

.p-my-info-cbox-index .claim-box .row-claim {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.p-my-info-cbox-index .claim-box .row-claim .via-input {
    width: 510px
}

.p-my-info-cbox-index .claim-box .row-claim .via-btn {
    border-radius: 8px;
    min-width: 140px
}

.p-my-info-cbox-index .gif-box {
    align-items: center;
    background-color: #000;
    display: flex;
    height: 100vh;
    justify-content: space-around;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1111
}

.p-trade-crypto {
    color: var(--text-161719)
}

.c-trade-crypto-service-provider {
    background: var(--bg-fafbfc);
    border-radius: 30px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13)
}

.c-trade-crypto-service-provider .via-loading.is-directive {
    background-color: var(--bg-fafbfc) !important
}

.c-trade-crypto-service-provider .select-coin-currency-box {
    background-color: var(--bg-f2f3f5);
    border-radius: 30px 30px 0 0
}

.c-trade-crypto-service-provider .select-coin-currency-box .inner-box {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-trade-crypto-service-provider .select-coin-currency-box .via-tabs .tab-item {
    font-size: 14px !important;
    font-weight: 700;
    height: 56px !important;
    padding: 0 25px !important
}

.c-trade-crypto-service-provider .select-coin-currency-box .via-tabs .tab-item:first-of-type {
    padding-inline-start: 0 !important
}

.c-trade-crypto-service-provider .select-coin-currency-box .via-tabs .tab-item:last-of-type {
    padding-inline-end: 0 !important
}

.c-trade-crypto-service-provider .select-coin-currency-box .via-tabs .tab-bar {
    height: 2px
}

.c-trade-crypto-service-provider .select-coin-currency-box .el-select {
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(164, 197, 205, .15);
    margin: 12px 0;
    width: 102px
}

.c-trade-crypto-service-provider .select-coin-currency-box .el-select .el-input .el-input__inner {
    background-color: var(--bg-f2f3f5);
    padding-inline-start: 40px !important
}

.c-trade-crypto-service-provider .select-coin-currency-box .el-select .el-input .el-input__inner::-moz-placeholder {
    color: #7d7f81
}

.c-trade-crypto-service-provider .select-coin-currency-box .el-select .el-input .el-input__inner::placeholder {
    color: #7d7f81
}

.c-trade-crypto-service-provider .select-coin-currency-box .el-select .el-input .img-fiat {
    height: 16px;
    margin-left: 8px;
    margin-top: 6px;
    width: 16px
}

.c-trade-crypto-service-provider .select-coin-currency-box .el-select .el-input.is-focus .img-fiat {
    visibility: hidden
}

.c-trade-crypto-service-provider .service-provider-box {
    margin-top: 40px
}

.c-trade-crypto-service-provider .service-provider-box .sec-title {
    font-size: 24px;
    font-weight: 600
}

.c-trade-crypto-service-provider .service-provider-box .sub-title {
    margin-top: 10px
}

.c-trade-crypto-service-provider .service-provider-box .provider-table {
    background-color: transparent;
    color: var(--text-161719);
    margin-top: 40px;
    min-height: 270px
}

.c-trade-crypto-service-provider .service-provider-box .provider-table .c-common-empty {
    background-color: transparent
}

.c-trade-crypto-service-provider .service-provider-box .provider-table .el-loading-mask {
    background-color: hsla(0, 0%, 100%, .5)
}

.c-trade-crypto-service-provider .service-provider-box .provider-table:before {
    display: none
}

.c-trade-crypto-service-provider .service-provider-box .provider-table th,
.c-trade-crypto-service-provider .service-provider-box .provider-table tr {
    background-color: transparent
}

.c-trade-crypto-service-provider .service-provider-box .provider-table .col-limit .coin-limit {
    font-size: 16px;
    font-weight: 400
}

.c-trade-crypto-service-provider .service-provider-box .provider-table thead th {
    border-bottom-color: var(--border-f2f3f5);
    color: var(--text-707580);
    font-weight: 400;
    padding-bottom: 20px
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody tr td {
    border-bottom-color: var(--border-f2f3f5);
    padding: 0
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody tr td .cell {
    padding: 21px 10px 22px
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody tr:hover td {
    background-color: transparent
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody .provider-info {
    align-items: center;
    display: flex
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody .provider-info .img-logo {
    height: 38px;
    width: 38px
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody .provider-info .right-intro {
    flex-wrap: nowrap;
    margin-inline-start: 12px
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody .provider-info .right-intro .provider-name {
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody .provider-info .right-intro img {
    height: 17px
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody .col-price {
    font-size: 24px;
    font-weight: 700
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody .col-pay .pay-info {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody .col-pay .pay-info .pay-icon {
    height: 22px;
    margin-inline-end: 10px
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody .col-pay .pay-info .pay-icon:last-of-type {
    margin-inline-end: 0
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody .col-operate .el-button {
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    min-width: 150px
}

.c-trade-crypto-service-provider .service-provider-box .provider-table tbody .col-operate .el-button:hover {
    box-shadow: 0 10px 20px rgba(7, 125, 117, .23)
}

.c-trade-crypto-service-provider .service-provider-box .provider-table .el-table__row:last-child td {
    border-bottom: none
}

.screen-md .c-trade-crypto-service-provider .select-coin-currency-box {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.screen-md .c-trade-crypto-service-provider .select-coin-currency-box .el-select {
    width: 100px
}

.screen-md .c-trade-crypto-service-provider .service-provider-box {
    overflow-x: scroll
}

.screen-md .c-trade-crypto-service-provider .service-provider-box .el-table {
    min-width: 960px
}

.theme-night .c-trade-crypto-service-provider,
.theme-night .c-trade-crypto-service-provider .el-select {
    box-shadow: none
}

.theme-night .c-trade-crypto-service-provider .el-loading-mask {
    background-color: rgba(0, 0, 0, .1) !important
}

.c-trade-crypto-guide-dropdown .rotate {
    transform: rotate(180deg)
}

.trade-crypto-guide-tip {
    background: var(--bg-3a3d42) !important
}

.trade-crypto-guide-tip[x-placement^=left] .popper__arrow:after {
    border-left-color: var(--bg-3a3d42) !important
}

.trade-crypto-guide-tip[x-placement^=right] .popper__arrow:after {
    border-right-color: var(--bg-3a3d42) !important
}

.trade-crypto-guide-tip[x-placement^=top] .popper__arrow:after {
    border-top-color: var(--bg-3a3d42) !important
}

.trade-crypto-guide-tip .tip-wrapper {
    align-items: center;
    display: flex
}

.trade-crypto-guide-tip .tip-wrapper .iconfont {
    color: var(--text-b4b7bd);
    cursor: pointer
}

.trade-crypto-guide-dropdown {
    border-radius: 12px;
    padding: 8px 0
}

.trade-crypto-guide-dropdown .el-dropdown-menu__item {
    align-items: center;
    display: flex
}

.c-trade-crypto-guide {
    background: var(--bg-fafbfc);
    border-radius: 30px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13);
    padding: 30px 40px
}

.c-trade-crypto-guide .sec-title {
    font-size: 16px;
    line-height: 22px
}

.c-trade-crypto-guide .row-items {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.c-trade-crypto-guide .row-items .item-wrapper {
    position: relative
}

.c-trade-crypto-guide .row-items .item-wrapper .item-box {
    width: 280px
}

.c-trade-crypto-guide .row-items .item-wrapper .item-box .img-icon {
    display: inline-block;
    height: 68px
}

.c-trade-crypto-guide .row-items .item-wrapper .iconfont {
    color: rgba(9, 159, 148, .4);
    font-size: 20px;
    inset-inline-end: -100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.c-trade-crypto-guide .row-items .item-wrapper:last-of-type .iconfont {
    display: none
}

.screen-md .c-trade-crypto-guide .sec-title {
    font-weight: 500
}

.screen-md .c-trade-crypto-guide .row-items {
    display: block
}

.screen-md .c-trade-crypto-guide .row-items .item-wrapper .item-box {
    align-items: center;
    display: flex;
    margin-bottom: 30px;
    margin-top: 15px;
    padding: 0;
    text-align: left;
    width: 100%
}

.screen-md .c-trade-crypto-guide .row-items .item-wrapper .item-box .img-icon {
    height: 40px;
    margin-right: 15px;
    width: 40px
}

.screen-md .c-trade-crypto-guide .row-items .item-wrapper:last-child .item-box {
    margin-bottom: 0
}

.theme-night .c-trade-crypto-guide {
    box-shadow: none
}

.p-trade-crypto-partner .inner-box {
    margin: 0 auto;
    width: 1200px
}

.p-trade-crypto-partner .nav-box {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 1280px
}

.p-trade-crypto-partner .nav-box .right-link-box {
    align-items: center;
    display: flex
}

.p-trade-crypto-partner .nav-box .right-link-box .btn-opacity {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 30px;
    padding: 0 15px;
    transition: .4s ease-out
}

.p-trade-crypto-partner .nav-box .right-link-box .btn-opacity:hover {
    background: rgba(14, 173, 152, .1)
}

.p-trade-crypto-partner .nav-box .right-link-box .order {
    color: #099f94;
    cursor: pointer
}

.p-trade-crypto-partner .nav-box .right-link-box .order:hover {
    color: #1bbeb2;
    transition: .4s
}

.p-trade-crypto-partner .el-tabs .el-tabs__header {
    margin: 0
}

.p-trade-crypto-partner .el-tabs .el-tabs__nav-wrap .el-tabs__active-bar,
.p-trade-crypto-partner .el-tabs .el-tabs__nav-wrap:after {
    display: none
}

.p-trade-crypto-partner .el-tabs .el-tabs__nav-wrap .el-tabs__nav {
    align-items: center;
    display: flex
}

.p-trade-crypto-partner .el-tabs .el-tabs__nav-wrap .el-tabs__item {
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    transition: .2s
}

.p-trade-crypto-partner .el-tabs .el-tabs__nav-wrap .el-tabs__item:hover {
    color: #099f94;
    transition: .2s
}

.p-trade-crypto-partner .el-tabs .el-tabs__nav-wrap .el-tabs__item.is-active {
    color: #099f94;
    font-size: 24px
}

.p-trade-crypto-partner .el-tabs .el-tabs__nav-wrap .el-tabs__item .seperate-line {
    background: var(--bg-e6e7eb);
    content: "";
    display: inline-block;
    height: 20px;
    margin: 0 35px;
    width: 1px
}

.p-trade-crypto-partner .content-box {
    margin: 14px auto 0;
    padding-bottom: 100px;
    position: relative;
    width: 1280px;
    z-index: 1
}

.p-trade-crypto-partner .content-box .questions-box .sec-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px
}

.p-trade-crypto-partner .content-box .questions-box .qa-box .question {
    font-size: 16px;
    line-height: 20px;
    margin-top: 25px
}

.p-trade-crypto-partner .content-box .questions-box .qa-box .answer {
    color: var(--text-3a3d42);
    margin-top: 10px
}

.p-trade-crypto-partner .content-box .questions-box .more {
    color: #099f94;
    display: inline-block;
    margin-top: 25px
}

.screen-md .p-trade-crypto-partner .inner-box {
    padding: 0 20px;
    width: 100%
}

.screen-md .p-trade-crypto-partner .el-tabs .el-tabs__item {
    font-size: 16px
}

.screen-md .p-trade-crypto-partner .el-tabs .el-tabs__item.is-active {
    font-size: 24px
}

.screen-md .p-trade-crypto-partner .content-box {
    width: auto
}

.c-asset-selector {
    position: relative
}

.c-asset-selector .selected-wrapper {
    align-items: center;
    border-inline-end: 1px solid var(--border-e0e3ed);
    cursor: pointer;
    display: flex;
    height: 24px;
    line-height: 24px;
    padding-inline-end: 10px;
    position: relative
}

.c-asset-selector.is-active .selected-wrapper .icon-arrow-down {
    transform: rotate(180deg)
}

.c-asset-selector .select-list-wrap {
    background: var(--bg-ffffff);
    border-radius: 10px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    inset-inline-start: -21px;
    overflow: hidden;
    position: absolute;
    top: 39px;
    width: 600px;
    z-index: 999
}

.c-asset-selector .el-input .el-input__inner {
    background: var(--bg-f7f8fa);
    border: 1px solid var(--bg-f7f8fa);
    height: 40px
}

.c-asset-selector .el-input .el-input__inner:focus,
.c-asset-selector .el-input .el-input__inner:hover {
    border: 1px solid var(--border-0ead98)
}

.c-asset-selector .el-input .el-icon-circle-close:before {
    background: #b4b7bd;
    border-radius: 50%;
    color: var(--text-ffffff);
    content: "×";
    display: inline-block;
    font-size: 12px;
    height: 14px;
    line-height: 12px;
    text-align: center;
    width: 14px
}

.c-asset-selector .asset-list {
    max-height: 240px;
    overflow-y: auto
}

.c-asset-selector .asset-list .asset-item {
    cursor: pointer;
    padding: 0 20px
}

.c-asset-selector .asset-list .asset-item .asset-name {
    color: var(--text-161719);
    font-weight: 600
}

.c-asset-selector .asset-list .asset-item>div {
    border-bottom: 1px solid var(--border-f4f6fa);
    height: 48px
}

.c-asset-selector .asset-list .asset-item:last-child>div {
    border: none
}

.c-asset-selector .asset-list .asset-item:hover {
    background: var(--bg-f8fcfb)
}

.c-asset-selector .asset-list .asset-item:hover .asset-name {
    color: var(--text-0ead98)
}

.c-asset-selector .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-convert-dialog-confirm .coin-wrapper {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 20px;
    display: flex;
    padding: 2px 12px
}

.c-convert-dialog-confirm .path-wrapper {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    padding: 18px 20px
}

.c-convert-dialog-confirm .countdown-wrapper {
    align-items: center;
    border-top: 1px solid var(--border-f2f3f5);
    display: flex;
    justify-content: flex-end;
    padding: 12px 0
}

.c-convert-dialog-confirm .countdown-wrapper .countdown-num {
    background: var(--bg-f2f3f5);
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 40px
}

.c-common-tag-status.size-20 {
    font-size: 12px;
    height: 20px;
    line-height: 20px
}

.c-common-tag-status.size-24 {
    font-size: 12px;
    height: 24px;
    line-height: 24px
}

.c-common-tag-status.size-30 {
    font-size: 14px;
    height: 30px;
    line-height: 30px
}

.c-common-tag-status.tag-text {
    display: inline
}

.c-common-tag-status.tag-text.tag-gray {
    color: var(--text-b4b7bd)
}

.c-common-tag-status.tag-text.tag-green {
    color: var(--text-0ead98)
}

.c-common-tag-status.tag-text.tag-orange {
    color: var(--text-f0af34)
}

.c-common-tag-status.tag-text.tag-red {
    color: var(--text-db5541)
}

.c-common-tag-status.tag-dot {
    display: inline-block;
    padding-inline-start: 10px;
    position: relative
}

.c-common-tag-status.tag-dot:before {
    border-radius: 50%;
    content: " ";
    height: 6px;
    inset-inline-start: 0;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 6px
}

.c-common-tag-status.tag-dot.tag-gray:before {
    background: var(--text-b4b7bd)
}

.c-common-tag-status.tag-dot.tag-green:before {
    background: var(--text-0ead98)
}

.c-common-tag-status.tag-dot.tag-orange:before {
    background: var(--text-f0af34)
}

.c-common-tag-status.tag-dot.tag-red:before {
    background: var(--text-db5541)
}

.c-common-tag-status.tag-dot-opacity {
    align-items: center;
    display: inline-flex
}

.c-common-tag-status.tag-dot-opacity:before {
    border-radius: 50%;
    content: " ";
    height: 6px;
    margin-right: 4px;
    position: relative;
    width: 6px
}

.c-common-tag-status.tag-dot-opacity.tag-gray:before {
    background: var(--text-b4b7bd)
}

.c-common-tag-status.tag-dot-opacity.tag-green:before {
    background: var(--text-0ead98)
}

.c-common-tag-status.tag-dot-opacity.tag-orange:before {
    background: var(--text-f0af34)
}

.c-common-tag-status.tag-dot-opacity.tag-red:before {
    background: var(--text-db5541)
}

.c-common-tag-status.tag-dot-opacity.tag-blue:before {
    background: #3479ea
}

.c-common-tag-status.tag-dot-opacity.tag-gray {
    background: hsla(219, 7%, 47%, .1);
    color: var(--text-7d7f81)
}

.c-common-tag-status.tag-dot-opacity.tag-green {
    background: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.c-common-tag-status.tag-dot-opacity.tag-orange {
    background: rgba(240, 175, 52, .1);
    color: var(--text-f0af34)
}

.c-common-tag-status.tag-dot-opacity.tag-red {
    background: rgba(219, 85, 65, .1);
    color: var(--text-db5541)
}

.c-common-tag-status.tag-dot-opacity.tag-blue {
    background: rgba(52, 121, 234, .1);
    color: #3479ea
}

.c-common-tag-status.tag-opacity {
    display: inline-block
}

.c-common-tag-status.tag-opacity.tag-gray {
    background: hsla(219, 7%, 47%, .1);
    color: var(--text-7d7f81)
}

.c-common-tag-status.tag-opacity.tag-green {
    background: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.c-common-tag-status.tag-opacity.tag-orange {
    background: rgba(240, 175, 52, .1);
    color: var(--text-f0af34)
}

.c-common-tag-status.tag-opacity.tag-red {
    background: rgba(219, 85, 65, .1);
    color: var(--text-db5541)
}

.c-common-tag-status.tag-opacity.tag-blue {
    background: rgba(52, 121, 234, .1);
    color: #3479ea
}

.c-common-tag-status.tag-area {
    color: #fff;
    display: inline-block
}

.c-common-tag-status.tag-area.tag-gray {
    background: #707580
}

.c-common-tag-status.tag-area.tag-green {
    background: #0ead98
}

.c-common-tag-status.tag-area.tag-orange {
    background: #f0af34
}

.c-common-tag-status.tag-area.tag-red {
    background: #db5541
}

html[dir=rtl] .c-common-tag-status.tag-dot-opacity:before {
    margin-left: 4px !important;
    margin-right: 0 !important
}

.c-order-item {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13);
    margin-bottom: 20px;
    padding: 15px 10px 25px
}

.c-order-item .asset-icon {
    border-radius: 50%;
    height: 20px;
    overflow: hidden;
    position: relative;
    width: 20px
}

.c-order-item .asset-icon img {
    display: block;
    height: 100%;
    width: 100%
}

.c-order-item .item-row {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.c-order-item .item-row .item-name {
    color: var(--text-7d7f81)
}

.c-order-item .item-row .item-value {
    color: var(--text-161719)
}

.c-swap-dialog-order-details .page-title {
    align-items: center;
    color: var(--text-3a3d42);
    display: flex;
    height: 52px;
    line-height: 20px;
    padding: 16px 0 16px 8px
}

.c-swap-dialog-order-details .item-header {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-swap-dialog-order-details .item-wrapper2 {
    background: var(--bg-ffffff);
    border-radius: 20px 20px 0 0;
    margin-top: 18px;
    padding: 20px 16px
}

.c-swap-dialog-order-details .item-wrapper2 .info-item2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.c-swap-dialog-order-details .item-wrapper2 .info-item2:last-of-type {
    margin: 0
}

.c-swap-dialog-order-details .item-wrapper {
    border-bottom: 1px solid #f4f6fa;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px
}

.c-swap-dialog-order-details .item-wrapper:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.c-swap-dialog-order-details .item-wrapper .info-item {
    margin-bottom: 30px;
    width: 25%
}

.c-recent-orders {
    background-color: var(--bg-fafbfc);
    border-radius: 30px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13);
    margin: 0 auto;
    overflow: hidden;
    width: 1280px
}

.c-recent-orders .recent-orders-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 13px 25px
}

.c-recent-orders .recent-orders-header .btn-record {
    border: 1px solid var(--border-ebedf0);
    border-radius: 4px;
    color: var(--text-3a3d42);
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    margin-inline-start: 20px;
    padding: 3px 13px;
    text-align: center;
    transition: .4s ease-out
}

.c-recent-orders .recent-orders-header .btn-record:hover {
    border-color: #0ead98;
    color: #0ead98
}

.c-recent-orders .orders-wrapper {
    min-height: 200px;
    padding-bottom: 20px
}

.c-recent-orders .orders-wrapper .el-table:before {
    display: none
}

.c-recent-orders .orders-wrapper .el-table .el-table__header th {
    background-color: var(--bg-f2f3f5);
    border: none;
    color: var(--text-3a3d42);
    font-size: 12px;
    font-weight: 400;
    padding: 10px 0
}

.c-recent-orders .orders-wrapper .el-table .el-table__header th .cell {
    line-height: 16px
}

.c-recent-orders .orders-wrapper .el-table .el-table__header th:first-child {
    padding-inline-start: 15px
}

.c-recent-orders .orders-wrapper .el-table .el-table__body td {
    background-color: var(--bg-fafbfc);
    border: none;
    color: var(--text-161719);
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0
}

.c-recent-orders .orders-wrapper .el-table .el-table__body td:first-child {
    padding-inline-start: 15px
}

.c-recent-orders .rotating {
    animation: rotating 2s linear 0s infinite normal none running
}

.theme-night .c-recent-orders {
    box-shadow: none
}

.c-swap-hot-list {
    margin: 30px auto 0;
    width: 1280px
}

.c-swap-hot-list .rank-list-wrapper {
    scrollbar-width: none
}

.c-swap-hot-list .rank-list-wrapper::-webkit-scrollbar {
    display: none
}

.c-swap-hot-list .rank-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 20px;
    width: 1280px
}

.c-swap-hot-list .rank-item {
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 162px;
    justify-content: center;
    margin-inline-end: 16px;
    overflow: hidden;
    position: relative;
    width: 114px;
    z-index: 1
}

.c-swap-hot-list .rank-item:after,
.c-swap-hot-list .rank-item:before {
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: .4s ease-out;
    width: 100%;
    z-index: -1
}

.c-swap-hot-list .rank-item:before {
    background: linear-gradient(#fff, hsla(0, 0%, 100%, 0));
    opacity: 1
}

.c-swap-hot-list .rank-item:after {
    background: linear-gradient(rgba(14, 173, 152, .1), hsla(0, 0%, 100%, 0));
    opacity: 0
}

.c-swap-hot-list .rank-item:hover:before {
    opacity: 0
}

.c-swap-hot-list .rank-item:hover:after {
    opacity: 1
}

.c-swap-hot-list .rank-item:last-child {
    margin-inline-end: 0
}

.theme-night .c-swap-hot-list .rank-item:before {
    background: linear-gradient(rgba(14, 173, 152, .1), hsla(0, 0%, 100%, 0))
}

.c-swap-helps {
    margin: 0 auto;
    width: 1280px
}

.c-common-icon-processing {
    align-items: center;
    background: var(--bg-f38b2c);
    border-radius: 50%;
    display: flex;
    justify-content: space-around
}

.c-common-icon-processing span {
    animation: icon-flash 1.2s ease 0s infinite normal none running;
    background: #fff;
    border-radius: 50%
}

.c-common-icon-processing span:first-child {
    animation-delay: .2s
}

.c-common-icon-processing span:nth-child(2) {
    animation-delay: .4s
}

.c-common-icon-processing span:nth-child(3) {
    animation-delay: .6s
}

@keyframes icon-flash {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.c-swap-dialog-swap-info .via-dialog {
    padding: 0
}

.c-swap-dialog-swap-info .top-wrapper {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 256px;
    padding: 32px
}

.c-swap-dialog-swap-info .bottom-wrapper {
    padding: 20px 32px 32px
}

.c-swap-dialog-swap-info .status-wrapper {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 78px;
    justify-content: center;
    margin: 0 auto;
    width: 78px
}

.c-swap-dialog-swap-info .status-wrapper .iconfont {
    font-size: 48px
}

.c-swap-dialog-swap-info .status-processing {
    background: rgba(243, 139, 44, .1);
    color: var(--text-f38b2c)
}

.c-swap-dialog-swap-info .status-success {
    background: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.c-swap-dialog-swap-info .status-fail {
    background: rgba(219, 85, 65, .1);
    color: var(--text-db5541)
}

.c-swap-dialog-swap-info .tips {
    border-top: 1px solid var(--bg-f2f3f5);
    color: var(--text-707580);
    margin-top: 20px;
    min-height: 46px;
    padding: 12px 0
}

.p-exchange-convert {
    background: top/100% no-repeat;
    flex: 1 1 0%;
    padding-bottom: 50px;
    position: relative
}

.p-exchange-convert.is-native {
    margin-top: 0 !important;
    padding-top: 20px !important
}

.p-exchange-convert .convert-title {
    padding: 30px 0 20px
}

.p-exchange-convert .btn-video {
    align-items: center;
    background: rgba(14, 173, 152, .05);
    border-radius: 8px;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 30px;
    padding: 0 15px;
    transition: .4s ease-out
}

.p-exchange-convert .btn-video:hover {
    background: rgba(14, 173, 152, .1)
}

.p-exchange-convert-body .l-default-main {
    display: flex;
    flex-direction: column
}

.c-pre-token-index-banner {
    margin: 0 auto;
    padding-bottom: 110px;
    padding-top: 156px;
    position: relative;
    width: 1280px
}

.c-pre-token-index-banner .banner-bg {
    height: 332px;
    left: 50%;
    margin-left: -174px;
    position: absolute;
    top: 65px;
    width: 348px
}

.theme-night .c-pre-token-index-banner .banner-bg {
    opacity: .5
}

.c-pre-token-intro {
    margin: 0 auto;
    position: relative;
    width: 1280px
}

.c-pre-token-intro .intro-bg {
    bottom: 0;
    inset-inline-end: 0;
    position: absolute;
    width: 577px
}

.c-pre-token-intro .intro-text {
    color: rgb(var(--ui0-text-tertiary));
    font-size: 16px;
    width: 730px
}

.c-pre-token-intro .btn-more {
    min-width: 120px
}

.c-pre-token-countdown .time-wrapper {
    align-items: center;
    color: rgb(var(--ui0-text-tertiary));
    display: flex !important;
    flex-wrap: wrap;
    font-size: 12px
}

.c-pre-token-countdown .time-wrapper .time {
    background: rgb(var(--ui0-bg-card_gray));
    border-radius: 4px;
    color: rgb(var(--ui0-base-warning));
    flex-shrink: 0;
    font-size: 20px;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    margin-bottom: 4px;
    margin-top: 4px;
    text-align: center;
    width: 34px
}

.c-pre-token-trading-status .common-status {
    align-items: center;
    border-radius: 32px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    overflow-wrap: break-word;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-inline: 6px 14px;
    word-break: break-word
}

.c-pre-token-trading-status .common-status .img-wrapper {
    align-items: center;
    border-radius: 100%;
    display: flex;
    flex-shrink: 0;
    height: 22px;
    justify-content: center;
    width: 22px
}

.c-pre-token-trading-status .common-status .img-wrapper .status-img {
    height: 16px;
    width: 16px
}

.c-pre-token-trading-status .common-status .status-label {
    margin-inline-start: 6px
}

.c-pre-token-trading-status .common-status.md {
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 3px;
    padding-inline: 3px 10px;
    padding-top: 3px
}

.c-pre-token-trading-status .common-status.md .img-wrapper {
    height: 18px;
    width: 18px
}

.c-pre-token-trading-status .common-status.md .img-wrapper .status-img {
    height: 12px;
    width: 12px
}

.c-pre-token-trading-status .common-status.md .status-label {
    margin-inline-start: 5px;
    text-align: center
}

.c-pre-token-trading-status .pending {
    background-color: rgb(var(--ui0-bg-clear_blue));
    color: rgb(var(--ui0-text-clear_blue))
}

.c-pre-token-trading-status .pending .img-wrapper {
    background-color: rgba(83, 100, 254, .2)
}

.c-pre-token-trading-status .in-progress {
    background-color: rgb(var(--ui0-bg-button_alpha_hover));
    color: rgb(var(--ui0-base-brand))
}

.c-pre-token-trading-status .in-progress .img-wrapper {
    background-color: rgb(var(--ui0-bg-button_alpha_click))
}

.c-pre-token-trading-status .in-settlement {
    background-color: rgba(243, 139, 44, .1);
    color: rgb(var(--ui0-base-warning))
}

.c-pre-token-trading-status .in-settlement .img-wrapper {
    background-color: rgba(243, 139, 44, .2)
}

.c-pre-token-trading-status .settled {
    background-color: rgb(var(--ui0-bg-block_heavy));
    color: rgb(var(--ui0-text-tertiary))
}

.c-pre-token-trading-status .settled .img-wrapper {
    background-color: rgb(var(--ui0-text-quaternary))
}

.c-pre-token-project-item {
    align-items: center;
    border: 1px solid rgb(var(--ui0-line-heavy));
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    position: relative;
    transition: .4s ease-out
}

.c-pre-token-project-item:hover {
    box-shadow: 0 0 0 2px rgb(var(--ui0-base-brand))
}

.c-pre-token-project-item .project-bg {
    height: 100%;
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

.c-pre-token-project-item .section-info {
    align-self: flex-start;
    background: rgb(var(--ui0-bg-card_gray));
    border-radius: 12px 0 0 12px;
    min-height: 218px;
    padding: 20px;
    width: 380px
}

.c-pre-token-project-item .section-info .name-wrapper {
    align-items: center;
    display: flex
}

.c-pre-token-project-item .section-info .name-wrapper .token-logo {
    background: var(--bg-e6e7eb);
    border: 1px solid rgb(var(--ui0-line-heavy));
    border-radius: 50%;
    height: 78px;
    padding: 7px;
    width: 78px
}

.c-pre-token-project-item .section-info .name-wrapper .token-name {
    color: rgb(var(--ui0-text-primary));
    font-size: 24px;
    font-weight: 700;
    line-height: 1
}

.c-pre-token-project-item .section-info .token-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    color: rgb(var(--ui0-text-secondary))
}

.c-pre-token-project-item .section-data {
    padding: 20px 12px
}

.c-pre-token-project-item .section-data .countdown-row {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
    padding: 0 20px
}

.c-pre-token-project-item .section-data .data-row {
    display: flex
}

.c-pre-token-project-item .section-data .data-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 20px;
    width: 220px
}

.c-pre-token-project-item .section-data .data-item .item-label {
    color: rgb(var(--ui0-text-tertiary));
    line-height: 1.2
}

.c-pre-token-project-item .section-data .data-item .item-val {
    color: rgb(var(--ui0-text-primary));
    font-weight: 700;
    line-height: 1.2;
    margin-top: 8px
}

.c-pre-token-project-item .section-data .split-line {
    border-left: 1px solid rgb(var(--ui0-line-light))
}

.c-pre-token-project-item .section-btn {
    flex: 1 1 0%;
    padding-inline-end: 32px;
    position: relative
}

[dir=rtl] .c-pre-token-project-item .section-info {
    border-radius: 0 12px 12px 0
}

.c-pre-token-dialog-issue .via-form .form-item-label {
    display: none
}

.c-pre-token-dialog-issue .form-label {
    color: rgb(var(--ui0-text-secondary));
    margin-bottom: 12px
}

.c-pre-token-dialog-issue .via-input {
    background: var(--bg-f7f8fa)
}

.c-pre-token-dialog-issue .via-input.is-error {
    border: 1px solid rgb(var(--ui0-base-error))
}

.c-pre-token-dialog-issue .via-input .input-inner {
    width: 0
}

.c-pre-token-dialog-issue .via-checkbox .via-checkbox__label {
    white-space: normal
}

.c-pre-token-dialog-issue .amount-suffix {
    align-items: center;
    display: flex
}

.c-pre-token-dialog-issue .amount-suffix .split-line {
    border-left: 1px solid var(--border-e6e7eb);
    height: 16px;
    margin: 0 12px
}

.c-pre-token-dialog-issue .amount-suffix .btn-max {
    color: var(--text-0ead98);
    cursor: pointer
}

.c-pre-token-dialog-issue .input-info {
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.c-pre-token-dialog-issue .info-item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-pre-token-dialog-issue .info-item .info-name {
    color: rgb(var(--ui0-text-secondary))
}

.c-pre-token-dialog-issue .info-item .info-val {
    color: rgb(var(--ui0-text-primary));
    font-weight: 700;
    margin-inline-start: 20px
}

.c-pre-token-dialog-issue .agree-checkbox {
    align-items: flex-start;
    display: flex
}

.c-pre-token-dialog-issue .agree-checkbox .via-checkbox__input {
    margin-top: 4px;
    margin-inline-end: 4px
}

.c-pre-token-dialog-confirm-issue .asset-info {
    background: var(--bg-f7f8fa);
    border: 1px solid rgb(var(--ui0-line-light));
    border-radius: 4px;
    display: flex;
    padding: 16px 16px 20px
}

.c-pre-token-dialog-confirm-issue .asset-info .asset-item {
    flex: 1 1 0%
}

.c-pre-token-dialog-confirm-issue .asset-info .asset-item .logo-wrapper {
    background: var(--bg-e6e7eb);
    border: 1px solid rgb(var(--ui0-line-heavy));
    border-radius: 50%;
    height: 62px;
    margin: 0 auto;
    padding: 5px;
    width: 62px
}

.c-pre-token-dialog-confirm-issue .info-item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-pre-token-dialog-confirm-issue .info-item .info-name {
    color: rgb(var(--ui0-text-secondary))
}

.c-pre-token-dialog-confirm-issue .info-item .info-val {
    color: rgb(var(--ui0-text-primary));
    font-weight: 700;
    margin-inline-start: 20px
}

.c-pre-token-dialog-confirm-issue .info-item .info-fee {
    background: rgba(14, 173, 152, .1);
    border-radius: 8px;
    color: var(--text-0ead98);
    height: 32px;
    line-height: 32px;
    padding: 0 18px
}

.c-pre-token-dialog-issue-success .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-pre-token-dialog-issue-success .icon-wrap .icon-success1 {
    color: var(--text-0ead98);
    font-size: 60px
}

.ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    position: relative
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}

.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before {
    pointer-events: none
}

.ql-clipboard {
    height: 1px;
    left: -100000px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-editor {
    height: 100%;
    line-height: 1.42;
    outline: none;
    overflow-wrap: break-word;
    overflow-y: auto;
    padding: 12px 15px;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    text-align: left;
    white-space: pre-wrap
}

.ql-editor>* {
    cursor: text
}

.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6,
.ql-editor ol,
.ql-editor p,
.ql-editor pre,
.ql-editor ul {
    counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0;
    margin: 0;
    padding: 0
}

.ql-editor ol,
.ql-editor ul {
    padding-left: 1.5em
}

.ql-editor ol>li,
.ql-editor ul>li {
    list-style-type: none
}

.ql-editor ul>li:before {
    content: "•"
}

.ql-editor ul[data-checked=false],
.ql-editor ul[data-checked=true] {
    pointer-events: none
}

.ql-editor ul[data-checked=false]>li *,
.ql-editor ul[data-checked=true]>li * {
    pointer-events: all
}

.ql-editor ul[data-checked=false]>li:before,
.ql-editor ul[data-checked=true]>li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before {
    content: "☑"
}

.ql-editor ul[data-checked=false]>li:before {
    content: "☐"
}

.ql-editor li:before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em
}

.ql-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right
}

.ql-editor li.ql-direction-rtl:before {
    margin-left: .3em;
    margin-right: -1.5em
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em
}

.ql-editor ol li {
    counter-increment: list-0 1;
    counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0
}

.ql-editor ol li:before {
    content: counter(list-0) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1 1
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2 1
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) ". "
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3 1
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3) ". "
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4 1
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 0 list-6 0 list-7 0 list-8 0 list-9 0
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5 1
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) ". "
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 0 list-7 0 list-8 0 list-9 0
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6 1
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6) ". "
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 0 list-8 0 list-9 0
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7 1
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 0 list-9 0
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8 1
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) ". "
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9 0
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9 1
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.ql-editor .ql-bg-black {
    background-color: #000
}

.ql-editor .ql-bg-red {
    background-color: #e60000
}

.ql-editor .ql-bg-orange {
    background-color: #f90
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0
}

.ql-editor .ql-bg-green {
    background-color: #008a00
}

.ql-editor .ql-bg-blue {
    background-color: #06c
}

.ql-editor .ql-bg-purple {
    background-color: #93f
}

.ql-editor .ql-color-white {
    color: #fff
}

.ql-editor .ql-color-red {
    color: #e60000
}

.ql-editor .ql-color-orange {
    color: #f90
}

.ql-editor .ql-color-yellow {
    color: #ff0
}

.ql-editor .ql-color-green {
    color: #008a00
}

.ql-editor .ql-color-blue {
    color: #06c
}

.ql-editor .ql-color-purple {
    color: #93f
}

.ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif
}

.ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace
}

.ql-editor .ql-size-small {
    font-size: .75em
}

.ql-editor .ql-size-large {
    font-size: 1.5em
}

.ql-editor .ql-size-huge {
    font-size: 2.5em
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-editor .ql-align-center {
    text-align: center
}

.ql-editor .ql-align-justify {
    text-align: justify
}

.ql-editor .ql-align-right {
    text-align: right
}

.ql-editor.ql-blank:before {
    color: rgba(0, 0, 0, .6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px
}

.ql-editor {
    color: var(--text-27282c);
    font-family: Manrope, Pingfang Sc, SF Pro Text, SF Pro Icons, DIN, Helvetica Neue, Helvetica, Arial, sans-serif, PingFangSC-regular;
    font-size: 16px;
    height: auto;
    line-height: 1.5;
    padding: 0;
    word-spacing: 1px;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-behavior: smooth;
    text-align: start !important;
    white-space: normal;
    word-break: break-word
}

.ql-editor,
.ql-editor * {
    box-sizing: border-box
}

.ql-editor>:not(.ql-editor):first-child {
    margin-top: 12px !important
}

.ql-editor h1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 32px
}

.ql-editor h2 {
    font-size: 18px
}

.ql-editor h2,
.ql-editor h3 {
    font-weight: 700;
    line-height: 38px;
    margin-top: 32px
}

.ql-editor h3 {
    font-size: 16px
}

.ql-editor h4 {
    font-weight: 700;
    line-height: 30px
}

.ql-editor h4,
.ql-editor p {
    font-size: 16px;
    margin-top: 32px
}

.ql-editor p {
    line-height: 24px
}

.ql-editor .via-image {
    margin-top: 32px;
    text-align: center
}

.ql-editor img,
.ql-editor svg {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    vertical-align: middle
}

.ql-editor img,
.ql-editor svg,
.ql-editor video {
    border-radius: 8px
}

.ql-editor .via-video {
    margin-top: 32px;
    padding: 56% 0 0;
    position: relative
}

.ql-editor .via-video .iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ql-editor .via-h5-video {
    margin-top: 32px
}

.ql-editor .via-h5-video video {
    width: 100%
}

.ql-editor ol,
.ql-editor ul {
    margin-top: 32px;
    padding: 0
}

.ql-editor ol li,
.ql-editor ul li {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px
}

.ql-editor ol li h1,
.ql-editor ol li h2,
.ql-editor ol li h3,
.ql-editor ol li p,
.ql-editor ul li h1,
.ql-editor ul li h2,
.ql-editor ul li h3,
.ql-editor ul li p {
    display: inline
}

.ql-editor ul {
    list-style: disc
}

.ql-editor ol {
    list-style: decimal
}

.ql-editor a {
    color: #0ead98;
    text-decoration: none;
    white-space: normal
}

.ql-editor h1+*,
.ql-editor h2+*,
.ql-editor h3+* {
    margin-top: 8px
}

.ql-editor table {
    border-inline-start: 1px solid var(--border-e6e7eb);
    border-top: 1px solid var(--border-e6e7eb)
}

.ql-editor table td,
.ql-editor table th {
    border-bottom: 1px solid var(--border-e6e7eb);
    border-inline-end: 1px solid var(--border-e6e7eb);
    padding: 3px 5px
}

.ql-editor table th {
    border-bottom: 2px solid var(--border-e6e7eb);
    text-align: center
}

.ql-editor blockquote {
    background-color: var(--bg-f3f4f5);
    border-inline-start: 8px solid var(--border-e6e7eb);
    display: block;
    font-size: 100%;
    line-height: 1.4;
    margin: 10px 0;
    padding: 5px 10px
}

.ql-editor code {
    background-color: var(--bg-f3f4f5);
    border-radius: 3px;
    display: inline-block;
    margin: 0 3px;
    overflow-x: scroll;
    padding: 3px 5px;
    width: 100%
}

.ql-editor pre code {
    display: block;
    width: 100%
}

.ZH_HANS_CN .ql-editor h1,
.ZH_HANT_HK .ql-editor h1,
.zh_Hans_CN .ql-editor h1,
.zh_Hant_HK .ql-editor h1 {
    line-height: 32px
}

.ZH_HANS_CN .ql-editor h2,
.ZH_HANS_CN .ql-editor h3,
.ZH_HANS_CN .ql-editor li,
.ZH_HANS_CN .ql-editor p,
.ZH_HANT_HK .ql-editor h2,
.ZH_HANT_HK .ql-editor h3,
.ZH_HANT_HK .ql-editor li,
.ZH_HANT_HK .ql-editor p,
.zh_Hans_CN .ql-editor h2,
.zh_Hans_CN .ql-editor h3,
.zh_Hans_CN .ql-editor li,
.zh_Hans_CN .ql-editor p,
.zh_Hant_HK .ql-editor h2,
.zh_Hant_HK .ql-editor h3,
.zh_Hant_HK .ql-editor li,
.zh_Hant_HK .ql-editor p {
    line-height: 30px
}

.ql-editor-mobile .ql-editor {
    font-size: 14px;
    line-height: 22px
}

.ql-editor-mobile .ql-editor h1 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 28px
}

.ql-editor-mobile .ql-editor h2 {
    font-size: 16px;
    line-height: 22px;
    margin-top: 28px
}

.ql-editor-mobile .ql-editor h3 {
    font-size: 14px;
    line-height: 22px;
    margin-top: 28px
}

.ql-editor-mobile .ql-editor li,
.ql-editor-mobile .ql-editor p {
    font-size: 14px;
    line-height: 22px
}

.ql-editor-mobile .ql-editor h1+*,
.ql-editor-mobile .ql-editor h2+*,
.ql-editor-mobile .ql-editor h3+* {
    margin-top: 4px
}

.c-pre-token-profile-dialog .logo-wrapper {
    align-items: center;
    background: var(--bg-e6e7eb);
    border: 1px solid rgb(var(--ui0-line-heavy));
    border-radius: 50%;
    display: flex;
    justify-content: center;
    padding: 8px
}

.c-pre-token-profile-dialog .intro-content .para-box {
    margin-bottom: 35px
}

.c-pre-token-profile-dialog .intro-content .para-box .para-title {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px
}

.c-pre-token-project-list {
    margin: 0 auto;
    width: 1280px
}

.c-pre-token-project-list .c-pre-token-project-item {
    margin-top: 20px
}

.c-pre-token-project-list .empty-container .c-common-empty {
    min-height: 318px
}

.c-pre-token-guide-join {
    margin: 0 auto;
    width: 1280px
}

.c-pre-token-guide-join .guide-wrapper {
    display: flex
}

.c-pre-token-guide-join .guide-wrapper .guide-item {
    display: flex;
    flex: 1 1 0%
}

.c-pre-token-guide-join .guide-wrapper .guide-item .guide-index {
    color: rgb(var(--ui0-text-primary));
    font-size: 32px;
    font-weight: 700;
    line-height: 1
}

.c-pre-token-questions {
    margin: 0 auto;
    width: 1280px
}

.c-pre-token-questions .que-item {
    background: rgb(var(--ui0-bg-card_gray));
    border-radius: 12px;
    margin-top: 12px;
    padding: 20px
}

.c-pre-token-questions .que-item .que-title {
    color: rgb(var(--ui0-text-primary));
    font-size: 16px;
    font-weight: 700
}

.c-pre-token-questions .que-item .que-content {
    color: rgb(var(--ui0-text-tertiary));
    margin-top: 8px
}

.c-pre-token-questions .que-item .que-content .que-dot {
    padding-inline-start: 16px;
    position: relative
}

.c-pre-token-questions .que-item .que-content .que-dot:before {
    background: rgb(var(--ui0-text-quaternary));
    border-radius: 50%;
    content: " ";
    height: 5px;
    inset-inline-start: 6px;
    position: absolute;
    top: 8px;
    width: 5px
}

.c-pre-token-questions .via-collapse .via-collapse-item {
    background: rgb(var(--ui0-bg-card_gray)) !important;
    border-radius: 12px !important;
    margin-top: 12px !important
}

.c-pre-token-questions .via-collapse .via-collapse-item .via-collapse-item__header {
    background: none !important;
    border: none !important;
    color: rgb(var(--ui0-text-primary)) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    height: auto !important;
    line-height: 20px !important;
    padding: 20px !important
}

.c-pre-token-questions .via-collapse .via-collapse-item .via-collapse-item__header .icon-next {
    color: rgb(var(--ui0-text-tertiary)) !important
}

.c-pre-token-questions .via-collapse .via-collapse-item .via-collapse-item__wrap {
    background: none !important;
    border: none !important
}

.c-pre-token-questions .via-collapse .via-collapse-item .via-collapse-item__wrap .via-collapse-item__content {
    background: none !important;
    color: rgb(var(--ui0-text-tertiary)) !important;
    padding: 0 20px 20px !important
}

.c-pre-token-questions .que-dot {
    padding-inline-start: 16px;
    position: relative
}

.c-pre-token-questions .que-dot:before {
    background: rgb(var(--ui0-text-quaternary));
    border-radius: 50%;
    content: " ";
    height: 5px;
    inset-inline-start: 6px;
    position: absolute;
    top: 8px;
    width: 5px
}

.p-pre-token {
    background: rgb(var(--ui0-bg-surface_white));
    padding-bottom: 60px
}

.c-strategy-auto-invest-confirm-dialog .param {
    display: flex;
    justify-content: space-between;
    margin-bottom: 13px
}

.c-strategy-auto-invest-confirm-dialog .param span {
    color: var(--text-707580);
    font-weight: 400
}

.c-strategy-auto-invest-confirm-dialog .param p {
    color: var(--text-161719)
}

.c-strategy-auto-invest-confirm-dialog .text-f2994a {
    color: #f2994a
}

.c-strategy-auto-invest-create-dialog .via-dialog {
    margin-top: 15vh
}

.c-strategy-auto-invest-create-dialog .arrow-down {
    align-items: center;
    border: 1px solid var(--border-e6e7eb);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 25px;
    justify-content: center;
    width: 20px
}

.c-strategy-auto-invest-create-dialog .arrow-down:hover {
    background: rgba(14, 173, 152, .1);
    border-color: transparent
}

.c-strategy-auto-invest-create-dialog .arrow-down:hover i {
    color: var(--text-0ead98)
}

.c-strategy-auto-invest-create-dialog .arrow-down i {
    color: var(--text-707580);
    font-size: 12px;
    transition: transform .3s
}

.c-strategy-auto-invest-create-dialog .el-cascader .el-input .el-input__inner {
    background-color: var(--bg-f7f8fa);
    border-color: transparent;
    color: var(--text-3a3d42)
}

.c-strategy-auto-invest-create-dialog .el-cascader .el-input .el-input__suffix {
    align-items: center;
    display: flex
}

.c-strategy-auto-invest-create-dialog .el-cascader .el-input .el-input__suffix:before {
    background-color: var(--bg-e6e7eb);
    content: "";
    display: inline-block;
    height: 16px;
    margin-inline-end: 8px;
    width: 1px
}

.c-strategy-auto-invest-create-dialog .el-cascader .el-input .el-input__suffix .el-icon-arrow-down {
    color: var(--text-b4b7bd);
    font-size: 16px;
    font-weight: 700
}

.c-strategy-auto-invest-create-dialog .el-input .el-input__inner {
    background-color: var(--bg-f7f8fa);
    border: 1px solid var(--border-f7f8fa);
    height: 40px;
    line-height: 40px;
    padding-inline-end: 72px
}

.c-strategy-auto-invest-create-dialog .el-input .el-input__inner::-webkit-inner-spin-button,
.c-strategy-auto-invest-create-dialog .el-input .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.c-strategy-auto-invest-create-dialog .el-input .el-input__inner::-webkit-input-placeholder {
    color: var(--text-b4b7bd)
}

.c-strategy-auto-invest-create-dialog .input-profit .el-input .el-input__inner {
    padding-inline-start: 112px
}

.c-strategy-auto-invest-create-dialog .input-profit .prefix {
    width: 96px
}

.c-strategy-auto-invest-create-dialog .input-profit .prefix .via-select-label {
    color: var(--text-3a3d42);
    overflow: hidden;
    visibility: visible !important;
    white-space: nowrap
}

.c-strategy-auto-invest-create-dialog .input-profit .prefix .separator {
    display: none
}

.c-strategy-auto-invest-create-dialog .input-profit .separator {
    background: var(--bg-e6e7eb);
    height: 20px;
    inset-inline-start: 96px;
    position: absolute;
    top: 10px;
    width: 1px;
    z-index: 1
}

.c-strategy-auto-invest-create-dialog .prefix {
    bottom: 0;
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

.c-strategy-auto-invest-create-dialog .suffix {
    align-items: center;
    bottom: 0;
    display: flex;
    inset-inline-end: 16px;
    position: absolute;
    top: 0
}

.c-strategy-auto-invest-create-dialog .el-form .el-form-item {
    margin-bottom: 32px
}

.c-strategy-auto-invest-create-dialog .el-form--label-top .el-form-item__label {
    float: none;
    line-height: 1.2;
    padding-bottom: 8px
}

.c-strategy-auto-invest-create-dialog .source-amount-item .el-form-item__label,
.c-strategy-auto-invest-create-dialog .total-value-item .el-form-item__label {
    display: block
}

.c-strategy-auto-invest-create-dialog .gray {
    filter: grayscale(100%)
}

.c-strategy-auto-invest-create-dialog .z-9999 {
    z-index: 9999
}

.c-strategy-auto-invest-create-dialog .custom-underline {
    border-bottom: 1px dashed var(--text-aeb0b3)
}

.create-prefix-popper .via-select-option-label {
    line-height: 1
}

.time-cascader-popper {
    background: var(--bg-ffffff);
    border-color: transparent;
    z-index: 9999 !important
}

.time-cascader-popper.full-width .el-cascader-menu {
    width: 476px
}

.time-cascader-popper .el-cascader-menu {
    border-color: transparent;
    box-shadow: 1px 0 4px rgba(49, 50, 55, .05);
    color: var(--text-707580);
    font-weight: 400;
    width: 238px
}

.time-cascader-popper .el-cascader-menu .el-cascader-node {
    background: var(--bg-ffffff)
}

.time-cascader-popper .el-cascader-menu .el-cascader-node.in-active-path,
.time-cascader-popper .el-cascader-menu .el-cascader-node:hover {
    background-color: rgba(14, 173, 152, .05)
}

.time-cascader-popper .el-cascader-menu .el-cascader-node .el-cascader-node__postfix {
    opacity: 0
}

.time-cascader-popper .popper__arrow {
    display: none
}

.auto-invest-tooltip-popper {
    z-index: 9999 !important
}

.c-strategy-auto-invest-guide.via-dialog-wrapper .via-dialog {
    margin-top: 20vh
}

.c-strategy-auto-invest-guide.via-dialog-wrapper .via-dialog .via-dialog-body {
    overflow-x: auto
}

.c-strategy-auto-invest-guide .min-h-320 {
    min-height: 320px
}

.c-strategy-auto-invest-guide .min-w-730 {
    min-width: 730px
}

.c-strategy-auto-invest-guide .sticker {
    bottom: 0;
    inset-inline-end: 0;
    position: absolute;
    width: 188px
}

.c-strategy-auto-invest-guide li {
    color: var(--text-707580);
    font-size: 12px;
    line-height: 17px;
    list-style-type: disc
}

.c-strategy-spot-grid-guide.via-dialog-wrapper .via-dialog {
    margin-top: 15vh
}

.c-strategy-spot-grid-guide.via-dialog-wrapper .via-dialog .via-dialog-body {
    overflow-x: auto
}

.c-strategy-spot-grid-guide.via-dialog-wrapper .via-dialog .via-dialog-header {
    margin-bottom: 8px
}

.c-strategy-spot-grid-guide .min-h-320 {
    min-height: 320px
}

.c-strategy-spot-grid-guide .min-w-730 {
    min-width: 730px
}

.c-strategy-spot-grid-guide .sticker {
    bottom: 0;
    inset-inline-end: 0;
    position: absolute;
    width: 188px
}

.c-strategy-spot-grid-guide li {
    color: var(--text-707580);
    font-size: 12px;
    line-height: 18px;
    list-style-type: disc
}

.c-strategy-pool-pane {
    display: flex;
    flex-direction: column;
    padding: 50px 0 200px
}

.c-strategy-pool-pane .step {
    margin-bottom: 56px
}

.c-strategy-pool-pane .step-item {
    align-items: center;
    display: flex;
    position: relative;
    width: 33%
}

.c-strategy-pool-pane .step-item img {
    height: 34px;
    margin-inline-end: 16px;
    width: 34px
}

.c-strategy-pool-pane .step-item span {
    color: var(--text-27282c)
}

.c-strategy-pool-pane .step-item.line:after {
    border-top: 1px dashed var(--border-e6e7eb);
    content: "";
    height: 0;
    inset-inline-end: 50px;
    position: absolute;
    top: 50%;
    width: 100px
}

.c-strategy-pool-pane .list .item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 24px 0 16px
}

.c-strategy-pool-pane .list .item .intro {
    align-items: center;
    display: flex
}

.c-strategy-pool-pane .list .item .intro img {
    height: 127px;
    margin-inline-end: 30px;
    width: 120px
}

.c-strategy-pool-pane .list .item .intro .title {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    font-size: 24px;
    font-weight: 700
}

.c-strategy-pool-pane .list .item .intro p {
    color: var(--text-707580);
    font-size: 14px
}

.c-strategy-pool-pane .list .item .intro a {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin-inline-start: 18px
}

.c-strategy-pool-pane .list .item .create-btn {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    min-width: 138px
}

.c-strategy-pool-pane .list .item:not(:last-of-type) {
    border-bottom: 1px solid var(--bg-f2f3f5)
}

.c-strategy-auto-invest-invest-dialog .el-input .el-input__inner {
    background-color: var(--bg-f7f8fa);
    border: 1px solid var(--border-f7f8fa);
    height: 40px;
    line-height: 40px;
    padding-inline-end: 72px
}

.c-strategy-auto-invest-invest-dialog .el-input .el-input__inner::-webkit-inner-spin-button,
.c-strategy-auto-invest-invest-dialog .el-input .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.c-strategy-auto-invest-invest-dialog .el-input .el-input__inner::-webkit-input-placeholder {
    color: var(--text-b4b7bd)
}

.c-strategy-auto-invest-invest-dialog .suffix {
    align-items: center;
    bottom: 0;
    display: flex;
    inset-inline-end: 16px;
    position: absolute;
    top: 0
}

.c-strategy-auto-invest-invest-dialog .error-tip {
    bottom: 0;
    color: var(--text-db5541);
    font-size: 12px;
    inset-inline-start: 0;
    position: absolute;
    transform: translateY(100%)
}

.c-strategy-auto-invest-invest-dialog .error .el-input__inner {
    border-color: var(--border-db5541) !important
}

.c-strategy-auto-invest-invest-dialog .error .el-input__inner:focus,
.c-strategy-auto-invest-invest-dialog .error .el-input__inner:hover {
    border-color: var(--border-db5541) !important;
    box-shadow: none
}

.c-strategy-auto-invest-invest-dialog .gray {
    filter: grayscale(100%)
}

.c-strategy-profit-chart .via-dialog {
    margin-top: 20vh
}

.c-strategy-profit-chart .via-dialog .via-dialog-body {
    overflow-x: auto
}

.c-strategy-profit-chart .min-w-730 {
    min-width: 730px
}

.c-strategy-strategies-pane {
    padding: 32px 0 160px
}

.c-strategy-strategies-pane .filter,
.c-strategy-strategies-pane .filter .item {
    align-items: center;
    display: flex
}

.c-strategy-strategies-pane .filter .label {
    color: var(--text-161719);
    font-size: 12px;
    margin-inline-end: 12px
}

.c-strategy-strategies-pane .filter .select {
    background-color: transparent;
    margin-inline-end: 63px;
    white-space: nowrap;
    width: 146px
}

.c-strategy-strategies-pane .filter .select .via-select-content {
    overflow: hidden;
    white-space: nowrap
}

.c-strategy-strategies-pane .list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 45px
}

.c-strategy-strategies-pane .list .item {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(225, 232, 238, .55);
    flex: 0 0 410px;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 28px 0 32px;
    position: relative;
    width: 410px
}

.c-strategy-strategies-pane .list .item:not(:nth-of-type(3n)) {
    margin-inline-end: 24px
}

.c-strategy-strategies-pane .list .item .status {
    font-size: 14px;
    font-weight: 700;
    height: 29px;
    line-height: 29px;
    padding-inline: 25px 20px
}

.c-strategy-strategies-pane .list .item .type {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 13px
}

.c-strategy-strategies-pane .list .item .type-orange {
    background: rgba(243, 139, 44, .1);
    color: #f38b2c
}

.c-strategy-strategies-pane .list .item .type-purple {
    background: rgba(150, 68, 244, .1);
    color: #9244f4
}

.c-strategy-strategies-pane .list .item .sticker {
    inset-inline-start: -25px;
    opacity: .05;
    position: absolute;
    top: -14px
}

.c-strategy-strategies-pane .list .item.status-RUNNING .status {
    background: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.c-strategy-strategies-pane .list .item.status-PAUSED .status {
    background: rgba(243, 139, 44, .05);
    color: var(--text-f38b2c)
}

.c-strategy-strategies-pane .list .item.status-TERMINATED {
    background: var(--bg-f7f8fa);
    box-shadow: none
}

.c-strategy-strategies-pane .list .item.status-TERMINATED .status {
    background: rgba(219, 85, 65, .05);
    color: var(--text-db5541)
}

.c-strategy-strategies-pane .list .item.status-CREATED .status {
    background: hsla(219, 7%, 47%, .05);
    color: var(--text-707580)
}

.c-strategy-strategies-pane .list .line {
    background: var(--bg-f2f3f5);
    height: 1px
}

.c-strategy-strategies-pane .list .via-btn {
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    min-width: 175px
}

.c-strategy-strategies-pane .list .flex-row {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.theme-night .c-strategy-strategies-pane .list .item {
    box-shadow: none
}

.theme-night .c-strategy-strategies-pane .list .item.status-TERMINATED {
    background: rgba(29, 31, 36, .6)
}

.p-strategy {
    min-height: 100vh;
    padding-top: 66px
}

.p-strategy .body {
    margin: 0 auto;
    position: relative;
    width: 1280px;
    z-index: 10
}

.p-strategy .bg-img {
    height: 900px;
    pointer-events: none;
    width: 100%
}

.p-strategy .bg-img,
.p-strategy .img-decor {
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

.p-strategy .title {
    color: var(--text-27282c);
    font-size: 42px;
    font-weight: 700
}

.p-strategy .tab-nav {
    border-bottom: 1px solid var(--border-e6e7eb)
}

.p-strategy .tab-nav .tab-item {
    font-size: 20px !important;
    height: 50px !important
}

.p-strategy .tab-nav .tab-item:not(.active) {
    color: var(--text-707580) !important
}

.p-strategy .badge {
    background-color: var(--bg-0ead98-10);
    border-radius: 10px;
    color: var(--bg-0ead98);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 20px;
    inset-inline-end: -8px;
    line-height: 20px;
    min-width: 20px;
    padding: 0 5px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(100%, -50%)
}

.p-strategy .min-w-176 {
    min-width: 176px
}

[dir=rtl] .p-strategy .badge {
    transform: translate(-100%, -50%)
}

.p-strategy .tab-item.active {
    color: var(--text-161719) !important
}

.c-asset-cet-dialog-confirm .via-dialog {
    padding: 0
}

.c-asset-cet-dialog-confirm .top-wrapper {
    background: var(--bg-f7f8fa);
    border-radius: 20px;
    padding: 32px
}

.c-asset-cet-dialog-confirm .bottom-wrapper {
    border-bottom: 1px solid var(--border-f2f3f5);
    margin: 0 32px;
    padding: 20px 0
}

.p-asset-convert .tips-wrapper {
    padding: 20px 32px
}

.p-asset-convert .tips-wrapper,
.p-asset-convert .wrapper {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13)
}

.p-asset-convert .wrapper {
    overflow: hidden
}

.p-asset-convert .table-wrapper {
    min-height: 300px
}

.p-asset-convert .empty-container {
    align-items: center;
    display: flex;
    min-height: 450px
}

.p-asset-convert .via-table .via-table-body .table-prop-cell {
    line-height: 16px;
    padding-bottom: 16px;
    padding-top: 16px
}

.p-asset-convert .via-table .via-table-card .card-item {
    border-bottom: 1px solid var(--border-f7f8fa);
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 20px 20px 12px
}

.p-asset-convert .via-table .via-table-card .card-item:last-of-type {
    border: none
}

.p-asset-convert .via-table .via-table-card .card-item .card-body {
    padding: 12px 0 0
}

.p-asset-convert .via-table .via-table-card .card-item .card-body .card-label,
.p-asset-convert .via-table .via-table-card .card-item .card-body .card-prop {
    font-size: 12px
}

.p-asset-convert .total-wrapper {
    border-top: 1px solid var(--border-edeff2);
    display: flex;
    justify-content: space-between;
    padding: 20px 32px 40px
}

.p-asset-convert .min-w-150 {
    min-width: 150px
}

.c-asset-dialog-export .via-dialog {
    background: var(--bg-ffffff);
    border-radius: 20px;
    padding: 0
}

.c-asset-dialog-export .via-dialog .el-icon-close {
    color: var(--text-aeb0b3);
    cursor: pointer;
    font-size: 20px;
    inset-inline-end: 20px;
    line-height: 20px;
    position: absolute;
    top: 20px
}

.c-asset-dialog-export .via-dialog .via-dialog-header {
    margin-bottom: 0 !important;
    padding: 28px 32px 32px
}

.c-asset-dialog-export .via-dialog .leading-24 {
    line-height: 24px
}

.c-asset-dialog-export .via-dialog .leading-20 {
    line-height: 20px
}

.c-asset-dialog-export .via-pagination {
    justify-content: center
}

.c-asset-dialog-export .via-pagination .via-pagination-select-limit {
    display: none
}

.c-asset-dialog-export .tip-item {
    color: var(--text-161719);
    padding-inline-start: 20px;
    position: relative
}

.c-asset-dialog-export .tip-item:before {
    background: var(--bg-0ead98);
    border-radius: 50%;
    content: " ";
    height: 8px;
    inset-inline-start: 0;
    position: absolute;
    top: 8px;
    width: 8px
}

.c-asset-dialog-export .record-wrapper {
    padding-bottom: 24px
}

.c-asset-dialog-export .record-wrapper .via-table {
    max-height: 220px;
    overflow: auto
}

.c-asset-dialog-export .record-wrapper .via-table .card-item {
    border-bottom: 1px solid var(--border-e6e7eb-gray0601) !important;
    padding: 12px 32px !important
}

.c-asset-dialog-export .record-wrapper .via-table .card-item:last-child {
    border-bottom: none !important
}

.c-asset-dialog-export .record-wrapper .via-table .card-body {
    padding: 0 !important
}

.c-asset-btn-export,
.c-asset-dialog-export .record-wrapper .via-table .card-label,
.p-history-spot .form-item {
    align-items: center;
    display: flex
}

.p-history-spot .form-item .label {
    color: var(--text-161719);
    font-size: 12px;
    margin-inline-end: 20px
}

.p-history-spot .table-wrapper {
    background: var(--bg-ffffff);
    border-radius: 20px;
    min-height: 450px;
    overflow: hidden
}

.p-history-spot .via-table .via-table-default {
    min-height: 482px
}

.p-history-spot .via-table .via-table-body .table-prop-cell {
    line-height: 16px;
    padding-bottom: 16px;
    padding-top: 16px
}

.p-history-spot .via-table .via-table-card .card-item {
    border-bottom: 1px solid var(--border-f7f8fa);
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 20px 20px 12px
}

.p-history-spot .via-table .via-table-card .card-item .card-body {
    padding: 12px 0 0
}

.p-history-spot .via-table .via-table-card .card-item .card-body .card-label,
.p-history-spot .via-table .via-table-card .card-item .card-body .card-prop {
    font-size: 12px
}

.p-history-spot .empty-container .c-common-empty {
    min-height: 450px
}

.p-history-spot .drawer-asset-filter .via-select {
    width: 180px
}

.c-common-trade-market-search {
    padding: 0 16px;
    position: relative
}

.c-common-trade-market-search .via-input {
    border-color: transparent;
    border-radius: 8px
}

.c-common-trade-market-search .via-input .input-prefix i.iconfont {
    color: var(--text-3a3d42) !important
}

.c-common-trade-market-search .via-input .input-inner {
    height: 30px;
    line-height: 30px
}

.c-common-trade-market-search .search-panel {
    background-color: var(--bg-ffffff);
    box-shadow: 0 8px 12px rgba(49, 50, 55, .08);
    box-sizing: border-box;
    height: 450px;
    left: 16px;
    position: absolute;
    right: 16px;
    top: 35px;
    z-index: 100
}

.c-common-trade-market-search .search-panel .search-list {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 34px;
    padding: 0 20px
}

.c-common-trade-market-search .search-panel .search-list:hover {
    background-color: var(--bg-f7f8fa)
}

.c-common-trade-market-search .search-panel .search-list .rank {
    color: var(--text-aeb0b3);
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    margin-inline-end: 15px;
    text-align: center;
    width: 20px
}

.c-common-trade-market-search .search-panel .search-list .item-market {
    align-items: center;
    color: var(--text-7d7f81);
    display: flex;
    font-weight: 700
}

.c-common-trade-market-search .search-panel .search-list .item-lever {
    background: rgba(14, 173, 152, .05);
    border-radius: 4px;
    color: var(--text-0ead98);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-inline-start: 5px;
    min-width: 28px;
    padding: 0 5px;
    text-align: center
}

.screen-md .c-common-trade-market-search .via-input {
    background-color: var(--bg-f7f8fa)
}

.screen-md .c-common-trade-market-search .search-panel {
    top: 42px
}

.c-exchange-market-tag-tip-tooltip .wrapper {
    display: flex;
    overflow: hidden
}

.c-exchange-market-tag-tip-tooltip .text {
    color: var(--text-3a3d42);
    line-height: 1.5;
    max-height: 3em;
    overflow: hidden;
    position: relative;
    text-align: justify;
    text-overflow: ellipsis
}

.c-exchange-market-tag-tip-tooltip .text:before {
    content: "";
    float: right;
    height: calc(100% - 20px)
}

.c-exchange-market-tag-tip-tooltip .btn {
    clear: both;
    color: var(--text-0ead98);
    cursor: pointer;
    float: right;
    line-height: 20px;
    margin-left: 20px;
    padding: 0 8px;
    position: relative
}

.c-exchange-market-tag-tip-tooltip .btn:before {
    color: var(--text-3a3d42);
    content: "...";
    left: -5px;
    position: absolute;
    transform: translateX(-100%)
}

.c-exchange-market-nav {
    margin: 12px 16px 0
}

.c-exchange-market-nav .nav-tag {
    display: flex
}

.c-exchange-market-nav .nav-tag .tag-list {
    background-color: var(--bg-fafbfc);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    max-width: 100px;
    min-width: 54px;
    padding: 0 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-exchange-market-nav .nav-tag .tag-list:not(:last-child) {
    overflow: hidden
}

.c-exchange-market-nav .nav-tag .tag-list+.tag-list {
    margin-inline-start: 8px
}

.c-exchange-market-nav .nav-tag .tag-list.active,
.c-exchange-market-nav .nav-tag .tag-list:hover {
    background: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.c-exchange-market-nav .nav-tag .current-more-tag {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-inline-start: 8px;
    min-width: 70px
}

.c-exchange-market-nav .nav-area {
    align-items: center;
    display: flex;
    margin-top: 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-exchange-market-nav .nav-area .follow-area {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.c-exchange-market-nav .nav-area .follow-area i.iconfont {
    color: var(--text-b4b7bd);
    font-size: 14px
}

.c-exchange-market-nav .nav-area .follow-area.active {
    background: rgba(14, 173, 152, .1)
}

.c-exchange-market-nav .nav-area .follow-area.active i.iconfont {
    color: var(--text-0ead98)
}

.c-exchange-market-nav .nav-area .area-item {
    color: var(--text-3a3d42);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-inline-start: 15px;
    padding-bottom: 2px;
    position: relative
}

.c-exchange-market-nav .nav-area .area-item.active,
.c-exchange-market-nav .nav-area .area-item:hover {
    color: var(--text-0ead98)
}

.c-exchange-market-nav .nav-area .area-item.active:after {
    background-color: var(--bg-0ead98);
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.c-exchange-market-more-tag {
    border-radius: 12px;
    box-shadow: 0 12px 48px rgba(164, 197, 205, .05), 0 9px 28px rgba(164, 197, 205, .07), 0 6px 16px rgba(164, 197, 205, .1);
    box-sizing: border-box;
    max-height: 360px;
    overflow: hidden auto;
    padding: 12px;
    padding-inline-end: 5px;
    width: 330px;
    z-index: 100000 !important
}

.c-exchange-market-more-tag .content {
    display: flex;
    flex-wrap: wrap
}

.c-exchange-market-more-tag .content .more-tag-item {
    background: var(--bg-fafbfc);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 7px;
    margin-inline-end: 7px;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    transition: .4s ease-out;
    white-space: nowrap;
    width: 94px
}

.c-exchange-market-more-tag .content .more-tag-item.active,
.c-exchange-market-more-tag .content .more-tag-item:hover {
    background: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.c-common-follow-market {
    height: 100%;
    padding: 30px 0;
    text-align: center
}

.c-common-follow-market .follow-market-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    width: 220px
}

.c-common-follow-market .follow-market-wrap .market-item {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 90px;
    justify-content: center;
    margin-bottom: 12px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 96px
}

.c-common-follow-market .follow-market-wrap .market-item:nth-child(2n) {
    margin-inline-start: 12px
}

.c-common-follow-market .follow-market-wrap .market-item.active {
    background: rgba(14, 173, 152, .1)
}

.c-common-follow-market .follow-market-wrap .market-item.active .market-logo .checked-status {
    background-color: var(--bg-0ead98);
    border-color: var(--border-0ead98)
}

.c-common-follow-market .follow-market-wrap .market-item.active .market-logo .checked-status i.iconfont {
    color: #fff
}

.c-common-follow-market .follow-market-wrap .market-item .market-logo {
    position: relative
}

.c-common-follow-market .follow-market-wrap .market-item .market-logo .checked-status {
    align-items: center;
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 5px;
    bottom: 0;
    display: flex;
    height: 10px;
    inset-inline-end: 0;
    justify-content: center;
    position: absolute;
    width: 10px
}

.c-common-follow-market .follow-market-wrap .market-item .market-logo .checked-status i.iconfont {
    color: var(--text-e6e7eb);
    display: block;
    font-size: 12px;
    transform: scale(.8)
}

.c-common-follow-market .follow-market-wrap .market-item .market-name {
    color: var(--text-161719);
    font-size: 12px;
    font-weight: 500;
    margin-top: 6px
}

.c-common-follow-market .follow-button {
    border-radius: 8px;
    height: 40px;
    max-width: 204px;
    width: 100%
}

.c-exchange-market-list {
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-exchange-market-list .market-list-header {
    color: var(--text-707580);
    display: flex;
    font-size: 12px;
    padding: 12px 16px 6px;
    position: relative;
    width: 100%
}

.c-exchange-market-list .market-list-header .menu-exchange {
    color: var(--text-b4b7bd);
    cursor: pointer;
    font-size: 12px;
    inset-inline-end: 2px;
    position: absolute;
    top: 12px;
    transform: scale(.8)
}

.c-exchange-market-list .market-list-header .menu-exchange.active {
    color: var(--text-0ead98)
}

.c-exchange-market-list .market-list-header .list-column {
    align-items: center;
    display: flex;
    flex-grow: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-exchange-market-list .market-list-header .list-column .c-common-overflowtext {
    flex: initial;
    width: auto
}

.c-exchange-market-list .market-list-header .list-column .iconfont.icon-bianji {
    color: var(--text-b4b7bd)
}

.c-exchange-market-list .market-list-header .list-column .name {
    align-items: center;
    display: flex
}

.c-exchange-market-list .market-list-header .list-column .sort-button-group {
    cursor: pointer;
    display: inline-block;
    margin-inline-start: 2px;
    width: 6px
}

.c-exchange-market-list .market-list-header .list-column .sort-button-group .sort-button {
    border: 3px solid transparent;
    display: block;
    height: 0;
    width: 0
}

.c-exchange-market-list .market-list-header .list-column .sort-button-group .sort-button.sort-asc {
    border-bottom-color: var(--border-b4b7bd);
    margin-bottom: 3px
}

.c-exchange-market-list .market-list-header .list-column .sort-button-group .sort-button.sort-asc.active {
    border-bottom-color: var(--border-0ead98)
}

.c-exchange-market-list .market-list-header .list-column .sort-button-group .sort-button.sort-desc {
    border-top-color: var(--border-b4b7bd)
}

.c-exchange-market-list .market-list-header .list-column .sort-button-group .sort-button.sort-desc.active {
    border-top-color: var(--border-0ead98)
}

.c-exchange-market-list .market-list-header .header-edit {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    justify-content: space-between
}

.c-exchange-market-list .market-list-header .header-edit .via-btn {
    padding: 0 8px
}

.c-exchange-market-list .list-content {
    flex: 1 1 auto;
    height: 0
}

.c-exchange-market-list .list-content .list-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 0 16px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-exchange-market-list .list-content .list-item.drag i.iconfont {
    color: var(--text-0ead98)
}

.c-exchange-market-list .list-content .list-item.active:before {
    background: var(--bg-0ead98);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 2px
}

.c-exchange-market-list .list-content .list-item.active:after {
    background: linear-gradient(90deg, rgba(14, 173, 152, .2), rgba(14, 173, 152, 0));
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    inset-inline-start: 2px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 1
}

.c-exchange-market-list .list-content .list-item.active .c-exchange-market-follow-icon {
    position: relative;
    z-index: 2
}

.c-exchange-market-list .list-content .list-item:hover {
    background-color: var(--bg-f7f8fa)
}

.c-exchange-market-list .list-content .list-item>div {
    flex-grow: 1
}

.c-exchange-market-list .list-content .list-item .item-cell {
    color: var(--text-3a3d42);
    font-size: 12px
}

.c-exchange-market-list-menu {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 12px 48px rgba(164, 197, 205, .05), 0 9px 28px rgba(164, 197, 205, .07), 0 6px 16px rgba(164, 197, 205, .1);
    min-height: 60px;
    min-width: 96px;
    overflow: hidden;
    padding: 0;
    z-index: 100000 !important
}

.c-exchange-market-list-menu .content .menu-item {
    color: var(--text-3a3d42);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    padding: 0 20px
}

.c-exchange-market-list-menu .content .menu-item:hover {
    background-color: var(--bg-f7f8fa)
}

.c-exchange-market-list-menu .content .menu-item.active {
    background-color: var(--bg-f7f8fa);
    color: var(--text-0ead98)
}

.screen-md .c-exchange-market-list-menu {
    inset-inline: auto 10px !important
}

html[dir=rtl] .c-exchange-market-list .list-content .list-item.active:after {
    transform: rotateY(180deg)
}

.c-common-login {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.c-common-login .logo {
    background-image: url(../app-resources-d6/assets/34b84a78fa1f7c4c31990ce17a6decd1_0a6304389ab2a93050b0.v2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
    width: 122px
}

.c-common-login .via-btn {
    min-width: 210px
}

.theme-night .c-common-login .logo {
    background-image: url(../app-resources-d6/assets/03d765df617a8d384e2566adfeba7c0c_1a93ccc3a70334e3143b.v2.svg)
}

.c-exchange-market {
    border-bottom: 1px solid var(--border-e6e7eb);
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 17px
}

.c-exchange-market .market-list-wrap {
    flex: 1 1 0%
}

.c-exchange-market .market-list-wrap .c-common-empty {
    background: transparent;
    height: 100%
}

.c-exchange-market .market-list-wrap .width-30 {
    flex: 0 1 30% !important;
    width: 30%
}

.c-exchange-market .market-list-wrap .market-lever {
    background: rgba(14, 173, 152, .05);
    border-radius: 4px;
    color: var(--text-0ead98);
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-inline-start: 5px;
    min-width: 28px;
    padding: 0 5px;
    text-align: center
}

.c-exchange-market .c-exchange-market-follow-icon .iconfont {
    color: var(--text-b4b7bd);
    font-size: 10px
}

.c-exchange-market .c-exchange-market-follow-icon .iconfont.active {
    color: var(--text-f38b2c)
}

.via-ticker-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1 1 0%;
    flex-flow: row;
    margin-inline-start: 32px;
    overflow: auto;
    position: relative
}

.via-ticker-container .left-arrow {
    background: var(--bg-f2f3f5);
    border-radius: 4px;
    box-shadow: 10px 0 20px 10px var(--bg-ffffff);
    box-sizing: border-box;
    cursor: pointer;
    height: 30px;
    inset-inline-start: 0;
    margin: 0;
    min-width: 0;
    position: absolute;
    width: 18px
}

.via-ticker-container .left-arrow:hover {
    background: var(--bg-dee0e3);
    transition: .4s
}

.via-ticker-container .left-arrow:after {
    border-color: var(--border-707580);
    -o-border-image: initial;
    border-image: initial;
    border-style: solid;
    border-width: 0 1px 1px 0;
    content: "";
    height: 2px;
    inset-inline-start: 8px;
    padding: 2px;
    position: absolute;
    top: 40%;
    transform: rotate(135deg) scale(1.2);
    width: 2px
}

.via-ticker-container .right-arrow {
    background: var(--bg-f2f3f5);
    border-radius: 4px;
    box-shadow: -10px 0 20px 10px var(--bg-ffffff);
    box-sizing: border-box;
    cursor: pointer;
    height: 30px;
    inset-inline-end: 0;
    margin: 0;
    min-width: 0;
    position: absolute;
    width: 18px
}

.via-ticker-container .right-arrow:hover {
    background: var(--bg-dee0e3);
    transition: .4s
}

.via-ticker-container .right-arrow:after {
    border-color: var(--border-707580);
    -o-border-image: initial;
    border-image: initial;
    border-style: solid;
    border-width: 0 1px 1px 0;
    content: "";
    height: 2px;
    inset-inline-end: 8px;
    padding: 2px;
    position: absolute;
    top: 40%;
    transform: rotate(-45deg) scale(1.2);
    width: 2px
}

.via-ticker-container .ticker-list {
    display: flex;
    overflow: auto hidden;
    white-space: nowrap
}

.via-ticker-container .ticker-list::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

[dir=rtl] .via-ticker-container .left-arrow:before {
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0) 78.82%)
}

[dir=rtl] .via-ticker-container .left-arrow:after {
    border-width: 1px 0 0 1px
}

[dir=rtl] .via-ticker-container .right-arrow:before {
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0) 78.82%)
}

[dir=rtl] .via-ticker-container .right-arrow:after {
    border-width: 1px 0 0 1px
}

.theme-night .via-ticker-container .left-arrow:before {
    background: linear-gradient(90deg, #181a1f, hsla(0, 0%, 100%, 0) 78.82%)
}

.theme-night .right-arrow:before,
[dir=rtl].theme-night .via-ticker-container .left-arrow:before {
    background: linear-gradient(270deg, #181a1f, hsla(0, 0%, 100%, 0) 78.82%)
}

.right-arrow:before {
    background: linear-gradient(90deg, #181a1f, hsla(0, 0%, 100%, 0) 78.82%)
}

.via-ticker-item {
    display: inline-block;
    line-height: 1;
    padding-inline: 20px 12px
}

.c-exchange-ticker {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: space-between
}

.c-exchange-ticker .transform-rotate-180 {
    transform: rotate(180deg)
}

.c-exchange-ticker .line-height-20 {
    line-height: 20px
}

.c-exchange-ticker .wrap {
    align-items: center;
    display: flex
}

.c-exchange-ticker .fullwidth {
    width: 100%
}

.c-exchange-ticker .dest {
    font-weight: 500
}

.c-exchange-ticker .currency,
.c-exchange-ticker .divider {
    color: #abb3c0;
    font-size: 16px;
    font-weight: 500
}

.c-exchange-ticker .activity .iconfont {
    color: #f7b977
}

.c-exchange-ticker .price {
    font-weight: 500;
    line-height: 17px
}

.c-exchange-ticker .legal,
.c-exchange-ticker .name {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 400;
    padding-top: 2px
}

.c-exchange-ticker .text {
    color: var(--text-3a3d42);
    font-size: 12px;
    font-weight: 400;
    padding-top: 4px
}

.c-exchange-ticker .select-caret {
    border: 4px solid transparent;
    -o-border-image: initial;
    border-image: initial;
    border-top: 6px solid #d1d5db;
    height: 0;
    position: relative;
    top: 1px;
    width: 0
}

.c-exchange-ticker-left-popper .rounded-16 {
    border-radius: 16px
}

.c-exchange-ticker-left-popper .c-exchange-market-popper {
    border-radius: 8px;
    box-shadow: 0 6px 16px 5px rgba(192, 208, 213, .3);
    height: 520px;
    width: 400px
}

.c-exchange-ticker-left-popper .c-exchange-market-popper .c-exchange-market-search .via-input {
    background-color: var(--bg-f7f8fa)
}

.c-exchange-order-reminder-dialog .warning-wrapper {
    background-color: rgba(243, 139, 44, .1);
    height: 100px;
    width: 100px
}

.c-exchange-order-reminder-dialog .warning-wrapper .el-icon-warning {
    font-size: 62px
}

.c-exchange-chart-chart {
    height: 100%;
    position: relative;
    width: 100%
}

.c-exchange-dialog-profitanalysedialog .coin-icon {
    height: 24px;
    width: 24px
}

.c-exchange-dialog-profitanalysedialog .buy-title {
    background: rgba(59, 191, 127, .1)
}

.c-exchange-dialog-profitanalysedialog .buy-content {
    background: rgba(59, 191, 127, .04)
}

.c-exchange-dialog-profitanalysedialog .sell-title {
    background: rgba(230, 88, 63, .1)
}

.c-exchange-dialog-profitanalysedialog .sell-content {
    background: rgba(230, 88, 63, .04)
}

.c-exchange-dialog-profitanalysedialog .analyse-body {
    min-height: 300px
}

.c-exchange-dialog-profitanalysedialog .analyse-body .el-loading-spinner .el-loading-text {
    color: var(--text-7d7f81)
}

.c-exchange-dialog-profitanalysedialog .analyse-body .el-loading-spinner .path {
    stroke: #7d7f81
}

.c-exchange-dialog-profitanalysedialog .body-height {
    height: 300px
}

.c-exchange-dialog-profitanalysedialog .poster-content {
    background-size: cover;
    border-radius: 10px;
    overflow: hidden
}

.c-exchange-dialog-profitanalysedialog .poster-content .content-header {
    min-height: 380px;
    padding: 30px;
    position: relative
}

.c-exchange-dialog-profitanalysedialog .poster-content .time-row {
    bottom: 20px;
    color: var(--text-707580);
    font-size: 14px;
    inset-inline-start: 30px;
    position: absolute
}

.c-exchange-dialog-profitanalysedialog .poster-content .coinex-logo {
    inset-inline-end: 30px;
    position: absolute;
    top: 40px;
    width: 80px
}

.c-exchange-dialog-profitanalysedialog .poster-content .chart-wrapper {
    height: 100px;
    width: 160px
}

.c-exchange-dialog-profitanalysedialog .poster-content .poster-footer {
    align-items: center;
    background: #f7f8fa;
    display: flex;
    height: 90px;
    justify-content: space-between;
    padding: 5px 12px;
    position: relative
}

.c-exchange-dialog-profitanalysedialog .poster-content .poster-footer .referral-code {
    color: #161719;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    white-space: normal
}

.c-exchange-dialog-profitanalysedialog .poster-content .poster-footer .prompt {
    color: #3a3d42;
    font-size: 14px;
    line-height: 1;
    margin-top: 8px;
    white-space: normal
}

.c-exchange-dialog-profitanalysedialog .poster-content .poster-footer .qrcode {
    background: #fff;
    border-radius: 4px;
    flex-shrink: 0;
    margin-inline-start: 10px;
    padding: 5px;
    width: 80px
}

.reference-profit-share-selector {
    border: 1px solid var(--border-e6e7eb);
    border-radius: 4px;
    color: var(--text-707580);
    font-size: 14px;
    height: 32px;
    line-height: 1;
    padding: 0 8px;
    width: 240px
}

.popover-profit-share-selector .select-item,
.reference-profit-share-selector {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    justify-content: space-between
}

.popover-profit-share-selector .select-item {
    height: 40px
}

.c-asset-margin-circulate-input .via-input .input-inner {
    min-width: 0
}

.c-asset-margin-circulate-input .via-input .input-suffix .seperator {
    background-color: var(--bg-e6e7eb);
    display: inline-block;
    height: 16px;
    margin: 0 20px;
    width: 1px
}

.c-asset-margin-circulate-input .error-tip {
    background-color: var(--bg-3a3d42);
    border-radius: 8px;
    box-shadow: 0 12px 48px rgba(164, 197, 205, .05), 0 9px 28px rgba(164, 197, 205, .07), 0 6px 16px rgba(164, 197, 205, .1);
    color: var(--text-ffffff);
    min-height: 40px;
    min-width: 126px;
    padding: 12px
}

.c-asset-margin-circulate-input .c-common-popper-container[data-popper-placement^=top] .popper-arrow:after {
    border-top-color: var(--border-3a3d42)
}

.c-asset-margin-circulate-common.c-asset-margin-circulate-borrow .coin-item {
    min-height: 48px;
    padding: 12px 20px
}

.c-asset-margin-circulate-common.c-asset-margin-circulate-borrow .radio {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 100%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin-inline-end: 12px;
    position: relative;
    width: 14px
}

.c-asset-margin-circulate-common.c-asset-margin-circulate-borrow .radio:after {
    background-color: var(--bg-ffffff-gray1003);
    border-radius: 100%;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 4px
}

.c-asset-margin-circulate-common.c-asset-margin-circulate-borrow .active .radio {
    background: var(--bg-0ead98);
    border-color: var(--border-0ead98)
}

.c-asset-margin-circulate-common.c-asset-margin-circulate-borrow .active .radio:after {
    transform: translate(-50%, -50%) scale(1)
}

.c-asset-margin-circulate-common {
    padding: 30px 0
}

.c-asset-margin-circulate-common .title {
    color: var(--text-3a3d42);
    font-size: 14px;
    padding-top: 12px
}

.c-asset-margin-circulate-common .market-select {
    height: 48px
}

.c-asset-margin-circulate-common .coin-item {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    flex: 1 1 0%;
    height: 48px;
    padding: 0 20px
}

.c-asset-margin-circulate-common .coin-item.active {
    border-color: var(--border-0ead98)
}

.c-asset-margin-circulate-common .label {
    color: var(--text-707580);
    font-size: 14px;
    font-weight: 500
}

.c-asset-margin-circulate-common .error-tip {
    background-color: var(--bg-3a3d42);
    border-radius: 8px;
    box-shadow: 0 12px 48px rgba(164, 197, 205, .05), 0 9px 28px rgba(164, 197, 205, .07), 0 6px 16px rgba(164, 197, 205, .1);
    color: var(--text-ffffff);
    min-height: 40px;
    min-width: 126px;
    padding: 12px
}

.c-asset-margin-circulate-common .c-common-popper-container[data-popper-placement^=top] .popper-arrow:after {
    border-top-color: var(--border-3a3d42)
}

.c-asset-margin-protocol .via-dialog {
    padding: 0 0 20px
}

.c-asset-margin-protocol .via-dialog .via-dialog-header {
    margin-bottom: 0
}

.c-asset-margin-protocol .protocol {
    height: 300px;
    width: 100%
}

.c-asset-margin-circulate-dialog .circulate-dialog .via-dialog {
    overflow: hidden;
    padding: 0
}

.c-asset-margin-circulate-dialog .circulate-dialog .via-tabs {
    background-color: var(--bg-f7f8fa)
}

.c-asset-margin-circulate-dialog .circulate-dialog .tab-nav-underline {
    background-color: var(--bg-f7f8fa);
    height: 68px;
    margin: 0 32px;
    padding-top: 20px
}

.c-asset-margin-circulate-dialog .circulate-dialog .content {
    background-color: var(--bg-ffffff);
    padding: 0 32px
}

.c-asset-margin-circulate-dialog .circulate-dialog .via-dialog-header {
    margin-bottom: 0
}

.c-asset-margin-circulate-dialog .warning-wrapper {
    background-color: rgba(243, 139, 44, .1);
    height: 100px;
    width: 100px
}

.c-asset-margin-circulate-dialog .warning-wrapper .el-icon-warning {
    font-size: 62px
}

.c-exchange-trade-settingfee {
    margin: 0 -12px
}

.c-exchange-trade-settingfee .row-item {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    min-height: 30px;
    padding: 0 12px
}

.c-exchange-trade-settingfee .level {
    min-width: 80px
}

.c-exchange-trade-settingfee .divider {
    background-color: var(--bg-f7f8fa);
    height: 1px;
    margin: 5px 0;
    margin-inline-start: 12px
}

.c-exchange-trade-settingfee .fire {
    background-image: url(../app-resources-d6/assets/c113f1bbe984ae8fa4b4285d1289c9be_b9f68c95208c8a4a5232.v2.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 15px;
    width: 12px
}

.c-exchange-marketSelect {
    width: 166px
}

.c-exchange-order-deal-stat-chart-price {
    position: relative
}

.c-exchange-order-deal-stat-chart-price .legend-box {
    display: flex;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 11
}

.c-exchange-order-deal-stat-chart-price .legend-box .legend {
    color: #7d7f81;
    font-size: 12px;
    margin-inline-start: 15px
}

.c-exchange-order-deal-stat-chart-price .legend-box .legend:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-inline-end: 5px;
    width: 8px
}

.c-exchange-order-deal-stat-chart-price .legend-box .legend.buy:before {
    background-color: #0ead98
}

.c-exchange-order-deal-stat-chart-price .legend-box .legend.sell:before {
    background-color: #db5541
}

.c-exchange-order-deal-stat-chart-price .legend-box .legend.both:before {
    background-color: #f38b2c
}

.c-exchange-order-deal-stat-chart-price .legend-box .legend.both .tip-text {
    border-bottom: 1px dashed #7d7f81
}

.screen-md .c-exchange-order-deal-stat-chart-price {
    overflow-x: auto
}

.screen-md .c-exchange-order-deal-stat-chart-price::-webkit-scrollbar {
    display: none
}

.screen-md .c-exchange-order-deal-stat-chart-price .legend-box {
    inset-inline-start: 0;
    top: 30px
}

.c-exchange-order-dialog-poster .via-dialog .dialog-title-box .title-text {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 700
}

.c-exchange-order-dialog-poster .via-dialog .dialog-title-box .sub-title-text {
    color: var(--text-707580);
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px
}

.c-exchange-order-dialog-poster .via-dialog .poster-box {
    background-color: var(--bg-161719);
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.c-exchange-order-dialog-poster .via-dialog .poster-box .poster-title-box {
    padding: 16px 20px 10px
}

.c-exchange-order-dialog-poster .via-dialog .poster-box .poster-title-box .title-text {
    color: var(--text-ffffff);
    font-size: 24px;
    font-weight: 600
}

.c-exchange-order-dialog-poster .via-dialog .poster-box .poster-title-box .sub-title-text {
    color: var(--text-707580);
    font-size: 12px;
    margin-top: 2px
}

.c-exchange-order-dialog-poster .via-dialog .poster-box .coinex-logo {
    inset-inline-end: 20px;
    position: absolute;
    top: 24px;
    width: 80px
}

.c-exchange-order-dialog-poster .via-dialog .poster-box .post-chart-box {
    padding-left: 20px
}

.c-exchange-order-dialog-poster .via-dialog .poster-box .post-chart-box .legend-box {
    right: 20px
}

.c-exchange-order-dialog-poster .via-dialog .poster-box .poster-footer {
    align-items: center;
    background: #f7f8fa;
    display: flex;
    height: 90px;
    justify-content: space-between;
    padding: 5px 12px;
    position: relative
}

.c-exchange-order-dialog-poster .via-dialog .poster-box .poster-footer .referral-code {
    color: #161719;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    white-space: normal
}

.c-exchange-order-dialog-poster .via-dialog .poster-box .poster-footer .prompt {
    color: #3a3d42;
    font-size: 14px;
    line-height: 1;
    margin-top: 8px;
    white-space: normal
}

.c-exchange-order-dialog-poster .via-dialog .poster-box .poster-footer .qrcode {
    background: #fff;
    border-radius: 4px;
    flex-shrink: 0;
    margin-inline-start: 10px;
    padding: 5px;
    width: 80px
}

.c-exchange-order-dialog-poster .via-dialog .row-btn {
    margin-top: 20px
}

.c-exchange-summary-dialog-deal-stat {
    color: var(--text-27282c)
}

.c-exchange-summary-dialog-deal-stat.via-dialog-wrapper .via-dialog {
    margin: 15vh auto 0
}

.c-exchange-summary-dialog-deal-stat.dialog-deal-stat .title-box {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-exchange-summary-dialog-deal-stat.dialog-deal-stat .title-box .title-text {
    border-bottom: 1px dashed #7d7f81
}

.c-exchange-summary-dialog-deal-stat.dialog-deal-stat .title-box .share-wrap {
    background: #0ead98;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px
}

.c-exchange-summary-dialog-deal-stat.dialog-deal-stat .title-box .share-wrap .iconfont {
    color: #fff;
    font-size: 18px
}

.c-exchange-summary-dialog-deal-stat.dialog-deal-stat .via-dialog-close {
    background-color: var(--bg-f2f2f2);
    border-radius: 50%;
    color: var(--text-27282c) !important;
    font-size: 20px !important;
    height: 20px;
    inset-inline-end: -20px !important;
    line-height: 20px;
    position: absolute;
    top: -20px !important;
    width: 20px
}

.c-exchange-summary-dialog-deal-stat.dialog-deal-stat .via-dialog-close:hover {
    color: var(--text-0ead98) !important
}

.c-exchange-summary-dialog-deal-stat .content-box {
    overflow: hidden
}

.c-exchange-summary-dialog-deal-stat .content-box .row-select {
    display: flex
}

.c-exchange-summary-dialog-deal-stat .content-box .row-select .via-select {
    height: 24px;
    line-height: 24px;
    margin-inline-start: 10px
}

.c-exchange-summary-dialog-deal-stat .content-box .search-result-box .stat-box {
    margin-top: 12px
}

.c-exchange-summary-dialog-deal-stat .content-box .search-result-box .stat-box .stat-title {
    font-size: 16px;
    font-weight: 700
}

.c-exchange-summary-dialog-deal-stat .content-box .search-result-box .stat-box .buy-sell-stat {
    display: flex;
    font-size: 12px
}

.c-exchange-summary-dialog-deal-stat .content-box .search-result-box .stat-box .buy-sell-stat .sec-box {
    flex: 1 1 0%
}

.c-exchange-summary-dialog-deal-stat .content-box .search-result-box .stat-box .buy-sell-stat .sec-box .top-title {
    border-radius: 4px;
    font-weight: 500;
    padding: 5px;
    text-align: center
}

.c-exchange-summary-dialog-deal-stat .content-box .search-result-box .stat-box .buy-sell-stat .sec-box .bottom-stat {
    border-radius: 4px;
    padding-bottom: 4px;
    padding-top: 6px
}

.c-exchange-summary-dialog-deal-stat .content-box .search-result-box .stat-box .buy-sell-stat .sec-box .bottom-stat .row-stat {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 6px 12px
}

.c-exchange-summary-dialog-deal-stat .content-box .search-result-box .stat-box .buy-sell-stat .sec-box .bottom-stat .row-stat .field {
    color: #7d7f81
}

.c-exchange-summary-dialog-deal-stat .content-box .search-result-box .stat-box .buy-sell-stat .sec-box.buy-box .top-title {
    background: rgba(59, 191, 127, .1);
    color: #0ead98
}

.c-exchange-summary-dialog-deal-stat .content-box .search-result-box .stat-box .buy-sell-stat .sec-box.buy-box .bottom-stat {
    background: rgba(59, 191, 127, .04)
}

.c-exchange-summary-dialog-deal-stat .content-box .search-result-box .stat-box .buy-sell-stat .sec-box.sell-box .top-title {
    background: rgba(230, 88, 63, .1);
    color: #db5541
}

.c-exchange-summary-dialog-deal-stat .content-box .search-result-box .stat-box .buy-sell-stat .sec-box.sell-box .bottom-stat {
    background: rgba(230, 88, 63, .04)
}

.c-exchange-summary-dialog-deal-stat .content-box .search-result-box .prompt-text {
    color: #7d7f81;
    margin-left: 5px;
    margin-top: 20px;
    position: relative;
    z-index: 11
}

.c-exchange-summary-dialog-deal-stat .content-box .overload-box {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 400px
}

.c-exchange-summary-dialog-deal-stat .content-box .overload-box .el-icon-warning-outline {
    color: #db5541;
    font-size: 40px
}

.c-exchange-summary-dialog-deal-stat .content-box .overload-box .prompt-text {
    color: #000;
    font-size: 16px;
    margin-top: 10px
}

.dialog-stat-range-picker-popper {
    z-index: 9999 !important
}

.c-exchange-trade-settingdialog .settingdialog-popper {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(146, 153, 172, .2);
    min-width: 36px;
    padding: 6px 0
}

.c-exchange-trade-settingdialog .option {
    align-items: center;
    color: var(--text-3a3d42);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: space-between;
    padding: 0 12px
}

.c-exchange-trade-settingdialog .option:hover {
    background-color: var(--bg-f7f8fa);
    color: var(--text-0ead98)
}

.c-exchange-trade-settingdialog .option .text {
    font-size: 14px;
    font-weight: 500;
    min-width: 60px
}

.c-exchange-trade-settingdialog .divider {
    background-color: var(--bg-f7f8fa);
    height: 1px;
    margin: 5px 0;
    margin-inline-start: 12px
}

.c-exchange-trade-settingdialog .settingdialog-fee .settingdialog-fee-popper {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(146, 153, 172, .2);
    min-width: 220px;
    padding: 6px 0
}

.c-exchange-trade-header {
    border-bottom: 1px solid var(--border-e6e7eb-gray0602);
    display: flex;
    height: 46px;
    justify-content: space-between
}

.c-exchange-trade-header .header-left {
    align-items: center;
    display: flex;
    height: 100%
}

.c-exchange-trade-header .header-left .trade-type-tab {
    bottom: -3px;
    position: relative
}

.c-exchange-trade-header .header-left .trade-type-tab .tab-item {
    align-items: center;
    display: flex;
    line-height: 1 !important;
    padding: 0 12px !important
}

.c-exchange-trade-header .header-left .trade-type-tab .tab-item.active {
    color: var(--text-161719) !important
}

.c-exchange-trade-header .header-left .trade-type-tab .tab-item:first-of-type {
    padding-inline-start: 0 !important
}

.c-exchange-trade-header .header-left .trade-type-tab .tab-item:last-of-type {
    padding-inline-end: 0 !important
}

.c-exchange-trade-header .header-left .guide {
    border: 1px solid var(--text-0ead98);
    border-radius: 20px;
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 12px;
    min-width: 90px;
    padding: 5px 12px;
    text-align: center;
    transition: .3s
}

.c-exchange-trade-header .header-left .guide:hover {
    background-color: var(--text-0ead98);
    color: var(--text-ffffff)
}

.c-exchange-trade-header .header-right {
    align-items: center;
    color: var(--text-27282c);
    display: flex;
    font-size: 12px;
    font-weight: 400
}

.c-exchange-trade-header .header-right .btn-operation {
    align-items: center;
    background: no-repeat rgba(14, 173, 152, .1);
    border-radius: 4px;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.c-exchange-trade-header .header-right .btn-operation:hover {
    background: rgba(14, 173, 152, .2)
}

.c-exchange-trade-header .header-right .icon-analyse {
    background-image: url(../app-resources-d6/assets/f36ba7adf0111a18335f0a558ab14a85_db9c54404ad4e8066ffe.v2.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: inline-block;
    height: 16px;
    width: 16px
}

.c-exchange-trade-header .header-right .vicon-setting {
    background-image: url(../app-resources-d6/assets/f8c6b2ed12316b202a4e133505295599_76f21bab209b8fc53a3c.v2.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: inline-block;
    height: 16px;
    width: 16px
}

.c-exchange-trade-header .header-right .more-action {
    align-items: center;
    background: rgba(14, 173, 152, .05);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 22px;
    justify-content: center;
    width: 22px;
    z-index: 99
}

.c-exchange-trade-margindetail {
    background: var(--bg-ffffff);
    border-radius: 2px;
    box-shadow: 0 8px 20px rgba(107, 113, 134, .25);
    width: 320px
}

.c-exchange-trade-margindetail .container-inner {
    display: flex
}

.c-exchange-trade-margindetail .detail-box .coin {
    color: var(--text-27282c);
    font-size: 12px;
    font-weight: 500
}

.c-exchange-trade-margindetail .detail-box .detail-table {
    border-collapse: collapse;
    border-spacing: 0
}

.c-exchange-trade-margindetail .detail-box .detail-item {
    color: #7d7f81;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.c-exchange-trade-margindetail .btn-fund {
    background: var(--bg-ffffff);
    border: 1px solid var(--border-dee0eb);
    border-radius: 2px;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    text-align: center
}

.c-common-num-input {
    position: relative
}

.c-common-num-input input.input {
    background-color: transparent;
    border-color: var(--border-e0e3ed) !important;
    -o-border-image: initial;
    border-image: initial;
    border-radius: 4px !important;
    border-style: none;
    border-width: initial;
    color: var(--text-27282c) !important;
    display: block;
    outline: none;
    width: 100%
}

.c-common-num-input input.input::-webkit-input-placeholder {
    color: var(--text-7d7f81);
    font-size: 14px
}

.c-common-num-input input.input:focus,
.c-common-num-input input.input:hover {
    border-color: var(--border-0ead98) !important;
    border-width: 1px !important;
    box-shadow: 0 0 6px rgba(27, 190, 178, .1)
}

.c-common-num-input .iconfont {
    color: #d4d7e2;
    cursor: default;
    font-size: 15px;
    inset-inline-end: 19px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.c-asset-margin-transfer .full {
    width: 100%
}

.c-asset-margin-transfer .via-form .cursor {
    cursor: pointer
}

.c-asset-margin-transfer .via-form .el-form-item {
    margin-bottom: 16px
}

.c-asset-margin-transfer .via-form .el-form-item .el-form-item__label {
    line-height: 29px
}

.c-asset-margin-transfer .via-form .el-form-item .full {
    width: 100%
}

.c-asset-margin-transfer .via-form .el-form-item .full .el-input {
    width: 100% !important
}

.c-asset-margin-transfer .via-form .side-switch .selection {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e7ecf2);
    clear: both;
    cursor: pointer;
    line-height: 44px;
    padding-inline-start: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-asset-margin-transfer .via-form .side-switch .icon-swap {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 16px;
    margin: 42px 15px 0
}

.c-asset-margin-transfer .via-form .input-suffix {
    line-height: 24px;
    margin-top: 10px;
    margin-inline-end: 14px
}

.c-asset-margin-transfer .via-form .input-suffix .btn-white2 {
    color: var(--text-7d7f81);
    line-height: 22px;
    padding: 0 20px !important
}

.c-asset-margin-transfer .via-form .tip {
    line-height: 37px
}

.c-asset-margin-transfer .ops {
    height: 48px
}

.c-asset-margin-transfer .ops .btn-blue {
    line-height: 46px
}

.c-asset-margin-transfer .num-suffix {
    inset-inline-end: 5px;
    position: absolute;
    top: 40px
}

.c-asset-margin-closeprice .liquidation-table {
    width: 100%
}

.c-asset-margin-closeprice .liquidation-table tbody tr td {
    border: 1px solid var(--border-dee0eb);
    font-size: 12px;
    padding: 8px 4px;
    text-align: center
}

.c-asset-margin-closeprice .liquidation-table tbody tr.row-one td {
    border: none
}

.c-asset-margin-closeprice .liquidation-table tbody tr.row-one td.is-active {
    background-color: var(--bg-0ead98);
    color: #fff;
    max-width: 110px;
    word-break: break-word
}

.c-asset-margin-closeprice .liquidation-table tbody tr .row-text {
    background-color: var(--bg-f2f2f2)
}

.c-exchange-trade-margin {
    min-height: 52px
}

.c-exchange-trade-margin,
.c-exchange-trade-margin .content-left {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-exchange-trade-margin .content-left .margin-item {
    flex: 1 1 0%;
    line-height: 16px;
    white-space: nowrap
}

.c-exchange-trade-margin .content-left .margin-item.rights {
    margin-inline: 20px
}

.c-exchange-trade-margin .content-left .margin-item .icon-risk {
    height: 17.2px;
    width: 30px
}

.c-exchange-trade-margin .content-left .margin-item .icon-wrap {
    background-color: var(--bg-f2f3f5);
    border-radius: 2px;
    color: var(--text-b4b7bd);
    cursor: pointer;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    text-align: center;
    width: 14px
}

.c-exchange-trade-margin .content-left .margin-item .icon-wrap:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.c-exchange-trade-margin .content-left .margin-item.risk {
    align-items: center;
    display: flex
}

.c-exchange-trade-margin .content-left .btn-detail {
    border: 1px solid var(--border-e6e7eb);
    color: var(--text-b4b7bd);
    cursor: pointer;
    height: 19px;
    line-height: 14px;
    text-align: center;
    width: 18px
}

.c-exchange-trade-margin .content-left .btn-detail .iconfont {
    font-size: 14px;
    position: relative;
    top: 1px;
    transition: transform .5s
}

.c-exchange-trade-margin .content-left .btn-detail.active,
.c-exchange-trade-margin .content-left .btn-detail:hover {
    border-color: var(--border-0ead98);
    color: var(--text-0ead98)
}

.c-exchange-trade-margin .content-left .btn-detail.active .iconfont {
    transform: rotate(180deg)
}

.c-exchange-trade-margin .content-right .btn-action {
    border: 1px solid var(--border-e7ecf2);
    border-radius: 2px;
    box-shadow: 1px 1px 4px 0 rgba(141, 146, 167, .16);
    color: var(--text-27282c);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 29px;
    line-height: 29px;
    padding: 0 15px
}

.c-exchange-trade-margin .content-right .btn-box .el-button {
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    min-width: 90px
}

.c-exchange-placeorder-available .vicon-add {
    height: auto;
    width: 16px
}

.c-exchange-placeorder-input .prefix-name {
    min-width: 50px
}

.c-exchange-placeorder-input .divider {
    background-color: var(--bg-e6e7eb);
    height: 20px;
    width: 1px
}

.c-exchange-placeorder-input .error-tip {
    background-color: var(--bg-3a3d42);
    border-radius: 8px;
    box-shadow: 0 12px 48px rgba(164, 197, 205, .05), 0 9px 28px rgba(164, 197, 205, .07), 0 6px 16px rgba(164, 197, 205, .1);
    color: var(--text-ffffff);
    min-height: 40px;
    min-width: 126px;
    padding: 12px
}

.c-exchange-placeorder-input .c-common-popper-container[data-popper-placement^=top] .popper-arrow:after {
    border-top-color: var(--border-3a3d42)
}

.c-exchange-placeorder-slider {
    overscroll-behavior: none;
    touch-action: none
}

.c-exchange-placeorder-slider .percent {
    background-color: var(--bg-f7f8fa-gray0801);
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--text-707580);
    flex: 1 1 0%;
    height: 30px;
    line-height: 30px;
    margin-inline-end: 12px;
    text-align: center
}

.c-exchange-placeorder-slider .percent.active {
    background: rgba(14, 173, 152, .05);
    border: 1px solid #0ead98;
    border-radius: 4px;
    color: #0ead98
}

.c-exchange-placeorder-slider .percent:last-child {
    margin-inline-end: 0
}

.c-exchange-placeorder-warndialog .el-button {
    height: 42px
}

.c-exchange-placeorder-warndialog .warning-logo {
    background-color: rgba(243, 139, 44, .1);
    height: 100px;
    width: 100px
}

.c-exchange-placeorder-warndialog .warning-logo .el-icon-warning {
    font-size: 62px
}

.c-exchange-placeorder-autoborrowwarndialog .warning-wrapper {
    background-color: rgba(243, 139, 44, .1);
    height: 100px;
    width: 100px
}

.c-exchange-placeorder-autoborrowwarndialog .warning-wrapper .el-icon-warning {
    font-size: 62px
}

.c-exchange-placeorder-limit,
.c-exchange-placeorder-market {
    width: 100%
}

.c-exchange-placeorder-market .market-price {
    height: 48px;
    line-height: 48px
}

.c-exchange-placeorder-market .via-select .via-select-label {
    color: var(--text-707580) !important;
    font-weight: 500;
    white-space: nowrap
}

.c-exchange-placeorder-market .via-select .via-select-label.input {
    padding-inline-end: 24px !important
}

.c-exchange-placeorder-market .via-select .icon-arrow-down {
    font-size: 12px;
    margin-inline-start: 4px
}

.c-exchange-placeorder-limitstop,
.c-exchange-placeorder-marketstop {
    width: 100%
}

.c-exchange-placeorder-marketstop .market-price {
    height: 48px;
    line-height: 48px
}

.c-exchange-placeorder-marketstop .via-select .via-select-label {
    color: var(--text-707580) !important;
    font-weight: 500;
    white-space: nowrap
}

.c-exchange-placeorder-marketstop .via-select .via-select-label.input {
    padding-inline-end: 24px !important
}

.c-exchange-placeorder-marketstop .via-select .icon-arrow-down {
    font-size: 12px;
    margin-inline-start: 4px
}

.c-exchange-placeorder-stopwarndialog .trigger-warning {
    background-color: rgba(243, 139, 44, .1);
    height: 100px;
    width: 100px
}

.c-exchange-placeorder-stopwarndialog .trigger-warning .el-icon-warning {
    font-size: 62px
}

.c-exchange-order-autoborrowopen-dialog .warning-wrapper {
    background-color: rgba(243, 139, 44, .1);
    height: 100px;
    width: 100px
}

.c-exchange-order-autoborrowopen-dialog .warning-wrapper .el-icon-warning {
    font-size: 62px
}

.c-exchange-placeorder-ordertypeselect .select-item {
    color: var(--text-3a3d42);
    cursor: pointer;
    margin-inline-end: 40px;
    padding-bottom: 8px
}

.c-exchange-placeorder-ordertypeselect .select-item.last-item {
    margin-inline-end: 0
}

.c-exchange-placeorder-ordertypeselect .select-item.active {
    border-bottom: 2px solid #0ead98;
    color: #0ead98
}

.c-exchange-placeorder-ordertypeselect .option-popper {
    background-color: var(--bg-fefefe);
    border-radius: 4px;
    box-shadow: 0 8px 12px rgba(49, 50, 55, .05)
}

.c-exchange-placeorder-ordertypeselect .option-item {
    color: var(--text-707580);
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 12px
}

.c-exchange-placeorder-ordertypeselect .option-item.active {
    background-color: rgba(14, 173, 152, .05);
    color: #0ead98
}

.c-strategy-auto-invest-risktipdialog .via-dialog {
    margin-top: 20vh
}

.c-strategy-auto-invest-market-popover .active .arrow-down {
    background: rgba(14, 173, 152, .1);
    border-color: transparent
}

.c-strategy-auto-invest-market-popover .active .arrow-down i {
    color: var(--text-0ead98);
    transform: rotate(-180deg)
}

.c-strategy-auto-invest-market-popover .content {
    background: rgba(0, 0, 0, 1);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .3);
    left: 32px;
    margin-top: 10px;
    overflow: hidden;
    padding: 16px 20px 0;
    position: absolute;
    right: 32px;
    z-index: 10
}

.c-strategy-auto-invest-market-popover .via-input {
    background-color: var(--bg-f7f8fa);
    border: 1px solid var(--border-f7f8fa)
}

.c-strategy-auto-invest-market-popover .via-table-body .table-prop-cell.sortable:after,
.c-strategy-auto-invest-market-popover .via-table-default.scrollable-x.is-scroll-start:after {
    display: none
}

.c-strategy-auto-invest-market-popover .via-table-default .table-header {
    background-color: transparent
}

.c-strategy-auto-invest-market-popover .via-table-body .table-prop-cell {
    border-bottom: none
}

.c-strategy-auto-invest-market-popover .table-label {
    padding: 0 !important
}

.c-strategy-auto-invest-market-popover .c-common-empty {
    background: transparent;
    min-height: 200px
}

.fade-enter-active[data-v-626e4ffb],
.fade-leave-active[data-v-626e4ffb] {
    transition: opacity .3s
}

.fade-enter[data-v-626e4ffb],
.fade-leave-to[data-v-626e4ffb] {
    opacity: 0
}

.theme-night .c-strategy-auto-invest-market-popover .content {
    box-shadow: none
}

.c-strategy-spot-grid-market-select .arrow-down {
    align-items: center;
    border: 1px solid var(--border-e6e7eb);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 25px;
    justify-content: center;
    width: 20px
}

.c-strategy-spot-grid-market-select .arrow-down:hover {
    background: rgba(14, 173, 152, .1);
    border-color: transparent
}

.c-strategy-spot-grid-market-select .arrow-down:hover i {
    color: var(--text-0ead98)
}

.c-strategy-spot-grid-market-select .arrow-down i {
    color: var(--text-707580);
    font-size: 12px;
    transition: transform .3s
}

.c-strategy-spot-grid-market-select .gray {
    filter: grayscale(100%)
}

.c-strategy-spot-grid-select-popper .input-div,
.c-strategy-spot-grid-select-popper-class .input-div {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    cursor: pointer;
    display: flex;
    height: 40px;
    padding: 0 12px;
    position: relative;
    width: 220px
}

.c-strategy-spot-grid-select-popper .input-div .iconfont,
.c-strategy-spot-grid-select-popper-class .input-div .iconfont {
    color: var(--text-707580);
    font-size: 14px;
    inset-inline-end: 16px;
    position: absolute;
    top: 10px
}

.c-strategy-spot-grid-select-popper .coin-box-wrap,
.c-strategy-spot-grid-select-popper-class .coin-box-wrap {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 4px 12px
}

.c-strategy-spot-grid-select-popper .coin-box-wrap.active,
.c-strategy-spot-grid-select-popper .coin-box-wrap:hover,
.c-strategy-spot-grid-select-popper-class .coin-box-wrap.active,
.c-strategy-spot-grid-select-popper-class .coin-box-wrap:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98);
    font-weight: 500
}

.c-strategy-spot-grid-select-popper .disabled .coin-box-wrap,
.c-strategy-spot-grid-select-popper-class .disabled .coin-box-wrap {
    background: var(--bg-f7f8fa);
    cursor: not-allowed
}

.c-strategy-spot-grid-select-popper .coin-box,
.c-strategy-spot-grid-select-popper-class .coin-box {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%
}

.c-strategy-spot-grid-select-popper .coin-text,
.c-strategy-spot-grid-select-popper-class .coin-text {
    color: var(--text-27282c);
    font-size: 14px;
    font-weight: 600;
    padding-inline-start: 5px
}

.c-strategy-spot-grid-select-popper-class {
    background-color: var(--bg-ffffff);
    border-radius: 4px;
    box-shadow: 0 8px 12px rgba(49, 50, 55, .05);
    width: 220px;
    z-index: 3000
}

.c-strategy-spot-grid-select-tooltip-class {
    min-width: 200px;
    z-index: 9999 !important
}

.c-strategy-spot-grid-confirm-dialog .via-dialog {
    margin-top: 15vh
}

.c-strategy-spot-grid-confirm-dialog .params-box {
    border-bottom: 1px solid var(--border-e6e7eb);
    padding-bottom: 7px
}

.c-strategy-spot-grid-confirm-dialog .params {
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin-bottom: 13px
}

.c-strategy-spot-grid-confirm-dialog .params .label {
    color: var(--text-707580)
}

.c-strategy-spot-grid-confirm-dialog .params .prop {
    color: var(--text-161719)
}

.c-strategy-spot-grid-create-dialog .via-dialog {
    margin-top: 15vh;
    min-height: 700px
}

.c-strategy-spot-grid-create-dialog .custom-underline {
    border-bottom: 1px dashed var(--text-aeb0b3);
    white-space: nowrap
}

.c-strategy-spot-grid-create-dialog .line-height-20px {
    line-height: 20px
}

.c-strategy-spot-grid-create-dialog .create-type-tab .tab-item {
    align-items: center;
    display: flex;
    height: 30px !important;
    justify-content: center;
    line-height: 1 !important;
    padding: 0 28px !important;
    text-align: center
}

.c-strategy-spot-grid-create-dialog .time-interval-tab .tab-item {
    font-size: 12px !important;
    height: 24px !important;
    line-height: 24px !important;
    min-width: 60px;
    padding: 0;
    text-align: center
}

.c-strategy-spot-grid-create-dialog .area-input {
    background-color: var(--bg-f7f8fa);
    border: 1px solid var(--border-f7f8fa)
}

.c-strategy-spot-grid-create-dialog .err-info {
    color: var(--text-db5541);
    font-size: 12px
}

.c-strategy-spot-grid-create-dialog .price-input {
    padding: 0 8px;
    width: 224px
}

.c-strategy-spot-grid-create-dialog .price-input .input-inner {
    width: 150px
}

.c-strategy-spot-grid-create-dialog .via-collapse .via-collapse-item .via-collapse-item__content {
    padding-top: 0;
    padding-inline-start: 0
}

.c-strategy-spot-grid-create-dialog .via-collapse .via-collapse-item .via-collapse-item__header {
    border-bottom: none;
    height: 20px;
    line-height: 20px;
    padding-inline-start: 0
}

.c-strategy-spot-grid-create-dialog .via-collapse .via-collapse-item .via-collapse-item__header.is-active {
    background-color: var(--bg-ffffff)
}

.c-strategy-spot-grid-create-dialog .investment-currency {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-exchange-placeorder-container {
    min-height: 352px
}

.c-exchange-placeorder-container .section-type {
    align-items: center;
    display: flex
}

.c-exchange-placeorder-container .section-type .type-button {
    border-radius: 4px;
    color: var(--text-aeb0b3);
    height: 30px;
    line-height: 30px;
    min-width: 90px
}

.c-exchange-placeorder-container .section-type .tab-menu {
    display: flex
}

.c-exchange-placeorder-container .section-type .tab-menu .tab-menu-item {
    background-color: var(--bg-f7f8fa-gray0802);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    min-width: 120px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-exchange-placeorder-container .section-type .tab-menu .tab-menu-item.active,
.c-exchange-placeorder-container .section-type .tab-menu .tab-menu-item:hover {
    background-color: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.c-exchange-placeorder-container .section-type .tab-menu .tab-menu-item+.tab-menu-item {
    margin-inline-start: 8px
}

.c-exchange-placeorder-container .section-effect .text {
    color: var(--text-27282c);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    padding-bottom: 2px;
    position: relative
}

.c-exchange-placeorder-container .section-effect .setting-item {
    align-items: center;
    background-color: rgba(14, 173, 152, .05);
    border-radius: 4px;
    color: var(--text-b4b7bd);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 22px;
    justify-content: center;
    line-height: 22px;
    margin: 0 2px;
    padding: 2px 6px
}

.c-exchange-placeorder-container .section-effect .setting-item.active {
    color: var(--text-0ead98)
}

.c-exchange-placeorder-container .section-effect .time-item {
    background: rgba(14, 173, 152, .05);
    border-radius: 4px;
    min-width: 55px
}

.c-exchange-placeorder-container .section-effect .time-item .icon-arrow-down {
    transition: transform .2s ease-in-out
}

.c-exchange-placeorder-container .section-effect .time-item .icon-arrow-down.expand {
    transform: rotate(-180deg)
}

.c-exchange-placeorder-container .section-effect .time-item .icon-arrow-down.active {
    color: var(--text-0ead98)
}

.c-exchange-placeorder-container .section-effect .effect-dialog-content {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 12px 48px rgba(164, 197, 205, .05), 0 9px 28px rgba(164, 197, 205, .07), 0 6px 16px rgba(164, 197, 205, .1);
    min-width: 230px;
    padding: 12px 0
}

.c-exchange-placeorder-container .icon-analyse {
    background-image: url(../app-resources-d6/assets/f36ba7adf0111a18335f0a558ab14a85_db9c54404ad4e8066ffe.v2.svg);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    display: inline-block;
    height: 14px;
    width: 14px
}

.c-exchange-placeorder-container .section-execute {
    overscroll-behavior-x: contain
}

.c-exchange-placeorder-container .spot-grid-btn {
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    min-width: 120px;
    padding: 0;
    text-align: center
}

.c-exchange-trade-countdown {
    display: flex;
    height: 100%;
    inset-inline-start: 10px;
    justify-content: center;
    padding-top: 80px;
    width: 100%
}

.c-exchange-trade-countdown .open-box {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px
}

.c-exchange-trade-countdown .tip {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px
}

.c-exchange-trade-countdown .counter-box {
    margin-top: 10px
}

.c-exchange-trade-countdown .counter-box .num {
    background: linear-gradient(193deg, #fff, #ededed);
    border: 1px solid #ececf0;
    border-radius: 8px;
    display: inline-block;
    font-size: 30px;
    height: 93px;
    line-height: 93px;
    text-align: center;
    width: 50px
}

.c-exchange-trade-countdown .counter-box .divider {
    margin: 0 4px
}

.c-exchange-trade-countdown .time-box {
    display: flex;
    margin-top: 12px
}

.c-exchange-trade-countdown .time-box .text {
    flex: 1 1 0%;
    font-size: 14px;
    text-align: center
}

.c-exchange-trade-countdown .time-box .divider {
    margin: 0 6px
}

.c-common-risk-warning {
    align-items: center;
    background-color: var(--bg-f38b2c-5);
    color: var(--text-f38b2c);
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    line-height: normal;
    padding: 8px 20px
}

.c-common-risk-warning .icon-warn-triangle {
    font-size: 14px
}

.c-common-risk-warning .content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.c-common-risk-warning .content .risk-warning,
.c-common-risk-warning .content .risk-warning>*,
.c-common-risk-warning-tooltip .content .risk-warning,
.c-common-risk-warning-tooltip .content .risk-warning>* {
    display: inline
}

.c-common-st-coin-dialog .st-box {
    background: rgba(243, 139, 44, .05);
    padding: 8px 20px
}

.c-common-st-coin-dialog .st-text {
    font-size: 12px
}

.c-common-st-coin-dialog-dialog .via-dialog .el-checkbox__label {
    color: var(--text-707580);
    font-weight: 400;
    padding-inline-start: 4px
}

.c-common-st-coin-dialog-dialog .via-dialog .el-button {
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    width: 100%
}

.c-exchange-bidding .vicon-bidding {
    height: 52px;
    width: 52px
}

.c-exchange-bidding .desc {
    position: relative
}

.c-exchange-bidding .desc:before {
    background-color: var(--bg-3a3d42);
    border-radius: 100%;
    content: "";
    height: 4px;
    inset-inline-start: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px
}

.c-exchange-chart-ai-set .set-wrapper {
    background-color: var(--bg-f2f3f5);
    border-radius: 4px;
    display: inline-block;
    height: 24px;
    text-align: center;
    width: 24px
}

.c-exchange-chart-ai-set .back {
    align-items: center;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    font-weight: 500
}

.popper-ai-set .via-radio-group .via-radio-button__inner {
    font-weight: 700 !important
}

.c-exchange-chart-klinenav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 34px;
    padding: 4px 10px 0
}

.c-exchange-chart-klinenav .navbar-left {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding-top: 4px
}

.c-exchange-chart-klinenav .navbar-left .period-item {
    border-bottom: 2px solid transparent;
    color: var(--text-707580);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400
}

.c-exchange-chart-klinenav .navbar-left .period-item:hover {
    color: var(--text-161719)
}

.c-exchange-chart-klinenav .navbar-left .period-item.selected {
    border-bottom-color: var(--text-0ead98);
    color: var(--text-161719);
    font-weight: 500
}

.c-exchange-chart-klinenav .navbar-left .selectable-panel {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 12px 48px rgba(164, 197, 205, .05), 0 9px 28px rgba(164, 197, 205, .07), 0 6px 16px rgba(164, 197, 205, .1);
    min-height: 160px;
    padding: 16px 12px;
    width: 376px
}

.c-exchange-chart-klinenav .navbar-left .selectable-panel .selectable-item {
    border: 1px solid transparent;
    margin-bottom: 8px;
    min-width: 80px;
    overflow: hidden;
    position: relative
}

.c-exchange-chart-klinenav .navbar-left .selectable-panel .selectable-item.active {
    border-color: var(--border-0ead98)
}

.c-exchange-chart-klinenav .navbar-left .chart-type-select {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(146, 153, 172, .2);
    min-width: 140px
}

.c-exchange-chart-klinenav .navbar-left .chart-type-select .select-item {
    background-color: var(--bg-ffffff);
    color: var(--text-707580);
    display: flex
}

.c-exchange-chart-klinenav .navbar-left .chart-type-select .select-item.active,
.c-exchange-chart-klinenav .navbar-left .chart-type-select .select-item:hover {
    background-color: var(--bg-f7f8fa);
    color: var(--text-0ead98)
}

.c-exchange-chart-klinenav .navbar-right {
    align-items: center;
    display: flex;
    padding-top: 4px
}

.c-exchange-chart-klinenav .navbar-name {
    color: #9ca9b5;
    font-size: 14px
}

.c-exchange-chart-klinenav .selected .navbar-name {
    color: var(--text-0ead98)
}

.c-exchange-chart-klinenav .btn-operate {
    color: var(--text-707580);
    cursor: pointer;
    font-size: 14px
}

.c-exchange-chart-klinenav .btn-operate:hover {
    color: var(--text-0ead98)
}

.c-exchange-chart-klinenav .btn-common {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.c-exchange-chart-klinenav .btn-common:hover {
    background: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.c-exchange-chart-klinenav .btn-tab {
    background-color: var(--bg-f7f8fa);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    min-width: 80px;
    text-align: center
}

.c-exchange-chart-klinenav .btn-tab.active,
.c-exchange-chart-klinenav .btn-tab:hover {
    background-color: var(--bg-0ead98-10);
    color: var(--text-0ead98)
}

.c-exchange-chart-klinenav .btn-chart-select {
    background-color: var(--bg-fafbfc);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    margin-inline-end: 4px;
    min-width: 65px;
    padding: 0 14px;
    text-align: center
}

.c-exchange-chart-klinenav .btn-chart-select.active,
.c-exchange-chart-klinenav .btn-chart-select:hover {
    background-color: var(--bg-0ead98-10);
    color: #0ead98
}

.c-exchange-chart-klinenav .common-btn {
    align-items: center;
    background-color: var(--bg-0ead98);
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    line-height: 1;
    min-height: 26px;
    outline: none;
    padding: 4px 24px
}

.c-exchange-chart-klinenav .common-btn.disabled {
    background-color: var(--bg-f7f8fa) !important;
    border: 1px solid transparent !important;
    color: var(--text-b4b7bd) !important;
    cursor: not-allowed
}

.c-exchange-chart-klinegroup {
    background-color: transparent;
    display: grid;
    gap: 1px;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-rows: minmax(0, 1fr)
}

.c-exchange-chart-klinegroup.grid-areas-1 {
    grid-template-areas: "A0"
}

.c-exchange-chart-klinegroup.grid-areas-2 {
    grid-template-areas: "A0 A1"
}

.c-exchange-chart-klinegroup.grid-areas-3 {
    grid-template-areas: "A0 A0" "A1 A2"
}

.c-exchange-chart-klinegroup.grid-areas-4 {
    grid-template-areas: "A0 A1" "A2 A3"
}

.c-exchange-chart-klinegroup .grid-area-0 {
    grid-area: A0
}

.c-exchange-chart-klinegroup .grid-area-1 {
    grid-area: A1
}

.c-exchange-chart-klinegroup .grid-area-2 {
    grid-area: A2
}

.c-exchange-chart-klinegroup .grid-area-3 {
    grid-area: A3
}

.c-exchange-chart-klinegroup .group-item {
    position: relative
}

.c-exchange-chart-klinegroup .group-item.active:after {
    box-shadow: inset 0 0 0 2px #0ead98;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

.c-exchange-chart-depthchart {
    height: 100%
}

.c-exchange-chart-ai-dialog-cancel .via-dialog .via-dialog-footer {
    display: flex
}

.c-exchange-chart-ai-dialog-cancel .via-dialog .via-dialog-footer .via-btn {
    flex: 1 1 0%
}

.c-exchange-chart-ai-avatar .avatar-box {
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    flex-shrink: 0;
    height: 42px;
    position: relative;
    width: 42px
}

.c-exchange-chart-ai-avatar .avatar-box .avatar-img {
    height: 42px;
    width: 42px
}

.c-exchange-chart-ai-avatar .avatar-box .icon-wrapper {
    bottom: -6px;
    display: inline-block;
    inset-inline-end: -2px;
    position: absolute
}

.c-exchange-chart-ai-avatar .avatar-box .icon-wrapper .iconfont {
    background-color: var(--bg-ffffff);
    border-radius: 50%;
    color: #587bf5
}

.c-exchange-chart-ai-follow .follow {
    background-color: rgba(88, 123, 245, .05);
    border: 1px solid #587bf5;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    height: 20px;
    padding: 0 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-exchange-chart-ai-follow .follow .follow-text {
    color: #587bf5;
    font-size: 12px;
    font-weight: 500
}

.c-exchange-chart-ai-long-text {
    margin-top: 12px;
    position: relative
}

.c-exchange-chart-ai-long-text.is-big .full-text {
    color: var(--text-3a3d42);
    font-weight: 500
}

.c-exchange-chart-ai-long-text.is-small .full-text {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.c-exchange-chart-ai-long-text.is-small .operate-text {
    font-size: 12px
}

.c-exchange-chart-ai-long-text .is-show-less {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.c-exchange-chart-ai-long-text .operate-text {
    background-color: var(--bg-ffffff);
    bottom: 0;
    color: var(--text-0ead98);
    cursor: pointer;
    display: inline-block;
    inset-inline-end: 0;
    padding-inline-start: 4px;
    position: absolute;
    text-decoration: underline
}

.c-exchange-chart-ai-analysis-list {
    height: 100%;
    position: relative
}

.c-exchange-chart-ai-analysis-list .analyst-box .has-data-box .list-box {
    max-height: 460px;
    overflow-y: auto
}

.c-exchange-chart-ai-analysis-list .analyst-box .has-data-box .row-date {
    background-color: rgba(181, 189, 207, .1);
    color: var(--text-3a3d42);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 4px 32px
}

.c-exchange-chart-ai-analysis-list .analyst-box .has-data-box .item-analyst {
    display: flex;
    padding: 16px 32px
}

.c-exchange-chart-ai-analysis-list .analyst-box .has-data-box .item-analyst .right-info .info-top {
    display: flex
}

.c-exchange-chart-ai-analysis-list .analyst-box .has-data-box .item-analyst .right-info .info-top .sec-title-time {
    cursor: pointer
}

.c-exchange-chart-ai-analysis-list .analyst-box .has-data-box .item-analyst .right-info .info-top .sec-title-time .title-text {
    color: var(--text-3a3d42);
    font-size: 16px;
    font-weight: 700
}

.c-exchange-chart-ai-analysis-list .analyst-box .has-data-box .item-analyst .right-info .info-top .sec-title-time .time-text {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 500;
    margin-top: 4px
}

.c-exchange-chart-ai-analysis-list .analyst-box .no-data-box {
    color: var(--text-707580);
    padding: 20px 32px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.c-exchange-chart-ai-analysis-list .analyst-box .no-data-box .c-common-empty {
    min-height: auto
}

.c-exchange-chart-ai-analysis-list .sec-explain {
    align-items: center;
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    bottom: 10px;
    box-shadow: 0 1px 6px 0 rgba(139, 141, 165, .25);
    color: var(--text-707580);
    cursor: default;
    display: flex;
    font-weight: 500;
    height: 24px;
    inset-inline-end: 8px;
    line-height: 24px;
    padding: 0 12px;
    position: absolute
}

.c-exchange-chart-ai-analyst-detail .detail-top-box {
    box-shadow: 0 4px 24px 0 rgba(134, 140, 170, .15);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%);
    clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%)
}

.c-exchange-chart-ai-analyst-detail .detail-top-box .analyst-info {
    display: flex
}

.c-exchange-chart-ai-analyst-detail .detail-top-box .analyst-info .right-info .row-title {
    align-items: center;
    display: flex
}

.c-exchange-chart-ai-analyst-detail .detail-top-box .analyst-info .right-info .row-title .title-text {
    color: var(--text-3a3d42);
    font-size: 16px;
    font-weight: 700
}

.c-exchange-chart-ai-analyst-detail .detail-top-box .analyst-info .right-info .intro-text {
    color: var(--text-707580);
    font-weight: 500;
    margin-top: 4px
}

.c-exchange-chart-ai-analyst-detail .detail-content {
    min-height: 200px
}

.c-exchange-chart-ai-analyst-detail .detail-content .report-box {
    max-height: 382px;
    overflow-y: auto
}

.c-exchange-chart-ai-analyst-detail .detail-content .report-box .report-item:last-of-type .single-report {
    padding-bottom: 0
}

.c-exchange-chart-ai-analyst-detail .detail-content .report-box .report-item .row-date {
    color: var(--text-3a3d42);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 12px
}

.c-exchange-chart-ai-analyst-detail .detail-content .report-box .report-item .single-report {
    align-items: baseline;
    display: flex;
    padding-bottom: 20px;
    position: relative
}

.c-exchange-chart-ai-analyst-detail .detail-content .report-box .report-item .single-report:after {
    border-left: 1px dashed #d9d9d9;
    content: "";
    display: block;
    height: calc(100% - 10px);
    inset-inline-start: 4px;
    position: absolute;
    top: 16px;
    width: 1px
}

.c-exchange-chart-ai-analyst-detail .detail-content .report-box .report-item .single-report .left-dot {
    border: 2px solid var(--border-707580);
    border-radius: 50%;
    flex-shrink: 0;
    height: 9px;
    width: 9px
}

.c-exchange-chart-ai-analyst-detail .detail-content .report-box .report-item .single-report .right-report .report-time {
    font-weight: 700
}

.c-exchange-chart-ai-analyst-detail .detail-content .report-box .report-item .single-report .right-report .report-content {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

.c-exchange-chart-ai-analyst-detail .detail-content .no-data-box {
    color: var(--text-707580);
    padding: 20px 32px;
    text-align: center
}

.c-exchange-chart-ai-analyst-detail .detail-content .no-data-box .c-common-empty {
    min-height: auto
}

.c-exchange-chart-ai-index {
    background-color: var(--bg-ffffff);
    color: var(--text-161719);
    height: 100%;
    padding-top: 8px
}

.c-exchange-chart-screenshot-dialog .icon-twitter {
    color: #1ea1f2
}

.vk-button {
    background: var(--vk-bg-ffffff);
    border: 1px solid var(--vk-border-dee0e3);
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(136, 148, 173, .25);
    color: var(--vk-text-161719);
    cursor: pointer;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    min-width: 100px;
    padding: 0 12px
}

.vk-button.is-black {
    background: radial-gradient(125.21% 110.94% at 49% 0, #121315 0, #474a50 100%);
    border-color: transparent;
    box-shadow: inset 0 2px 2px hsla(0, 0%, 100%, .26), 0 1px 4px rgba(42, 47, 61, .37);
    color: var(--vk-text-ffffff)
}

.theme-night .vk-button {
    box-shadow: none
}

.theme-night .vk-button.is-black {
    background: #393e47;
    border-color: #393e47;
    color: #fff
}

.vk-dialog-mask {
    bottom: 0;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    overflow: auto;
    overscroll-behavior-y: contain;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 99999
}

.vk-dialog-mask:after {
    content: "";
    height: 100%;
    width: 0
}

.vk-dialog-mask:after,
.vk-dialog-wrapper {
    display: inline-block;
    vertical-align: middle
}

.vk-dialog-wrapper {
    background: var(--vk-bg-ffffff);
    border: 1px solid var(--vk-border-dee0e3);
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(166, 169, 182, .25);
    margin: -100px auto 0;
    min-height: 100px;
    position: relative;
    text-align: start;
    width: 420px
}

.vk-dialog-wrapper .dialog-header {
    align-items: center;
    border-bottom: 1px solid var(--vk-border-e6e7eb);
    color: var(--vk-text-161719);
    display: flex;
    font-size: 20px;
    font-weight: 700;
    justify-content: space-between;
    padding: 16px
}

.vk-dialog-wrapper .dialog-header .title {
    padding: 0 16px
}

.vk-dialog-wrapper .dialog-footer {
    align-items: center;
    background: var(--vk-bg-f2f3f5);
    border-radius: 0 0 8px 8px;
    border-top: 1px solid var(--vk-border-e6e7eb);
    box-shadow: 0 4px 4px rgba(217, 223, 236, .05);
    display: flex;
    height: 80px;
    justify-content: flex-end;
    padding: 0 28px
}

.vk-dialog-wrapper .dialog-footer .vk-button {
    margin: 0 4px
}

.vk-dialog-wrapper .close-btn {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.theme-night .dialog-footer,
.theme-night .vk-dialog-wrapper {
    box-shadow: none
}

.screen-md .vk-dialog-wrapper {
    margin: 100px 20px;
    width: calc(100% - 40px) !important
}

.screen-md .dialog-header {
    border-bottom: none;
    font-size: 16px;
    padding: 12px
}

.screen-md .dialog-header .title {
    padding: 0
}

.screen-md .dialog-footer {
    height: 60px;
    padding: 0 12px
}

.vk-radio {
    color: var(--vk-text-161719);
    font-size: 14px;
    margin-inline-end: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: normal
}

.vk-radio,
.vk-radio .vk-radio__input {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    outline: 0;
    position: relative
}

.vk-radio .vk-radio__input {
    margin-inline-end: 4px;
    vertical-align: middle;
    white-space: nowrap
}

.vk-radio .vk-radio__input .vk-radio__inner {
    background-color: var(--vk-bg-ffffff);
    border: 1px solid var(--vk-border-b4b7bd);
    border-radius: 100%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    position: relative;
    width: 14px
}

.vk-radio .vk-radio__input .vk-radio__inner:after {
    border-bottom: 1.5px solid #fff;
    -o-border-image: initial;
    border-image: initial;
    border-left-color: initial;
    border-left-style: none;
    border-left-width: 0;
    border-right: 1.5px solid #fff;
    border-top-color: initial;
    border-top-style: none;
    border-top-width: 0;
    box-sizing: content-box;
    content: "";
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    transform-origin: center center;
    transition: transform .15s ease-in .05s;
    width: 3px
}

.vk-radio .vk-radio__input .vk-radio__original {
    inset: 0;
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1
}

.vk-radio .vk-radio__input.is-checked .vk-radio__inner {
    background: #205bf1;
    border-color: #205bf1
}

.vk-radio .vk-radio__input.is-checked .vk-radio__inner:after {
    transform: rotate(45deg) scaleY(.8)
}

.vk-radio .vk-radio__input.is-disabled .vk-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    cursor: not-allowed
}

.vk-radio .vk-radio__input.is-disabled .vk-radio__inner:after {
    background-color: #c0c4cc
}

.vk-radio .vk-radio__input.is-disabled+span.vk-radio__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.vk-radio .vk-radio__label {
    font-size: 14px;
    padding-inline-start: 2px
}

.vk-popover-container {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .31);
    color: #707580;
    overflow: hidden;
    padding: 12px;
    z-index: 99;
    --arrow-border-color: var(--vk-border-ffffff)
}

.vk-popover-container.is-dark {
    background: var(--bg-3a3d42);
    color: var(--text-ffffff);
    --arrow-border-color: var(--border-3a3d42)
}

.vk-popover-container .popper-arrow,
.vk-popover-container .popper-arrow:after {
    border: 6px solid transparent;
    height: 0;
    width: 0
}

.vk-popover-container .popper-arrow:after {
    content: " ";
    display: block;
    position: absolute
}

.vk-popover-container[data-popper-placement^=top] .popper-arrow {
    border-bottom-width: 0;
    border-top-color: var(--arrow-border-color);
    bottom: -6px
}

.vk-popover-container[data-popper-placement^=top] .popper-arrow:after {
    border-bottom-width: 0;
    border-top-color: var(--arrow-border-color);
    bottom: 1px;
    margin-inline-start: -6px
}

.vk-popover-container[data-popper-placement^=bottom] .popper-arrow {
    border-bottom-color: var(--arrow-border-color);
    border-top-width: 0;
    top: -6px
}

.vk-popover-container[data-popper-placement^=bottom] .popper-arrow:after {
    border-bottom-color: var(--arrow-border-color);
    border-top-width: 0;
    margin-inline-start: -6px;
    top: 1px
}

.vk-popover-container[data-popper-placement^=right] .popper-arrow {
    border-inline-end-color: var(--arrow-border-color);
    border-inline-start-width: 0;
    inset-inline-start: -6px
}

.vk-popover-container[data-popper-placement^=right] .popper-arrow:after {
    border-inline-end-color: var(--arrow-border-color);
    border-inline-start-width: 0;
    left: 1px;
    margin-top: -6px
}

.vk-popover-container[data-popper-placement^=left] .popper-arrow {
    border-inline-end-width: 0;
    border-inline-start-color: var(--arrow-border-color);
    inset-inline-end: -6px
}

.vk-popover-container[data-popper-placement^=left] .popper-arrow:after {
    border-inline-end-width: 0;
    border-inline-start-color: var(--arrow-border-color);
    inset-inline-end: 1px;
    margin-top: -6px
}

.theme-night .vk-popover-container {
    background: #1f2229;
    border-color: #393e47;
    box-shadow: none
}

.fade-enter-active[data-v-26988d66],
.fade-leave-active[data-v-26988d66] {
    transition: opacity .3s
}

.fade-enter[data-v-26988d66],
.fade-leave-to[data-v-26988d66] {
    opacity: 0
}

.vk-color-board {
    position: relative
}

.vk-color-board .current {
    align-items: center;
    background: var(--vk-bg-ffffff);
    border: 1px solid var(--vk-border-dee0e3);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.vk-color-board .current .inner {
    border-radius: 50%;
    height: 16px;
    width: 16px
}

.vk-color-board .size-30.current {
    height: 30px;
    width: 30px
}

.vk-color-board .size-30.current .inner {
    height: 24px;
    width: 24px
}

.vk-color-board .is-rect.current {
    border-radius: 8px;
    height: 30px;
    width: 156px
}

.vk-color-board .is-rect.current .inner {
    border-radius: 6px;
    height: 22px;
    width: 148px
}

.popper-color-pane {
    padding: 6px
}

.popper-color-pane .color-pane {
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    width: 240px
}

.popper-color-pane .color-pane .color-item {
    cursor: pointer;
    height: 18px;
    margin: 3px;
    outline: 2px solid transparent;
    width: 18px
}

.popper-color-pane .color-pane .color-item.active,
.popper-color-pane .color-pane .color-item:hover {
    outline-color: #000
}

.theme-night .popper-color-pane .color-item.active,
.theme-night .popper-color-pane .color-item:hover {
    outline-color: #fff
}

.vk-checkbox {
    color: var(--vk-text-161719);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-inline-end: 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.vk-checkbox:last-of-type {
    margin-inline-end: 0
}

.vk-checkbox.is-disabled .vk-checkbox__input.is-disabled .vk-checkbox__inner {
    background-color: #edeff2;
    border-color: var(--vk-border-e6e7eb);
    cursor: not-allowed
}

.vk-checkbox.is-disabled .vk-checkbox__input.is-disabled+span.vk-checkbox__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.vk-checkbox.is-checked .vk-checkbox__input.is-checked .vk-checkbox__inner {
    background-color: #205bf1;
    border-color: #205bf1
}

.vk-checkbox.is-checked .vk-checkbox__input.is-checked .vk-checkbox__inner:after {
    transform: rotate(45deg) scaleY(1)
}

.vk-checkbox.is-checked .vk-checkbox__input.is-checked.is-disabled .vk-checkbox__inner {
    background-color: #e6e7eb;
    border-color: var(--vk-border-e6e7eb)
}

.vk-checkbox.is-checked .vk-checkbox__input.is-checked.is-disabled .vk-checkbox__inner:after {
    border-color: var(--vk-border-ffffff)
}

.vk-checkbox.is-checked .vk-checkbox__input.is-round .vk-checkbox__inner:after {
    transform: rotate(45deg) scaleY(.8)
}

.vk-checkbox .vk-checkbox__input {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    outline: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap
}

.vk-checkbox .vk-checkbox__input.is-round .vk-checkbox__inner {
    border-radius: 50%
}

.vk-checkbox .vk-checkbox__input .vk-checkbox__inner {
    background-color: var(--vk-bg-ffffff);
    border: 1px solid var(--vk-border-b4b7bd);
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    height: 14px;
    margin-inline-end: 4px;
    position: relative;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
    width: 14px;
    z-index: 1
}

.vk-checkbox .vk-checkbox__input .vk-checkbox__inner:after {
    border-bottom: 1.5px solid #fff;
    -o-border-image: initial;
    border-image: initial;
    border-left-color: initial;
    border-left-style: none;
    border-left-width: 0;
    border-right: 1.5px solid #fff;
    border-top-color: initial;
    border-top-style: none;
    border-top-width: 0;
    box-sizing: content-box;
    content: "";
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    transform-origin: center center;
    transition: transform .15s ease-in .05s;
    width: 3px
}

.vk-checkbox .vk-checkbox__input .vk-checkbox__original {
    height: 0;
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    width: 0;
    z-index: -1
}

.vk-checkbox .vk-checkbox__label {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.theme-night .vk-checkbox.is-disabled .vk-checkbox__input.is-disabled .vk-checkbox__inner {
    background-color: #2c3038;
    border-color: #393e47
}

.theme-night .vk-checkbox.is-checked .vk-checkbox__input.is-checked.is-disabled .vk-checkbox__inner {
    background-color: #2c3038;
    border-color: #2c3038
}

.vk-number-input,
.vk-number-input .op-btn {
    align-items: center;
    display: flex
}

.vk-number-input .op-btn {
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 20px;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 32px
}

.vk-number-input .input,
.vk-number-input .op-btn {
    border: 1px solid var(--vk-border-dee0e3);
    border-radius: 4px;
    color: var(--vk-text-161719);
    height: 32px;
    text-align: center
}

.vk-number-input .input {
    font-size: 16px;
    margin: 0 8px;
    width: 160px
}

.vk-number-input .input:active,
.vk-number-input .input:focus {
    outline: none
}

.vk-number-input .input::-webkit-input-placeholder {
    color: #b4b7bd
}

.vk-number-input .input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.theme-night .vk-number-input .input,
.theme-night .vk-number-input .op-btn {
    background: #121417
}

.screen-md .vk-number-input .input {
    width: 120px
}

.indicator-modal .tabs {
    align-items: center;
    border-bottom: 1px solid var(--vk-border-e6e7eb);
    display: flex;
    height: 43px;
    padding: 0 19px
}

.indicator-modal .tabs .tab-item {
    color: var(--vk-text-707580);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    margin: 0 13px
}

.indicator-modal .tabs .tab-item.active {
    color: var(--vk-text-161719)
}

.indicator-modal .tab-container {
    display: flex
}

.indicator-modal .tab-container .tab-nav {
    border-right: 1px solid var(--vk-border-e6e7eb);
    width: 160px
}

.indicator-modal .tab-container .nav-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 38px;
    padding-inline-start: 32px
}

.indicator-modal .tab-container .nav-item.active {
    background-color: var(--vk-bg-f2f3f5)
}

.indicator-modal .tab-container .nav-item .name {
    color: var(--vk-text-161719);
    margin-inline-start: 4px
}

.indicator-modal .tab-container .used-text {
    color: var(--vk-text-161719);
    display: inline-block;
    padding: 10px 0;
    padding-inline: 32px 8px;
    word-break: break-word
}

.indicator-modal .tab-container .tab-pane {
    background: var(--vk-bg-fafbfc);
    flex: 1 1 0%;
    height: 380px;
    overflow: hidden auto
}

.indicator-modal .tab-container .tab-pane .pane-container {
    padding-inline-start: 24px
}

.indicator-modal .tab-container .tab-pane .title {
    border-bottom: 1px solid var(--vk-border-e6e7eb);
    color: var(--vk-text-161719);
    padding: 14px 0;
    padding-inline-start: 24px
}

.indicator-modal .tab-container .tab-pane .pane-item {
    border-bottom: 1px solid var(--vk-border-e6e7eb);
    padding: 20px 0;
    padding-inline-end: 32px
}

.indicator-modal .tab-container .tab-pane .pane-item:last-of-type {
    border-bottom: none
}

.indicator-modal .tab-container .tab-pane .params-item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.indicator-modal .tab-container .tab-pane .label {
    color: var(--vk-text-161719);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.indicator-modal .w-200 {
    width: 200px
}

.indicator-modal .w-180 {
    width: 180px
}

.screen-md .indicator-modal .tabs {
    height: 38px;
    padding: 0
}

.screen-md .indicator-modal .tab-item {
    color: var(--vk-text-707580);
    font-weight: 400;
    height: 38px;
    line-height: 38px;
    margin: 0;
    padding: 0 12px;
    position: relative
}

.screen-md .indicator-modal .tab-item.active {
    background: transparent;
    color: var(--vk-text-161719)
}

.screen-md .indicator-modal .tab-item.active:before {
    background: var(--vk-bg-161719);
    bottom: 0;
    content: "";
    display: inline-block;
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 30px
}

.screen-md .indicator-modal .tab-container .tab-nav {
    width: 110px
}

.screen-md .indicator-modal .tab-container .nav-item,
.screen-md .indicator-modal .tab-container .used-text {
    font-size: 14px;
    padding-inline-start: 15px
}

.screen-md .indicator-modal .tab-pane {
    overflow: auto
}

.screen-md .indicator-modal .tab-pane .title {
    border-bottom: none;
    font-size: 14px;
    padding: 12px 12px 4px
}

.screen-md .indicator-modal .tab-pane .pane-container {
    padding: 0 12px
}

.screen-md .indicator-modal .tab-pane .pane-container .pane-item {
    padding: 12px 0;
    padding-inline-end: 0
}

.screen-md .indicator-modal .tab-pane .params-item {
    flex-wrap: wrap;
    font-size: 14px
}

.screen-md .indicator-modal .tab-pane .params-item .vk-checkbox {
    order: 1
}

.screen-md .indicator-modal .tab-pane .params-item .vk-color-board {
    order: 2
}

.screen-md .indicator-modal .tab-pane .params-item .vk-number-input-wrapper {
    margin-top: 4px;
    order: 3;
    width: 100%
}

.screen-md .indicator-modal .tab-pane .params-item .vk-number-input-wrapper .vk-number-input .input {
    flex: 1 1 0%
}

.screen-md .indicator-modal .tab-pane .params-item-md {
    flex-wrap: wrap
}

.screen-md .indicator-modal .w-180,
.screen-md .indicator-modal .w-200 {
    width: 100%
}

.setting-modal .content {
    display: flex;
    height: 470px
}

.setting-modal .tabs {
    border-right: 1px solid var(--vk-border-e6e7eb);
    width: 160px
}

.setting-modal .tabs .tab-item {
    color: var(--vk-text-161719);
    cursor: pointer;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    padding-inline-start: 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.setting-modal .tabs .tab-item.active {
    background: linear-gradient(270deg, rgba(223, 226, 231, 0) 8.13%, #dfe2e7 96.25%)
}

.setting-modal .tabs .tab-item.active:before {
    background: var(--vk-bg-161719);
    content: "";
    display: inline-block;
    height: 38px;
    left: 1px;
    position: absolute;
    width: 4px
}

.setting-modal .pane {
    background: var(--vk-bg-fafbfc);
    flex: 1 1 0%;
    overflow: hidden auto;
    padding-inline-start: 24px
}

.setting-modal .pane .pane-item {
    border-bottom: 1px solid var(--vk-border-e6e7eb);
    padding: 20px 0
}

.setting-modal .pane .pane-item:last-of-type {
    border-bottom: none
}

.setting-modal .pane .radio-box.is-readonly {
    cursor: pointer;
    position: relative
}

.setting-modal .pane .radio-box.is-readonly:after {
    content: "";
    inset: 0;
    position: absolute
}

.setting-modal .pane .label {
    color: var(--vk-text-161719);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.setting-modal .pane .radio-item {
    margin-bottom: 6px
}

.setting-modal .pane .checkbox-item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-inline-end: 32px
}

.setting-modal .pane .checkbox-item .color-option {
    align-items: center;
    display: flex
}

.setting-modal .pane .checkbox-item .vk-color-board {
    margin-inline-start: 20px
}

.setting-modal .pane .custom-color {
    margin-inline-start: 22px
}

.setting-modal .pane .custom-color .item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    padding-inline-end: 45px
}

.setting-modal .pane .custom-color .name {
    align-items: center;
    color: var(--vk-text-707580);
    display: flex;
    font-size: 12px
}

.setting-modal .pane .custom-color .dot {
    align-items: center;
    background: #205bf1;
    border-radius: 50%;
    display: flex;
    height: 11px;
    justify-content: center;
    margin-inline-end: 10px;
    width: 11px
}

.setting-modal .pane .custom-color .dot:after {
    border: 1px solid #fff;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    width: 5px
}

.setting-modal .pane .custom-color .color-pair {
    display: flex
}

.setting-modal .pane .custom-color .color-pair .vk-color-board {
    margin-inline-start: 12px
}

.setting-modal .pane .custom-color.is-disabled {
    pointer-events: none
}

.setting-modal .pane .custom-color.is-disabled .dot {
    background: var(--vk-bg-dee0e3) !important
}

.setting-modal .pane .custom-color.is-disabled .dot:after {
    border: 1px solid var(--vk-border-ffffff)
}

.setting-modal .pane .custom-color.is-disabled .vk-color-board .current .inner {
    background: var(--vk-bg-dee0e3) !important
}

.setting-modal .pane .bg-color {
    align-items: center;
    color: var(--vk-text-161719);
    display: flex;
    font-size: 16px
}

.setting-modal .pane .bg-color .vk-color-board {
    margin-inline-end: 15px
}

.theme-night .setting-modal .tabs .tab-item.active {
    background: linear-gradient(270deg, rgba(0, 9, 24, 0) 8.13%, #030b1b 96.25%)
}

.screen-md .setting-modal .content {
    flex-direction: column;
    height: 400px
}

.screen-md .setting-modal .content .tabs {
    border-bottom: 1px solid var(--vk-border-e6e7eb);
    display: flex;
    width: 100%
}

.screen-md .setting-modal .content .tab-item {
    color: var(--vk-text-707580);
    padding: 0 12px
}

.screen-md .setting-modal .content .tab-item.active {
    background: transparent;
    color: var(--vk-text-161719)
}

.screen-md .setting-modal .content .tab-item.active:before {
    bottom: 0;
    height: 1px;
    left: 50%;
    transform: translate(-50%);
    width: 30px
}

.screen-md .setting-modal .content .pane {
    padding-inline-start: 0
}

.screen-md .setting-modal .content .pane .pane-item {
    padding: 12px
}

.screen-md .setting-modal .content .chart-type {
    display: flex
}

.screen-md .setting-modal .content .chart-type .vk-radio {
    margin-inline-end: 15px
}

.screen-md .setting-modal .content .checkbox-item {
    padding-inline-end: 0
}

.screen-md .setting-modal .content .checkbox-item img {
    display: none
}

.via-klinechart {
    box-sizing: border-box;
    font-family: Custom-Hyphen, Manrope, PingFangSC-Regular, SF Pro Text, SF Pro Icons, DIN, Helvetica Neue, Helvetica, Arial, sans-serif;
    height: 100%;
    position: relative;
    width: 100%
}

.via-klinechart .watermark {
    left: 50%;
    opacity: .03;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.via-klinechart {
    --vk-bg-ffffff: #fff;
    --vk-bg-fafbfc: #fff;
    --vk-bg-f2f3f5: #f2f3f5;
    --vk-bg-161719: #161719;
    --vk-bg-dee0e3: #dee0e3;
    --vk-text-161719: #161719;
    --vk-text-707580: #707580;
    --vk-text-ffffff: #fff;
    --vk-border-ffffff: #fff;
    --vk-border-e6e7eb: #e6e7eb;
    --vk-border-dee0e3: #dee0e3;
    --vk-border-b4b7bd: #b4b7bd
}

.via-klinechart.vk-dark {
    --vk-bg-ffffff: #1f2229;
    --vk-bg-fafbfc: #23272e;
    --vk-bg-f2f3f5: #1d1f24;
    --vk-bg-161719: #909399;
    --vk-bg-dee0e3: #51545c;
    --vk-text-161719: #f9fbfe;
    --vk-text-707580: #909399;
    --vk-text-ffffff: #1f2229;
    --vk-border-ffffff: #1f2229;
    --vk-border-e6e7eb: #393e47;
    --vk-border-dee0e3: #464a52;
    --vk-border-b4b7bd: #51545c
}

.vk-flex {
    display: flex !important
}

.vk-hidden {
    display: none !important
}

.vk-items-center {
    align-items: center !important
}

.vk-text-161719 {
    color: var(--vk-text-161719) !important
}

.c-exchange-chart-marketchart {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.c-exchange-chart-marketchart.fullscreen {
    background-color: rgba(0, 0, 0, 1);
    bottom: 0;
    inset-inline: 0;
    position: fixed;
    top: 0;
    z-index: 99999
}

.c-exchange-chart-marketchart .chart-body {
    flex: 1 1 0%;
    position: relative
}

.c-exchange-chart-marketchart .market-nav-name {
    color: var(--text-161719);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    white-space: nowrap
}

.c-exchange-chart-marketchart .market-nav-container {
    background-color: var(--bg-ffffff);
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(62, 102, 178, .12);
    height: 450px;
    width: 400px
}

.c-exchange-chart-marketchart .market-nav-container .c-exchange-market .c-exchange-market-search .via-input {
    background-color: var(--bg-f7f8fa)
}

.c-exchage-single-market-maintain {
    align-items: center;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: hsla(0, 0%, 100%, .8);
    display: flex;
    flex-direction: column;
    height: 100%;
    inset: 0;
    justify-content: center;
    width: 100%;
    z-index: 10
}

.c-exchage-single-market-maintain .maintain-img {
    height: 218px;
    width: 348px
}

.theme-night .c-exchage-single-market-maintain {
    background: rgba(0, 0, 0, .6)
}

.c-exchange-chart-container {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    height: 100%;
    position: relative
}

.c-common-guidedialog {
    --theme: #616468
}

.c-common-guidedialog .guide-container {
    background: var(--theme);
    border-radius: 4px;
    padding: 24px 15px 12px;
    position: relative
}

.c-common-guidedialog .guide-container .el-icon-close {
    inset-inline-end: 20px;
    position: absolute;
    top: 10px
}

.c-common-guidedialog .guide-container .confirm-btn {
    border: 1px solid #fff;
    border-radius: 30px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 18px;
    padding: 0 32px;
    text-align: center
}

.theme-night .c-common-guidedialog {
    --theme: #3a3d42
}

.c-common-guidedialog .c-common-popper-container[data-popper-placement^=right] .popper-arrow:after {
    border-inline-end-color: var(--theme)
}

.c-common-guidedialog .c-common-popper-container[data-popper-placement^=bottom] .popper-arrow:after {
    border-bottom-color: var(--theme);
    top: 0
}

.c-common-guidedialog .c-common-popper-container[data-popper-placement^=top] .popper-arrow:after {
    border-top-color: var(--theme);
    bottom: 0
}

.c-common-guidedialog .c-common-popper-container[data-popper-placement^=left] .popper-arrow:after {
    border-inline-start-color: var(--theme)
}

.c-orderbook-list-header {
    display: flex;
    padding: 4px 20px
}

.c-orderbook-list-header .header-item {
    box-sizing: border-box;
    color: var(--text-707580);
    flex: 1 1 0%;
    font-size: 12px;
    font-weight: 500
}

.c-orderbook-list-header .header-item i.iconfont.icon-arrow-down {
    color: var(--text-707580);
    display: inline-block;
    font-size: 14px;
    inset-inline-start: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s
}

.c-orderbook-list-header .header-item i.iconfont.icon-arrow-down.active {
    color: var(--text-0ead98);
    transform: translateY(-50%) rotate(180deg)
}

.c-orderbook-list-header .header-item .menu-wrap {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(146, 153, 172, .2);
    inset-inline: 0 auto;
    min-height: 34px;
    min-width: 96px;
    position: absolute;
    top: 20px;
    z-index: 100
}

.c-orderbook-list-header .header-item .menu-wrap .menu-item {
    align-items: center;
    color: var(--text-3a3d42);
    display: flex;
    font-size: 12px;
    height: 34px;
    padding: 0 12px;
    text-align: start;
    white-space: nowrap
}

.c-orderbook-list-header .header-item .menu-wrap .menu-item.active {
    background-color: var(--f7f8fa);
    color: var(--text-0ead98)
}

.c-common-alignnumber {
    font-size: 0;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none
}

.c-common-alignnumber .holder {
    font-size: 12px;
    visibility: hidden;
    z-index: -999
}

.c-common-alignnumber .number {
    font-size: 12px;
    z-index: 1
}

.c-exchange-orderbook-list .loading-box {
    min-height: 346px
}

.c-exchange-orderbook-list.absolute-position {
    inset: 0;
    position: absolute
}

.c-exchange-orderbook-list.absolute-position .c-exchange-orderbook-list-body {
    height: 100%
}

.c-exchange-orderbook-list.list-reverse .c-exchange-orderbook-list-body .via-scrollbar-content {
    display: flex;
    flex-direction: column;
    height: 100% !important;
    position: relative
}

.c-exchange-orderbook-list.list-reverse .c-exchange-orderbook-list-body .via-scrollbar-content:before {
    content: "";
    display: block;
    flex: 1 1 0%;
    width: 100%
}

.c-exchange-orderbook-list.list-reverse .c-exchange-orderbook-list-body .via-scrollbar-content .list-item:hover:after {
    bottom: auto;
    top: 0
}

.c-exchange-orderbook-list .c-exchange-orderbook-list-body {
    position: relative
}

.c-exchange-orderbook-list .c-exchange-orderbook-list-body .c-common-alignnumber .holder {
    display: none
}

.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item {
    box-sizing: border-box;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-weight: 500;
    padding: 4px 20px;
    position: relative
}

.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.buy {
    background-image: linear-gradient(rgba(14, 173, 152, .06), rgba(14, 173, 152, .06));
    background-position: 100% 0;
    background-repeat: no-repeat
}

.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.buy.has-order:before {
    background-color: var(--bg-0ead98);
    bottom: 0;
    content: "";
    display: block;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.sell {
    background-image: linear-gradient(rgba(219, 85, 65, .06), rgba(219, 85, 65, .06));
    background-position: 100% 0;
    background-repeat: no-repeat
}

.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.sell.has-order:before {
    background-color: var(--bg-db5541);
    bottom: 0;
    content: "";
    display: block;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.active,
.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item:hover {
    background-color: var(--bg-f2f3f5)
}

.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item:hover {
    font-weight: 700
}

.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item:hover:after {
    border-top: 1px dashed var(--border-b4b7bd);
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    right: 0
}

.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item .td-item {
    flex: 1 1 0%;
    font-size: 12px
}

.orderbook-total-tooltip {
    background-color: rgb(var(--ui0-bg-hover_white));
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    min-width: 232px;
    padding: 12px 16px;
    pointer-events: none;
    position: absolute;
    z-index: 8888
}

.orderbook-total-tooltip:after {
    border: 6px solid transparent;
    border-inline-start-color: rgb(var(--ui0-bg-hover_white));
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0
}

.orderbook-total-tooltip.start {
    inset-inline-start: -8px;
    transform: translateX(-100%) translateY(-50%)
}

.orderbook-total-tooltip.start:after {
    inset-inline-end: -11px
}

.orderbook-total-tooltip.end {
    inset-inline-end: -8px;
    transform: translateX(100%) translateY(-50%)
}

.orderbook-total-tooltip.end:after {
    inset-inline-start: -11px;
    transform: rotate(180deg) translateY(50%)
}

.orderbook-total-tooltip .total-item {
    align-items: center;
    color: rgb(var(--ui0-text-primary));
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    padding: 2px 0
}

.orderbook-total-tooltip .total-item-number {
    font-family: HarmonyOS Sans;
    font-weight: 500
}

html[dir=rtl] .orderbook-total-tooltip.start {
    inset-inline-start: -8px;
    transform: translateX(100%) translateY(-50%)
}

html[dir=rtl] .orderbook-total-tooltip.start:after {
    inset-inline-end: -12px;
    transform: rotate(0deg) translateY(-50%)
}

html[dir=rtl] .orderbook-total-tooltip.end {
    inset-inline-end: -8px;
    transform: translateX(-100%) translateY(-50%)
}

html[dir=rtl] .orderbook-total-tooltip.end:after {
    inset-inline-end: -12px
}

html[dir=rtl] .orderbook-total-tooltip.to-body.start {
    inset-inline-start: auto;
    transform: translateX(0) translateY(-50%)
}

html[dir=rtl] .c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item {
    background-position: 100% 0
}

html[dir=rtl] .c-exchange-orderbook-list.col-reverse .c-exchange-orderbook-list-body .list-item {
    background-position: 0 0
}

.c-exchange-fixedheight {
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-exchange-fixedheight .fixed-content {
    flex: 1 1 0%;
    position: relative
}

.c-exchange-fixedheight .fixed-content-inner {
    bottom: 0;
    inset-inline: 0;
    overflow: hidden auto;
    position: absolute;
    top: 0
}

.c-exchange-orderbook-progress-comparison {
    height: 20px;
    padding: 0 15px
}

.c-exchange-orderbook-progress-comparison .progress {
    background-color: var(--bg-f7f8fa);
    border-radius: 8px;
    display: flex;
    height: 20px;
    justify-content: space-between;
    overflow: hidden;
    position: relative
}

.c-exchange-orderbook-progress-comparison .progress.active {
    background-color: transparent
}

.c-exchange-orderbook-progress-comparison .progress.active .buy {
    background-color: rgba(14, 173, 152, .2)
}

.c-exchange-orderbook-progress-comparison .progress.active .sell {
    background-color: rgba(219, 85, 65, .2)
}

.c-exchange-orderbook-progress-comparison .progress .split {
    height: 24px;
    overflow: hidden;
    position: relative;
    width: 14px
}

.c-exchange-orderbook-progress-comparison .progress .split:before {
    border-left: 14px solid rgba(14, 173, 152, .2);
    border-top: 24px solid transparent;
    content: "";
    inset: 0;
    position: absolute;
    transform: rotateX(180deg);
    z-index: 1
}

.c-exchange-orderbook-progress-comparison .progress .split:after {
    border-bottom: 24px solid rgba(219, 85, 65, .2);
    border-right: 14px solid transparent;
    content: "";
    inset: 0;
    position: absolute;
    transform: rotateY(180deg);
    z-index: 1
}

.c-exchange-orderbook-progress-comparison .progress .buy {
    color: var(--text-0ead98);
    font-size: 12px;
    line-height: 20px;
    padding-inline-start: 10px;
    position: relative;
    width: 50%
}

.c-exchange-orderbook-progress-comparison .progress .sell {
    color: var(--text-db5541);
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding-inline-end: 10px;
    position: relative;
    text-align: end;
    width: 50%
}

.c-exchange-orderbook-progress-comparison .progress .buy-ratio {
    inset-inline-start: 10px;
    position: absolute;
    z-index: 10
}

.c-exchange-orderbook-progress-comparison .progress .sell-ratio {
    inset-inline-end: 10px;
    position: absolute;
    z-index: 10
}

html[dir=rtl] .c-exchange-orderbook-progress-comparison .progress .split {
    transform: rotate(180deg)
}

.c-exchange-orderbook-menu {
    align-items: center;
    display: flex;
    height: 52px;
    justify-content: space-between;
    padding: 0 15px
}

.c-exchange-orderbook-menu .via-select.long {
    width: 170px
}

.c-exchange-orderbook-menu .menu-item {
    align-items: center;
    border: 1px solid var(--border-f2f3f5);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.c-exchange-orderbook-menu .menu-item+.menu-item {
    margin-inline-start: 8px
}

.c-exchange-orderbook-menu .menu-item.active {
    border-color: var(--border-0ead98)
}

.c-exchange-orderbook {
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-exchange-orderbook.is-pad .c-orderbook-list-header {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.c-exchange-orderbook.is-pad .price-info {
    height: 48px !important
}

.c-exchange-orderbook.is-pad .c-exchange-orderbook-menu {
    height: 42px !important
}

.c-exchange-orderbook .c-orderbook-list-header .header-item {
    font-weight: 400
}

.c-exchange-orderbook .price-info {
    align-items: center;
    color: var(--text-707580);
    display: flex;
    font-size: 12px;
    height: 52px;
    padding: 0 15px
}

.c-exchange-orderbook .price-info.all {
    border-bottom-color: var(--border-e6e7eb-gray0602);
    border-top-color: var(--border-e6e7eb-gray0602)
}

.c-exchange-orderbook .price-info .price {
    line-height: 20px
}

.c-exchange-orderbook .price-info .arrow {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 22px;
    justify-content: center;
    width: 22px
}

.c-exchange-orderbook .price-info .arrow i.iconfont {
    color: var(--text-b4b7bd);
    font-size: 24px
}

.c-exchange-orderbook .price-info .arrow:hover {
    background-color: rgba(14, 173, 152, .05);
    border-radius: 4px
}

.c-exchange-orderbook .price-info .arrow:hover i.iconfont {
    color: var(--text-0ead98)
}

.c-exchange-orderbook .c-exchange-orderbook-select.via-select .via-select-label {
    color: var(--text-707580)
}

html[dir=rtl] .c-exchange-orderbook .price-info .arrow i.iconfont {
    transform: rotateY(180deg)
}

.c-exchange-quota-tab {
    align-items: center;
    display: flex;
    flex: 0 1 50px;
    height: 50px;
    overflow: hidden;
    padding: 0 20px
}

.c-exchange-quota-tab .tab-item {
    color: var(--text-707580);
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    position: relative
}

.c-exchange-quota-tab .tab-item .hot-img {
    align-items: center;
    background-color: #f06a5b;
    border-radius: 6px 6px 6px 0;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 14px;
    inset-inline-start: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 32px
}

.c-exchange-quota-tab .tab-item+.tab-item {
    margin-inline-start: 20px
}

.c-exchange-quota-tab .tab-item.active {
    color: var(--text-161719)
}

.c-input {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 4px;
    transition: border .4s
}

.c-input.is-focus {
    border-color: var(--border-0ead98)
}

.c-input .input {
    background-color: var(--bg-f7f8fa);
    color: var(--text-27282c);
    font-size: 14px;
    font-weight: 700;
    width: 10%
}

.c-input .input::-webkit-input-placeholder {
    color: var(--text-b4b7bd);
    font-size: 12px;
    font-weight: 500
}

.c-amm-calculator-params {
    width: 360px
}

.c-amm-calculator-params .c-amm-revenue-calculator-input {
    height: 40px;
    width: 100%
}

.c-amm-calculator-params .transform-button {
    align-items: center;
    border: 1px solid var(--text-e6e7eb);
    border-radius: 4px;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.calculator-tootip {
    z-index: 10000 !important
}

.c-amm-calculator-result .result-stat-box {
    background-color: var(--bg-f7f8fa);
    border-radius: 4px;
    min-height: 484px
}

.c-amm-calculator-drawer.via-drawer {
    z-index: 3000
}

.c-asset-chart-history-rate .custom-x-axis {
    align-items: center;
    color: var(--text-7d7f81);
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    margin-top: -20px;
    min-height: 18px
}

.c-asset-amm-increase-dialog .tip {
    color: var(--text-161719);
    font-size: 20px;
    margin-bottom: 32px;
    margin-top: 12px;
    text-align: center
}

.c-asset-amm-increase-dialog .success-logo {
    align-items: center;
    background-color: rgba(14, 173, 152, .1);
    border-radius: 100px;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

.c-asset-amm-increase-dialog .success-logo i.iconfont {
    color: var(--text-0ead98);
    font-size: 80px
}

.c-asset-amm-increase-dialog .coin-info {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 8px;
    display: flex;
    flex: 1 1 0%;
    height: 60px;
    padding: 0 28px
}

.c-asset-amm-increase-dialog .coin-info .coin-name,
.c-asset-amm-increase-dialog .coin-info .num {
    color: var(--text-161719);
    font-size: 12px;
    margin-inline-start: 8px
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 8px;
    height: 74px;
    padding: 0 16px;
    position: relative;
    transition: .3s ease-in-out
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area.active {
    border-color: var(--border-0ead98);
    box-shadow: 0 0 4px rgba(14, 173, 152, .05)
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area.disabled {
    background-color: var(--bg-e6e7eb);
    cursor: not-allowed
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area .top-area {
    color: var(--text-707580);
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    padding-top: 12px
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area .bottom-area {
    align-items: center;
    display: flex;
    font-size: 12px;
    height: 44px
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area .bottom-area .coin-name {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 700;
    margin-inline: 6px 20px
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area .bottom-area .num-input {
    background: transparent;
    border: 0;
    color: var(--text-161719);
    flex: 1 1 0%;
    font-size: 16px;
    font-weight: 700;
    height: 24px;
    outline: 0 none;
    padding-inline-start: 20px
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area .bottom-area .num-input::-moz-placeholder {
    color: var(--text-b4b7bd);
    font-size: 14px;
    font-weight: 400
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area .bottom-area .num-input::placeholder {
    color: var(--text-b4b7bd);
    font-size: 14px;
    font-weight: 400
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area .bottom-area .line {
    background-color: var(--bg-e6e7eb);
    height: 23px;
    width: 1px
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area .bottom-area .all {
    color: var(--text-0ead98);
    cursor: pointer;
    flex-shrink: 0;
    font-size: 14px
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area .message-tip {
    bottom: -24px;
    color: var(--text-db5541);
    font-size: 12px;
    inset-inline: 0;
    line-height: 20px;
    position: absolute
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .add-icon {
    align-items: center;
    background: rgba(14, 173, 152, .05);
    border-radius: 18px;
    box-shadow: 0 2px 8px rgba(220, 220, 232, .5);
    display: flex;
    height: 36px;
    justify-content: center;
    margin: 20px auto;
    width: 36px
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .add-icon i.iconfont {
    color: var(--text-0ead98);
    font-size: 24px
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .remark {
    color: var(--text-707580);
    font-size: 14px;
    margin: 32px 0
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .warning {
    align-items: center;
    background: rgba(243, 139, 44, .05);
    border-radius: 4px;
    color: var(--text-f38b2c);
    display: flex;
    font-size: 12px;
    padding: 8px 16px
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .result-wrap {
    align-items: center;
    border: 1px solid var(--text-e6e7eb);
    border-radius: 10px;
    display: flex;
    margin-top: 8px;
    min-height: 80px;
    position: relative
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .result-wrap:before {
    background-color: var(--bg-e6e7eb);
    content: "";
    display: block;
    height: 16px;
    inset-inline-start: 33.2%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .result-wrap:after {
    background-color: var(--bg-e6e7eb);
    content: "";
    display: block;
    height: 16px;
    inset-inline-start: 66.6%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .result-wrap>div {
    color: var(--text-707580);
    flex: 1 1 0%;
    font-size: 12px;
    text-align: center
}

.c-asset-increase-liquidity .c-asset-increase-liquidity-content .result-wrap .result-value {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 700
}

.c-asset-amm-withdraw-dialog .c-asset-amm-withdraw .total-info {
    border: 1px dotted var(--bg-e6e7eb);
    border-radius: 8px;
    display: flex;
    height: 92px;
    margin-bottom: 20px;
    padding: 0 28px
}

.c-asset-amm-withdraw-dialog .c-asset-amm-withdraw .total-info>div {
    flex: 1 1 0%
}

.c-asset-amm-withdraw-dialog .c-asset-amm-withdraw .total-info .position-coin {
    inset-inline-start: -12px;
    position: relative;
    z-index: 1
}

.c-asset-amm-withdraw-dialog .c-asset-amm-withdraw .coin-info {
    background-color: var(--bg-f7f8fa);
    border-radius: 8px;
    display: flex;
    flex: 1 1 0%;
    min-height: 70px;
    padding: 19px 28px
}

.c-asset-amm-withdraw-dialog .c-asset-amm-withdraw .coin-info .coin-name,
.c-asset-amm-withdraw-dialog .c-asset-amm-withdraw .coin-info .num {
    color: var(--text-161719);
    font-size: 12px
}

.c-asset-amm-withdraw-dialog .c-asset-amm-withdraw .coin-info .conversion {
    color: var(--text-707580);
    font-size: 12px
}

.c-asset-amm-withdraw-dialog .c-asset-amm-withdraw .coin-info .info {
    min-height: 32px
}

.c-asset-amm-withdraw-dialog .c-asset-amm-withdraw .coin-info .info>div {
    line-height: 16px
}

.c-asset-amm-withdraw-dialog .c-asset-amm-withdraw .remark {
    color: var(--text-707580);
    font-size: 14px;
    margin-top: 32px
}

.c-asset-making-guide.via-dialog-wrapper .via-dialog .via-dialog-header {
    margin-bottom: 12px
}

.c-asset-making-guide .via-collapse .via-collapse-item .is-active {
    border-radius: 8px
}

.c-asset-making-guide .via-collapse .via-collapse-item .via-collapse-item__header {
    line-height: 1.2
}

.c-asset-making-guide .step-img {
    margin-inline-end: -12px
}

.c-asset-making-guide .sticker {
    bottom: 0;
    inset-inline-end: 0;
    position: absolute;
    width: 188px
}

.c-asset-making-guide li {
    color: var(--text-707580);
    font-size: 12px;
    line-height: 18px;
    list-style-type: disc;
    margin-inline-start: 12px
}

.c-asset-making-help .list {
    color: var(--text-3a3d42);
    font-size: 14px;
    font-weight: 500
}

.c-asset-making-help .list .item {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 8px 0;
    padding-inline-end: 40px
}

.c-asset-making-help .list .item:hover {
    color: var(--text-0ead98)
}

.c-asset-making-help .text-f9fbfe {
    color: #f9fbfe
}

.c-exchange-fund-pool {
    height: 100%
}

.c-exchange-fund-pool .two-column {
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    justify-items: center
}

.c-exchange-fund-pool .two-column>span:first-child {
    color: var(--text-707580);
    font-weight: 500
}

.c-exchange-fund-pool .two-column>span:last-child {
    color: var(--text-161719);
    font-weight: 600;
    white-space: nowrap
}

.c-exchange-fund-pool .two-column .name-underline {
    border-bottom: 1px dashed var(--text-b4b7bd)
}

.c-exchange-fund-pool .num-input {
    align-items: center;
    background-color: var(--bg-f7f8fa-gray0802);
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    padding: 0 12px
}

.c-exchange-fund-pool .num-input .num {
    color: var(--text-161719);
    margin-inline-start: 12px
}

.c-exchange-fund-pool .num-input .unit {
    color: var(--text-707580);
    margin-inline-start: 8px
}

.c-exchange-fund-pool .pool-rank-table-header {
    background-color: transparent
}

.c-exchange-fund-pool .pool-rank-table-header .table-header .table-label {
    height: 28px;
    min-height: 28px
}

.c-exchange-fund-pool .pool-rank-table-header .table-header .table-label .table-label-cell {
    min-height: 28px
}

.c-exchange-fund-pool .pool-rank-table-row:hover .table-prop {
    background-color: transparent !important
}

.c-exchange-fund-pool .pool-rank-table-row .table-prop {
    height: 28px;
    min-height: 28px
}

.c-exchange-fund-pool .pool-rank-table-row .table-prop .table-prop-cell {
    border-bottom: 0
}

.fund-pool-tip-dialog .via-dialog .via-dialog-header {
    margin-bottom: 20px
}

.c-exchange-orderbook-container {
    height: 100%
}

.c-exchange-mobile-ticker {
    padding: 20px 20px 10px
}

.c-exchange-mobile-ticker .line-height-26 {
    line-height: 26px
}

.c-exchange-mobile-ticker .line-height-18 {
    line-height: 18px
}

.c-exchange-mobile-ticker .price {
    font-size: 32px;
    font-weight: 600;
    line-height: 41px
}

.c-exchange-mobile-ticker .price-change {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.c-exchange-mobile-ticker .text {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.c-exchange-mobile-ticker .ellipsis-wrap .ellipsis {
    background-color: var(--bg-0ead98);
    border-radius: 50%;
    height: 3px;
    transform: scale(1.1);
    width: 3px
}

.c-exchange-quota-dealdata {
    height: 100%
}

.c-exchange-quota-dealdata .section-head {
    color: var(--text-7d7f81);
    font-size: 12px;
    font-weight: 400;
    inset-inline: 20px;
    position: absolute;
    top: 4px
}

.c-exchange-quota-dealdata .section-head .head-time {
    flex: 0 1 30%
}

.c-exchange-quota-dealdata .section-head .head-amount,
.c-exchange-quota-dealdata .section-head .head-price {
    flex: 1 1 0%
}

.c-exchange-quota-dealdata .section-body {
    color: #3d424a;
    font-size: 12px;
    height: 100%;
    line-height: 25px;
    overflow: hidden auto
}

.c-exchange-quota-dealdata .deal-data-table-class .via-table-body {
    overflow-x: hidden;
    width: 100% !important
}

.c-exchange-quota-dealdata .deal-data-table-class .table-label-cell {
    min-height: 0
}

.c-exchange-quota-dealdata .deal-data-table-class .deal-row {
    background-color: transparent;
    transition: background-color 1s
}

.c-exchange-quota-dealdata .deal-data-table-class .deal-row.buy-highlight {
    background-color: rgba(14, 173, 152, .06)
}

.c-exchange-quota-dealdata .deal-data-table-class .deal-row.sell-highlight {
    background-color: rgba(219, 85, 65, .06)
}

.c-exchange-quota-deal .deal-header {
    height: 32px;
    padding-top: 10px
}

.c-exchange-quota-deal .deal-header .via-checkbox__label {
    color: var(--text-707580);
    font-size: 12px
}

.c-exchange-quota-deal .deal-header .via-checkbox__inner {
    height: 12px;
    width: 12px
}

.c-exchange-quota-deal .deal-header .via-checkbox__inner:after {
    inset-inline-start: 3px;
    top: 0
}

.c-exchange-quota-deal .fixed-content-inner {
    overflow: hidden
}

.c-orderbook-table {
    background: rgba(0, 0, 0, 1);
    border-radius: 20px;
    box-shadow: 0 8px 30px 0 rgba(126, 131, 156, .1);
    margin-top: 22px;
    position: relative
}

.c-orderbook-table .max-w-45 {
    max-width: 45px
}

.c-orderbook-table .orderbook-wrap {
    flex: 1 1 0%
}

.c-orderbook-table .orderbook-wrap .list-item.sell {
    background-position: 0 0 !important
}

.c-exchange-mobile-orderbook .c-orderbook-table {
    min-height: 390px
}

.c-exchange-mobile-orderbook .c-orderbook-table .orderbook-wrap .c-exchange-orderbook-list-body .c-common-empty {
    background: transparent
}

.c-exchange-mobile-orderbook .c-exchange-orderbook-menu {
    height: 47px
}

.c-exchange-mobile-orderbook .c-exchange-orderbook-menu .via-select {
    width: auto
}

.c-exchange-mobile-orderbook .c-exchange-orderbook-menu .via-select .via-select-inner .via-select-content {
    margin-inline-end: 5px
}

.c-exchange-mobile-orderbook .c-exchange-orderbook-menu .via-select .via-select-label {
    color: var(--text-707580)
}

.c-exchange-mobile-orderbook .orderbook-link i.iconfont {
    transform: rotate(270deg)
}

[dir=rtl] .c-exchange-mobile-orderbook .orderbook-link i.iconfont {
    transform: rotate(90deg)
}

.c-tokendetail-dropdown .dropdown-box {
    background-color: var(--bg-f7f8fa);
    border-radius: 8px;
    color: var(--text-3a3d42)
}

.c-tokendetail-dropdown .dropdown-box:hover {
    background-color: rgba(14, 173, 152, .1) !important;
    color: var(--text-0ead98);
    transition: .2s
}

.c-tokendetail-dropdown .via-popover-container {
    padding: 0
}

.c-tokendetail-dropdown .via-popover-item {
    color: var(--text-161719);
    cursor: pointer;
    padding: 8px 20px
}

.c-tokendetail-dropdown .via-popover-item:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.c-token-detail-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.c-token-detail-links .c-tokendetail-dropdown {
    margin-inline-end: 8px;
    margin-bottom: 8px
}

.c-exchange-token-info-detail .title-box .description {
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    word-break: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.c-exchange-token-info-detail .title-box .row-top {
    align-items: center;
    display: flex
}

.c-exchange-token-info-detail .title-box .row-top .sec-name {
    align-items: baseline;
    display: flex
}

.c-exchange-token-info-detail .title-box .row-top .sec-name.long {
    align-items: center
}

.c-exchange-token-info-detail .title-box .row-top .sec-name.long .short-name {
    font-size: 16px;
    line-height: 20px;
    max-width: 230px
}

.c-exchange-token-info-detail .title-box .row-top .sec-name.long .circulation-rank {
    margin-top: 0
}

.c-exchange-token-info-detail .title-box .row-top .sec-name .short-name {
    color: var(--text-161719);
    font-size: 24px;
    font-weight: 700;
    word-break: break-word
}

.c-exchange-token-info-detail .title-box .row-top .sec-name .full-name {
    color: var(--text-707580);
    font-size: 12px;
    white-space: nowrap
}

.c-exchange-token-info-detail .title-box .row-top .circulation-rank {
    color: var(--text-f38b2c);
    font-size: 20px;
    margin-top: 4px;
    white-space: nowrap
}

.c-exchange-token-info-detail .sec-title {
    color: var(--text-161719);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.c-exchange-token-info-detail .basic-info-box .row-box {
    display: inline-block;
    margin-bottom: 8px;
    width: 49%
}

.c-exchange-token-info-detail .basic-info-box .row-box .field-name {
    color: var(--text-707580);
    font-size: 12px;
    margin-bottom: 4px;
    white-space: nowrap;
    width: 100px
}

.c-exchange-token-info-detail .basic-info-box .row-box .field-val {
    color: var(--text-161719);
    font-size: 14px;
    font-weight: 500
}

.c-exchange-token-info-detail .coin-intro-box {
    margin-top: 32px
}

.c-exchange-token-info-detail .coin-intro-box .intro-text {
    color: var(--text-707580);
    display: -webkit-box;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5
}

.c-exchange-token-info-detail .coin-intro-box .check-more {
    background-color: var(--bg-0ead98-5);
    border-radius: 4px;
    color: var(--text-0ead98);
    cursor: pointer;
    display: inline-block;
    padding: 5px 20px;
    transition: .4s
}

.c-exchange-token-info-detail .coin-intro-box .check-more:hover {
    background-color: var(--bg-1bbeb2);
    color: var(--text-ffffff);
    transition: .4s
}

.c-exchange-summary-header {
    align-items: center;
    background-color: var(--bg-fbfbfb);
    display: flex;
    height: 44px
}

.c-exchange-summary-header .tab-item {
    height: 26px !important;
    line-height: 26px !important;
    padding: 0 18px !important
}

.c-exchange-summary-header .tab-nav-button .tab-item.active {
    background-color: var(--bg-0ead98-10) !important
}

.c-exchange-summary-table-header-sel-filter {
    cursor: pointer
}

.c-exchange-summary-table-header-sel-filter .iconfont {
    color: var(--text-b4b7bd);
    font-size: 12px;
    margin-inline-start: 5px
}

.c-exchange-summary-table-header-sel-filter .iconfont.active {
    color: var(--text-0ead98);
    transform: rotate(180deg)
}

.c-exchange-summary-table-header-sel-filter-popper {
    background-color: var(--bg-ffffff);
    border-radius: 4px;
    box-shadow: 0 6px 16px 0 rgba(164, 197, 205, .1);
    color: var(--text-707580);
    font-size: 12px;
    min-width: 126px
}

.c-exchange-summary-table-header-sel-filter-popper .popper-p {
    cursor: pointer;
    font-size: 14px;
    padding: 9px 12px
}

.c-exchange-summary-table-header-sel-filter-popper .popper-p.active,
.c-exchange-summary-table-header-sel-filter-popper .popper-p:hover {
    background-color: var(--bg-0ead98-5);
    color: var(--text-0ead98);
    font-weight: 500
}

.c-exchange-summary-warm-dialog .via-dialog {
    border-radius: 20px
}

.c-exchange-summary-warm-dialog .via-dialog .via-dialog-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.c-exchange-summary-warm-dialog .via-dialog .via-dialog-header .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    margin-bottom: 16px;
    width: 100px
}

.c-exchange-summary-warm-dialog .via-dialog .via-dialog-header .icon-exclamation-mark {
    color: #f38b2c;
    font-size: 60px
}

.c-exchange-summary-warm-dialog .via-dialog .via-dialog-header .title-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.c-exchange-summary-warm-dialog .via-dialog .text-161719 {
    color: #161719
}

.c-exchange-summary-warm-dialog .via-dialog .via-dialog-header {
    padding-inline-end: 0
}

.c-exchange-summary-warm-dialog .via-dialog .via-dialog-body {
    text-align: center
}

.c-exchange-summary-warm-dialog .via-dialog .via-dialog-body .via-btn {
    min-width: 176px
}

.c-futures-protocoldialog .el-form-item__content {
    line-height: 1
}

.c-futures-protocoldialog .protocol {
    height: 300px;
    width: 100%
}

.c-exchange-summary-no-deal-guide {
    align-items: center;
    background-color: rgba(0, 0, 0, 1);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    line-height: 18px;
    margin: 0 auto;
    min-height: 300px;
    padding-top: 60px;
    text-align: center;
    width: 100%
}

.c-exchange-summary-no-deal-guide .guide-icon-box .box-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 70px
}

.c-exchange-summary-no-deal-guide .icon-wrap {
    align-items: center;
    background-color: var(--bg-0ead98-5);
    border-radius: 4px;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-bottom: 4px;
    width: 48px
}

.c-exchange-summary-no-deal-guide .icon-wrap .iconfont {
    font-size: 24px
}

.c-exchange-summary-content-container .header-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 20px
}

.c-exchange-summary-content-container .content-slot .list-item {
    border-bottom: 1px solid var(--border-e6e7eb);
    line-height: 18px;
    padding: 20px 20px 0
}

.c-exchange-summary-content-container .content-slot .list-item:last-of-type {
    border-bottom: none
}

.c-exchange-summary-content-container .content-slot .list-item .column {
    flex-shrink: 0;
    margin-bottom: 20px
}

.c-exchange-summary-content-container .content-slot .list-item .column .label {
    color: var(--text-707580);
    margin-bottom: 4px
}

.c-exchange-summary-content-container .content-slot .list-item .column .prop {
    color: var(--text-3a3d42);
    font-weight: 500
}

.c-exchange-summary-content-container .btn-expand {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 12px;
    margin-top: -40px
}

.c-exchange-summary-content-container .btn-expand .icon-wrap {
    background-color: var(--bg-f2f3f5);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    line-height: 14px;
    text-align: center;
    width: 16px
}

.c-exchange-summary-content-container .btn-expand .icon-arrow-expand {
    transition: transform .2s linear
}

.c-exchange-summary-content-container .btn-expand.expanded .icon-arrow-expand {
    color: var(--text-0ead98) !important;
    transform: rotate(-180deg)
}

.c-exchange-summary-content-container .expand-content {
    background-color: var(--bg-f7f8fa);
    margin: 0 -20px
}

.c-exchange-summary-content-container .expand-content table {
    padding: 12px 20px
}

.c-exchange-summary-content-container .expand-content .data-th {
    color: var(--text-161719);
    font-weight: 600;
    margin-bottom: 8px;
    text-align: right
}

.c-exchange-summary-content-container .expand-content .data-td {
    color: var(--text-3a3d42);
    font-size: 12px;
    font-weight: 500;
    padding-inline-start: 100px;
    text-align: right
}

.c-exchange-summary-content-container .via-pagination {
    padding: 18px 20px 20px
}

.c-exchange-summary-content-container .collapse-enter-active,
.c-exchange-summary-content-container .collapse-enter-to,
.c-exchange-summary-content-container .collapse-leave-active,
.c-exchange-summary-content-container .collapse-leave-to {
    overflow: hidden;
    position: relative;
    transition: height .5s
}

[dir=rtl] .c-exchange-summary-content-container .data-td,
[dir=rtl] .c-exchange-summary-content-container .data-th {
    text-align: left !important
}

.c-trade-modify-order .via-dialog .via-dialog-body .type-text {
    align-items: center;
    background-color: var(--bg-0ead98-10);
    border-radius: 4px;
    color: var(--text-0ead98);
    display: inline-flex;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    margin-bottom: 12px;
    min-width: 92px
}

.c-trade-modify-order .via-dialog .via-dialog-body .type-text.sell {
    background-color: var(--bg-db5541-10);
    color: var(--text-db5541)
}

.c-trade-modify-order .via-dialog .via-dialog-body .label-text {
    color: var(--text-3a3d42);
    font-size: 14px
}

.c-trade-modify-order .via-dialog .via-dialog-body .value {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    margin-top: 8px
}

.c-trade-modify-order .via-dialog .via-dialog-footer {
    display: flex
}

.c-trade-modify-order .via-dialog .via-dialog-footer button.via-btn {
    flex: 1 1 0%
}

.c-exchange-summary-current-normal .modify-order.iconfont {
    color: var(--text-707580);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin-inline-start: 4px
}

.c-exchange-summary-current-normal .modify-order.iconfont:hover {
    color: var(--text-707580)
}

.c-exchange-summary-current-stop .modify-order.iconfont {
    color: var(--text-707580);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin-inline-start: 4px
}

.c-exchange-summary-current-stop .modify-order.iconfont:hover {
    color: var(--text-707580)
}

.c-exchange-summary-no-login {
    color: var(--text-707580);
    display: flex;
    font-weight: 600;
    height: 378px;
    justify-content: center;
    padding-top: 150px;
    width: 100%
}

.c-exchange-summary-current {
    min-height: 400px
}

.c-exchange-summary-current .header-wrap {
    height: 55px
}

.c-exchange-summary-historydialog.via-dialog-wrapper .via-dialog {
    margin: 15vh auto 0
}

.c-exchange-summary-historydialog .type-text-icon {
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    margin-inline-end: 8px;
    padding: 0 5px;
    text-align: center
}

.c-exchange-summary-historydialog .is-all-deal-class {
    padding-inline-start: 10px;
    position: relative
}

.c-exchange-summary-historydialog .is-all-deal-class:before {
    border-radius: 50%;
    content: "";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 9px;
    width: 6px
}

.c-exchange-summary-historydialog .is-all-deal-class.is-all-deal {
    color: var(--text-0ead98)
}

.c-exchange-summary-historydialog .is-all-deal-class.is-all-deal:before {
    background: var(--bg-0ead98)
}

.c-exchange-summary-historydialog .is-all-deal-class.is-not-all-deal {
    color: var(--text-f38b2c)
}

.c-exchange-summary-historydialog .is-all-deal-class.is-not-all-deal:before {
    background: var(--bg-f38b2c)
}

.c-exchange-summary-historydialog .is-all-deal-class-md {
    border-radius: 14px;
    font-size: 14px;
    line-height: 1;
    margin-top: 8px;
    padding: 7px 20px
}

.c-exchange-summary-historydialog .is-all-deal-class-md.is-all-deal-md {
    background-color: var(--bg-0ead98-10);
    color: var(--text-0ead98)
}

.c-exchange-summary-historydialog .is-all-deal-class-md.is-not-all-deal-md {
    background: rgba(243, 139, 44, .1);
    color: #ff971f
}

.c-exchange-summary-historydialog .detail-box {
    background-color: var(--bg-ffffff);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 40px
}

.c-exchange-summary-historydialog .deal-title {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    margin: 32px 0 24px
}

.c-exchange-summary-historydialog .deal-title .deal-title-border {
    background: var(--bg-0ead98);
    height: 14px;
    margin-inline-end: 4px;
    width: 4px
}

.c-exchange-summary-historydialog .card-item {
    background: transparent;
    border-bottom: 1px solid var(--border-f7f8fa);
    border-radius: 0;
    box-shadow: none;
    margin: 5px 20px 20px;
    padding: 0
}

.c-exchange-summary-historydialog .card-item .card-body {
    padding-top: 0
}

.c-exchange-summary-historydialog .card-item .card-body .card-label {
    color: var(--text-707580);
    font-size: 12px
}

.c-exchange-summary-historydialog .card-item .card-body .card-prop {
    color: var(--text-161719);
    font-size: 12px
}

.c-exchange-summary-historydialog .c-common-empty {
    min-height: 0
}

.c-exchange-summary-history-normal .is-all-deal-class {
    padding-inline-start: 10px;
    position: relative
}

.c-exchange-summary-history-normal .is-all-deal-class:before {
    border-radius: 50%;
    content: "";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 7px;
    width: 6px
}

.c-exchange-summary-history-normal .is-all-deal-class.is-all-deal:before {
    background: var(--bg-0ead98)
}

.c-exchange-summary-history-normal .is-all-deal-class.is-not-all-deal:before {
    background: var(--bg-f38b2c)
}

.c-exchange-summary-history-normal .md-more {
    color: var(--text-27282c);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    transform: rotate(-90deg)
}

[dir=rtl] .c-exchange-summary-history-normal .md-more {
    transform: rotate(90deg)
}

.c-exchange-summary-marketstopdialog.via-dialog-wrapper .via-dialog {
    margin: 15vh auto 0
}

.c-exchange-summary-marketstopdialog .type-text-icon {
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    margin-inline-end: 8px;
    padding: 0 5px;
    text-align: center
}

.c-exchange-summary-marketstopdialog .status {
    padding-inline-start: 10px;
    position: relative
}

.c-exchange-summary-marketstopdialog .status:before {
    border-radius: 50%;
    content: "";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 9px;
    width: 6px
}

.c-exchange-summary-marketstopdialog .status.active-status {
    color: var(--text-0ead98)
}

.c-exchange-summary-marketstopdialog .status.active-status:before {
    background: var(--bg-0ead98)
}

.c-exchange-summary-marketstopdialog .status.not-active-status {
    color: var(--text-db5541)
}

.c-exchange-summary-marketstopdialog .status.not-active-status:before {
    background: var(--bg-db5541)
}

.c-exchange-summary-marketstopdialog .status-md {
    border-radius: 14px;
    font-size: 14px;
    line-height: 1;
    margin-top: 8px;
    padding: 7px 20px
}

.c-exchange-summary-marketstopdialog .status-md.active-status-md {
    background-color: var(--bg-0ead98-10);
    color: var(--text-0ead98)
}

.c-exchange-summary-marketstopdialog .status-md.not-active-status-md {
    background: rgba(243, 139, 44, .1);
    color: #ff971f
}

.c-exchange-summary-marketstopdialog .detail-box {
    background-color: var(--bg-ffffff);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 40px
}

.c-exchange-summary-marketstopdialog .deal-title {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    margin: 32px 0 24px
}

.c-exchange-summary-marketstopdialog .deal-title .deal-title-border {
    background: var(--bg-0ead98);
    height: 14px;
    margin-inline-end: 4px;
    width: 4px
}

.c-exchange-summary-marketstopdialog .card-item {
    background: transparent;
    border-bottom: 1px solid var(--border-f7f8fa);
    border-radius: 0;
    box-shadow: none;
    margin: 5px 20px 20px;
    padding: 0
}

.c-exchange-summary-marketstopdialog .card-item .card-body {
    padding-top: 0
}

.c-exchange-summary-marketstopdialog .card-item .card-body .card-label {
    color: var(--text-707580);
    font-size: 12px
}

.c-exchange-summary-marketstopdialog .card-item .card-body .card-prop {
    color: var(--text-161719);
    font-size: 12px
}

.c-exchange-summary-marketstopdialog .c-common-empty {
    min-height: 0
}

.c-exchange-summary-history-stop .status {
    padding-inline-start: 10px;
    position: relative
}

.c-exchange-summary-history-stop .status:before {
    border-radius: 50%;
    content: "";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 7px;
    width: 6px
}

.c-exchange-summary-history-stop .status.active-status:before {
    background: var(--bg-0ead98)
}

.c-exchange-summary-history-stop .status.not-active-status:before {
    background: var(--bg-db5541)
}

.c-exchange-summary-history-stop .md-more {
    color: var(--text-27282c);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    transform: rotate(-90deg)
}

[dir=rtl] .c-exchange-summary-history-stop .md-more {
    transform: rotate(90deg)
}

.c-exchange-summary-history .header-wrap {
    height: 55px
}

.c-exchange-summary-margin {
    padding-bottom: 43px
}

.c-exchange-summary-margin .head-row {
    align-items: center;
    display: flex;
    height: 55px;
    justify-content: flex-end;
    margin-top: -12px
}

.c-exchange-summary-margin .margin-table-wrap {
    padding-bottom: 100px
}

.c-exchange-summary-margin .icon-wrap {
    background-color: var(--bg-f2f3f5);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    line-height: 14px;
    text-align: center;
    width: 16px
}

.c-exchange-summary-margin .icon-wrap:hover {
    background-color: var(--bg-0ead98-10)
}

.c-exchange-summary-margin .icon-wrap:hover .icon-arrow-down {
    color: var(--text-0ead98)
}

.c-exchange-summary-margin .icon-wrap .icon-arrow-down {
    color: var(--text-27282c);
    display: block;
    font-size: 12px;
    transition: transform .2s linear
}

.c-exchange-summary-margin .icon-wrap.expanded {
    background-color: var(--bg-0ead98-10)
}

.c-exchange-summary-margin .icon-wrap.expanded .icon-arrow-down {
    color: var(--text-0ead98);
    transform: rotate(-180deg);
    transition: transform .2s linear
}

.c-exchange-summary-margin .expand-table .via-table-default .table-label-cell {
    min-height: 0
}

.c-exchange-summary-margin .expand-table .via-table-body .body-row:hover .table-prop {
    background-color: var(--bg-f2f3f5) !important
}

.c-exchange-summary-margin .card-body {
    padding-bottom: 0
}

.c-exchange-summary-margin .asset-item {
    color: var(--text-3a3d42);
    font-size: 14px;
    font-weight: 500;
    position: relative
}

.c-exchange-summary-margin .asset-item:before {
    background: var(--bg-0ead98);
    content: "";
    height: 10px;
    left: -6px;
    position: absolute;
    top: 6px;
    width: 2px
}

.c-exchange-summary-margin .field-item {
    color: var(--text-707580);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: space-between;
    margin-top: 4px
}

.c-exchange-summary-container {
    position: relative;
    width: 100%
}

.c-exchange-summary-container .min-height {
    height: 250px
}

.c-exchange-summary-container .via-table th>.cell {
    word-break: normal !important
}

.c-exchange-summary-container .summary-container {
    border-bottom: 1px solid var(--border-e6e7eb-gray0602);
    border-top: 1px solid var(--border-e6e7eb-gray0602);
    padding: 0 20px
}

.c-exchange-summary-container .summary-container .tab-nav-underline {
    scrollbar-width: none
}

.c-exchange-summary-container .summary-container .tab-nav-underline::-webkit-scrollbar {
    display: none
}

.c-exchange-summary-container .summary-container .tab-nav-underline>.tab-item {
    color: var(--text-707580) !important;
    font-size: 14px !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 14px !important
}

.c-exchange-summary-container .summary-container .tab-nav-underline>.tab-item.active,
.c-exchange-summary-container .summary-container .tab-nav-underline>.tab-item:hover {
    color: var(--text-161719) !important;
    font-size: 14px !important
}

.c-exchange-summary-container .summary-container .via-tab-pane {
    background-color: var(--bg-ffffff)
}

.c-exchange-summary-container .margin-container .tab-nav-underline>.tab-item:last-of-type {
    padding-inline-end: 0 !important
}

.c-exchange-summary-container .summary-content .via-table-body .table-prop {
    height: 40px;
    min-height: 40px
}

.c-exchange-summary-container .summary-content .c-common-empty {
    background: transparent;
    min-height: 248px
}

.c-exchange-summary-container .summary-content .c-common-empty .empty-text {
    font-size: 12px
}

.c-exchange-summary-container .summary-content .min-height-345 {
    min-height: 345px
}

.c-exchange-summary-container .summary-content .card-label-class {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 500
}

.c-exchange-summary-container .summary-content .card-prop-class {
    color: var(--text-161719);
    font-size: 12px;
    font-weight: 600
}

.c-exchange-summary-container .summary-content .type-text-icon {
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    margin-inline-end: 4px;
    padding: 0 4px;
    text-align: center
}

.c-exchange-summary-container .summary-content .card-item {
    background: transparent;
    border-bottom: 1px solid var(--border-f7f8fa);
    border-radius: 0;
    box-shadow: none;
    margin: 20px;
    padding: 0
}

.c-exchange-summary-container .show-container {
    height: 52px;
    inset-inline-end: 20px;
    position: absolute;
    top: 0
}

.c-exchange-summary-container .icon-record-wrap {
    background: linear-gradient(to right, hsla(0, 0%, 100%, 0), var(--bg-ffffff) 50%);
    display: flex;
    flex-direction: row-reverse;
    height: 40px;
    inset-inline-end: 19px;
    position: absolute;
    top: 0;
    width: 40px
}

.c-exchange-summary-container .icon-record-wrap .icon-box {
    align-items: center;
    background-color: var(--bg-0ead98-5);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 22px;
    justify-content: center;
    margin-top: 10px;
    width: 22px
}

.c-exchange-summary-container .icon-record-wrap .icon-box .iconfont {
    color: var(--text-0ead98)
}

.c-exchange-summary-container .via-loading {
    min-height: 300px
}

.theme-night .c-exchange-summary-container .icon-record-wrap {
    background: linear-gradient(to right, rgba(24, 26, 31, 0), rgba(0, 0, 0, 1) 80%)
}

.p-exchange-symbol-mobile .c-exchange-ticker {
    border-top: 1px solid var(--border-e6e7eb)
}

.p-exchange-symbol-mobile .via-tabs.exchange-tabs::-webkit-scrollbar {
    height: 2px
}

.p-exchange-symbol-mobile .via-tabs.exchange-tabs .tab-nav-underline .tab-item {
    font-size: 14px !important
}

.p-exchange-symbol-mobile .exchange-content {
    border-top: 1px solid var(--border-e6e7eb);
    height: 468px;
    position: relative
}

.p-exchange-symbol-mobile .c-exchange-trade-group {
    align-items: center;
    background-color: var(--bg-ffffff);
    bottom: 0;
    box-shadow: 0 8px 30px hsla(237, 9%, 46%, .4);
    display: flex;
    height: 66px;
    left: 0;
    padding: 0 20px;
    position: fixed;
    right: 0;
    z-index: 10
}

.p-exchange-symbol-mobile .c-exchange-trade-group .via-btn {
    border-radius: 8px !important
}

.p-exchange-symbol-mobile .c-exchange-trade-group .via-btn.sell {
    background-color: var(--bg-db5541)
}

.via-dialog-wrapper.mobile-market .via-dialog {
    padding: 0 0 20px !important
}

.via-dialog-wrapper.mobile-market .via-dialog .via-dialog-header {
    margin-bottom: 0;
    padding: 20px 16px 12px
}

.via-dialog-wrapper.mobile-market .via-dialog .c-exchange-market {
    height: 70vh
}

.via-dialog-wrapper.c-exchange-mobile-trade-area .via-dialog {
    padding: 0 0 20px !important
}

.via-dialog-wrapper.c-exchange-mobile-trade-area .via-dialog .via-dialog-header {
    background-color: var(--bg-f7f8fa);
    border-radius: 20px 20px 0 0;
    height: 40px;
    margin-bottom: 0;
    padding: 0 20px
}

.via-dialog-wrapper.c-exchange-mobile-trade-area .via-dialog .via-dialog-header .via-tabs .tab-item {
    color: var(--text-707580) !important;
    font-size: 14px !important
}

.via-dialog-wrapper.c-exchange-mobile-trade-area .via-dialog .via-dialog-header .via-tabs .tab-item.active {
    color: var(--text-161719) !important
}

.via-dialog-wrapper.c-exchange-mobile-trade-area .via-dialog .trade-drawer-content {
    height: 75vh
}

.c-exchange-guide-spot {
    height: 0
}

.c-common-networkstatusbar-announcement .popup-box {
    padding-bottom: 28px
}

.c-common-networkstatusbar-announcement .popup-box .title-more {
    align-items: center;
    background: var(--bg-f2f3f5);
    display: flex;
    justify-content: space-between;
    padding: 12px 20px
}

.c-common-networkstatusbar-announcement .popup-box .articles-box {
    margin-top: 12px;
    padding: 0 12px
}

.c-common-networkstatusbar-announcement .popup-box .articles-box .link-box {
    border-radius: 10px;
    display: block;
    margin-bottom: 12px;
    padding: 12px
}

.c-common-networkstatusbar-announcement .popup-box .articles-box .link-box:hover {
    background: rgba(14, 173, 152, .05)
}

.c-common-networkstatusbar-announcement .popup-box .articles-box .link-box:hover .article-title {
    color: var(--text-0ead98)
}

.c-common-networkstatusbar-announcement .popup-box .articles-box .link-box .article-title {
    color: var(--text-3a3d42);
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-common-networkstatusbar-announcement .popup-box .articles-box .link-box .article-title:before {
    background: #0ead98;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-bottom: 1px;
    margin-inline-end: 5px;
    width: 8px
}

.c-common-networkstatusbar-announcement .popup-box .articles-box .link-box .publish-time {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 400;
    margin-top: 12px;
    padding-inline-start: 13px
}

.popper-networkstatusbar-announcement {
    overflow: hidden;
    padding: 0;
    width: 400px
}

.c-information-news-dialog {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 2px 30px 0 rgba(71, 75, 82, .2);
    height: 298px;
    overflow: hidden;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 400px;
    z-index: 99
}

.c-information-news-dialog.switch-animation {
    transition: .3s
}

.c-information-news-dialog.close-animation {
    height: 0;
    width: 0
}

.c-information-news-dialog .news-header {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    display: flex;
    height: 44px;
    padding: 0 20px;
    position: relative;
    width: 100%;
    z-index: 2
}

.c-information-news-dialog .news-header .news-header-title {
    color: var(--text-161719);
    flex: 1 1 0%;
    font-size: 16px;
    font-weight: 700;
    margin-inline-start: 8px
}

.c-information-news-dialog .virtual-list-item-row:last-child {
    margin-bottom: 10px
}

.c-information-news-dialog .virtual-list-item-row:last-child .news-time-line {
    height: 0 !important
}

.c-information-news-dialog .news-list {
    height: 234px;
    margin: 0 0 10px;
    overflow: hidden
}

.c-information-news-dialog .news-list .date-header {
    background-color: var(--bg-f8f8fc);
    color: var(--text-161719);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 5px 12px
}

.c-information-news-dialog .news-list .news-list-item {
    cursor: pointer;
    display: flex;
    margin-bottom: 12px;
    padding: 6px 12px;
    position: relative
}

.c-information-news-dialog .news-list .news-list-item:hover {
    background-color: var(--bg-f7f8fa)
}

.c-information-news-dialog .news-list .news-list-item .news-title {
    color: var(--text-3a3d42);
    font-size: 14px;
    line-height: 18px
}

.c-information-news-dialog .news-list .news-list-item .news-title .news-title-abstract {
    display: -webkit-box;
    max-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-information-news-dialog .news-list .news-time {
    color: var(--text-707580);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-inline-end: 30px
}

.c-information-news-dialog .news-list .news-time .news-time-text {
    font-size: 12px;
    position: relative;
    width: 40px
}

.c-information-news-dialog .news-list .news-time .news-time-text:after {
    border: 2px solid var(--bg-0ead98);
    border-radius: 100%;
    content: "";
    height: 7px;
    inset-inline-end: -16px;
    position: absolute;
    top: 6px;
    width: 7px;
    z-index: 1
}

.c-information-news-dialog .news-list .news-time .news-time-line {
    border: 1px dashed var(--border-e6e7eb);
    height: 100%;
    inset-inline-start: 64px;
    margin-top: 17px;
    position: absolute;
    top: 0
}

.c-information-news-dialog .news-list .news-time .news-time-line.last-line {
    height: 0
}

.c-information-news-dialog .ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.c-information-news-dialog .article-item {
    cursor: pointer;
    padding: 10px 20px
}

.c-information-news-dialog .article-item .article-title {
    color: var(--text-3a3d42);
    font-size: 14px;
    font-weight: 700;
    line-height: 19px
}

.c-information-news-dialog .article-item .article-abstract {
    color: var(--text-3a3d42);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-top: 4px
}

.c-information-news-dialog .article-item .article-source {
    color: var(--text-707580);
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px
}

.c-information-news-dialog .article-item:hover {
    background-color: var(--bg-0ead98-5)
}

.c-information-news-dialog .article-item:hover .article-title {
    color: var(--text-0ead98)
}

.c-common-networkstatusbar {
    align-items: center;
    background: var(--bg-ffffff);
    bottom: 0;
    box-shadow: 0 -9px 28px rgba(164, 197, 205, .07), 0 -6px 16px rgba(164, 197, 205, .1);
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    justify-content: space-between;
    left: 0;
    line-height: 1;
    padding: 0 22px;
    position: fixed;
    right: 0;
    z-index: 2000
}

.c-common-networkstatusbar .menu-item {
    align-items: center;
    color: var(--text-3a3d42);
    cursor: pointer;
    display: flex
}

.c-common-networkstatusbar .menu-item:hover {
    color: var(--text-0ead98)
}

.c-common-networkstatusbar .menu-item i {
    margin-inline-end: 4px
}

.c-common-networkstatusbar .separator {
    background: var(--bg-e6e7eb);
    height: 12px;
    margin: 0 20px;
    width: 1px
}

.c-common-networkstatusbar .text-normal {
    color: var(--text-0ead98)
}

.c-common-networkstatusbar .text-warning {
    color: var(--text-f38b2c)
}

.c-common-networkstatusbar .text-error {
    color: var(--text-db5541)
}

.popper-networkstatusbar {
    background: #3a3d42;
    color: #f9fbfe;
    line-height: 16px;
    max-width: 400px
}

.popper-networkstatusbar[data-popper-placement^=top] .popper-arrow:after {
    border-top-color: #3a3d42
}

.theme-night .c-common-networkstatusbar {
    box-shadow: none
}

.c-exchange-guide-video .min-w-230 {
    min-width: 230px
}

.c-exchange-guide-video .via-dialog {
    background-color: rgba(0, 0, 0, .5);
    padding-top: 40px
}

.c-exchange-guide-video .video-cover {
    min-height: 300px;
    width: 100%
}

.c-exchange-guide-video .video-cover .video-open {
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 62px
}

.c-exchange-guide-exam .option {
    align-items: center;
    background: var(--bg-f8f8fc);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
    padding: 17px 20px
}

.c-exchange-guide-exam .option .radio {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 100%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    height: 12px;
    margin-inline-end: 16px;
    position: relative;
    width: 12px
}

.c-exchange-guide-exam .option .radio:after {
    background-color: #fff;
    border-radius: 100%;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s ease-in;
    width: 4px
}

.c-exchange-guide-exam .option.is-checked {
    color: var(--text-db5541)
}

.c-exchange-guide-exam .option.is-checked .radio {
    background: var(--bg-db5541);
    border-color: var(--border-db5541)
}

.c-exchange-guide-exam .option.is-checked .radio:after {
    transform: translate(-50%, -50%) scale(1)
}

.c-exchange-guide-exam .option.is-checked.is-correct {
    color: var(--text-0ead98)
}

.c-exchange-guide-exam .option.is-checked.is-correct .radio {
    background: var(--bg-0ead98);
    border-color: var(--border-0ead98)
}

.c-exchange-guide-success .min-w-230 {
    min-width: 230px
}

.c-exchange-guide-margin {
    height: 0
}

.c-exchange-guide-margin .max-h-350 {
    max-height: 350px
}

.c-exchange-guide-margin .guide-item {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 8px;
    color: var(--text-0ead98);
    display: flex;
    font-weight: 400;
    padding: 22px 20px
}

.c-exchange-guide-margin .test-dialog .via-dialog {
    padding-top: 20px
}

.c-exchange-guide-margin .logo-white {
    display: none
}

.theme-night .c-exchange-guide-margin .logo-white {
    display: block
}

.theme-night .c-exchange-guide-margin .logo-black {
    display: none
}

.c-exchange-placeorder-fastorder {
    box-shadow: 0 8px 20px rgba(107, 113, 134, .25);
    left: 0;
    min-width: 360px;
    position: absolute;
    z-index: 99
}

.c-exchange-placeorder-fastorder .drag-handle {
    align-items: center;
    display: flex
}

.c-exchange-placeorder-fastorder .fast-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 120px;
    padding: 0 10px
}

.c-exchange-placeorder-fastorder .input-amount {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-exchange-placeorder-fastorder .input-amount::-moz-placeholder {
    color: rgb(var(--ui0-text-quaternary))
}

.c-exchange-placeorder-fastorder .input-amount::placeholder {
    color: rgb(var(--ui0-text-quaternary))
}

.c-exchange-placeorder-fastorder .slider-amount-label {
    margin-inline-start: -12px;
    padding: 5px 7px 0
}

.c-exchange-pagelayout {
    display: grid;
    font-family: IBMPlexSans, DIN, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif, PingFangSC-regular;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 768px;
    padding: 0;
    width: 100%
}

.c-exchange-pagelayout .grid-market {
    border-inline-start: 1px solid var(--border-e6e7eb-gray0602);
    grid-area: market
}

.c-exchange-pagelayout .grid-ticker {
    border-color: var(--border-e6e7eb-gray0602);
    border-width: 0 1px 1px;
    grid-area: ticker
}

.c-exchange-pagelayout .grid-kline-trade {
    border-color: var(--border-e6e7eb-gray0602);
    border-width: 0 1px;
    display: flex;
    flex-direction: column;
    grid-area: kline-trade
}

.c-exchange-pagelayout .grid-kline {
    border-color: var(--border-e6e7eb-gray0602);
    border-width: 0 1px 1px;
    grid-area: kline;
    overflow: auto
}

.c-exchange-pagelayout .grid-trade {
    border-color: var(--border-e6e7eb-gray0602);
    border-width: 0 1px;
    grid-area: trade;
    overflow: auto
}

.c-exchange-pagelayout .grid-orderbook {
    border-inline-end: 1px solid var(--border-e6e7eb-gray0602);
    grid-area: orderbook
}

.c-exchange-pagelayout .grid-deal {
    border-inline-start: 1px solid var(--border-e6e7eb-gray0602);
    grid-area: deal
}

.c-exchange-pagelayout .grid-orders {
    border-color: var(--border-e6e7eb-gray0602);
    border-width: 0 1px 1px;
    grid-area: orders
}

.p-exchange-symbol-container {
    background-color: rgba(0, 0, 0, 1);
    background-image: linear-gradient(#f3f4f7, #fff 49.86%);
    background-repeat: no-repeat;
    background-size: 100% 420px
}

.p-exchange-symbol {
    border-top: 1px solid var(--border-e6e7eb-gray0602);
    padding-bottom: 40px;
    width: 100%
}

.p-exchange-symbol .p-exchange-symbol-mobile-wrap {
    padding: 0 0 66px
}

.p-exchange-symbol .exchange-spot-guide,
.p-exchange-symbol .exchange-spot-guide .c-common-popper,
.p-exchange-symbol .exchange-spot-guide .guide-dialog {
    height: 100%
}

.p-exchange-symbol .exchange-spot-guide .c-common-popper-container {
    margin-top: -100px !important
}

.c-p2p-dialog-guide .guide-wrapper {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    z-index: 1
}

.c-p2p-dialog-guide .guide-wrapper .guide-list {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    margin-inline-end: 40px
}

.c-p2p-dialog-guide .guide-wrapper .guide-img {
    background: var(--bg-f7f8fa);
    border-radius: 24px;
    overflow: hidden;
    padding: 16px;
    width: 410px
}

.c-p2p-dialog-guide .guide-wrapper .guide-img .img-wrapper {
    border-radius: 18px;
    overflow: hidden
}

.c-p2p-dialog-guide .guide-wrapper .guide-img .img-wrapper img {
    display: block;
    width: 100%
}

.c-p2p-dialog-guide .guide-wrapper .guide-img-md {
    background: var(--bg-f7f8fa);
    border-radius: 12px;
    margin-top: 8px;
    overflow: hidden;
    padding: 10px
}

.c-p2p-dialog-guide .guide-wrapper .guide-img-md .img-wrapper {
    border-radius: 12px;
    overflow: hidden
}

.c-p2p-dialog-guide .guide-wrapper .guide-img-md .img-wrapper img {
    display: block;
    width: 100%
}

.c-p2p-dialog-guide .via-collapse .via-collapse-item .via-collapse-item__header {
    border-radius: 8px !important;
    font-size: 16px !important;
    height: auto !important;
    line-height: 24px !important;
    padding-bottom: 16px !important;
    padding-top: 16px !important
}

.c-p2p-dialog-guide .via-collapse .via-collapse-item .via-collapse-item__content {
    padding: 12px 0
}

.c-p2p-dialog-guide .via-collapse .via-collapse-item .via-collapse-item__content .guide-content {
    color: var(--text-707580);
    font-size: 12px;
    padding-inline-start: 24px;
    position: relative
}

.c-p2p-dialog-guide .via-collapse .via-collapse-item .via-collapse-item__content .guide-content:before {
    background: var(--bg-b4b7bd);
    border-radius: 50%;
    content: " ";
    height: 6px;
    inset-inline-start: 12px;
    position: absolute;
    top: 6px;
    width: 6px
}

.c-p2p-dialog-guide .via-collapse .via-collapse-item.no-content .via-collapse-item__header {
    padding-inline-end: 12px !important
}

.c-p2p-dialog-guide .via-collapse .via-collapse-item.no-content .via-collapse-item__header .via-collapse-item__arrow,
.c-p2p-dialog-guide .via-collapse .via-collapse-item.no-content .via-collapse-item__wrap {
    display: none !important
}

.c-p2p-dialog-guide .bg-logo {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 188px
}

.c-p2p-index-apply-dialog .condition {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 12px;
    padding-inline-start: 10px
}

.c-p2p-index-apply-dialog .condition .iconfont {
    color: var(--text-b4b7bd);
    font-size: 16px;
    margin-inline-end: 8px
}

.c-p2p-index-apply-dialog .condition .text {
    color: var(--text-3a3d42);
    font-size: 14px;
    font-weight: 400
}

.c-p2p-index-apply-dialog .condition .btn {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400
}

.c-p2p-index-apply-dialog .condition.done .iconfont {
    color: var(--text-0ead98)
}

.c-p2p-index-apply-dialog .condition.done .btn {
    display: none
}

.c-p2p-index-apply-dialog .via-checkbox {
    align-items: center;
    display: flex;
    white-space: normal
}

.c-p2p-index-apply-dialog .via-checkbox .via-checkbox__input {
    margin-inline-end: 5px
}

.c-p2p-index-apply-success-dialog .via-input .input-inner {
    text-align: center
}

.c-p2p-activity-banner {
    overflow: hidden;
    position: relative
}

.c-p2p-activity-banner .slider-item {
    align-items: flex-start;
    opacity: .5 !important
}

.c-p2p-activity-banner .slider-item.slider-active {
    opacity: 1 !important
}

.c-p2p-activity-banner .type-USER .slider-item {
    width: 282px
}

.c-p2p-activity-banner .slide-item-content {
    border-radius: 10px;
    cursor: pointer;
    height: calc(100% - 20px);
    overflow: hidden;
    width: 100%
}

.c-p2p-activity-banner .slide-item-img {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    -webkit-user-drag: none
}

.c-p2p-activity-banner .slider-pagination {
    bottom: 0 !important
}

.c-p2p-activity-banner .slider-pagination .slider-pagination-bullet {
    background: #3c3e47;
    border-radius: 4px;
    height: 4px;
    margin: 0 2px;
    opacity: 1;
    position: relative;
    width: 12px
}

.c-p2p-activity-banner .slider-pagination .slider-pagination-bullet-active {
    background: #0ead98
}

.c-p2p-activity-banner .slider-pagination .slider-pagination-bullet:after {
    content: "";
    display: block;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 22px
}

.c-p2p-activity-banner .arrow-wrapper {
    align-items: center;
    display: flex;
    inset: 0 0 21px;
    justify-content: space-between;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.c-p2p-activity-banner .arrow-wrapper .left-arrow,
.c-p2p-activity-banner .arrow-wrapper .right-arrow {
    cursor: pointer;
    height: 100px;
    pointer-events: auto;
    width: 24px
}

.c-p2p-nav .content {
    margin: 0 auto;
    max-width: 1280px
}

.c-p2p-nav .title-wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 30px
}

.c-p2p-nav .title-wrap h1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2
}

.c-p2p-nav .title-wrap .desc {
    color: var(--text-b4b7bd);
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px
}

.c-p2p-nav .nav-wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 55px 0 18px
}

.c-p2p-nav .nav-wrap .left-nav a {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    margin-inline-end: 40px
}

.c-p2p-nav .nav-wrap .left-nav a.nuxt-link-exact-active {
    font-weight: 800
}

.c-p2p-nav .nav-wrap .left-nav a:hover {
    color: var(--text-0ead98)
}

.c-p2p-nav .nav-wrap .right-nav {
    display: flex
}

.c-p2p-nav .nav-wrap .right-nav .nav-item {
    color: var(--text-e6e7eb);
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    margin-inline-start: 24px;
    position: relative
}

.c-p2p-nav .nav-wrap .right-nav .nav-item:hover {
    color: var(--text-0ead98)
}

.c-p2p-nav .nav-wrap .right-nav .nav-item.active {
    color: var(--text-ffffff);
    font-weight: 600
}

.c-p2p-nav .nav-wrap .right-nav .nav-item.active:after {
    background: var(--bg-0ead98);
    bottom: -21px;
    content: " ";
    height: 3px;
    left: 25%;
    position: absolute;
    width: 50%
}

.c-p2p-nav .nav-wrap .right-nav .nav-item .nav-item-tip {
    background: hsla(6, 83%, 65%, .1);
    border-radius: 10px;
    color: #f06a5b;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    padding: 0 5px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -12px
}

.c-p2p-nav .nav-wrap .right-nav-md .popper-p2p-nav {
    min-width: 152px;
    padding: 12px 0
}

.c-p2p-nav .nav-wrap .right-nav-md .popper-p2p-nav .nav-item {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    line-height: 1;
    padding: 12px 20px
}

.c-p2p-nav .nav-wrap .right-nav-md .popper-p2p-nav .nav-item.active {
    color: var(--text-0ead98)
}

.c-p2p-nav .nav-wrap .right-nav-md .popper-p2p-nav .nav-item .nav-item-tip {
    background: hsla(6, 83%, 65%, .1);
    border-radius: 10px;
    color: #f06a5b;
    height: 20px;
    line-height: 20px;
    margin-inline-start: 4px;
    min-width: 20px;
    padding: 0 5px;
    text-align: center
}

.c-p2p-nav .nav-wrap .right-nav-md .popper-p2p-nav .split-line {
    border-top: 1px solid var(--border-f7f8fa);
    margin: 12px 0 12px 12px
}

.c-p2p-nav .nav-wrap .right-nav-md .popper-p2p-nav .sub-nav-item {
    color: var(--text-161719);
    line-height: 1;
    padding: 12px 20px 12px 32px;
    padding-inline-start: 32px
}

.c-p2p-nav .nav-wrap .right-nav-md .popper-p2p-nav .via-collapse .via-collapse-item__header {
    background: none !important;
    border: none !important;
    color: var(--text-161719) !important;
    font-size: 14px !important;
    height: auto !important;
    line-height: 1 !important;
    padding: 12px 0 12px 20px !important;
    padding-inline-start: 20px !important
}

.c-p2p-nav .nav-wrap .right-nav-md .popper-p2p-nav .via-collapse .via-collapse-item__header .via-collapse-item__arrow .icon-next {
    color: var(--text-707580) !important
}

.c-p2p-nav .nav-wrap .right-nav-md .popper-p2p-nav .via-collapse .via-collapse-item__content {
    padding: 0 !important
}

.c-p2p-nav .nav-wrap .right-nav-md .popper-p2p-nav .via-collapse .via-collapse-item__wrap {
    border: none
}

.c-p2p-nav.show-banner .nav-wrap {
    padding-top: 12px
}

.p-p2p .p2p-content {
    background-color: var(--bg-ffffff)
}

.c-p2p-index-trade-filter {
    background-color: var(--bg-f7f8fa)
}

.c-p2p-index-trade-filter .content {
    align-items: center;
    display: flex;
    height: 54px;
    margin: 0 auto;
    width: 1280px
}

.c-p2p-index-trade-filter .side {
    align-items: center;
    background: var(--bg-ffffff);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 8px;
    display: flex;
    height: 36px;
    margin-inline-end: 60px;
    padding: 0 4px
}

.c-p2p-index-trade-filter .side .item {
    border-radius: 8px;
    color: var(--text-b4b7bd);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    padding: 0 30px
}

.c-p2p-index-trade-filter .side .item:last-of-type.active {
    background: var(--bg-db5541)
}

.c-p2p-index-trade-filter .side .active {
    background: var(--bg-0ead98);
    color: var(--text-ffffff)
}

.c-p2p-index-trade-filter .coin-list,
.c-p2p-index-trade-filter .coin-list .coin {
    align-items: center;
    display: flex;
    height: 100%
}

.c-p2p-index-trade-filter .coin-list .coin {
    color: var(--text-161719);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    margin-inline-end: 24px;
    position: relative
}

.c-p2p-index-trade-filter .coin-list .coin:after {
    background-color: var(--bg-0ead98);
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translateX(-50%);
    width: 24px
}

.c-p2p-index-trade-filter .coin-list .active:after {
    opacity: 1
}

div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] {
    border: 1px solid var(--border-f2f3f5);
    border-radius: 8px;
    width: 290px
}

div.c-p2p-adv-filter-fiatselector.via-input[style-type=area]:hover {
    background-color: var(--bg-f7f8fa)
}

div.c-p2p-adv-filter-fiatselector.via-input[style-type=area].is-active {
    background-color: var(--bg-f7f8fa);
    border: 1px solid var(--border-0ead98);
    box-shadow: 0 0 2px rgba(14, 173, 152, .75)
}

div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] .input-prefix {
    padding-inline-end: 12px
}

div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] .fiat-selector {
    align-items: center;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    padding-inline-end: 12px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 94px
}

div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] .fiat-selector:after {
    background-color: var(--bg-e6e7eb);
    content: "";
    display: block;
    height: 16px;
    inset-inline-end: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] .fiat-selector .arrow {
    transform: rotate(0deg);
    transition: transform .2s
}

div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] .fiat-selector .active {
    color: var(--text-0ead98);
    transform: rotate(-180deg)
}

div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] .fiat-selector-popover {
    border-radius: 8px;
    max-height: 258px;
    padding: 0;
    width: 290px
}

div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] .fiat-selector-popover .currency-list {
    max-height: 200px;
    overflow-y: auto
}

div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] .fiat-selector-popover .currency-list .currency {
    align-items: center;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 40px;
    padding: 0 20px
}

div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] .fiat-selector-popover .currency-list .currency:hover {
    background-color: rgba(14, 173, 152, .05)
}

.c-p2p-adv-filter-sortselector .currency {
    cursor: pointer;
    height: 40px;
    padding: 0
}

.c-p2p-adv-filter-sortselector .currency,
.c-p2p-payment {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    font-size: 14px
}

.c-p2p-payment {
    font-weight: 400;
    line-height: 1.2
}

.c-p2p-payment .tag {
    border-radius: 50%;
    flex-shrink: 0;
    height: 6px;
    margin-inline-end: 6px;
    width: 6px
}

.c-p2p-payment .name {
    word-break: break-word
}

.c-p2p-payment.rect {
    line-height: 16px
}

.c-p2p-payment.rect .tag {
    border-radius: 0;
    height: 16px;
    margin-inline-end: 8px;
    width: 4px
}

.c-p2p-payment.rect .name {
    font-size: 16px;
    font-weight: 600
}

.c-p2p-adv-filter-paymentselector .selector {
    align-items: center;
    background: var(--bg-f7f8fa);
    border: 1px solid var(--border-f2f3f5);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 42px;
    padding-inline-start: 12px;
    position: relative;
    transition: .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 234px
}

.c-p2p-adv-filter-paymentselector .selector.is-active,
.c-p2p-adv-filter-paymentselector .selector:hover {
    border-color: var(--border-0ead98);
    box-shadow: 0 0 2px 0 rgba(14, 173, 152, .75)
}

.c-p2p-adv-filter-paymentselector .selector.is-active .arrow {
    color: var(--text-0ead98);
    transform: rotate(-180deg)
}

.c-p2p-adv-filter-paymentselector .selector .inner {
    color: var(--text-161719);
    flex: 1 1 0%;
    font-weight: 400;
    overflow: auto hidden
}

.c-p2p-adv-filter-paymentselector .selector .inner::-webkit-scrollbar {
    display: none
}

.c-p2p-adv-filter-paymentselector .selector .inner .active-list {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    font-size: 12px
}

.c-p2p-adv-filter-paymentselector .selector .inner .active-item {
    align-items: center;
    background: var(--bg-ffffff);
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 auto;
    height: 28px;
    line-height: 28px;
    margin-inline-end: 4px;
    padding: 0 4px
}

.c-p2p-adv-filter-paymentselector .selector .inner .active-item .iconfont {
    color: var(--text-b4b7bd);
    cursor: pointer;
    font-size: 14px;
    margin-inline-start: 4px
}

.c-p2p-adv-filter-paymentselector .selector .inner .active-item .iconfont:hover {
    color: var(--text-0ead98)
}

.c-p2p-adv-filter-paymentselector .selector .arrow {
    color: var(--text-161719);
    text-align: center;
    transform: rotate(0deg);
    transition: transform .2s;
    width: 36px
}

.c-p2p-adv-filter-paymentselector .selector.show-mask:before {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 4.76%, #fff);
    bottom: 0;
    content: "";
    display: block;
    inset-inline-end: 36px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 42px
}

.c-p2p-adv-filter-paymentselector .selector:not(.show-mask):after {
    background-color: var(--bg-e6e7eb);
    content: "";
    display: block;
    height: 16px;
    inset-inline-end: 36px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.c-p2p-adv-filter-paymentselector .via-input .input-prefix {
    padding-inline-end: 12px
}

.c-p2p-adv-filter-paymentselector .via-input .input-inner {
    width: 127px
}

.c-p2p-adv-filter-paymentselector .payment-selector-popover {
    border-radius: 8px;
    max-height: 257px;
    padding: 0;
    width: 234px
}

.c-p2p-adv-filter-paymentselector .payment-selector-popover .payment-list .scroll-wrapper {
    max-height: 150px
}

.c-p2p-adv-filter-paymentselector .payment-selector-popover .payment-list .payment {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    margin-inline-end: 0;
    min-height: 40px;
    padding: 10px 20px;
    white-space: normal
}

.c-p2p-adv-filter-paymentselector .payment-selector-popover .payment-list .payment:hover {
    background-color: rgba(14, 173, 152, .05)
}

.c-p2p-adv-filter-paymentselector .payment-selector-popover .payment-list .payment .via-checkbox__label {
    color: var(--text-161719);
    display: inline-flex;
    padding-inline-start: 8px;
    word-break: break-word
}

.c-p2p-adv-filter-paymentselector .payment-selector-popover .divide-line {
    background-color: var(--bg-f2f3f5);
    height: 1px;
    margin: 4px auto;
    width: 194px
}

.c-p2p-adv-filter-sortselector .selector {
    align-items: center;
    background: var(--bg-f7f8fa);
    border: 1px solid var(--border-f2f3f5);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 42px;
    padding-inline-start: 12px;
    position: relative;
    transition: .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 230px
}

.c-p2p-adv-filter-sortselector .selector.is-active,
.c-p2p-adv-filter-sortselector .selector:hover {
    border-color: var(--border-0ead98);
    box-shadow: 0 0 2px 0 rgba(14, 173, 152, .75)
}

.c-p2p-adv-filter-sortselector .selector.is-active .arrow {
    color: var(--text-0ead98);
    transform: rotate(-180deg)
}

.c-p2p-adv-filter-sortselector .selector .inner {
    color: var(--text-161719);
    flex: 1 1 0%;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap
}

.c-p2p-adv-filter-sortselector .selector .arrow {
    color: var(--text-161719);
    text-align: center;
    transform: rotate(0deg);
    transition: transform .2s;
    width: 36px
}

.c-p2p-adv-filter-sortselector .selector:after {
    background-color: var(--bg-e6e7eb);
    content: "";
    display: block;
    height: 16px;
    inset-inline-end: 36px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.c-p2p-adv-filter-sortselector .sort-selector-popover {
    border-radius: 8px;
    max-height: 172px;
    padding: 0;
    width: 230px
}

.c-p2p-adv-filter-sortselector .sort-selector-popover .sort-list {
    margin-top: 12px
}

.c-p2p-adv-filter-sortselector .sort-selector-popover .sort-list .item {
    align-items: center;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    padding: 0 20px
}

.c-p2p-adv-filter-sortselector .sort-selector-popover .sort-list .item .tag {
    background: rgba(14, 173, 152, .05);
    border-radius: 4px;
    color: var(--text-0ead98);
    font-size: 12px;
    margin-inline-start: 4px;
    padding: 4px 8px
}

.c-p2p-adv-filter-sortselector .sort-selector-popover .sort-list .item.active,
.c-p2p-adv-filter-sortselector .sort-selector-popover .sort-list .item:hover {
    background-color: rgba(14, 173, 152, .05)
}

.c-p2p-adv-filter-other .inner {
    align-items: center;
    background: var(--bg-f7f8fa);
    border: 1px solid var(--border-f2f3f5);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 42px;
    justify-content: center;
    transition: .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 42px
}

.c-p2p-adv-filter-other .inner.active,
.c-p2p-adv-filter-other .inner:hover {
    border-color: var(--border-0ead98);
    box-shadow: 0 0 2px 0 rgba(14, 173, 152, .75)
}

.c-p2p-adv-filter-other .inner.active .iconfont {
    color: var(--text-0ead98)
}

.c-p2p-adv-filter-other .inner .iconfont {
    color: var(--text-3a3d42);
    font-size: 16px
}

.c-p2p-adv-filter-other .other-filter-popover {
    border-radius: 8px;
    padding: 12px 0;
    width: 234px
}

.c-p2p-adv-filter-other .other-filter-popover .item {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 40px;
    padding: 0 20px
}

.c-p2p-adv-filter-other .other-filter-popover .item .via-checkbox {
    width: 100%
}

.c-p2p-adv-filter-other .other-filter-popover .item .via-checkbox__label {
    color: var(--text-161719);
    padding-inline-start: 8px
}

.c-p2p-adv-filter-other .other-filter-popover .item:hover {
    background-color: rgba(14, 173, 152, .05)
}

.c-p2p-adv-filter-refresh .selector {
    align-items: center;
    background: var(--bg-f7f8fa);
    border: 1px solid var(--border-f2f3f5);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 42px;
    padding-inline-start: 12px;
    position: relative;
    transition: .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 156px
}

.c-p2p-adv-filter-refresh .selector.is-active,
.c-p2p-adv-filter-refresh .selector:hover {
    border-color: var(--border-0ead98);
    box-shadow: 0 0 2px 0 rgba(14, 173, 152, .75)
}

.c-p2p-adv-filter-refresh .selector.is-active .arrow {
    color: var(--text-0ead98);
    transform: rotate(-180deg)
}

.c-p2p-adv-filter-refresh .selector .inner {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    flex: 1 1 0%;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap
}

.c-p2p-adv-filter-refresh .selector .arrow {
    color: var(--text-161719);
    text-align: center;
    transform: rotate(0deg);
    transition: transform .2s;
    width: 36px
}

.c-p2p-adv-filter-refresh .selector .icon-refresh.loading {
    animation: loading 1s linear 0s infinite normal none running
}

.c-p2p-adv-filter-refresh .selector:after {
    background-color: var(--bg-e6e7eb);
    content: "";
    display: block;
    height: 16px;
    inset-inline-end: 36px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.c-p2p-adv-filter-refresh .refresh-selector-popover {
    border-radius: 8px;
    padding: 12px 0;
    width: 156px
}

.c-p2p-adv-filter-refresh .refresh-selector-popover .options .item {
    align-items: center;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    min-height: 40px;
    padding: 10px 20px
}

.c-p2p-adv-filter-refresh .refresh-selector-popover .options .item:hover {
    background-color: rgba(14, 173, 152, .05)
}

.c-p2p-index-adv-filter {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.c-p2p-index-adv-filter .expand-enter-active,
.c-p2p-index-adv-filter .expand-leave-active {
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), max-height .3s cubic-bezier(.23, 1, .32, 1)
}

.c-p2p-index-adv-filter .expand-enter,
.c-p2p-index-adv-filter .expand-leave-to {
    max-height: 0 !important;
    opacity: 0
}

.c-p2p-index-adv-filter .mobile-filter {
    align-items: center;
    display: flex;
    padding: 0 16px;
    width: 100%
}

.c-p2p-index-adv-filter .mobile-filter .left-content {
    display: flex;
    flex: 1 1 0%;
    overflow: auto hidden
}

.c-p2p-index-adv-filter .mobile-filter .left-content::-webkit-scrollbar {
    display: none
}

.c-p2p-index-col,
.c-p2p-payment-list .more-icon {
    align-items: center;
    display: flex
}

.c-p2p-payment-list .more-icon {
    background: rgba(14, 173, 152, .08);
    border: 1px solid rgba(14, 173, 152, .08);
    border-radius: 4px;
    cursor: pointer;
    height: 18px;
    justify-content: center;
    width: 18px
}

.c-p2p-payment-list .more-icon:hover {
    border-color: var(--border-0ead98)
}

.c-p2p-payment-list .more-icon .iconfont {
    color: var(--text-0ead98);
    font-size: 16px;
    font-weight: 700
}

.c-p2p-payment:not(:last-of-type) {
    margin-bottom: 6px
}

.c-p2p-avatar {
    align-items: center;
    background-color: var(--bg-3a3d42);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    justify-content: center
}

.c-p2p-trade-dialog-advinfo {
    background-color: var(--bg-fafbfc);
    border-radius: 20px;
    flex: 0 0 auto;
    padding: 26px 0 20px;
    padding-inline-start: 30px;
    position: relative;
    width: 357px
}

.c-p2p-trade-dialog-advinfo .btn-refresh {
    align-items: center;
    background: var(--bg-e6e7eb);
    border-radius: 4px;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-weight: 700;
    height: 24px;
    inset-inline-end: 20px;
    justify-content: center;
    position: absolute;
    top: 20px;
    width: 24px
}

.c-p2p-trade-dialog-advinfo .btn-refresh .loading {
    animation: loading 1s linear 0s infinite normal none running
}

.c-p2p-trade-dialog-advinfo .detail {
    border-top: 1px solid var(--border-f2f3f5);
    padding: 20px 0 30px
}

.c-p2p-trade-dialog-advinfo .detail .item {
    display: flex;
    line-height: 1
}

.c-p2p-trade-dialog-advinfo .detail .item:not(:first-of-type) {
    margin-top: 16px
}

.c-p2p-trade-dialog-advinfo .detail .label {
    color: var(--text-3a3d42);
    font-size: 14px;
    font-weight: 400;
    width: 200px
}

.c-p2p-trade-dialog-advinfo .detail .val {
    color: var(--text-161719);
    font-size: 14px
}

.c-p2p-trade-dialog-advinfo .detail .payment {
    color: var(--text-161719);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400
}

.c-p2p-trade-dialog-advinfo .remark {
    border-top: 1px solid var(--border-f2f3f5);
    color: var(--text-3a3d42);
    font-size: 14px;
    font-weight: 400;
    padding-top: 12px
}

.c-p2p-trade-dialog-advinfo .remark .content {
    min-height: 74px;
    padding-inline-end: 18px
}

.c-p2p-trade-dialog-advinfo .ps-38 {
    padding-inline-start: 38px
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.c-p2p-trade-dialog-input {
    background: var(--bg-fafbfc);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 90px;
    overflow: hidden;
    position: relative;
    transition: border-color .4s
}

.c-p2p-trade-dialog-input.is-active {
    border-color: var(--border-0ead98)
}

.c-p2p-trade-dialog-input.is-error {
    border-color: var(--border-db5541)
}

.c-p2p-trade-dialog-input.is-error .via-input .input-inner {
    padding-bottom: 26px
}

.c-p2p-trade-dialog-input.is-error .input-suffix {
    padding-bottom: 14px
}

.c-p2p-trade-dialog-input .label {
    color: var(--text-161719);
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    padding-inline-start: 16px
}

.c-p2p-trade-dialog-input .via-input {
    border: none !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 0 14px
}

.c-p2p-trade-dialog-input .via-input .input-inner {
    height: 52px
}

.c-p2p-trade-dialog-input .err-text {
    background-color: var(--bg-ffffff);
    color: #f06a5b;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-top: -20px;
    padding: 0 16px 4px
}

html[dir=rtl] .c-p2p-trade-dialog-input .via-input input::-moz-placeholder {
    text-align: right;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

html[dir=rtl] .c-p2p-trade-dialog-input .via-input input::placeholder {
    text-align: right;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.c-p2p-trade-dialog-payment .selector {
    align-items: center;
    background: var(--bg-f7f8fa);
    border: 1px solid var(--border-f2f3f5);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 42px;
    margin-top: 24px;
    padding-inline-start: 12px;
    transition: .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.c-p2p-trade-dialog-payment .selector.is-active,
.c-p2p-trade-dialog-payment .selector:hover {
    border-color: var(--border-0ead98);
    box-shadow: 0 0 2px 0 rgba(14, 173, 152, .75)
}

.c-p2p-trade-dialog-payment .selector.is-active .arrow {
    color: var(--text-0ead98);
    transform: rotate(-180deg)
}

.c-p2p-trade-dialog-payment .selector .inner {
    color: var(--text-161719);
    flex: 1 1 0%;
    font-size: 14px
}

.c-p2p-trade-dialog-payment .selector .arrow {
    color: var(--text-161719);
    text-align: center;
    transform: rotate(0deg);
    transition: transform .2s;
    width: 36px
}

.c-p2p-trade-dialog-payment .payment-selector-popover {
    border-radius: 8px;
    padding: 0
}

.c-p2p-trade-dialog-payment .payment-selector-popover .payment-list {
    max-height: 282px;
    overflow-y: auto;
    width: 100%
}

.c-p2p-trade-dialog-payment .payment-selector-popover .payment-list .item:not(:last-of-type) {
    border-bottom: 1px solid var(--border-f2f3f5)
}

.c-p2p-trade-dialog-payment .payment-selector-popover .payment-list .item:hover {
    background-color: rgba(14, 173, 152, .05)
}

.c-p2p-trade-dialog-payment .payment-selector-popover .payment-list .via-radio {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 46px;
    margin-inline-end: 0;
    padding: 0 20px
}

.c-p2p-trade-dialog-payment .payment-selector-popover .payment-list .via-radio .via-radio__label {
    color: var(--text-161719);
    margin-inline-start: 12px
}

.c-p2p-trade-dialog-buy .via-dialog {
    padding: 20px
}

.c-p2p-trade-dialog-buy.via-drawer .drawer-content {
    background: var(--bg-f2f3f5);
    padding: 0 20px
}

.c-p2p-trade-dialog-account .selector {
    align-items: center;
    background: var(--bg-f7f8fa);
    border: 1px solid var(--border-f2f3f5);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 42px;
    margin-top: 24px;
    padding-inline-start: 12px;
    transition: .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.c-p2p-trade-dialog-account .selector.is-active,
.c-p2p-trade-dialog-account .selector:hover {
    border-color: var(--border-0ead98);
    box-shadow: 0 0 2px 0 rgba(14, 173, 152, .75)
}

.c-p2p-trade-dialog-account .selector.is-active .arrow {
    color: var(--text-0ead98);
    transform: rotate(-180deg)
}

.c-p2p-trade-dialog-account .selector .inner {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    flex: 1 1 0%;
    font-size: 14px;
    overflow: hidden
}

.c-p2p-trade-dialog-account .selector .inner .dot {
    background-color: var(--bg-0ead98);
    border: 1px solid var(--border-0ead98);
    border-radius: 100%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    flex-shrink: 0;
    height: 12px;
    position: relative;
    width: 12px
}

.c-p2p-trade-dialog-account .selector .inner .dot:after {
    background-color: var(--bg-ffffff-gray1003);
    border-radius: 100%;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 4px
}

.c-p2p-trade-dialog-account .selector .arrow {
    color: var(--text-161719);
    text-align: center;
    transform: rotate(0deg);
    transition: transform .2s;
    width: 36px
}

.c-p2p-trade-dialog-account .account-selector-popover {
    border-radius: 8px;
    padding: 0
}

.c-p2p-trade-dialog-account .account-selector-popover .account-list {
    width: 100%
}

.c-p2p-trade-dialog-account .account-selector-popover .account-list .item {
    position: relative
}

.c-p2p-trade-dialog-account .account-selector-popover .account-list .item:hover {
    background-color: rgba(14, 173, 152, .05)
}

.c-p2p-trade-dialog-account .account-selector-popover .account-list .item:not(:last-of-type):after {
    background-color: var(--bg-f2f3f5);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    margin-inline-start: 12px;
    position: absolute;
    width: calc(100% - 12px)
}

.c-p2p-trade-dialog-account .account-selector-popover .account-list .via-radio {
    cursor: pointer;
    display: flex;
    margin-inline-end: 0;
    padding: 12px 16px
}

.c-p2p-trade-dialog-account .account-selector-popover .account-list .via-radio .via-radio__label {
    color: var(--text-161719);
    display: flex;
    flex: 1 1 0%;
    font-size: 14px;
    margin-inline-start: 12px
}

.c-p2p-trade-dialog-account .account-selector-popover .account-list .via-radio .name {
    flex: 0 0 auto;
    width: 138px
}

.c-p2p-trade-dialog-account .account-selector-popover .account-list .via-radio .account {
    flex: 1 1 0%;
    font-weight: 400;
    line-height: 20px;
    word-break: break-all
}

.c-p2p-trade-dialog-account .account-selector-popover .add-icon {
    background: rgba(14, 173, 152, .1);
    border-radius: 4px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 16px
}

.c-p2p-trade-dialog-account .account-selector-popover .empty-list {
    padding: 12px 12px 24px
}

.c-p2p-trade-dialog-account .account-selector-popover .empty-list .empty-data {
    min-height: 100px
}

.c-p2p-trade-dialog-account .account-selector-popover .empty-list .item {
    align-items: center;
    background: var(--bg-fafbfc);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-top: 9px;
    padding: 9px 12px
}

.c-p2p-trade-dialog-account .account-selector-popover .scroll-wrapper {
    max-height: 400px;
    overflow-y: auto
}

.c-p2p-trade-dialog-sell .via-dialog {
    padding: 20px
}

.c-p2p-trade-dialog-sell .via-dropdown .via-dropdown-reference {
    height: 14px
}

.c-p2p-trade-dialog-sell .max-w-359 {
    max-width: 359px
}

.c-p2p-trade-dialog-sell.via-drawer .drawer-content {
    background: var(--bg-f2f3f5);
    padding: 0 20px
}

.p2p-trade-dialog-fail .via-message-box .via-message-box-header {
    display: none
}

.c-p2p-dialog-exam .exam-wrapper {
    height: 300px;
    margin: 0 -32px;
    overflow-y: auto;
    padding: 0 32px
}

.c-p2p-dialog-exam .que-item {
    margin-bottom: 16px
}

.c-p2p-dialog-exam .que-item .stem {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 700
}

.c-p2p-dialog-exam .que-item .tip-error {
    color: var(--text-db5541);
    font-size: 12px;
    font-weight: 700;
    padding-inline-start: 18px
}

.c-p2p-dialog-exam .que-item .option-item {
    color: var(--text-3a3d42);
    margin-top: 8px
}

.c-p2p-dialog-exam .que-item .via-radio {
    display: flex
}

.c-p2p-dialog-exam .que-item .via-radio .via-radio__input {
    padding-top: 2px
}

.c-p2p-index-adv-list {
    padding: 26px 0 80px
}

.c-p2p-index-adv-list .list {
    border-top: 1px solid var(--border-e6e7eb);
    margin-top: 28px;
    min-height: 368px;
    padding-top: 32px
}

.c-p2p-index-adv-list .title {
    align-items: center;
    color: var(--text-3a3d42);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 14px;
    padding: 0 36px
}

.c-p2p-index-adv-list .adv-item {
    align-items: center;
    background-color: var(--bg-fafbfc);
    border-radius: 20px;
    display: flex;
    margin-bottom: 12px;
    min-height: 106px;
    padding: 12px 36px
}

.c-p2p-index-adv-list .trade-label {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border: 1px solid #0ead98;
    border-radius: 5px;
    color: #0ead98;
    display: flex;
    font-size: 12px;
    height: 20px;
    margin-inline-start: 4px;
    padding: 0 10px;
    transform: skew(-8deg, 0deg) scale(.9);
    white-space: nowrap
}

.c-p2p-index-adv-list .skew-8 {
    transform: skew(8deg, 0deg)
}

.c-p2p-index-adv-list .w-1280 {
    width: 1280px
}

.c-p2p-index-adv-list .leading-16 {
    line-height: 16px
}

.c-p2p-index-adv-list .min-w-124 {
    min-width: 124px
}

.c-p2p-index-adv-list .ps-38 {
    padding-inline-start: 38px
}

.p-p2p-index {
    background-color: var(--bg-ffffff);
    min-height: 500px
}

.c-my-left-menu {
    background: none;
    border: none
}

.c-my-left-menu .via-menu {
    background: none !important
}

.c-my-left-menu .via-menu-item-group {
    background: var(--bg-ffffff);
    border-radius: 20px;
    margin-bottom: 10px;
    padding: 8px
}

.c-my-left-menu .via-menu-item-group .via-menu-item-group-title {
    display: none
}

.c-my-left-menu .item-wrapper {
    align-items: center;
    border-radius: 10px;
    color: var(--text-707580);
    display: flex !important;
    flex: 1 1 0%;
    line-height: 20px;
    padding: 14px 0;
    padding-inline-start: 16px;
    transition: .4s ease-out
}

.c-my-left-menu .item-wrapper .menu-icon {
    background-size: contain;
    height: 24px;
    margin-inline-end: 8px;
    transition: .4s ease-out;
    width: 24px
}

.c-my-left-menu .sub-item-wrapper {
    color: var(--text-707580);
    display: block;
    line-height: 20px;
    padding: 10px 0;
    padding-inline-start: 40px;
    transition: .4s ease-out
}

.c-my-left-menu .via-menu-item {
    border-radius: 10px;
    height: auto;
    padding: 0 !important;
    transition: .4s ease-out
}

.c-my-left-menu .via-menu-item.is-active .item-wrapper,
.c-my-left-menu .via-menu-item.is-active .sub-item-wrapper,
.c-my-left-menu .via-menu-item:hover .item-wrapper,
.c-my-left-menu .via-menu-item:hover .sub-item-wrapper {
    color: var(--text-0ead98)
}

.c-my-left-menu .via-menu-item.menu-item-coupon {
    align-items: center;
    display: flex
}

.c-my-left-menu .via-menu-item.menu-item-coupon .coupon-amount {
    background-color: rgba(14, 173, 152, .2);
    border-radius: 20px;
    color: var(--text-0ead98);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    padding: 0 4px;
    text-align: center
}

.c-my-left-menu .img-overview {
    background-image: url(../app-resources-d6/assets/74720cfa9344568f3109ccbe172e4a28_25e044bbf0f0c8d19d03.v2.svg)
}

.c-my-left-menu .img-security {
    background-image: url(../app-resources-d6/assets/48ea38477a493fd05f262496de4ff05c_9090415178589c87d6b8.v2.svg)
}

.c-my-left-menu .img-kyc {
    background-image: url(../app-resources-d6/assets/a940a3ece6818d449d47d622f6e22939_9b7e73e04825b90a0ae4.v2.svg)
}

.c-my-left-menu .img-level {
    background-image: url(../app-resources-d6/assets/f707164a67a6a32df750afe1ba460ba4_270c5d4db7af003086d8.v2.svg)
}

.c-my-left-menu .img-setting {
    background-image: url(../app-resources-d6/assets/52e6921d3a51c008fb5d5f67bba3727d_523e31b91e3028988618.v2.svg)
}

.c-my-left-menu .img-message {
    background-image: url(../app-resources-d6/assets/b548deb9366137f467126a3c35628692_15bec8e1a3e72b7a8ff3.v2.svg)
}

.c-my-left-menu .img-api {
    background-image: url(../app-resources-d6/assets/3ac34c3348c30ff3dba07cc1142c3ec8_aa1fd86063720bcd343b.v2.svg)
}

.c-my-left-menu .img-sub-account {
    background-image: url(../app-resources-d6/assets/198dc0a43e3cf217d29156963c4f7961_fba9d7ba03cdd6fd4a95.v2.svg)
}

.c-my-left-menu .img-coupon {
    background-image: url(../app-resources-d6/assets/6840efc2fda3b3d3e9af07aa712dbac2_22a37a9f9a60e1d0856b.v2.svg)
}

.c-my-left-menu .img-refer {
    background-image: url(../app-resources-d6/assets/bcda57675a9e060821fd47e591b80272_e4b5110a1f8af422c117.v2.svg)
}

.c-my-left-menu .img-cbox {
    background-image: url(../app-resources-d6/assets/6d396a1c11519e46914baf5559109b18_b93c2a915a3837d6876f.v2.svg)
}

.c-my-left-menu .via-submenu.is-active .via-submenu-title,
.c-my-left-menu .via-submenu.is-active .via-submenu-title .item-wrapper,
.c-my-left-menu .via-submenu.is-active .via-submenu-title .via-submenu-icon {
    color: var(--text-0ead98)
}

.c-my-left-menu .via-submenu .via-submenu-title {
    border-radius: 10px;
    height: auto;
    padding: 0 !important;
    transition: .4s ease-out
}

.c-my-left-menu .via-menu-item.is-active .img-overview,
.c-my-left-menu .via-menu-item:hover .img-overview,
.c-my-left-menu .via-submenu-title.is-active .img-overview,
.c-my-left-menu .via-submenu-title:hover .img-overview,
.c-my-left-menu .via-submenu.is-active .img-overview,
.c-my-left-menu .via-submenu:hover .img-overview {
    background-image: url(../app-resources-d6/assets/e51759201be592de2c59837c862c54ab_9cdb20cc8be24ed54956.v2.svg)
}

.c-my-left-menu .via-menu-item.is-active .img-security,
.c-my-left-menu .via-menu-item:hover .img-security,
.c-my-left-menu .via-submenu-title.is-active .img-security,
.c-my-left-menu .via-submenu-title:hover .img-security,
.c-my-left-menu .via-submenu.is-active .img-security,
.c-my-left-menu .via-submenu:hover .img-security {
    background-image: url(../app-resources-d6/assets/3467158801de080fb3e83df4459e1f2a_a71426e98353981431b2.v2.svg)
}

.c-my-left-menu .via-menu-item.is-active .img-kyc,
.c-my-left-menu .via-menu-item:hover .img-kyc,
.c-my-left-menu .via-submenu-title.is-active .img-kyc,
.c-my-left-menu .via-submenu-title:hover .img-kyc,
.c-my-left-menu .via-submenu.is-active .img-kyc,
.c-my-left-menu .via-submenu:hover .img-kyc {
    background-image: url(../app-resources-d6/assets/dca43ae0ae912c8443c0f4fd8fbec879_38b0a1c03a16cadfbb46.v2.svg)
}

.c-my-left-menu .via-menu-item.is-active .img-level,
.c-my-left-menu .via-menu-item:hover .img-level,
.c-my-left-menu .via-submenu-title.is-active .img-level,
.c-my-left-menu .via-submenu-title:hover .img-level,
.c-my-left-menu .via-submenu.is-active .img-level,
.c-my-left-menu .via-submenu:hover .img-level {
    background-image: url(../app-resources-d6/assets/88cbb52adf632b46dc1e734666e4823c_2f52fe9dcfdc1ed9c0f9.v2.svg)
}

.c-my-left-menu .via-menu-item.is-active .img-setting,
.c-my-left-menu .via-menu-item:hover .img-setting,
.c-my-left-menu .via-submenu-title.is-active .img-setting,
.c-my-left-menu .via-submenu-title:hover .img-setting,
.c-my-left-menu .via-submenu.is-active .img-setting,
.c-my-left-menu .via-submenu:hover .img-setting {
    background-image: url(../app-resources-d6/assets/a2ba0968074df427090768e2f26fee73_8208744253f553c3bafc.v2.svg)
}

.c-my-left-menu .via-menu-item.is-active .img-message,
.c-my-left-menu .via-menu-item:hover .img-message,
.c-my-left-menu .via-submenu-title.is-active .img-message,
.c-my-left-menu .via-submenu-title:hover .img-message,
.c-my-left-menu .via-submenu.is-active .img-message,
.c-my-left-menu .via-submenu:hover .img-message {
    background-image: url(../app-resources-d6/assets/60f637bffa99f719a71e72f1719025c1_38e6fde71fe1fd5bea4a.v2.svg)
}

.c-my-left-menu .via-menu-item.is-active .img-api,
.c-my-left-menu .via-menu-item:hover .img-api,
.c-my-left-menu .via-submenu-title.is-active .img-api,
.c-my-left-menu .via-submenu-title:hover .img-api,
.c-my-left-menu .via-submenu.is-active .img-api,
.c-my-left-menu .via-submenu:hover .img-api {
    background-image: url(../app-resources-d6/assets/9b88ea9bec13f7d00b91ff1b808611f4_e9e82a209c19c8c1494a.v2.svg)
}

.c-my-left-menu .via-menu-item.is-active .img-sub-account,
.c-my-left-menu .via-menu-item:hover .img-sub-account,
.c-my-left-menu .via-submenu-title.is-active .img-sub-account,
.c-my-left-menu .via-submenu-title:hover .img-sub-account,
.c-my-left-menu .via-submenu.is-active .img-sub-account,
.c-my-left-menu .via-submenu:hover .img-sub-account {
    background-image: url(../app-resources-d6/assets/79209417c2eec7c2b278d09ab9dc653a_1e12b99533228f833932.v2.svg)
}

.c-my-left-menu .via-menu-item.is-active .img-coupon,
.c-my-left-menu .via-menu-item:hover .img-coupon,
.c-my-left-menu .via-submenu-title.is-active .img-coupon,
.c-my-left-menu .via-submenu-title:hover .img-coupon,
.c-my-left-menu .via-submenu.is-active .img-coupon,
.c-my-left-menu .via-submenu:hover .img-coupon {
    background-image: url(../app-resources-d6/assets/b21cae0d3842e34c2f1695ebfc512650_ea4de0e713fca27651aa.v2.svg)
}

.c-my-left-menu .via-menu-item.is-active .img-refer,
.c-my-left-menu .via-menu-item:hover .img-refer,
.c-my-left-menu .via-submenu-title.is-active .img-refer,
.c-my-left-menu .via-submenu-title:hover .img-refer,
.c-my-left-menu .via-submenu.is-active .img-refer,
.c-my-left-menu .via-submenu:hover .img-refer {
    background-image: url(../app-resources-d6/assets/0d52c67b450dda84d93599d79af2a0ec_8243d03b8fac7dd5473e.v2.svg)
}

.c-my-left-menu .via-menu-item.is-active .img-cbox,
.c-my-left-menu .via-menu-item:hover .img-cbox,
.c-my-left-menu .via-submenu-title.is-active .img-cbox,
.c-my-left-menu .via-submenu-title:hover .img-cbox,
.c-my-left-menu .via-submenu.is-active .img-cbox,
.c-my-left-menu .via-submenu:hover .img-cbox {
    background-image: url(../app-resources-d6/assets/6aa1e1647acd4b0e7e68d21759042ddf_c9e22971382678fd5fe7.v2.svg)
}

.c-my-security-panel .info-item {
    align-items: center;
    border-top: 1px solid var(--bg-f2f3f5);
    display: flex;
    height: 68px;
    justify-content: space-between;
    padding: 0 20px 0 32px
}

.c-my-security-panel .info-item:first-child {
    border-top: none
}

.c-my-security-panel .info-item .item-icon {
    flex-shrink: 0
}

.c-my-security-panel .info-item .item-icon img {
    display: block;
    height: 30px;
    width: 30px
}

.c-my-security-panel .info-item .item-name {
    color: var(--text-161719);
    font-weight: 600;
    width: 240px
}

.c-my-security-panel .info-item .item-desc {
    color: var(--text-707580);
    font-size: 12px
}

.c-my-security-panel .info-item .item-val {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    margin-inline-end: 60px
}

.c-my-security-panel .info-item .status-success {
    background: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.c-my-security-panel .info-item .status-error {
    background: rgba(219, 85, 65, .05);
    color: var(--text-db5541)
}

.c-my-security-panel .info-item .status-gray {
    background: var(--bg-f2f3f5);
    color: var(--text-b4b7bd)
}

.c-my-info-security-basicsetting .basic-item {
    align-items: center;
    background-color: var(--bg-ffffff);
    display: flex;
    flex: 1 1 0%;
    justify-content: space-between;
    margin: 0;
    padding: 25px 32px 25px 20px
}

.c-my-info-security-basicsetting .md-modify-btn {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 12px;
    margin-inline-end: 10px
}

.c-common-dialog-email-safety {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-common-dialog-email-safety .c-common-lineinput {
    margin-top: 8px
}

.c-common-dialog-email-safety .c-common-lineinput .el-input {
    background-color: var(--bg-f7f8fa);
    border: 1px solid var(--bg-f7f8fa);
    border-radius: 4px;
    box-shadow: none
}

.c-common-dialog-email-safety .c-common-lineinput .el-input.lineinput.el-input.el-input--suffix .el-input__inner {
    height: 38px;
    line-height: 38px;
    padding: 0 24px !important
}

.c-common-dialog-email-safety .c-common-lineinput .el-input .el-input-group__append {
    padding: 0 12px;
    position: relative
}

.c-common-dialog-email-safety .c-common-lineinput .el-input .el-input-group__append:before {
    background: var(--bg-e6e7eb);
    content: " ";
    height: 14px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 1px
}

.c-common-dialog-email-safety .c-common-lineinput.is-focused .el-input {
    border-color: var(--border-0ead98)
}

.c-common-dialog-email-safety .el-form-item .tip {
    position: absolute;
    top: 100%
}

.c-common-dialog-email-safety .text-main-hover {
    color: var(--text-0ead98);
    transition: .3s
}

.c-common-dialog-email-safety .text-main-hover:hover {
    color: var(--text-1bbeb2)
}

.c-account-bind-dialog .via-dialog .bind-item {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 8px;
    display: flex;
    padding: 16px
}

.c-account-bind-dialog .via-dialog .bind-item+.bind-item {
    margin-top: 8px
}

.c-my-info-basic-withdraw-pwd-dialog-Edit-warn .top-box {
    text-align: center
}

.c-my-info-basic-withdraw-pwd-dialog-Edit-warn .top-box .icon-box {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 100px;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

.c-my-info-basic-withdraw-pwd-dialog-Edit-warn .top-box .icon-box .icon-img {
    background: url(../app-resources-d6/assets/a184ad7b8e3b01a4fba659dd98f4ad04_3b4f9ab72b10bbbc1d97.v2.svg);
    height: 62px;
    width: 62px
}

.c-my-info-basic-withdraw-pwd-dialog-Edit-warn .top-box .title-text {
    font-size: 20px;
    font-weight: 600
}

.c-my-confirm-lock-ip .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-my-confirm-lock-ip .icon-wrap .el-icon-warning {
    color: #f38b2c;
    font-size: 60px
}

.p-my-info-security .via-btn[type=neutral-white]:hover {
    background-color: var(--bg-0ead98)
}

@font-face {
    font-family: iconfont;
    src: url(../app-resources-d6/assets/9cdf6078b71d846d58dbada212793061_1b0de024fa2185cad312.v2.woff2) format("woff2"), url(../app-resources-d6/assets/cbb1ef067452b764785a1dd2bf17c2b2_dc72484796f2b1071a86.v2.woff) format("woff"), url(../app-resources-d6/assets/b0e61ae12d53ae677353ba96cd3082d6_37257e516a7f3a67b7ba.v2.ttf) format("truetype")
}

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

.icon-back:before {
    content: ""
}

.icon-formatheader2:before {
    content: ""
}

.icon-formatheader3:before {
    content: ""
}

.icon-formatheader4:before {
    content: ""
}

.icon-lianjie:before {
    content: ""
}

.icon-yinyong:before {
    content: ""
}

.icon-wenben:before {
    content: ""
}

.icon-jiacu:before {
    content: ""
}

.icon-xieti:before {
    content: ""
}

.icon-youxuliebiao:before {
    content: ""
}

.icon-daimakuai:before {
    content: ""
}

.icon-unorderedList:before {
    content: ""
}

.icon-position:before {
    content: ""
}

.icon-video1:before {
    content: ""
}

.icon-goto:before {
    content: ""
}

.icon-more1:before {
    content: ""
}

.icon-stroke_record:before {
    content: ""
}

.icon-gear:before {
    content: ""
}

.icon-search2:before {
    content: ""
}

.icon-book:before {
    content: ""
}

.icon-world:before {
    content: ""
}

.icon-paper:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-twitter1:before {
    content: ""
}

.icon-facebook1:before {
    content: ""
}

.icon-chart-type-0:before {
    content: ""
}

.icon-chart-type-1:before {
    content: ""
}

.icon-chart-type-9:before {
    content: ""
}

.icon-chart-type-8:before {
    content: ""
}

.icon-chart-type-2:before {
    content: ""
}

.icon-chart-setting:before {
    content: ""
}

.icon-chart-indicator:before {
    content: ""
}

.icon-chart-compare:before {
    content: ""
}

.icon-chart-multi:before {
    content: ""
}

.icon-chart-share:before {
    content: ""
}

.icon-GEL:before {
    content: ""
}

.icon-ALL:before {
    content: ""
}

.icon-BDT:before {
    content: ""
}

.icon-AUD:before {
    content: ""
}

.icon-AED:before {
    content: ""
}

.icon-ARS:before {
    content: ""
}

.icon-AZN:before {
    content: ""
}

.icon-BYN:before {
    content: ""
}

.icon-BTN:before {
    content: ""
}

.icon-AOA:before {
    content: ""
}

.icon-AFN:before {
    content: ""
}

.icon-BWP:before {
    content: ""
}

.icon-BZD:before {
    content: ""
}

.icon-CNY:before {
    content: ""
}

.icon-BND:before {
    content: ""
}

.icon-BRL:before {
    content: ""
}

.icon-CLP:before {
    content: ""
}

.icon-BGN:before {
    content: ""
}

.icon-AWG:before {
    content: ""
}

.icon-BMD:before {
    content: ""
}

.icon-BOB:before {
    content: ""
}

.icon-BIF:before {
    content: ""
}

.icon-CDF:before {
    content: ""
}

.icon-BBD:before {
    content: ""
}

.icon-ANG:before {
    content: ""
}

.icon-CAD:before {
    content: ""
}

.icon-AMD:before {
    content: ""
}

.icon-BSD:before {
    content: ""
}

.icon-FKP:before {
    content: ""
}

.icon-DZD:before {
    content: ""
}

.icon-BHD:before {
    content: ""
}

.icon-CZK:before {
    content: ""
}

.icon-BAM:before {
    content: ""
}

.icon-DOP:before {
    content: ""
}

.icon-GTQ:before {
    content: ""
}

.icon-ERN:before {
    content: ""
}

.icon-HUF:before {
    content: ""
}

.icon-CRC:before {
    content: ""
}

.icon-KRW:before {
    content: ""
}

.icon-HTG:before {
    content: ""
}

.icon-IRR:before {
    content: ""
}

.icon-GNF:before {
    content: ""
}

.icon-KWD:before {
    content: ""
}

.icon-MRU:before {
    content: ""
}

.icon-GMD:before {
    content: ""
}

.icon-INR:before {
    content: ""
}

.icon-GGP:before {
    content: ""
}

.icon-PHP:before {
    content: ""
}

.icon-LRD:before {
    content: ""
}

.icon-GIP:before {
    content: ""
}

.icon-NOK:before {
    content: ""
}

.icon-NZD:before {
    content: ""
}

.icon-PGK:before {
    content: ""
}

.icon-KPW:before {
    content: ""
}

.icon-IDR:before {
    content: ""
}

.icon-CVE:before {
    content: ""
}

.icon-KZT:before {
    content: ""
}

.icon-HNL:before {
    content: ""
}

.icon-NGN:before {
    content: ""
}

.icon-KGS:before {
    content: ""
}

.icon-CHF:before {
    content: ""
}

.icon-CUP:before {
    content: ""
}

.icon-COP:before {
    content: ""
}

.icon-DJF:before {
    content: ""
}

.icon-EUR:before {
    content: ""
}

.icon-SOS:before {
    content: ""
}

.icon-KMF:before {
    content: ""
}

.icon-MVR:before {
    content: ""
}

.icon-KES:before {
    content: ""
}

.icon-LBP:before {
    content: ""
}

.icon-EGP:before {
    content: ""
}

.icon-MDL:before {
    content: ""
}

.icon-KYD:before {
    content: ""
}

.icon-IQD:before {
    content: ""
}

.icon-LKR:before {
    content: ""
}

.icon-HKD:before {
    content: ""
}

.icon-ISK:before {
    content: ""
}

.icon-RUB:before {
    content: ""
}

.icon-RSD:before {
    content: ""
}

.icon-MMK:before {
    content: ""
}

.icon-MNT:before {
    content: ""
}

.icon-LYD:before {
    content: ""
}

.icon-DKK:before {
    content: ""
}

.icon-TJS:before {
    content: ""
}

.icon-PEN:before {
    content: ""
}

.icon-MKD:before {
    content: ""
}

.icon-PKR:before {
    content: ""
}

.icon-JPY:before {
    content: ""
}

.icon-SEK:before {
    content: ""
}

.icon-GYD:before {
    content: ""
}

.icon-MUR:before {
    content: ""
}

.icon-SLL:before {
    content: ""
}

.icon-PYG:before {
    content: ""
}

.icon-MZN:before {
    content: ""
}

.icon-MXN:before {
    content: ""
}

.icon-NIO:before {
    content: ""
}

.icon-ILS:before {
    content: ""
}

.icon-ETB:before {
    content: ""
}

.icon-MGA:before {
    content: ""
}

.icon-RWF:before {
    content: ""
}

.icon-RON:before {
    content: ""
}

.icon-SRD:before {
    content: ""
}

.icon-MAD:before {
    content: ""
}

.icon-JOD:before {
    content: ""
}

.icon-SSP:before {
    content: ""
}

.icon-SZL:before {
    content: ""
}

.icon-MYR:before {
    content: ""
}

.icon-QAR:before {
    content: ""
}

.icon-JMD:before {
    content: ""
}

.icon-STN:before {
    content: ""
}

.icon-PAB:before {
    content: ""
}

.icon-OMR:before {
    content: ""
}

.icon-KHR:before {
    content: ""
}

.icon-SAR:before {
    content: ""
}

.icon-LSL:before {
    content: ""
}

.icon-LAK:before {
    content: ""
}

.icon-TMT:before {
    content: ""
}

.icon-SYP:before {
    content: ""
}

.icon-MOP:before {
    content: ""
}

.icon-TRY:before {
    content: ""
}

.icon-SCR:before {
    content: ""
}

.icon-THB:before {
    content: ""
}

.icon-FJD:before {
    content: ""
}

.icon-GHS:before {
    content: ""
}

.icon-UYU:before {
    content: ""
}

.icon-GBP:before {
    content: ""
}

.icon-TOP:before {
    content: ""
}

.icon-MWK:before {
    content: ""
}

.icon-TTD:before {
    content: ""
}

.icon-TWD:before {
    content: ""
}

.icon-XOF:before {
    content: ""
}

.icon-SDG:before {
    content: ""
}

.icon-VND:before {
    content: ""
}

.icon-XPF:before {
    content: ""
}

.icon-ZMW:before {
    content: ""
}

.icon-USD:before {
    content: ""
}

.icon-ZAR:before {
    content: ""
}

.icon-NPR:before {
    content: ""
}

.icon-NAD:before {
    content: ""
}

.icon-ZWD:before {
    content: ""
}

.icon-XCD:before {
    content: ""
}

.icon-TZS:before {
    content: ""
}

.icon-PLN:before {
    content: ""
}

.icon-TND:before {
    content: ""
}

.icon-SBD:before {
    content: ""
}

.icon-YER:before {
    content: ""
}

.icon-SGD:before {
    content: ""
}

.icon-VUV:before {
    content: ""
}

.icon-VES:before {
    content: ""
}

.icon-XAF:before {
    content: ""
}

.icon-UGX:before {
    content: ""
}

.icon-UAH:before {
    content: ""
}

.icon-UZS:before {
    content: ""
}

.icon-WST:before {
    content: ""
}

.icon-zhuanhuan:before {
    content: ""
}

.icon-stroke_download:before {
    content: ""
}

.icon-cancel1:before {
    content: ""
}

.icon-success1:before {
    content: ""
}

.icon-warn:before {
    content: ""
}

.icon-stroke_news:before {
    content: ""
}

.icon-passkey:before {
    content: ""
}

.icon-p2p:before {
    content: ""
}

.icon-kyc:before {
    content: ""
}

.icon-send:before {
    content: ""
}

.icon-exit:before {
    content: ""
}

.icon-xiaoxi1:before {
    content: ""
}

.icon-ad:before {
    content: ""
}

.icon-dingdan:before {
    content: ""
}

.icon-shensu:before {
    content: ""
}

.icon-payment:before {
    content: ""
}

.icon-zonglan:before {
    content: ""
}

.icon-tishi:before {
    content: ""
}

.icon-end-time:before {
    content: ""
}

.icon-start-time:before {
    content: ""
}

.icon-info1:before {
    content: ""
}

.icon-icon-products:before {
    content: ""
}

.icon-Vector1:before {
    content: ""
}

.icon-Vector2:before {
    content: ""
}

.icon-arrow2:before {
    content: ""
}

.icon-asset1:before {
    content: ""
}

.icon-tuijian:before {
    content: ""
}

.icon-huodong:before {
    content: ""
}

.icon-gonggao:before {
    content: ""
}

.icon-dongtai:before {
    content: ""
}

.icon-sanxing:before {
    content: ""
}

.icon-add3:before {
    content: ""
}

.icon-ins1-night:before {
    content: ""
}

.icon-medium1-night:before {
    content: ""
}

.icon-youtube-night:before {
    content: ""
}

.icon-vk-night:before {
    content: ""
}

.icon-blog-night:before {
    content: ""
}

.icon-tiktok-night:before {
    content: ""
}

.icon-medium2-night:before {
    content: ""
}

.icon-line-night:before {
    content: ""
}

.icon-copy-night:before {
    content: ""
}

.icon-discord-night:before {
    content: ""
}

.icon-email-night:before {
    content: ""
}

.icon-ins2-night:before {
    content: ""
}

.icon-reddit-night:before {
    content: ""
}

.icon-twlogo-night:before {
    content: ""
}

.icon-facebook-night:before {
    content: ""
}

.icon-telegram-night:before {
    content: ""
}

.icon-warn-triangle:before {
    content: ""
}

.icon-gift2:before {
    content: ""
}

.icon-link:before {
    content: ""
}

.icon-icon-message:before {
    content: ""
}

.icon-multi-graph-1:before {
    content: ""
}

.icon-multi-graph-4:before {
    content: ""
}

.icon-a-Frame1:before {
    content: ""
}

.icon-Frame:before {
    content: ""
}

.icon-download1:before {
    content: ""
}

.icon-capture:before {
    content: ""
}

.icon-multi-graph-3:before {
    content: ""
}

.icon-multi-graph-2:before {
    content: ""
}

.icon-zhengque:before {
    content: ""
}

.icon-cuowu:before {
    content: ""
}

.icon-yincang:before {
    content: ""
}

.icon-zhanshi:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}

.icon-remind1:before {
    content: ""
}

.icon-deal-stat:before {
    content: ""
}

.icon-shandian:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-xiaoxi:before {
    content: ""
}

.icon-list1:before {
    content: ""
}

.icon-email1:before {
    content: ""
}

.icon-instagram_fill:before {
    content: ""
}

.icon-icon-17:before {
    content: ""
}

.icon-reddit1:before {
    content: ""
}

.icon-ArrowUpRight:before {
    content: ""
}

.icon-remove2:before {
    content: ""
}

.icon-video-outline:before {
    content: ""
}

.icon-arrow-right-outline:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-Vector:before {
    content: ""
}

.icon-setting2:before {
    content: ""
}

.icon-calculator2:before {
    content: ""
}

.icon-course2:before {
    content: ""
}

.icon-triangle-warning:before {
    content: ""
}

.icon-lang:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-revoke:before {
    content: ""
}

.icon-filter:before {
    content: ""
}

.icon-currency:before {
    content: ""
}

.icon-Scan:before {
    content: ""
}

.icon-share2:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-time1:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-bianji:before {
    content: ""
}

.icon-reset:before {
    content: ""
}

.icon-asset-transfer:before {
    content: ""
}

.icon-setting:before {
    content: ""
}

.icon-indicator:before {
    content: ""
}

.icon-transfer1:before {
    content: ""
}

.icon-recharge:before {
    content: ""
}

.icon-profit-rate:before {
    content: ""
}

.icon-capital-history:before {
    content: ""
}

.icon-intro:before {
    content: ""
}

.icon-list:before {
    content: ""
}

.icon-share1:before {
    content: ""
}

.icon-invisible:before {
    content: ""
}

.icon-mobile-share:before {
    content: ""
}

.icon-arrow-rise:before {
    content: ""
}

.icon-arrow-expand:before {
    content: ""
}

.icon-company2:before {
    content: ""
}

.icon-verify:before {
    content: ""
}

.icon-next-circle:before {
    content: ""
}

.icon-video:before {
    content: ""
}

.icon-search1:before {
    content: ""
}

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

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

.icon-confirming-line:before {
    content: ""
}

.icon-refresh:before {
    content: ""
}

.icon-remark:before {
    content: ""
}

.icon-mail3:before {
    content: ""
}

.icon-accept:before {
    content: ""
}

.icon-mobile-phone:before {
    content: ""
}

.icon-lock-line:before {
    content: ""
}

.icon-remove:before {
    content: ""
}

.icon-add2:before {
    content: ""
}

.icon-success-line:before {
    content: ""
}

.icon-service:before {
    content: ""
}

.icon-auth:before {
    content: ""
}

.icon-ask:before {
    content: ""
}

.icon-voucher:before {
    content: ""
}

.icon-edit:before {
    content: ""
}

.icon-load-more:before {
    content: ""
}

.icon-confirming:before {
    content: ""
}

.icon-person:before {
    content: ""
}

.icon-flag:before {
    content: ""
}

.icon-graph:before {
    content: ""
}

.icon-course:before {
    content: ""
}

.icon-bg-left:before {
    content: ""
}

.icon-bg-right:before {
    content: ""
}

.icon-paixu:before {
    content: ""
}

.icon-history:before {
    content: ""
}

.icon-download2:before {
    content: ""
}

.icon-semicircle:before {
    content: ""
}

.icon-logo-bg:before {
    content: ""
}

.icon-arrow-link:before {
    content: ""
}

.icon-company:before {
    content: ""
}

.icon-spot-new:before {
    content: ""
}

.icon-fall:before {
    content: ""
}

.icon-rise:before {
    content: ""
}

.icon-a-bianzu2:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-totp:before {
    content: ""
}

.icon-mobile:before {
    content: ""
}

.icon-email2:before {
    content: ""
}

.icon-shouqicaidan:before {
    content: ""
}

.icon-zhankaicaidan:before {
    content: ""
}

.icon-buy:before {
    content: ""
}

.icon-asset-deposit:before {
    content: ""
}

.icon-arrow-right1:before {
    content: ""
}

.icon-order:before {
    content: ""
}

.icon-error:before {
    content: ""
}

.icon-round-loading:before {
    content: ""
}

.icon-cancel:before {
    content: ""
}

.icon-account-pwd:before {
    content: ""
}

.icon-question-mark:before {
    content: ""
}

.icon-video-play:before {
    content: ""
}

.icon-add:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-success:before {
    content: ""
}

.icon-transfer:before {
    content: ""
}

.icon-ins:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

.icon-calculator:before {
    content: ""
}

.icon-medium:before {
    content: ""
}

.icon-discord:before {
    content: ""
}

.icon-fee-rate:before {
    content: ""
}

.icon-remind-no:before {
    content: ""
}

.icon-wallet:before {
    content: ""
}

.icon-remind:before {
    content: ""
}

.icon-exclamation-mark:before {
    content: ""
}

.icon-fiat-currency:before {
    content: ""
}

.icon-question:before {
    content: ""
}

.icon-personal:before {
    content: ""
}

.icon-mining:before {
    content: ""
}

.icon-correct:before {
    content: ""
}

.icon-qq-new:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-telegram1:before {
    content: ""
}

.icon-weibo1:before {
    content: ""
}

.icon-copy:before {
    content: ""
}

.icon-stick:before {
    content: ""
}

.icon-fee-withdraw:before {
    content: ""
}

.icon-fee-perpetual:before {
    content: ""
}

.icon-fee-spot:before {
    content: ""
}

.icon-people:before {
    content: ""
}

.icon-lock:before {
    content: ""
}

.icon-notice:before {
    content: ""
}

.icon-to-top:before {
    content: ""
}

.icon-yield:before {
    content: ""
}

.icon-rss:before {
    content: ""
}

.icon-time:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-night:before {
    content: ""
}

.icon-day:before {
    content: ""
}

.icon-android:before {
    content: ""
}

.icon-apple:before {
    content: ""
}

.icon-google-play:before {
    content: ""
}

.icon-message:before {
    content: ""
}

.icon-my:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-computer:before {
    content: ""
}

.icon-select:before {
    content: ""
}

.icon-cal:before {
    content: ""
}

.icon-wenhao:before {
    content: ""
}

.icon-finance:before {
    content: ""
}

.icon-contract:before {
    content: ""
}

.icon-margin:before {
    content: ""
}

.icon-asset:before {
    content: ""
}

.icon-spot:before {
    content: ""
}

.icon-level1:before {
    content: ""
}

.icon-preference:before {
    content: ""
}

.icon-refer:before {
    content: ""
}

.icon-messages:before {
    content: ""
}

.icon-api-manage:before {
    content: ""
}

.icon-sub-account2:before {
    content: ""
}

.icon-fire:before {
    content: ""
}

.icon-fullscreen:before {
    content: ""
}

.icon-record:before {
    content: ""
}

.icon-nav-left:before {
    content: ""
}

.icon-nav-right:before {
    content: ""
}

.icon-question-circle:before {
    content: ""
}

.icon-community:before {
    content: ""
}

.icon-security:before {
    content: ""
}

.icon-profession:before {
    content: ""
}

.icon-contact:before {
    content: ""
}

.icon-customer:before {
    content: ""
}

.icon-about:before {
    content: ""
}

.icon-show:before {
    content: ""
}

.icon-hide:before {
    content: ""
}

.icon-fund:before {
    content: ""
}

.icon-swap:before {
    content: ""
}

.icon-ellipsis:before {
    content: ""
}

.icon-hint:before {
    content: ""
}

.icon-ziyuan:before {
    content: ""
}

.icon-yes:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-star-active:before {
    content: ""
}

.icon-export:before {
    content: ""
}

.icon-rank:before {
    content: ""
}

.icon-date:before {
    content: ""
}

.icon-gift:before {
    content: ""
}

.icon-page-start:before {
    content: ""
}

.icon-page-prev:before {
    content: ""
}

.icon-page-next:before {
    content: ""
}

.icon-page-end:before {
    content: ""
}

.icon-chart:before {
    content: ""
}

.icon-drop-down:before {
    content: ""
}

.icon-delete:before {
    content: ""
}

.icon-desc:before {
    content: ""
}

.icon-asc:before {
    content: ""
}

.icon-down:before {
    content: ""
}

.icon-next:before {
    content: ""
}

.icon-huazhuan:before {
    content: ""
}

.icon-seefull:before {
    content: ""
}

.icon-see:before {
    content: ""
}

.icon-level:before {
    content: ""
}

.icon-msg:before {
    content: ""
}

.icon-api:before {
    content: ""
}

.icon-qr:before {
    content: ""
}

.icon-more:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-reddit:before {
    content: ""
}

.icon-weibo:before {
    content: ""
}

.icon-telegram:before {
    content: ""
}

.icon-wechat:before {
    content: ""
}

.icon-qq:before {
    content: ""
}

.icon-email:before {
    content: ""
}

@font-face {
    font-family: element-icons;
    font-style: normal;
    font-weight: 400;
    src: url(../app-resources-d6/assets/element-icons_313f7dacf2076822059d.v2.woff) format("woff"), url(../app-resources-d6/assets/element-icons_4520188144a17fb24a6a.v2.ttf) format("truetype")
}

[class*=" el-icon-"],
[class^=el-icon-] {
    speak: none;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    font-family: element-icons !important
}

.el-icon-ice-cream-round:before {
    content: ""
}

.el-icon-ice-cream-square:before {
    content: ""
}

.el-icon-lollipop:before {
    content: ""
}

.el-icon-potato-strips:before {
    content: ""
}

.el-icon-milk-tea:before {
    content: ""
}

.el-icon-ice-drink:before {
    content: ""
}

.el-icon-ice-tea:before {
    content: ""
}

.el-icon-coffee:before {
    content: ""
}

.el-icon-orange:before {
    content: ""
}

.el-icon-pear:before {
    content: ""
}

.el-icon-apple:before {
    content: ""
}

.el-icon-cherry:before {
    content: ""
}

.el-icon-watermelon:before {
    content: ""
}

.el-icon-grape:before {
    content: ""
}

.el-icon-refrigerator:before {
    content: ""
}

.el-icon-goblet-square-full:before {
    content: ""
}

.el-icon-goblet-square:before {
    content: ""
}

.el-icon-goblet-full:before {
    content: ""
}

.el-icon-goblet:before {
    content: ""
}

.el-icon-cold-drink:before {
    content: ""
}

.el-icon-coffee-cup:before {
    content: ""
}

.el-icon-water-cup:before {
    content: ""
}

.el-icon-hot-water:before {
    content: ""
}

.el-icon-ice-cream:before {
    content: ""
}

.el-icon-dessert:before {
    content: ""
}

.el-icon-sugar:before {
    content: ""
}

.el-icon-tableware:before {
    content: ""
}

.el-icon-burger:before {
    content: ""
}

.el-icon-knife-fork:before {
    content: ""
}

.el-icon-fork-spoon:before {
    content: ""
}

.el-icon-chicken:before {
    content: ""
}

.el-icon-food:before {
    content: ""
}

.el-icon-dish-1:before {
    content: ""
}

.el-icon-dish:before {
    content: ""
}

.el-icon-moon-night:before {
    content: ""
}

.el-icon-moon:before {
    content: ""
}

.el-icon-cloudy-and-sunny:before {
    content: ""
}

.el-icon-partly-cloudy:before {
    content: ""
}

.el-icon-cloudy:before {
    content: ""
}

.el-icon-sunny:before {
    content: ""
}

.el-icon-sunset:before {
    content: ""
}

.el-icon-sunrise-1:before {
    content: ""
}

.el-icon-sunrise:before {
    content: ""
}

.el-icon-heavy-rain:before {
    content: ""
}

.el-icon-lightning:before {
    content: ""
}

.el-icon-light-rain:before {
    content: ""
}

.el-icon-wind-power:before {
    content: ""
}

.el-icon-baseball:before {
    content: ""
}

.el-icon-soccer:before {
    content: ""
}

.el-icon-football:before {
    content: ""
}

.el-icon-basketball:before {
    content: ""
}

.el-icon-ship:before {
    content: ""
}

.el-icon-truck:before {
    content: ""
}

.el-icon-bicycle:before {
    content: ""
}

.el-icon-mobile-phone:before {
    content: ""
}

.el-icon-service:before {
    content: ""
}

.el-icon-key:before {
    content: ""
}

.el-icon-unlock:before {
    content: ""
}

.el-icon-lock:before {
    content: ""
}

.el-icon-watch:before {
    content: ""
}

.el-icon-watch-1:before {
    content: ""
}

.el-icon-timer:before {
    content: ""
}

.el-icon-alarm-clock:before {
    content: ""
}

.el-icon-map-location:before {
    content: ""
}

.el-icon-delete-location:before {
    content: ""
}

.el-icon-add-location:before {
    content: ""
}

.el-icon-location-information:before {
    content: ""
}

.el-icon-location-outline:before {
    content: ""
}

.el-icon-location:before {
    content: ""
}

.el-icon-place:before {
    content: ""
}

.el-icon-discover:before {
    content: ""
}

.el-icon-first-aid-kit:before {
    content: ""
}

.el-icon-trophy-1:before {
    content: ""
}

.el-icon-trophy:before {
    content: ""
}

.el-icon-medal:before {
    content: ""
}

.el-icon-medal-1:before {
    content: ""
}

.el-icon-stopwatch:before {
    content: ""
}

.el-icon-mic:before {
    content: ""
}

.el-icon-copy-document:before {
    content: ""
}

.el-icon-full-screen:before {
    content: ""
}

.el-icon-switch-button:before {
    content: ""
}

.el-icon-aim:before {
    content: ""
}

.el-icon-crop:before {
    content: ""
}

.el-icon-odometer:before {
    content: ""
}

.el-icon-time:before {
    content: ""
}

.el-icon-bangzhu:before {
    content: ""
}

.el-icon-close-notification:before {
    content: ""
}

.el-icon-microphone:before {
    content: ""
}

.el-icon-turn-off-microphone:before {
    content: ""
}

.el-icon-position:before {
    content: ""
}

.el-icon-postcard:before {
    content: ""
}

.el-icon-message:before {
    content: ""
}

.el-icon-chat-line-square:before {
    content: ""
}

.el-icon-chat-dot-square:before {
    content: ""
}

.el-icon-chat-dot-round:before {
    content: ""
}

.el-icon-chat-square:before {
    content: ""
}

.el-icon-chat-line-round:before {
    content: ""
}

.el-icon-chat-round:before {
    content: ""
}

.el-icon-set-up:before {
    content: ""
}

.el-icon-turn-off:before {
    content: ""
}

.el-icon-open:before {
    content: ""
}

.el-icon-connection:before {
    content: ""
}

.el-icon-link:before {
    content: ""
}

.el-icon-cpu:before {
    content: ""
}

.el-icon-thumb:before {
    content: ""
}

.el-icon-female:before {
    content: ""
}

.el-icon-male:before {
    content: ""
}

.el-icon-guide:before {
    content: ""
}

.el-icon-news:before {
    content: ""
}

.el-icon-price-tag:before {
    content: ""
}

.el-icon-discount:before {
    content: ""
}

.el-icon-wallet:before {
    content: ""
}

.el-icon-coin:before {
    content: ""
}

.el-icon-money:before {
    content: ""
}

.el-icon-bank-card:before {
    content: ""
}

.el-icon-box:before {
    content: ""
}

.el-icon-present:before {
    content: ""
}

.el-icon-sell:before {
    content: ""
}

.el-icon-sold-out:before {
    content: ""
}

.el-icon-shopping-bag-2:before {
    content: ""
}

.el-icon-shopping-bag-1:before {
    content: ""
}

.el-icon-shopping-cart-2:before {
    content: ""
}

.el-icon-shopping-cart-1:before {
    content: ""
}

.el-icon-shopping-cart-full:before {
    content: ""
}

.el-icon-smoking:before {
    content: ""
}

.el-icon-no-smoking:before {
    content: ""
}

.el-icon-house:before {
    content: ""
}

.el-icon-table-lamp:before {
    content: ""
}

.el-icon-school:before {
    content: ""
}

.el-icon-office-building:before {
    content: ""
}

.el-icon-toilet-paper:before {
    content: ""
}

.el-icon-notebook-2:before {
    content: ""
}

.el-icon-notebook-1:before {
    content: ""
}

.el-icon-files:before {
    content: ""
}

.el-icon-collection:before {
    content: ""
}

.el-icon-receiving:before {
    content: ""
}

.el-icon-suitcase-1:before {
    content: ""
}

.el-icon-suitcase:before {
    content: ""
}

.el-icon-film:before {
    content: ""
}

.el-icon-collection-tag:before {
    content: ""
}

.el-icon-data-analysis:before {
    content: ""
}

.el-icon-pie-chart:before {
    content: ""
}

.el-icon-data-board:before {
    content: ""
}

.el-icon-data-line:before {
    content: ""
}

.el-icon-reading:before {
    content: ""
}

.el-icon-magic-stick:before {
    content: ""
}

.el-icon-coordinate:before {
    content: ""
}

.el-icon-mouse:before {
    content: ""
}

.el-icon-brush:before {
    content: ""
}

.el-icon-headset:before {
    content: ""
}

.el-icon-umbrella:before {
    content: ""
}

.el-icon-scissors:before {
    content: ""
}

.el-icon-mobile:before {
    content: ""
}

.el-icon-attract:before {
    content: ""
}

.el-icon-monitor:before {
    content: ""
}

.el-icon-search:before {
    content: ""
}

.el-icon-takeaway-box:before {
    content: ""
}

.el-icon-paperclip:before {
    content: ""
}

.el-icon-printer:before {
    content: ""
}

.el-icon-document-add:before {
    content: ""
}

.el-icon-document:before {
    content: ""
}

.el-icon-document-checked:before {
    content: ""
}

.el-icon-document-copy:before {
    content: ""
}

.el-icon-document-delete:before {
    content: ""
}

.el-icon-document-remove:before {
    content: ""
}

.el-icon-tickets:before {
    content: ""
}

.el-icon-folder-checked:before {
    content: ""
}

.el-icon-folder-delete:before {
    content: ""
}

.el-icon-folder-remove:before {
    content: ""
}

.el-icon-folder-add:before {
    content: ""
}

.el-icon-folder-opened:before {
    content: ""
}

.el-icon-folder:before {
    content: ""
}

.el-icon-edit-outline:before {
    content: ""
}

.el-icon-edit:before {
    content: ""
}

.el-icon-date:before {
    content: ""
}

.el-icon-c-scale-to-original:before {
    content: ""
}

.el-icon-view:before {
    content: ""
}

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

.el-icon-rank:before {
    content: ""
}

.el-icon-sort-down:before {
    content: ""
}

.el-icon-sort-up:before {
    content: ""
}

.el-icon-sort:before {
    content: ""
}

.el-icon-finished:before {
    content: ""
}

.el-icon-refresh-left:before {
    content: ""
}

.el-icon-refresh-right:before {
    content: ""
}

.el-icon-refresh:before {
    content: ""
}

.el-icon-video-play:before {
    content: ""
}

.el-icon-video-pause:before {
    content: ""
}

.el-icon-d-arrow-right:before {
    content: ""
}

.el-icon-d-arrow-left:before {
    content: ""
}

.el-icon-arrow-up:before {
    content: ""
}

.el-icon-arrow-down:before {
    content: ""
}

.el-icon-arrow-right:before {
    content: ""
}

.el-icon-arrow-left:before {
    content: ""
}

.el-icon-top-right:before {
    content: ""
}

.el-icon-top-left:before {
    content: ""
}

.el-icon-top:before {
    content: ""
}

.el-icon-bottom:before {
    content: ""
}

.el-icon-right:before {
    content: ""
}

.el-icon-back:before {
    content: ""
}

.el-icon-bottom-right:before {
    content: ""
}

.el-icon-bottom-left:before {
    content: ""
}

.el-icon-caret-top:before {
    content: ""
}

.el-icon-caret-bottom:before {
    content: ""
}

.el-icon-caret-right:before {
    content: ""
}

.el-icon-caret-left:before {
    content: ""
}

.el-icon-d-caret:before {
    content: ""
}

.el-icon-share:before {
    content: ""
}

.el-icon-menu:before {
    content: ""
}

.el-icon-s-grid:before {
    content: ""
}

.el-icon-s-check:before {
    content: ""
}

.el-icon-s-data:before {
    content: ""
}

.el-icon-s-opportunity:before {
    content: ""
}

.el-icon-s-custom:before {
    content: ""
}

.el-icon-s-claim:before {
    content: ""
}

.el-icon-s-finance:before {
    content: ""
}

.el-icon-s-comment:before {
    content: ""
}

.el-icon-s-flag:before {
    content: ""
}

.el-icon-s-marketing:before {
    content: ""
}

.el-icon-s-shop:before {
    content: ""
}

.el-icon-s-open:before {
    content: ""
}

.el-icon-s-management:before {
    content: ""
}

.el-icon-s-ticket:before {
    content: ""
}

.el-icon-s-release:before {
    content: ""
}

.el-icon-s-home:before {
    content: ""
}

.el-icon-s-promotion:before {
    content: ""
}

.el-icon-s-operation:before {
    content: ""
}

.el-icon-s-unfold:before {
    content: ""
}

.el-icon-s-fold:before {
    content: ""
}

.el-icon-s-platform:before {
    content: ""
}

.el-icon-s-order:before {
    content: ""
}

.el-icon-s-cooperation:before {
    content: ""
}

.el-icon-bell:before {
    content: ""
}

.el-icon-message-solid:before {
    content: ""
}

.el-icon-video-camera:before {
    content: ""
}

.el-icon-video-camera-solid:before {
    content: ""
}

.el-icon-camera:before {
    content: ""
}

.el-icon-camera-solid:before {
    content: ""
}

.el-icon-download:before {
    content: ""
}

.el-icon-upload2:before {
    content: ""
}

.el-icon-upload:before {
    content: ""
}

.el-icon-picture-outline-round:before {
    content: ""
}

.el-icon-picture-outline:before {
    content: ""
}

.el-icon-picture:before {
    content: ""
}

.el-icon-close:before {
    content: ""
}

.el-icon-check:before {
    content: ""
}

.el-icon-plus:before {
    content: ""
}

.el-icon-minus:before {
    content: ""
}

.el-icon-help:before {
    content: ""
}

.el-icon-s-help:before {
    content: ""
}

.el-icon-circle-close:before {
    content: ""
}

.el-icon-circle-check:before {
    content: ""
}

.el-icon-circle-plus-outline:before {
    content: ""
}

.el-icon-remove-outline:before {
    content: ""
}

.el-icon-zoom-out:before {
    content: ""
}

.el-icon-zoom-in:before {
    content: ""
}

.el-icon-error:before {
    content: ""
}

.el-icon-success:before {
    content: ""
}

.el-icon-circle-plus:before {
    content: ""
}

.el-icon-remove:before {
    content: ""
}

.el-icon-info:before {
    content: ""
}

.el-icon-question:before {
    content: ""
}

.el-icon-warning-outline:before {
    content: ""
}

.el-icon-warning:before {
    content: ""
}

.el-icon-goods:before {
    content: ""
}

.el-icon-s-goods:before {
    content: ""
}

.el-icon-star-off:before {
    content: ""
}

.el-icon-star-on:before {
    content: ""
}

.el-icon-more-outline:before {
    content: ""
}

.el-icon-more:before {
    content: ""
}

.el-icon-phone-outline:before {
    content: ""
}

.el-icon-phone:before {
    content: ""
}

.el-icon-user:before {
    content: ""
}

.el-icon-user-solid:before {
    content: ""
}

.el-icon-setting:before {
    content: ""
}

.el-icon-s-tools:before {
    content: ""
}

.el-icon-delete:before {
    content: ""
}

.el-icon-delete-solid:before {
    content: ""
}

.el-icon-eleme:before {
    content: ""
}

.el-icon-platform-eleme:before {
    content: ""
}

.el-icon-loading {
    animation: rotating 2s linear 0s infinite normal none running
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

.el-pagination {
    color: #27282c;
    font-weight: 700;
    padding: 2px 5px;
    white-space: nowrap
}

.el-pagination:after,
.el-pagination:before {
    content: "";
    display: table
}

.el-pagination:after {
    clear: both
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
    box-sizing: border-box;
    display: inline-block;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    min-width: 35.5px;
    vertical-align: top
}

.el-pagination .el-input__inner {
    line-height: normal;
    text-align: center
}

.el-pagination .el-input__suffix {
    right: 0;
    transform: scale(.8)
}

.el-pagination .el-select .el-input {
    margin: 0 5px;
    width: 100px
}

.el-pagination .el-select .el-input .el-input__inner {
    border-radius: 3px;
    padding-right: 25px
}

.el-pagination button {
    background: 0 0;
    border: none;
    padding: 0 6px
}

.el-pagination button:focus {
    outline: 0
}

.el-pagination button:hover {
    color: #0ead98
}

.el-pagination button:disabled {
    background-color: #fff;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
    background: 50%/16px no-repeat #fff;
    color: #27282c;
    cursor: pointer;
    margin: 0
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700
}

.el-pagination .btn-prev {
    padding-right: 12px
}

.el-pagination .btn-next {
    padding-left: 12px
}

.el-pagination .el-pager li.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-pagination--small .btn-next,
.el-pagination--small .btn-prev,
.el-pagination--small .el-pager li,
.el-pagination--small .el-pager li.btn-quicknext,
.el-pagination--small .el-pager li.btn-quickprev,
.el-pagination--small .el-pager li:last-child {
    border-color: transparent;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    min-width: 22px
}

.el-pagination--small .arrow.disabled {
    visibility: hidden
}

.el-pagination--small .more:before,
.el-pagination--small li.more:before {
    line-height: 24px
}

.el-pagination--small button,
.el-pagination--small span:not([class*=suffix]) {
    height: 22px;
    line-height: 22px
}

.el-pagination--small .el-pagination__editor,
.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
    height: 22px
}

.el-pagination__sizes {
    color: #7d7f81;
    font-weight: 400;
    margin: 0 10px 0 0
}

.el-pagination__sizes .el-input .el-input__inner {
    font-size: 13px;
    padding-left: 8px
}

.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: #0ead98
}

.el-pagination__total {
    color: #7d7f81;
    font-weight: 400;
    margin-right: 10px
}

.el-pagination__jump {
    color: #7d7f81;
    font-weight: 400;
    margin-left: 24px
}

.el-pagination__jump .el-input__inner {
    padding: 0 3px
}

.el-pagination__rightwrapper {
    float: right
}

.el-pagination__editor {
    border-radius: 3px;
    box-sizing: border-box;
    height: 28px;
    line-height: 18px;
    margin: 0 2px;
    padding: 0 2px;
    text-align: center
}

.el-pagination__editor.el-input {
    width: 50px
}

.el-pagination__editor.el-input .el-input__inner {
    height: 28px
}

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background-color: #fefefe;
    border-radius: 2px;
    color: #7d7f81;
    margin: 0 5px;
    min-width: 30px
}

.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .el-pager li.disabled {
    color: #c0c4cc
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
    padding: 0
}

.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev:disabled {
    color: #c0c4cc
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #0ead98
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #0ead98;
    color: #fff
}

.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .btn-prev,
.el-pagination.is-background.el-pagination--small .el-pager li {
    margin: 0 3px;
    min-width: 22px
}

.el-pager {
    display: inline-block;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top
}

.el-pager .more:before {
    line-height: 30px
}

.el-pager li {
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    min-width: 35.5px;
    padding: 0 4px;
    text-align: center;
    vertical-align: top
}

.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev {
    color: #27282c;
    line-height: 28px
}

.el-pager li.btn-quicknext.disabled,
.el-pager li.btn-quickprev.disabled {
    color: #c0c4cc
}

.el-pager li.btn-quicknext:hover,
.el-pager li.btn-quickprev:hover {
    cursor: pointer
}

.el-pager li.active+li {
    border-left: 0
}

.el-pager li:hover {
    color: #0ead98
}

.el-pager li.active {
    color: #0ead98;
    cursor: default
}

.el-dialog {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    margin: 0 auto 50px;
    position: relative;
    width: 50%
}

.el-dialog.is-fullscreen {
    height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: auto;
    width: 100%
}

.el-dialog__wrapper {
    inset: 0;
    margin: 0;
    overflow: auto;
    position: fixed
}

.el-dialog__header {
    padding: 20px 20px 10px
}

.el-dialog__headerbtn {
    background: 0 0;
    border: none;
    cursor: pointer;
    font-size: 16px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px
}

.el-dialog__headerbtn .el-dialog__close {
    color: #f2f2f2
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: #0ead98
}

.el-dialog__title {
    color: #27282c;
    font-size: 18px;
    line-height: 24px
}

.el-dialog__body {
    color: #7d7f81;
    font-size: 14px;
    padding: 30px 20px;
    word-break: break-all
}

.el-dialog__footer {
    box-sizing: border-box;
    padding: 10px 20px 20px;
    text-align: right
}

.el-dialog--center {
    text-align: center
}

.el-dialog--center .el-dialog__body {
    padding: 25px 25px 30px;
    text-align: initial
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit
}

.dialog-fade-enter-active {
    animation: dialog-fade-in .3s ease 0s 1 normal none running
}

.dialog-fade-leave-active {
    animation: dialog-fade-out .3s ease 0s 1 normal none running
}

@keyframes dialog-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

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

@keyframes dialog-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

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

.el-autocomplete {
    display: inline-block;
    position: relative
}

.el-autocomplete-suggestion {
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin: 5px 0
}

.el-autocomplete-suggestion__wrap {
    box-sizing: border-box;
    max-height: 280px;
    padding: 10px 0
}

.el-autocomplete-suggestion__list {
    margin: 0;
    padding: 0
}

.el-autocomplete-suggestion li {
    color: #7d7f81;
    cursor: pointer;
    font-size: 14px;
    line-height: 34px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-autocomplete-suggestion li.highlighted,
.el-autocomplete-suggestion li:hover {
    background-color: #f5f7fa
}

.el-autocomplete-suggestion li.divider {
    border-top: 1px solid #000;
    margin-top: 6px
}

.el-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -6px
}

.el-autocomplete-suggestion.is-loading li {
    color: #999;
    font-size: 20px;
    height: 100px;
    line-height: 100px;
    text-align: center
}

.el-autocomplete-suggestion.is-loading li:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-autocomplete-suggestion.is-loading li:hover {
    background-color: #fff
}

.el-autocomplete-suggestion.is-loading .el-icon-loading {
    vertical-align: middle
}

.el-dropdown {
    color: #7d7f81;
    display: inline-block;
    font-size: 14px;
    position: relative
}

.el-dropdown .el-button-group {
    display: block
}

.el-dropdown .el-button-group .el-button {
    float: none
}

.el-dropdown .el-dropdown__caret-button {
    border-left: none;
    padding-left: 5px;
    padding-right: 5px;
    position: relative
}

.el-dropdown .el-dropdown__caret-button:before {
    background: hsla(0, 0%, 100%, .5);
    bottom: 5px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 5px;
    width: 1px
}

.el-dropdown .el-dropdown__caret-button.el-button--default:before {
    background: rgba(220, 223, 230, .5)
}

.el-dropdown .el-dropdown__caret-button:hover:before {
    bottom: 0;
    top: 0
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
    padding-left: 0
}

.el-dropdown__icon {
    font-size: 12px;
    margin: 0 3px
}

.el-dropdown .el-dropdown-selfdefine:focus:active,
.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
    outline-width: 0
}

.el-dropdown-menu {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    left: 0;
    margin: 5px 0;
    padding: 10px 0;
    position: absolute;
    top: 0;
    z-index: 10
}

.el-dropdown-menu__item {
    color: #7d7f81;
    cursor: pointer;
    font-size: 14px;
    line-height: 36px;
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 0 20px
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #e7f7f5;
    color: #3ebdad
}

.el-dropdown-menu__item i {
    margin-right: 5px
}

.el-dropdown-menu__item--divided {
    border-top: 1px solid #ebeef5;
    margin-top: 6px;
    position: relative
}

.el-dropdown-menu__item--divided:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 6px;
    margin: 0 -20px
}

.el-dropdown-menu__item.is-disabled {
    color: #bbb;
    cursor: default;
    pointer-events: none
}

.el-dropdown-menu--medium {
    padding: 6px 0
}

.el-dropdown-menu--medium .el-dropdown-menu__item {
    font-size: 14px;
    line-height: 30px;
    padding: 0 17px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 6px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 6px;
    margin: 0 -17px
}

.el-dropdown-menu--small {
    padding: 6px 0
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    font-size: 13px;
    line-height: 27px;
    padding: 0 15px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 4px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 4px;
    margin: 0 -15px
}

.el-dropdown-menu--mini {
    padding: 3px 0
}

.el-dropdown-menu--mini .el-dropdown-menu__item {
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 3px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 3px;
    margin: 0 -10px
}

.el-menu {
    background-color: #fff;
    border-right: 1px solid #e6e6e6;
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: relative
}

.el-menu:after,
.el-menu:before {
    content: "";
    display: table
}

.el-menu:after {
    clear: both
}

.el-menu.el-menu--horizontal {
    border-bottom: 1px solid #e6e6e6
}

.el-menu--horizontal {
    border-right: none
}

.el-menu--horizontal>.el-menu-item {
    border-bottom: 2px solid transparent;
    color: #aeb0b3;
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 0
}

.el-menu--horizontal>.el-menu-item a,
.el-menu--horizontal>.el-menu-item a:hover {
    color: inherit
}

.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover {
    background-color: #fff
}

.el-menu--horizontal>.el-submenu {
    float: left
}

.el-menu--horizontal>.el-submenu:focus,
.el-menu--horizontal>.el-submenu:hover {
    outline: 0
}

.el-menu--horizontal>.el-submenu:focus .el-submenu__title,
.el-menu--horizontal>.el-submenu:hover .el-submenu__title {
    color: #27282c
}

.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
    border-bottom: 2px solid #0ead98;
    color: #27282c
}

.el-menu--horizontal>.el-submenu .el-submenu__title {
    border-bottom: 2px solid transparent;
    color: #aeb0b3;
    height: 60px;
    line-height: 60px
}

.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
    background-color: #fff
}

.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow {
    margin-left: 8px;
    margin-top: -3px;
    position: static;
    vertical-align: middle
}

.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-submenu__title {
    background-color: #fff;
    color: #aeb0b3;
    float: none;
    height: 36px;
    line-height: 36px;
    padding: 0 10px
}

.el-menu--horizontal .el-menu .el-menu-item.is-active,
.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title {
    color: #27282c
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    color: #27282c;
    outline: 0
}

.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 2px solid #0ead98;
    color: #27282c
}

.el-menu--collapse {
    width: 64px
}

.el-menu--collapse>.el-menu-item [class^=el-icon-],
.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-] {
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 24px
}

.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,
.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
    display: none
}

.el-menu--collapse>.el-menu-item span,
.el-menu--collapse>.el-submenu>.el-submenu__title span {
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0
}

.el-menu--collapse>.el-menu-item.is-active i {
    color: inherit
}

.el-menu--collapse .el-menu .el-submenu {
    min-width: 200px
}

.el-menu--collapse .el-submenu {
    position: relative
}

.el-menu--collapse .el-submenu .el-menu {
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    left: 100%;
    margin-left: 5px;
    position: absolute;
    top: 0;
    z-index: 10
}

.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    transform: none
}

.el-menu--popup {
    border: none;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    min-width: 200px;
    padding: 5px 0;
    z-index: 100
}

.el-menu--popup-bottom-start {
    margin-top: 5px
}

.el-menu--popup-right-start {
    margin-left: 5px;
    margin-right: 5px
}

.el-menu-item {
    box-sizing: border-box;
    color: #27282c;
    cursor: pointer;
    font-size: 14px;
    height: 56px;
    line-height: 56px;
    list-style: none;
    padding: 0 20px;
    position: relative;
    transition: border-color .3s, background-color .3s, color .3s;
    white-space: nowrap
}

.el-menu-item * {
    vertical-align: middle
}

.el-menu-item i {
    color: #aeb0b3
}

.el-menu-item:focus,
.el-menu-item:hover {
    background-color: #e7f7f5;
    outline: 0
}

.el-menu-item.is-disabled {
    background: 0 0 !important;
    cursor: not-allowed;
    opacity: .25
}

.el-menu-item [class^=el-icon-] {
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: 24px
}

.el-menu-item.is-active {
    color: #0ead98
}

.el-menu-item.is-active i {
    color: inherit
}

.el-submenu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.el-submenu__title {
    box-sizing: border-box;
    color: #27282c;
    cursor: pointer;
    font-size: 14px;
    height: 56px;
    line-height: 56px;
    list-style: none;
    padding: 0 20px;
    position: relative;
    transition: border-color .3s, background-color .3s, color .3s;
    white-space: nowrap
}

.el-submenu__title * {
    vertical-align: middle
}

.el-submenu__title i {
    color: #aeb0b3
}

.el-submenu__title:focus,
.el-submenu__title:hover {
    background-color: #e7f7f5;
    outline: 0
}

.el-submenu__title.is-disabled {
    background: 0 0 !important;
    cursor: not-allowed;
    opacity: .25
}

.el-submenu__title:hover {
    background-color: #e7f7f5
}

.el-submenu .el-menu {
    border: none
}

.el-submenu .el-menu-item {
    height: 50px;
    line-height: 50px;
    min-width: 200px;
    padding: 0 45px
}

.el-submenu__icon-arrow {
    font-size: 12px;
    margin-top: -7px;
    position: absolute;
    right: 20px;
    top: 50%;
    transition: transform .3s
}

.el-submenu.is-active .el-submenu__title {
    border-bottom-color: #0ead98
}

.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    transform: rotate(180deg)
}

.el-submenu.is-disabled .el-menu-item,
.el-submenu.is-disabled .el-submenu__title {
    background: 0 0 !important;
    cursor: not-allowed;
    opacity: .25
}

.el-submenu [class^=el-icon-] {
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: 24px
}

.el-menu-item-group>ul {
    padding: 0
}

.el-menu-item-group__title {
    color: #aeb0b3;
    font-size: 12px;
    line-height: normal;
    padding: 7px 0 7px 20px
}

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
    opacity: 0;
    transition: .2s
}

.el-radio-group {
    display: inline-block;
    font-size: 0;
    line-height: 1;
    vertical-align: middle
}

.el-radio-button,
.el-radio-button__inner {
    display: inline-block;
    outline: 0;
    position: relative
}

.el-radio-button__inner {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border-bottom: 1px solid #dcdfe6;
    -o-border-image: initial;
    border-image: initial;
    border-left-color: initial;
    border-left-style: none;
    border-left-width: 0;
    border-radius: 0;
    border-right: 1px solid #dcdfe6;
    border-top: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #7d7f81;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    padding: 12px 20px;
    text-align: center;
    transition: .3s cubic-bezier(.645, .045, .355, 1);
    vertical-align: middle;
    white-space: nowrap
}

.el-radio-button__inner.is-round {
    padding: 12px 20px
}

.el-radio-button__inner:hover {
    color: #0ead98
}

.el-radio-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-radio-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-radio-button:first-child .el-radio-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    box-shadow: none !important
}

.el-radio-button__orig-radio {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: #0ead98;
    border-color: #0ead98;
    box-shadow: -1px 0 0 0 #0ead98;
    color: #fff
}

.el-radio-button__orig-radio:disabled+.el-radio-button__inner {
    background-color: #fff;
    background-image: none;
    border-color: #ebeef5;
    box-shadow: none;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner {
    background-color: #f2f6fc
}

.el-radio-button:last-child .el-radio-button__inner {
    border-radius: 0 4px 4px 0
}

.el-radio-button:first-child:last-child .el-radio-button__inner {
    border-radius: 4px
}

.el-radio-button--medium .el-radio-button__inner {
    border-radius: 0;
    font-size: 14px;
    padding: 10px 20px
}

.el-radio-button--medium .el-radio-button__inner.is-round {
    padding: 10px 20px
}

.el-radio-button--small .el-radio-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 9px 15px
}

.el-radio-button--small .el-radio-button__inner.is-round {
    padding: 9px 15px
}

.el-radio-button--mini .el-radio-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 7px 15px
}

.el-radio-button--mini .el-radio-button__inner.is-round {
    padding: 7px 15px
}

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    box-shadow: 0 0 2px 2px #0ead98
}

.el-switch {
    align-items: center;
    display: inline-flex;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    position: relative;
    vertical-align: middle
}

.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__label {
    color: #27282c;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    transition: .2s;
    vertical-align: middle
}

.el-switch__label.is-active {
    color: #0ead98
}

.el-switch__label--left {
    margin-right: 10px
}

.el-switch__label--right {
    margin-left: 10px
}

.el-switch__label * {
    display: inline-block;
    font-size: 14px;
    line-height: 1
}

.el-switch__input {
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.el-switch__core {
    background: #dcdfe6;
    border: 1px solid #dcdfe6;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0;
    outline: 0;
    position: relative;
    transition: border-color .3s, background-color .3s;
    vertical-align: middle;
    width: 40px
}

.el-switch__core:after {
    background-color: #fff;
    border-radius: 100%;
    content: "";
    height: 16px;
    left: 1px;
    position: absolute;
    top: 1px;
    transition: .3s;
    width: 16px
}

.el-switch.is-checked .el-switch__core {
    background-color: #0ead98;
    border-color: #0ead98
}

.el-switch.is-checked .el-switch__core:after {
    left: 100%;
    margin-left: -17px
}

.el-switch.is-disabled {
    opacity: .6
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
    left: 10px
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
    right: 10px
}

.el-switch .label-fade-enter,
.el-switch .label-fade-leave-active {
    opacity: 0
}

.el-select-dropdown {
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin: 5px 0;
    position: absolute;
    z-index: 1001
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    background-color: #fff;
    color: #0ead98
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: #f5f7fa
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
    content: "";
    font-family: element-icons;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    right: 20px;
    -webkit-font-smoothing: antialiased
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0
}

.el-select-dropdown__empty {
    color: #999;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
    text-align: center
}

.el-select-dropdown__wrap {
    max-height: 274px
}

.el-select-dropdown__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 6px 0
}

.el-select-dropdown__item {
    box-sizing: border-box;
    color: #7d7f81;
    cursor: pointer;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-select-dropdown__item.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-select-dropdown__item.is-disabled:hover {
    background-color: #fff
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: #f5f7fa
}

.el-select-dropdown__item.selected {
    color: #0ead98;
    font-weight: 700
}

.el-select-group {
    margin: 0;
    padding: 0
}

.el-select-group__wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 24px
}

.el-select-group__wrap:not(:last-of-type):after {
    background: #e4e7ed;
    bottom: 12px;
    content: "";
    display: block;
    height: 1px;
    left: 20px;
    position: absolute;
    right: 20px
}

.el-select-group__title {
    color: #f2f2f2;
    font-size: 12px;
    line-height: 30px;
    padding-left: 20px
}

.el-select-group .el-select-dropdown__item {
    padding-left: 20px
}

.el-select {
    display: inline-block;
    position: relative
}

.el-select .el-select__tags>span {
    display: contents
}

.el-select:hover .el-input__inner {
    border-color: #c0c4cc
}

.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 35px
}

.el-select .el-input__inner:focus {
    border-color: #0ead98
}

.el-select .el-input .el-select__caret {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 14px;
    transform: rotate(180deg);
    transition: transform .3s
}

.el-select .el-input .el-select__caret.is-reverse {
    transform: rotate(0deg)
}

.el-select .el-input .el-select__caret.is-show-close {
    border-radius: 100%;
    color: #c0c4cc;
    font-size: 14px;
    text-align: center;
    transform: rotate(180deg);
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-select .el-input .el-select__caret.is-show-close:hover {
    color: #aeb0b3
}

.el-select .el-input.is-disabled .el-input__inner {
    cursor: not-allowed
}

.el-select .el-input.is-disabled .el-input__inner:hover {
    border-color: #e4e7ed
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: #0ead98
}

.el-select>.el-input {
    display: block
}

.el-select__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #666;
    font-size: 14px;
    height: 28px;
    margin-left: 15px;
    outline: 0;
    padding: 0
}

.el-select__input.is-mini {
    height: 14px
}

.el-select__close {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    right: 25px;
    top: 8px;
    z-index: 1000
}

.el-select__close:hover {
    color: #aeb0b3
}

.el-select__tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    line-height: normal;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    white-space: normal;
    z-index: 1
}

.el-select .el-tag__close {
    margin-top: -2px
}

.el-select .el-tag {
    background-color: #f0f2f5;
    border-color: transparent;
    box-sizing: border-box;
    margin: 2px 0 2px 6px
}

.el-select .el-tag__close.el-icon-close {
    background-color: #c0c4cc;
    color: #fff;
    right: -7px;
    top: 0
}

.el-select .el-tag__close.el-icon-close:hover {
    background-color: #aeb0b3
}

.el-select .el-tag__close.el-icon-close:before {
    display: block;
    transform: translateY(.5px)
}

.el-table {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 1;
    background-color: #fff;
    color: #7d7f81;
    flex: 1 1 0%;
    font-size: 14px;
    max-width: 100%;
    width: 100%
}

.el-table__empty-block {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 60px;
    text-align: center;
    width: 100%
}

.el-table__empty-text {
    color: #aeb0b3;
    line-height: 60px;
    width: 50%
}

.el-table__expand-column .cell {
    padding: 0;
    text-align: center
}

.el-table__expand-icon {
    color: #666;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    position: relative;
    transition: transform .2s ease-in-out
}

.el-table__expand-icon--expanded {
    transform: rotate(90deg)
}

.el-table__expand-icon>.el-icon {
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%
}

.el-table__expanded-cell {
    background-color: #fff
}

.el-table__expanded-cell[class*=cell] {
    padding: 20px 50px
}

.el-table__expanded-cell:hover {
    background-color: transparent !important
}

.el-table__placeholder {
    display: inline-block;
    width: 20px
}

.el-table__append-wrapper {
    overflow: hidden
}

.el-table--fit {
    border-bottom: 0;
    border-right: 0
}

.el-table--fit td.gutter,
.el-table--fit th.gutter {
    border-right-width: 1px
}

.el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: auto
}

.el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: auto
}

.el-table thead {
    color: #aeb0b3;
    font-weight: 500
}

.el-table thead.is-group th {
    background: #f5f7fa
}

.el-table td,
.el-table th {
    box-sizing: border-box;
    min-width: 0;
    padding: 12px 0;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle
}

.el-table td.is-center,
.el-table th.is-center {
    text-align: center
}

.el-table td.is-right,
.el-table th.is-right {
    text-align: right
}

.el-table td.gutter,
.el-table th.gutter {
    border-bottom-width: 0;
    border-right-width: 0;
    padding: 0;
    width: 15px
}

.el-table td.is-hidden>*,
.el-table th.is-hidden>* {
    visibility: hidden
}

.el-table--medium td,
.el-table--medium th {
    padding: 10px 0
}

.el-table--small {
    font-size: 12px
}

.el-table--small td,
.el-table--small th {
    padding: 8px 0
}

.el-table--mini {
    font-size: 12px
}

.el-table--mini td,
.el-table--mini th {
    padding: 6px 0
}

.el-table tr {
    background-color: #fff
}

.el-table tr input[type=checkbox] {
    margin: 0
}

.el-table td,
.el-table th.is-leaf {
    border-bottom: 1px solid #ebeef5
}

.el-table th.is-sortable {
    cursor: pointer
}

.el-table th {
    background-color: #fff;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-table th>.cell {
    box-sizing: border-box;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.el-table th>.cell.highlight {
    color: #0ead98
}

.el-table th.required>div:before {
    background: #ff4d51;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-right: 5px;
    vertical-align: middle;
    width: 8px
}

.el-table td div {
    box-sizing: border-box
}

.el-table td.gutter {
    width: 0
}

.el-table .cell {
    box-sizing: border-box;
    line-height: 23px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.el-table .cell.el-tooltip {
    min-width: 50px;
    white-space: nowrap
}

.el-table--border,
.el-table--group {
    border: 1px solid #ebeef5
}

.el-table--border:after,
.el-table--group:after,
.el-table:before {
    background-color: #ebeef5;
    content: "";
    position: absolute;
    z-index: 1
}

.el-table--border:after,
.el-table--group:after {
    height: 100%;
    right: 0;
    top: 0;
    width: 1px
}

.el-table:before {
    bottom: 0;
    height: 1px;
    left: 0;
    width: 100%
}

.el-table--border {
    border-bottom: none;
    border-right: none
}

.el-table--border.el-loading-parent--relative {
    border-color: transparent
}

.el-table--border td,
.el-table--border th {
    border-right: 1px solid #ebeef5
}

.el-table--border td:first-child .cell,
.el-table--border th:first-child .cell {
    padding-left: 10px
}

.el-table--border th,
.el-table--border th.gutter:last-of-type {
    border-bottom: 1px solid #ebeef5
}

.el-table--hidden {
    visibility: hidden
}

.el-table__fixed,
.el-table__fixed-right {
    box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.el-table__fixed-right:before,
.el-table__fixed:before {
    background-color: #ebeef5;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 4
}

.el-table__fixed-right-patch {
    background-color: #fff;
    border-bottom: 1px solid #ebeef5;
    position: absolute;
    right: 0;
    top: -1px
}

.el-table__fixed-right {
    left: auto;
    right: 0;
    top: 0
}

.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-wrapper,
.el-table__fixed-right .el-table__fixed-header-wrapper {
    left: auto;
    right: 0
}

.el-table__fixed-header-wrapper {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3
}

.el-table__fixed-footer-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 3
}

.el-table__fixed-footer-wrapper tbody td {
    background-color: #f5f7fa;
    border-top: 1px solid #ebeef5;
    color: #7d7f81
}

.el-table__fixed-body-wrapper {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 37px;
    z-index: 3
}

.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
    width: 100%
}

.el-table__footer-wrapper {
    margin-top: -1px
}

.el-table__footer-wrapper td {
    border-top: 1px solid #ebeef5
}

.el-table__body,
.el-table__footer,
.el-table__header {
    border-collapse: separate;
    table-layout: fixed
}

.el-table__footer-wrapper,
.el-table__header-wrapper {
    overflow: hidden
}

.el-table__footer-wrapper tbody td,
.el-table__header-wrapper tbody td {
    background-color: #f5f7fa;
    color: #7d7f81
}

.el-table__body-wrapper {
    overflow: hidden;
    position: relative
}

.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,
.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right {
    box-shadow: none
}

.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right {
    border-left: 1px solid #ebeef5
}

.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #ebeef5
}

.el-table .caret-wrapper {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    height: 34px;
    overflow: initial;
    position: relative;
    vertical-align: middle;
    width: 24px
}

.el-table .sort-caret {
    border: 5px solid transparent;
    height: 0;
    left: 7px;
    position: absolute;
    width: 0
}

.el-table .sort-caret.ascending {
    border-bottom-color: #c0c4cc;
    top: 5px
}

.el-table .sort-caret.descending {
    border-top-color: #c0c4cc;
    bottom: 7px
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: #0ead98
}

.el-table .descending .sort-caret.descending {
    border-top-color: #0ead98
}

.el-table .hidden-columns {
    position: absolute;
    visibility: hidden;
    z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #fafafa
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
    background-color: #e7f7f5
}

.el-table__body tr.hover-row.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped>td,
.el-table__body tr.hover-row>td {
    background-color: #f5f7fa
}

.el-table__body tr.current-row>td {
    background-color: #e7f7f5
}

.el-table__column-resize-proxy {
    border-left: 1px solid #ebeef5;
    bottom: 0;
    left: 200px;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 10
}

.el-table__column-filter-trigger {
    cursor: pointer;
    display: inline-block;
    line-height: 34px
}

.el-table__column-filter-trigger i {
    color: #f2f2f2;
    font-size: 12px;
    transform: scale(.75)
}

.el-table--enable-row-transition .el-table__body td {
    transition: background-color .25s
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #f5f7fa
}

.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
    bottom: 0;
    overflow: hidden
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-right: 3px;
    text-align: center;
    width: 20px
}

.el-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px
}

.el-table-filter {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin: 2px 0
}

.el-table-filter__list {
    list-style: none;
    margin: 0;
    min-width: 100px;
    padding: 5px 0
}

.el-table-filter__list-item {
    cursor: pointer;
    font-size: 14px;
    line-height: 36px;
    padding: 0 10px
}

.el-table-filter__list-item:hover {
    background-color: #e7f7f5;
    color: #3ebdad
}

.el-table-filter__list-item.is-active {
    background-color: #0ead98;
    color: #fff
}

.el-table-filter__content {
    min-width: 100px
}

.el-table-filter__bottom {
    border-top: 1px solid #ebeef5;
    padding: 8px
}

.el-table-filter__bottom button {
    background: 0 0;
    border: none;
    color: #7d7f81;
    cursor: pointer;
    font-size: 13px;
    padding: 0 3px
}

.el-table-filter__bottom button:hover {
    color: #0ead98
}

.el-table-filter__bottom button:focus {
    outline: 0
}

.el-table-filter__bottom button.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-table-filter__wrap {
    max-height: 280px
}

.el-table-filter__checkbox-group {
    padding: 10px
}

.el-table-filter__checkbox-group label.el-checkbox {
    display: block;
    margin-bottom: 8px;
    margin-left: 5px;
    margin-right: 5px
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
    margin-bottom: 0
}

.el-date-table {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #f2f6fc
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: #7d7f81
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px
}

.el-date-table.is-week-mode .el-date-table__row.current div {
    background-color: #f2f6fc
}

.el-date-table td {
    box-sizing: border-box;
    cursor: pointer;
    height: 30px;
    padding: 4px 0;
    position: relative;
    text-align: center;
    width: 32px
}

.el-date-table td div {
    box-sizing: border-box;
    height: 30px;
    padding: 3px 0
}

.el-date-table td span {
    border-radius: 50%;
    display: block;
    height: 24px;
    left: 50%;
    line-height: 24px;
    margin: 0 auto;
    position: absolute;
    transform: translateX(-50%);
    width: 24px
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: #c0c4cc
}

.el-date-table td.today {
    position: relative
}

.el-date-table td.today span {
    color: #0ead98;
    font-weight: 700
}

.el-date-table td.today.end-date span,
.el-date-table td.today.start-date span {
    color: #fff
}

.el-date-table td.available:hover {
    color: #0ead98
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover {
    background-color: #f2f6fc
}

.el-date-table td.current:not(.disabled) span {
    background-color: #0ead98;
    color: #fff
}

.el-date-table td.end-date div,
.el-date-table td.start-date div {
    color: #fff
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
    background-color: #0ead98
}

.el-date-table td.start-date div {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px
}

.el-date-table td.end-date div {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px
}

.el-date-table td.disabled div {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed;
    opacity: 1
}

.el-date-table td.selected div {
    background-color: #f2f6fc;
    border-radius: 15px;
    margin-left: 5px;
    margin-right: 5px
}

.el-date-table td.selected div:hover {
    background-color: #f2f6fc
}

.el-date-table td.selected span {
    background-color: #0ead98;
    border-radius: 15px;
    color: #fff
}

.el-date-table td.week {
    color: #7d7f81;
    font-size: 80%
}

.el-date-table th {
    border-bottom: 1px solid #ebeef5;
    color: #7d7f81;
    font-weight: 400;
    padding: 5px
}

.el-month-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: -1px
}

.el-month-table td {
    cursor: pointer;
    padding: 8px 0;
    text-align: center
}

.el-month-table td div {
    box-sizing: border-box;
    height: 48px;
    padding: 6px 0
}

.el-month-table td.today .cell {
    color: #0ead98;
    font-weight: 700
}

.el-month-table td.today.end-date .cell,
.el-month-table td.today.start-date .cell {
    color: #fff
}

.el-month-table td.disabled .cell {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-month-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-month-table td .cell {
    border-radius: 18px;
    color: #7d7f81;
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    width: 60px
}

.el-month-table td .cell:hover {
    color: #0ead98
}

.el-month-table td.in-range div,
.el-month-table td.in-range div:hover {
    background-color: #f2f6fc
}

.el-month-table td.end-date div,
.el-month-table td.start-date div {
    color: #fff
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
    background-color: #0ead98;
    color: #fff
}

.el-month-table td.start-date div {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px
}

.el-month-table td.end-date div {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px
}

.el-month-table td.current:not(.disabled) .cell {
    color: #0ead98
}

.el-year-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: -1px
}

.el-year-table .el-icon {
    color: #27282c
}

.el-year-table td {
    cursor: pointer;
    padding: 20px 3px;
    text-align: center
}

.el-year-table td.today .cell {
    color: #0ead98;
    font-weight: 700
}

.el-year-table td.disabled .cell {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-year-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-year-table td .cell {
    color: #7d7f81;
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    width: 48px
}

.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell {
    color: #0ead98
}

.el-date-range-picker {
    width: 646px
}

.el-date-range-picker.has-sidebar {
    width: 756px
}

.el-date-range-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 513px
}

.el-date-range-picker .el-picker-panel__content {
    margin: 0
}

.el-date-range-picker__header {
    height: 28px;
    position: relative;
    text-align: center
}

.el-date-range-picker__header [class*=arrow-left] {
    float: left
}

.el-date-range-picker__header [class*=arrow-right] {
    float: right
}

.el-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px
}

.el-date-range-picker__content {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 16px;
    width: 50%
}

.el-date-range-picker__content.is-left {
    border-right: 1px solid #e4e4e4
}

.el-date-range-picker__content .el-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px
}

.el-date-range-picker__editors-wrap {
    box-sizing: border-box;
    display: table-cell
}

.el-date-range-picker__editors-wrap.is-right {
    text-align: right
}

.el-date-range-picker__time-header {
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%
}

.el-date-range-picker__time-header>.el-icon-arrow-right {
    color: #27282c;
    display: table-cell;
    font-size: 20px;
    vertical-align: middle
}

.el-date-range-picker__time-picker-wrap {
    display: table-cell;
    padding: 0 5px;
    position: relative
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    background: #fff;
    position: absolute;
    right: 0;
    top: 13px;
    z-index: 1
}

.el-date-picker {
    width: 322px
}

.el-date-picker.has-sidebar.has-time {
    width: 434px
}

.el-date-picker.has-sidebar {
    width: 438px
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-picker .el-picker-panel__content {
    width: 292px
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-picker__editor-wrap {
    display: table-cell;
    padding: 0 5px;
    position: relative
}

.el-date-picker__time-header {
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%
}

.el-date-picker__header {
    margin: 12px;
    text-align: center
}

.el-date-picker__header--bordered {
    border-bottom: 1px solid #ebeef5;
    margin-bottom: 0;
    padding-bottom: 12px
}

.el-date-picker__header--bordered+.el-picker-panel__content {
    margin-top: 0
}

.el-date-picker__header-label {
    color: #7d7f81;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 0 5px;
    text-align: center
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
    color: #0ead98
}

.el-date-picker__prev-btn {
    float: left
}

.el-date-picker__next-btn {
    float: right
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center
}

.el-date-picker__time-label {
    cursor: pointer;
    float: left;
    line-height: 30px;
    margin-left: 10px
}

.time-select {
    margin: 5px 0;
    min-width: 0
}

.time-select .el-picker-panel__content {
    margin: 0;
    max-height: 200px
}

.time-select-item {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 10px
}

.time-select-item.selected:not(.disabled) {
    color: #0ead98;
    font-weight: 700
}

.time-select-item.disabled {
    color: #e4e7ed;
    cursor: not-allowed
}

.time-select-item:hover {
    background-color: #f5f7fa;
    cursor: pointer;
    font-weight: 700
}

.el-date-editor {
    display: inline-block;
    position: relative;
    text-align: left
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 220px
}

.el-date-editor--monthrange.el-input,
.el-date-editor--monthrange.el-input__inner {
    width: 300px
}

.el-date-editor--daterange.el-input,
.el-date-editor--daterange.el-input__inner,
.el-date-editor--timerange.el-input,
.el-date-editor--timerange.el-input__inner {
    width: 350px
}

.el-date-editor--datetimerange.el-input,
.el-date-editor--datetimerange.el-input__inner {
    width: 400px
}

.el-date-editor--dates .el-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-date-editor .el-icon-circle-close {
    cursor: pointer
}

.el-date-editor .el-range__icon {
    color: #c0c4cc;
    float: left;
    font-size: 14px;
    line-height: 32px;
    margin-left: -5px
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #7d7f81;
    display: inline-block;
    font-size: 14px;
    height: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: center;
    width: 39%
}

.el-date-editor .el-range-input::-moz-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input::placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-separator {
    color: #27282c;
    display: inline-block;
    font-size: 14px;
    height: 100%;
    line-height: 32px;
    margin: 0;
    padding: 0 5px;
    text-align: center;
    width: 5%
}

.el-date-editor .el-range__close-icon {
    color: #c0c4cc;
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 32px;
    width: 25px
}

.el-range-editor.el-input__inner {
    align-items: center;
    display: inline-flex;
    padding: 3px 10px
}

.el-range-editor .el-range-input {
    line-height: 1
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    border-color: #0ead98
}

.el-range-editor--medium.el-input__inner {
    height: 36px
}

.el-range-editor--medium .el-range-separator {
    font-size: 14px;
    line-height: 28px
}

.el-range-editor--medium .el-range-input {
    font-size: 14px
}

.el-range-editor--medium .el-range__close-icon,
.el-range-editor--medium .el-range__icon {
    line-height: 28px
}

.el-range-editor--small.el-input__inner {
    height: 32px
}

.el-range-editor--small .el-range-separator {
    font-size: 13px;
    line-height: 24px
}

.el-range-editor--small .el-range-input {
    font-size: 13px
}

.el-range-editor--small .el-range__close-icon,
.el-range-editor--small .el-range__icon {
    line-height: 24px
}

.el-range-editor--mini.el-input__inner {
    height: 28px
}

.el-range-editor--mini .el-range-separator {
    font-size: 12px;
    line-height: 20px
}

.el-range-editor--mini .el-range-input {
    font-size: 12px
}

.el-range-editor--mini .el-range__close-icon,
.el-range-editor--mini .el-range__icon {
    line-height: 20px
}

.el-range-editor.is-disabled {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
    border-color: #e4e7ed
}

.el-range-editor.is-disabled input {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-range-editor.is-disabled input::-moz-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input::placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled .el-range-separator {
    color: #c0c4cc
}

.el-picker-panel {
    background: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    color: #7d7f81;
    line-height: 30px;
    margin: 5px 0
}

.el-picker-panel__body-wrapper:after,
.el-picker-panel__body:after {
    clear: both;
    content: "";
    display: table
}

.el-picker-panel__content {
    margin: 15px;
    position: relative
}

.el-picker-panel__footer {
    background-color: #fff;
    border-top: 1px solid #e4e4e4;
    font-size: 0;
    padding: 4px;
    position: relative;
    text-align: right
}

.el-picker-panel__shortcut {
    background-color: transparent;
    border: 0;
    color: #7d7f81;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 28px;
    outline: 0;
    padding-left: 12px;
    text-align: left;
    width: 100%
}

.el-picker-panel__shortcut:hover {
    color: #0ead98
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #0ead98
}

.el-picker-panel__btn {
    background-color: transparent;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    outline: 0;
    padding: 0 20px
}

.el-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-picker-panel__icon-btn {
    background: 0 0;
    border: 0;
    color: #27282c;
    cursor: pointer;
    font-size: 12px;
    margin-top: 8px;
    outline: 0
}

.el-picker-panel__icon-btn:hover {
    color: #0ead98
}

.el-picker-panel__icon-btn.is-disabled {
    color: #bbb
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
}

.el-picker-panel__link-btn {
    vertical-align: middle
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
    background-color: #fff;
    border-right: 1px solid #e4e4e4;
    bottom: 0;
    box-sizing: border-box;
    overflow: auto;
    padding-top: 6px;
    position: absolute;
    top: 0;
    width: 110px
}

.el-picker-panel [slot=sidebar]+.el-picker-panel__body,
.el-picker-panel__sidebar+.el-picker-panel__body {
    margin-left: 110px
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%
}

.el-time-spinner__wrapper {
    display: inline-block;
    max-height: 190px;
    overflow: auto;
    position: relative;
    vertical-align: top;
    width: 50%
}

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px
}

.el-time-spinner__wrapper.is-arrow {
    box-sizing: border-box;
    overflow: hidden;
    text-align: center
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    transform: translateY(-32px)
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #fff;
    cursor: default
}

.el-time-spinner__arrow {
    color: #aeb0b3;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1
}

.el-time-spinner__arrow:hover {
    color: #0ead98
}

.el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px
}

.el-time-spinner__arrow.el-icon-arrow-down {
    bottom: 10px
}

.el-time-spinner__input.el-input {
    width: 70%
}

.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
    padding: 0;
    text-align: center
}

.el-time-spinner__list {
    list-style: none;
    margin: 0
}

.el-time-spinner__list:after,
.el-time-spinner__list:before {
    content: "";
    display: block;
    height: 80px;
    width: 100%
}

.el-time-spinner__item {
    color: #7d7f81;
    font-size: 12px;
    height: 32px;
    line-height: 32px
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #f5f7fa;
    cursor: pointer
}

.el-time-spinner__item.active:not(.disabled) {
    color: #27282c;
    font-weight: 700
}

.el-time-spinner__item.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-time-panel {
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: content-box;
    left: 0;
    margin: 5px 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 180px;
    z-index: 1000
}

.el-time-panel__content {
    font-size: 0;
    overflow: hidden;
    position: relative
}

.el-time-panel__content:after,
.el-time-panel__content:before {
    border-bottom: 1px solid #e4e7ed;
    border-top: 1px solid #e4e7ed;
    box-sizing: border-box;
    content: "";
    height: 32px;
    left: 0;
    margin-top: -15px;
    padding-top: 6px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    z-index: -1
}

.el-time-panel__content:after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%
}

.el-time-panel__content:before {
    margin-left: 12%;
    margin-right: 12%;
    padding-left: 50%
}

.el-time-panel__content.has-seconds:after {
    left: 66.6667%
}

.el-time-panel__content.has-seconds:before {
    padding-left: 33.3333%
}

.el-time-panel__footer {
    border-top: 1px solid #e4e4e4;
    box-sizing: border-box;
    height: 36px;
    line-height: 25px;
    padding: 4px;
    text-align: right
}

.el-time-panel__btn {
    background-color: transparent;
    border: none;
    color: #27282c;
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    margin: 0 5px;
    outline: 0;
    padding: 0 5px
}

.el-time-panel__btn.confirm {
    color: #0ead98;
    font-weight: 800
}

.el-time-range-picker {
    overflow: visible;
    width: 354px
}

.el-time-range-picker__content {
    padding: 10px;
    position: relative;
    text-align: center
}

.el-time-range-picker__cell {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%
}

.el-time-range-picker__header {
    font-size: 14px;
    margin-bottom: 5px;
    text-align: center
}

.el-time-range-picker__body {
    border: 1px solid #e4e7ed;
    border-radius: 2px
}

.el-popover {
    background: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    color: #7d7f81;
    font-size: 14px;
    line-height: 1.4;
    min-width: 150px;
    padding: 12px;
    position: absolute;
    text-align: justify;
    word-break: break-all;
    z-index: 2000
}

.el-popover--plain {
    padding: 18px 20px
}

.el-popover__title {
    color: #27282c;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 12px
}

.el-popover:focus,
.el-popover:focus:active,
.el-popover__reference:focus:hover,
.el-popover__reference:focus:not(.focusing) {
    outline-width: 0
}

.v-modal-enter {
    animation: v-modal-in .2s ease 0s 1 normal none running
}

.v-modal-leave {
    animation: v-modal-out .2s ease 0s 1 normal forwards running
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.v-modal {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%
}

.el-popup-parent--hidden {
    overflow: hidden
}

.el-message-box {
    backface-visibility: hidden;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    display: inline-block;
    font-size: 18px;
    overflow: hidden;
    padding-bottom: 10px;
    text-align: left;
    vertical-align: middle;
    width: 420px
}

.el-message-box__wrapper {
    inset: 0;
    position: fixed;
    text-align: center
}

.el-message-box__wrapper:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.el-message-box__header {
    padding: 15px 15px 10px;
    position: relative
}

.el-message-box__title {
    color: #27282c;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 0;
    padding-left: 0
}

.el-message-box__headerbtn {
    background: 0 0;
    border: none;
    cursor: pointer;
    font-size: 16px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px
}

.el-message-box__headerbtn .el-message-box__close {
    color: #f2f2f2
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
    color: #0ead98
}

.el-message-box__content {
    color: #7d7f81;
    font-size: 14px;
    padding: 10px 15px
}

.el-message-box__container {
    position: relative
}

.el-message-box__input {
    padding-top: 15px
}

.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
    border-color: #db5541
}

.el-message-box__status {
    font-size: 24px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.el-message-box__status:before {
    padding-left: 1px
}

.el-message-box__status+.el-message-box__message {
    padding-left: 36px;
    padding-right: 12px
}

.el-message-box__status.el-icon-success {
    color: #0ead98
}

.el-message-box__status.el-icon-info {
    color: #f2f2f2
}

.el-message-box__status.el-icon-warning {
    color: #f38b2c
}

.el-message-box__status.el-icon-error {
    color: #db5541
}

.el-message-box__message {
    margin: 0
}

.el-message-box__message p {
    line-height: 24px;
    margin: 0
}

.el-message-box__errormsg {
    color: #db5541;
    font-size: 12px;
    margin-top: 2px;
    min-height: 18px
}

.el-message-box__btns {
    padding: 5px 15px 0;
    text-align: right
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 10px
}

.el-message-box__btns-reverse {
    flex-direction: row-reverse
}

.el-message-box--center {
    padding-bottom: 30px
}

.el-message-box--center .el-message-box__header {
    padding-top: 30px
}

.el-message-box--center .el-message-box__title {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.el-message-box--center .el-message-box__status {
    padding-right: 5px;
    position: relative;
    text-align: center;
    top: auto;
    transform: translateY(-1px)
}

.el-message-box--center .el-message-box__message {
    margin-left: 0
}

.el-message-box--center .el-message-box__btns,
.el-message-box--center .el-message-box__content {
    text-align: center
}

.el-message-box--center .el-message-box__content {
    padding-left: 27px;
    padding-right: 27px
}

.msgbox-fade-enter-active {
    animation: msgbox-fade-in .3s ease 0s 1 normal none running
}

.msgbox-fade-leave-active {
    animation: msgbox-fade-out .3s ease 0s 1 normal none running
}

@keyframes msgbox-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

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

@keyframes msgbox-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

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

.el-breadcrumb {
    font-size: 14px;
    line-height: 1
}

.el-breadcrumb:after,
.el-breadcrumb:before {
    content: "";
    display: table
}

.el-breadcrumb:after {
    clear: both
}

.el-breadcrumb__separator {
    color: #c0c4cc;
    font-weight: 700;
    margin: 0 9px
}

.el-breadcrumb__separator[class*=icon] {
    font-weight: 400;
    margin: 0 6px
}

.el-breadcrumb__item {
    float: left
}

.el-breadcrumb__inner {
    color: #7d7f81
}

.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
    color: #27282c;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-breadcrumb__inner a:hover,
.el-breadcrumb__inner.is-link:hover {
    color: #0ead98;
    cursor: pointer
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    color: #7d7f81;
    cursor: text;
    font-weight: 400
}

.el-breadcrumb__item:last-child .el-breadcrumb__separator {
    display: none
}

.el-form--label-left .el-form-item__label {
    text-align: left
}

.el-form--label-top .el-form-item__label {
    display: inline-block;
    float: none;
    padding: 0 0 10px;
    text-align: left
}

.el-form--inline .el-form-item {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.el-form--inline .el-form-item__label {
    display: inline-block;
    float: none
}

.el-form--inline .el-form-item__content {
    display: inline-block;
    vertical-align: top
}

.el-form--inline.el-form--label-top .el-form-item__content {
    display: block
}

.el-form-item {
    margin-bottom: 22px
}

.el-form-item:after,
.el-form-item:before {
    content: "";
    display: table
}

.el-form-item:after {
    clear: both
}

.el-form-item .el-form-item {
    margin-bottom: 0
}

.el-form-item .el-input__validateIcon {
    display: none
}

.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label {
    line-height: 36px
}

.el-form-item--small .el-form-item__content,
.el-form-item--small .el-form-item__label {
    line-height: 32px
}

.el-form-item--small.el-form-item {
    margin-bottom: 18px
}

.el-form-item--small .el-form-item__error {
    padding-top: 2px
}

.el-form-item--mini .el-form-item__content,
.el-form-item--mini .el-form-item__label {
    line-height: 28px
}

.el-form-item--mini.el-form-item {
    margin-bottom: 18px
}

.el-form-item--mini .el-form-item__error {
    padding-top: 1px
}

.el-form-item__label-wrap {
    float: left
}

.el-form-item__label-wrap .el-form-item__label {
    display: inline-block;
    float: none
}

.el-form-item__label {
    box-sizing: border-box;
    color: #7d7f81;
    float: left;
    font-size: 14px;
    line-height: 40px;
    padding: 0 12px 0 0;
    text-align: right;
    vertical-align: middle
}

.el-form-item__content {
    font-size: 14px;
    line-height: 40px;
    position: relative
}

.el-form-item__content:after,
.el-form-item__content:before {
    content: "";
    display: table
}

.el-form-item__content:after {
    clear: both
}

.el-form-item__content .el-input-group {
    vertical-align: top
}

.el-form-item__error {
    color: #db5541;
    font-size: 12px;
    left: 0;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%
}

.el-form-item__error--inline {
    display: inline-block;
    left: auto;
    margin-left: 10px;
    position: relative;
    top: auto
}

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
    color: #db5541;
    content: "*";
    margin-right: 4px
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
    border-color: #db5541
}

.el-form-item.is-error .el-input-group__append .el-input__inner,
.el-form-item.is-error .el-input-group__prepend .el-input__inner {
    border-color: transparent
}

.el-form-item.is-error .el-input__validateIcon {
    color: #db5541
}

.el-form-item--feedback .el-input__validateIcon {
    display: inline-block
}

.el-tabs__header {
    margin: 0 0 15px;
    padding: 0;
    position: relative
}

.el-tabs__active-bar {
    background-color: #0ead98;
    bottom: 0;
    height: 2px;
    left: 0;
    list-style: none;
    position: absolute;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1);
    z-index: 1
}

.el-tabs__new-tab {
    border: 1px solid #d3dce6;
    border-radius: 3px;
    color: #d3dce6;
    cursor: pointer;
    float: right;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin: 12px 0 9px 10px;
    text-align: center;
    transition: .15s;
    width: 18px
}

.el-tabs__new-tab .el-icon-plus {
    transform: scale(.8)
}

.el-tabs__new-tab:hover {
    color: #0ead98
}

.el-tabs__nav-wrap {
    margin-bottom: -1px;
    overflow: hidden;
    position: relative
}

.el-tabs__nav-wrap:after {
    background-color: #e4e7ed;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.el-tabs__nav-wrap.is-scrollable {
    box-sizing: border-box;
    padding: 0 20px
}

.el-tabs__nav-scroll {
    overflow: hidden
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
    color: #aeb0b3;
    cursor: pointer;
    font-size: 12px;
    line-height: 44px;
    position: absolute
}

.el-tabs__nav-next {
    right: 0
}

.el-tabs__nav-prev {
    left: 0
}

.el-tabs__nav {
    float: left;
    position: relative;
    transition: transform .3s;
    white-space: nowrap;
    z-index: 2
}

.el-tabs__nav.is-stretch {
    display: flex;
    min-width: 100%
}

.el-tabs__nav.is-stretch>* {
    flex: 1 1 0%;
    text-align: center
}

.el-tabs__item {
    box-sizing: border-box;
    color: #27282c;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    list-style: none;
    padding: 0 20px;
    position: relative
}

.el-tabs__item:focus,
.el-tabs__item:focus:active {
    outline: 0
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
    border-radius: 3px;
    box-shadow: inset 0 0 2px 2px #0ead98
}

.el-tabs__item .el-icon-close {
    border-radius: 50%;
    margin-left: 5px;
    text-align: center;
    transition: .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs__item .el-icon-close:before {
    display: inline-block;
    transform: scale(.9)
}

.el-tabs__item .el-icon-close:hover {
    background-color: #c0c4cc;
    color: #fff
}

.el-tabs__item.is-active {
    color: #0ead98
}

.el-tabs__item:hover {
    color: #0ead98;
    cursor: pointer
}

.el-tabs__item.is-disabled {
    color: #c0c4cc;
    cursor: default
}

.el-tabs__content {
    overflow: hidden;
    position: relative
}

.el-tabs--card>.el-tabs__header {
    border-bottom: 1px solid #e4e7ed
}

.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--card>.el-tabs__header .el-tabs__nav {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    -o-border-image: initial;
    border-image: initial;
    border-radius: 4px 4px 0 0;
    box-sizing: border-box
}

.el-tabs--card>.el-tabs__header .el-tabs__active-bar {
    display: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close {
    font-size: 12px;
    height: 14px;
    line-height: 15px;
    overflow: hidden;
    position: relative;
    right: -2px;
    top: -1px;
    transform-origin: 100% 50%;
    vertical-align: middle;
    width: 0
}

.el-tabs--card>.el-tabs__header .el-tabs__item {
    border-bottom: 1px solid transparent;
    border-left: 1px solid #e4e7ed;
    transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
    border-left: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left: 13px;
    padding-right: 13px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
    width: 14px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: #fff
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
    padding-left: 20px;
    padding-right: 20px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
    width: 14px
}

.el-tabs--border-card {
    background: #fff;
    border: 1px solid #dcdfe6;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04)
}

.el-tabs--border-card>.el-tabs__content {
    padding: 15px
}

.el-tabs--border-card>.el-tabs__header {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4e7ed;
    margin: 0
}

.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    border: 1px solid transparent;
    color: #aeb0b3;
    margin-top: -1px;
    transition: .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,
.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
    margin-left: -1px
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    background-color: #fff;
    border-left-color: #dcdfe6;
    border-right-color: #dcdfe6;
    color: #0ead98
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #0ead98
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
    color: #c0c4cc
}

.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
    margin-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
.el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child,
.el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 0
}

.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 20px
}

.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
    padding-right: 20px
}

.el-tabs--bottom .el-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 10px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 1px solid #dcdfe6
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-bottom: 0;
    margin-top: -1px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid transparent
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
    margin: 0 -1px -1px
}

.el-tabs--left,
.el-tabs--right {
    overflow: hidden
}

.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-scroll,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-scroll,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    height: 100%
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right,
.el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
    bottom: auto;
    height: auto;
    top: 0;
    width: 2px
}

.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
    transform: rotate(90deg)
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    left: auto;
    top: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
    bottom: 0;
    right: auto
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left:after,
.el-tabs--left .el-tabs__nav-wrap.is-right:after,
.el-tabs--right .el-tabs__nav-wrap.is-left:after,
.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    bottom: auto;
    height: 100%;
    top: 0;
    width: 2px
}

.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right,
.el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
    float: none
}

.el-tabs--left .el-tabs__item.is-left,
.el-tabs--left .el-tabs__item.is-right,
.el-tabs--right .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-right {
    display: block
}

.el-tabs--left .el-tabs__header.is-left {
    float: left;
    margin-bottom: 0;
    margin-right: 10px
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -1px
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-left:after {
    left: auto;
    right: 0
}

.el-tabs--left .el-tabs__item.is-left {
    text-align: right
}

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
    display: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    border-left: none;
    text-align: left
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
    border-right: 1px solid #e4e7ed;
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
    border: none;
    -o-border-image: initial;
    border-image: initial;
    border-right: 1px solid #fff;
    border-top: 1px solid #e4e7ed
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
    border-bottom: none
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
    border-bottom: 1px solid #e4e7ed;
    border-radius: 4px 0 0 4px;
    border-right: none
}

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
    float: none
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
    border-right: 1px solid #dfe4ed
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
    border: 1px solid transparent;
    margin: -1px 0 -1px -1px
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
    border-color: #d1dbe5 transparent
}

.el-tabs--right .el-tabs__header.is-right {
    float: right;
    margin-bottom: 0;
    margin-left: 10px
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-left: -1px
}

.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    left: 0;
    right: auto
}

.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0
}

.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
    border-bottom: none;
    border-top: 1px solid #e4e7ed
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
    border-left: 1px solid #e4e7ed;
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: none;
    -o-border-image: initial;
    border-image: initial;
    border-left: 1px solid #fff;
    border-top: 1px solid #e4e7ed
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
    border-bottom: none
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
    border-bottom: 1px solid #e4e7ed;
    border-left: none;
    border-radius: 0 4px 4px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
    border-left: 1px solid #dfe4ed
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
    border: 1px solid transparent;
    margin: -1px -1px -1px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
    border-color: #d1dbe5 transparent
}

.slideInLeft-transition,
.slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    animation: slideInRight-enter .3s ease 0s 1 normal none running
}

.slideInRight-leave {
    animation: slideInRight-leave .3s ease 0s 1 normal none running;
    left: 0;
    position: absolute;
    right: 0
}

.slideInLeft-enter {
    animation: slideInLeft-enter .3s ease 0s 1 normal none running
}

.slideInLeft-leave {
    animation: slideInLeft-leave .3s ease 0s 1 normal none running;
    left: 0;
    position: absolute;
    right: 0
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes slideInRight-leave {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes slideInLeft-leave {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
}

.el-tree {
    background: #fff;
    color: #7d7f81;
    cursor: default;
    position: relative
}

.el-tree__empty-block {
    height: 100%;
    min-height: 60px;
    position: relative;
    text-align: center;
    width: 100%
}

.el-tree__empty-text {
    color: #aeb0b3;
    font-size: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.el-tree__drop-indicator {
    background-color: #0ead98;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.el-tree-node {
    outline: 0;
    white-space: nowrap
}

.el-tree-node:focus>.el-tree-node__content {
    background-color: #f5f7fa
}

.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
    background-color: #0ead98;
    color: #fff
}

.el-tree-node__content {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 26px
}

.el-tree-node__content>.el-tree-node__expand-icon {
    padding: 6px
}

.el-tree-node__content>label.el-checkbox {
    margin-right: 8px
}

.el-tree-node__content:hover {
    background-color: #f5f7fa
}

.el-tree.is-dragging .el-tree-node__content {
    cursor: move
}

.el-tree.is-dragging .el-tree-node__content * {
    pointer-events: none
}

.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
    cursor: not-allowed
}

.el-tree-node__expand-icon {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 12px;
    transform: rotate(0deg);
    transition: transform .3s ease-in-out
}

.el-tree-node__expand-icon.expanded {
    transform: rotate(90deg)
}

.el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default
}

.el-tree-node__label {
    font-size: 14px
}

.el-tree-node__loading-icon {
    color: #c0c4cc;
    font-size: 14px;
    margin-right: 8px
}

.el-tree-node>.el-tree-node__children {
    background-color: transparent;
    overflow: hidden
}

.el-tree-node.is-expanded>.el-tree-node__children {
    display: block
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: #ecf8f7
}

.el-alert {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 8px 16px;
    position: relative;
    transition: opacity .2s;
    width: 100%
}

.el-alert.is-light .el-alert__closebtn {
    color: #c0c4cc
}

.el-alert.is-dark .el-alert__closebtn,
.el-alert.is-dark .el-alert__description {
    color: #fff
}

.el-alert.is-center {
    justify-content: center
}

.el-alert--success.is-light {
    background-color: #e7f7f5;
    color: #0ead98
}

.el-alert--success.is-light .el-alert__description {
    color: #0ead98
}

.el-alert--success.is-dark {
    background-color: #0ead98;
    color: #fff
}

.el-alert--info.is-light {
    background-color: #fefefe;
    color: #f2f2f2
}

.el-alert--info.is-dark {
    background-color: #f2f2f2;
    color: #fff
}

.el-alert--info .el-alert__description {
    color: #f2f2f2
}

.el-alert--warning.is-light {
    background-color: #fef3ea;
    color: #f38b2c
}

.el-alert--warning.is-light .el-alert__description {
    color: #f38b2c
}

.el-alert--warning.is-dark {
    background-color: #f38b2c;
    color: #fff
}

.el-alert--error.is-light {
    background-color: #fbeeec;
    color: #db5541
}

.el-alert--error.is-light .el-alert__description {
    color: #db5541
}

.el-alert--error.is-dark {
    background-color: #db5541;
    color: #fff
}

.el-alert__content {
    display: table-cell;
    padding: 0 8px
}

.el-alert__icon {
    font-size: 16px;
    width: 16px
}

.el-alert__icon.is-big {
    font-size: 28px;
    width: 28px
}

.el-alert__title {
    font-size: 13px;
    line-height: 18px
}

.el-alert__title.is-bold {
    font-weight: 700
}

.el-alert .el-alert__description {
    font-size: 12px;
    margin: 5px 0 0
}

.el-alert__closebtn {
    cursor: pointer;
    font-size: 12px;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 12px
}

.el-alert__closebtn.is-customed {
    font-size: 13px;
    font-style: normal;
    top: 9px
}

.el-alert-fade-enter,
.el-alert-fade-leave-active {
    opacity: 0
}

.el-notification {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 8px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    padding: 14px 26px 14px 13px;
    position: fixed;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    width: 330px
}

.el-notification.right {
    right: 16px
}

.el-notification.left {
    left: 16px
}

.el-notification__group {
    margin-left: 13px;
    margin-right: 8px
}

.el-notification__title {
    color: #27282c;
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.el-notification__content {
    color: #7d7f81;
    font-size: 14px;
    line-height: 21px;
    margin: 6px 0 0;
    text-align: justify
}

.el-notification__content p {
    margin: 0
}

.el-notification__icon {
    font-size: 24px;
    height: 24px;
    width: 24px
}

.el-notification__closeBtn {
    color: #aeb0b3;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 18px
}

.el-notification__closeBtn:hover {
    color: #7d7f81
}

.el-notification .el-icon-success {
    color: #0ead98
}

.el-notification .el-icon-error {
    color: #db5541
}

.el-notification .el-icon-info {
    color: #f2f2f2
}

.el-notification .el-icon-warning {
    color: #f38b2c
}

.el-notification-fade-enter.right {
    right: 0;
    transform: translateX(100%)
}

.el-notification-fade-enter.left {
    left: 0;
    transform: translateX(-100%)
}

.el-notification-fade-leave-active {
    opacity: 0
}

.el-input-number {
    display: inline-block;
    line-height: 38px;
    position: relative;
    width: 180px
}

.el-input-number .el-input {
    display: block
}

.el-input-number .el-input__inner {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center
}

.el-input-number__decrease,
.el-input-number__increase {
    background: #f5f7fa;
    color: #7d7f81;
    cursor: pointer;
    font-size: 13px;
    height: auto;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 40px;
    z-index: 1
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
    color: #0ead98
}

.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
    border-color: #0ead98
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-input-number__increase {
    border-left: 1px solid #dcdfe6;
    border-radius: 0 4px 4px 0;
    right: 1px
}

.el-input-number__decrease {
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #dcdfe6;
    left: 1px
}

.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
    border-color: #e4e7ed;
    color: #e4e7ed
}

.el-input-number.is-disabled .el-input-number__decrease:hover,
.el-input-number.is-disabled .el-input-number__increase:hover {
    color: #e4e7ed;
    cursor: not-allowed
}

.el-input-number--medium {
    line-height: 34px;
    width: 200px
}

.el-input-number--medium .el-input-number__decrease,
.el-input-number--medium .el-input-number__increase {
    font-size: 14px;
    width: 36px
}

.el-input-number--medium .el-input__inner {
    padding-left: 43px;
    padding-right: 43px
}

.el-input-number--small {
    line-height: 30px;
    width: 130px
}

.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
    font-size: 13px;
    width: 32px
}

.el-input-number--small .el-input-number__decrease [class*=el-icon],
.el-input-number--small .el-input-number__increase [class*=el-icon] {
    transform: scale(.9)
}

.el-input-number--small .el-input__inner {
    padding-left: 39px;
    padding-right: 39px
}

.el-input-number--mini {
    line-height: 26px;
    width: 130px
}

.el-input-number--mini .el-input-number__decrease,
.el-input-number--mini .el-input-number__increase {
    font-size: 12px;
    width: 28px
}

.el-input-number--mini .el-input-number__decrease [class*=el-icon],
.el-input-number--mini .el-input-number__increase [class*=el-icon] {
    transform: scale(.8)
}

.el-input-number--mini .el-input__inner {
    padding-left: 35px;
    padding-right: 35px
}

.el-input-number.is-without-controls .el-input__inner {
    padding-left: 15px;
    padding-right: 15px
}

.el-input-number.is-controls-right .el-input__inner {
    padding-left: 15px;
    padding-right: 50px
}

.el-input-number.is-controls-right .el-input-number__decrease,
.el-input-number.is-controls-right .el-input-number__increase {
    height: auto;
    line-height: 19px
}

.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
    transform: scale(.8)
}

.el-input-number.is-controls-right .el-input-number__increase {
    border-bottom: 1px solid #dcdfe6;
    border-radius: 0 4px 0 0
}

.el-input-number.is-controls-right .el-input-number__decrease {
    border-left: 1px solid #dcdfe6;
    border-radius: 0 0 4px;
    border-right: none;
    inset: auto 1px 1px auto
}

.el-input-number.is-controls-right[class*=medium] [class*=decrease],
.el-input-number.is-controls-right[class*=medium] [class*=increase] {
    line-height: 17px
}

.el-input-number.is-controls-right[class*=small] [class*=decrease],
.el-input-number.is-controls-right[class*=small] [class*=increase] {
    line-height: 15px
}

.el-input-number.is-controls-right[class*=mini] [class*=decrease],
.el-input-number.is-controls-right[class*=mini] [class*=increase] {
    line-height: 13px
}

.el-tooltip:focus:hover,
.el-tooltip:focus:not(.focusing) {
    outline-width: 0
}

.el-tooltip__popper {
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px;
    overflow-wrap: break-word;
    padding: 10px;
    position: absolute;
    z-index: 2000
}

.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.el-tooltip__popper .popper__arrow {
    border-width: 6px
}

.el-tooltip__popper .popper__arrow:after {
    border-width: 5px;
    content: " "
}

.el-tooltip__popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
    border-bottom-width: 0;
    border-top-color: #27282c;
    bottom: -6px
}

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    border-bottom-width: 0;
    border-top-color: #27282c;
    bottom: 1px;
    margin-left: -5px
}

.el-tooltip__popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #27282c;
    border-top-width: 0;
    top: -6px
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #27282c;
    border-top-width: 0;
    margin-left: -5px;
    top: 1px
}

.el-tooltip__popper[x-placement^=right] {
    margin-left: 12px
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
    border-left-width: 0;
    border-right-color: #27282c;
    left: -6px
}

.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
    border-left-width: 0;
    border-right-color: #27282c;
    bottom: -5px;
    left: 1px
}

.el-tooltip__popper[x-placement^=left] {
    margin-right: 12px
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
    border-left-color: #27282c;
    border-right-width: 0;
    right: -6px
}

.el-tooltip__popper[x-placement^=left] .popper__arrow:after {
    border-left-color: #27282c;
    border-right-width: 0;
    bottom: -5px;
    margin-left: -5px;
    right: 1px
}

.el-tooltip__popper.is-dark {
    background: #27282c;
    color: #fff
}

.el-tooltip__popper.is-light {
    background: #fff;
    border: 1px solid #27282c
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
    border-top-color: #27282c
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
    border-top-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #27282c
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
    border-left-color: #27282c
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
    border-left-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
    border-right-color: #27282c
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
    border-right-color: #fff
}

.el-slider:after,
.el-slider:before {
    content: "";
    display: table
}

.el-slider:after {
    clear: both
}

.el-slider__runway {
    background-color: #e4e7ed;
    border-radius: 3px;
    cursor: pointer;
    height: 6px;
    margin: 16px 0;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.el-slider__runway.show-input {
    margin-right: 160px;
    width: auto
}

.el-slider__runway.disabled {
    cursor: default
}

.el-slider__runway.disabled .el-slider__bar {
    background-color: #c0c4cc
}

.el-slider__runway.disabled .el-slider__button {
    border-color: #c0c4cc
}

.el-slider__runway.disabled .el-slider__button-wrapper.dragging,
.el-slider__runway.disabled .el-slider__button-wrapper.hover,
.el-slider__runway.disabled .el-slider__button-wrapper:hover {
    cursor: not-allowed
}

.el-slider__runway.disabled .el-slider__button.dragging,
.el-slider__runway.disabled .el-slider__button.hover,
.el-slider__runway.disabled .el-slider__button:hover {
    cursor: not-allowed;
    transform: scale(1)
}

.el-slider__input {
    float: right;
    margin-top: 3px;
    width: 130px
}

.el-slider__input.el-input-number--mini {
    margin-top: 5px
}

.el-slider__input.el-input-number--medium {
    margin-top: 0
}

.el-slider__input.el-input-number--large {
    margin-top: -2px
}

.el-slider__bar {
    background-color: #0ead98;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    height: 6px;
    position: absolute
}

.el-slider__button-wrapper {
    background-color: transparent;
    height: 36px;
    line-height: normal;
    position: absolute;
    text-align: center;
    top: -15px;
    transform: translateX(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 36px;
    z-index: 1001
}

.el-slider__button-wrapper:after {
    content: "";
    height: 100%
}

.el-slider__button-wrapper .el-tooltip,
.el-slider__button-wrapper:after {
    display: inline-block;
    vertical-align: middle
}

.el-slider__button-wrapper.hover,
.el-slider__button-wrapper:hover {
    cursor: grab
}

.el-slider__button-wrapper.dragging {
    cursor: grabbing
}

.el-slider__button {
    background-color: #fff;
    border: 2px solid #0ead98;
    border-radius: 50%;
    height: 16px;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 16px
}

.el-slider__button.dragging,
.el-slider__button.hover,
.el-slider__button:hover {
    transform: scale(1.2)
}

.el-slider__button.hover,
.el-slider__button:hover {
    cursor: grab
}

.el-slider__button.dragging {
    cursor: grabbing
}

.el-slider__stop {
    background-color: #fff;
    border-radius: 100%;
    height: 6px;
    position: absolute;
    transform: translateX(-50%);
    width: 6px
}

.el-slider__marks {
    height: 100%;
    left: 12px;
    top: 0;
    width: 18px
}

.el-slider__marks-text {
    color: #f2f2f2;
    font-size: 14px;
    margin-top: 15px;
    position: absolute;
    transform: translateX(-50%)
}

.el-slider.is-vertical {
    position: relative
}

.el-slider.is-vertical .el-slider__runway {
    height: 100%;
    margin: 0 16px;
    width: 6px
}

.el-slider.is-vertical .el-slider__bar {
    border-radius: 0 0 3px 3px;
    height: auto;
    width: 6px
}

.el-slider.is-vertical .el-slider__button-wrapper {
    left: -15px;
    top: auto;
    transform: translateY(50%)
}

.el-slider.is-vertical .el-slider__stop {
    transform: translateY(50%)
}

.el-slider.is-vertical.el-slider--with-input {
    padding-bottom: 58px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input {
    bottom: 22px;
    float: none;
    margin-top: 15px;
    overflow: visible;
    position: absolute;
    width: 36px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    line-height: 20px;
    margin-top: -1px;
    top: 32px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
    border-bottom-left-radius: 4px;
    right: 18px;
    width: 18px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    border-bottom-right-radius: 4px;
    width: 19px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
    border-color: #c0c4cc
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
    border-color: #0ead98
}

.el-slider.is-vertical .el-slider__marks-text {
    left: 15px;
    margin-top: 0;
    transform: translateY(50%)
}

.el-loading-parent--relative {
    position: relative !important
}

.el-loading-parent--hidden {
    overflow: hidden !important
}

.el-loading-mask {
    background-color: hsla(0, 0%, 100%, .9);
    inset: 0;
    margin: 0;
    position: absolute;
    transition: opacity .3s;
    z-index: 2000
}

.el-loading-mask.is-fullscreen {
    position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: -25px
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
    height: 50px;
    width: 50px
}

.el-loading-spinner {
    margin-top: -21px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.el-loading-spinner .el-loading-text {
    color: #0ead98;
    font-size: 14px;
    margin: 3px 0
}

.el-loading-spinner .circular {
    animation: loading-rotate 2s linear 0s infinite normal none running;
    height: 42px;
    width: 42px
}

.el-loading-spinner .path {
    animation: loading-dash 1.5s ease-in-out 0s infinite normal none running;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #0ead98;
    stroke-linecap: round
}

.el-loading-spinner i {
    color: #0ead98
}

.el-loading-fade-enter,
.el-loading-fade-leave-active {
    opacity: 0
}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

.el-row {
    box-sizing: border-box;
    position: relative
}

.el-row:after,
.el-row:before {
    content: "";
    display: table
}

.el-row:after {
    clear: both
}

.el-row--flex {
    display: flex
}

.el-row--flex:after,
.el-row--flex:before {
    display: none
}

.el-row--flex.is-justify-center {
    justify-content: center
}

.el-row--flex.is-justify-end {
    justify-content: flex-end
}

.el-row--flex.is-justify-space-between {
    justify-content: space-between
}

.el-row--flex.is-justify-space-around {
    justify-content: space-around
}

.el-row--flex.is-align-middle {
    align-items: center
}

.el-row--flex.is-align-bottom {
    align-items: flex-end
}

[class*=el-col-] {
    box-sizing: border-box;
    float: left
}

.el-col-0 {
    display: none;
    width: 0
}

.el-col-offset-0 {
    margin-left: 0
}

.el-col-pull-0 {
    position: relative;
    right: 0
}

.el-col-push-0 {
    left: 0;
    position: relative
}

.el-col-1 {
    width: 4.16667%
}

.el-col-offset-1 {
    margin-left: 4.16667%
}

.el-col-pull-1 {
    position: relative;
    right: 4.16667%
}

.el-col-push-1 {
    left: 4.16667%;
    position: relative
}

.el-col-2 {
    width: 8.33333%
}

.el-col-offset-2 {
    margin-left: 8.33333%
}

.el-col-pull-2 {
    position: relative;
    right: 8.33333%
}

.el-col-push-2 {
    left: 8.33333%;
    position: relative
}

.el-col-3 {
    width: 12.5%
}

.el-col-offset-3 {
    margin-left: 12.5%
}

.el-col-pull-3 {
    position: relative;
    right: 12.5%
}

.el-col-push-3 {
    left: 12.5%;
    position: relative
}

.el-col-4 {
    width: 16.6667%
}

.el-col-offset-4 {
    margin-left: 16.6667%
}

.el-col-pull-4 {
    position: relative;
    right: 16.6667%
}

.el-col-push-4 {
    left: 16.6667%;
    position: relative
}

.el-col-5 {
    width: 20.8333%
}

.el-col-offset-5 {
    margin-left: 20.8333%
}

.el-col-pull-5 {
    position: relative;
    right: 20.8333%
}

.el-col-push-5 {
    left: 20.8333%;
    position: relative
}

.el-col-6 {
    width: 25%
}

.el-col-offset-6 {
    margin-left: 25%
}

.el-col-pull-6 {
    position: relative;
    right: 25%
}

.el-col-push-6 {
    left: 25%;
    position: relative
}

.el-col-7 {
    width: 29.1667%
}

.el-col-offset-7 {
    margin-left: 29.1667%
}

.el-col-pull-7 {
    position: relative;
    right: 29.1667%
}

.el-col-push-7 {
    left: 29.1667%;
    position: relative
}

.el-col-8 {
    width: 33.3333%
}

.el-col-offset-8 {
    margin-left: 33.3333%
}

.el-col-pull-8 {
    position: relative;
    right: 33.3333%
}

.el-col-push-8 {
    left: 33.3333%;
    position: relative
}

.el-col-9 {
    width: 37.5%
}

.el-col-offset-9 {
    margin-left: 37.5%
}

.el-col-pull-9 {
    position: relative;
    right: 37.5%
}

.el-col-push-9 {
    left: 37.5%;
    position: relative
}

.el-col-10 {
    width: 41.6667%
}

.el-col-offset-10 {
    margin-left: 41.6667%
}

.el-col-pull-10 {
    position: relative;
    right: 41.6667%
}

.el-col-push-10 {
    left: 41.6667%;
    position: relative
}

.el-col-11 {
    width: 45.8333%
}

.el-col-offset-11 {
    margin-left: 45.8333%
}

.el-col-pull-11 {
    position: relative;
    right: 45.8333%
}

.el-col-push-11 {
    left: 45.8333%;
    position: relative
}

.el-col-12 {
    width: 50%
}

.el-col-offset-12 {
    margin-left: 50%
}

.el-col-pull-12 {
    position: relative;
    right: 50%
}

.el-col-push-12 {
    left: 50%;
    position: relative
}

.el-col-13 {
    width: 54.1667%
}

.el-col-offset-13 {
    margin-left: 54.1667%
}

.el-col-pull-13 {
    position: relative;
    right: 54.1667%
}

.el-col-push-13 {
    left: 54.1667%;
    position: relative
}

.el-col-14 {
    width: 58.3333%
}

.el-col-offset-14 {
    margin-left: 58.3333%
}

.el-col-pull-14 {
    position: relative;
    right: 58.3333%
}

.el-col-push-14 {
    left: 58.3333%;
    position: relative
}

.el-col-15 {
    width: 62.5%
}

.el-col-offset-15 {
    margin-left: 62.5%
}

.el-col-pull-15 {
    position: relative;
    right: 62.5%
}

.el-col-push-15 {
    left: 62.5%;
    position: relative
}

.el-col-16 {
    width: 66.6667%
}

.el-col-offset-16 {
    margin-left: 66.6667%
}

.el-col-pull-16 {
    position: relative;
    right: 66.6667%
}

.el-col-push-16 {
    left: 66.6667%;
    position: relative
}

.el-col-17 {
    width: 70.8333%
}

.el-col-offset-17 {
    margin-left: 70.8333%
}

.el-col-pull-17 {
    position: relative;
    right: 70.8333%
}

.el-col-push-17 {
    left: 70.8333%;
    position: relative
}

.el-col-18 {
    width: 75%
}

.el-col-offset-18 {
    margin-left: 75%
}

.el-col-pull-18 {
    position: relative;
    right: 75%
}

.el-col-push-18 {
    left: 75%;
    position: relative
}

.el-col-19 {
    width: 79.1667%
}

.el-col-offset-19 {
    margin-left: 79.1667%
}

.el-col-pull-19 {
    position: relative;
    right: 79.1667%
}

.el-col-push-19 {
    left: 79.1667%;
    position: relative
}

.el-col-20 {
    width: 83.3333%
}

.el-col-offset-20 {
    margin-left: 83.3333%
}

.el-col-pull-20 {
    position: relative;
    right: 83.3333%
}

.el-col-push-20 {
    left: 83.3333%;
    position: relative
}

.el-col-21 {
    width: 87.5%
}

.el-col-offset-21 {
    margin-left: 87.5%
}

.el-col-pull-21 {
    position: relative;
    right: 87.5%
}

.el-col-push-21 {
    left: 87.5%;
    position: relative
}

.el-col-22 {
    width: 91.6667%
}

.el-col-offset-22 {
    margin-left: 91.6667%
}

.el-col-pull-22 {
    position: relative;
    right: 91.6667%
}

.el-col-push-22 {
    left: 91.6667%;
    position: relative
}

.el-col-23 {
    width: 95.8333%
}

.el-col-offset-23 {
    margin-left: 95.8333%
}

.el-col-pull-23 {
    position: relative;
    right: 95.8333%
}

.el-col-push-23 {
    left: 95.8333%;
    position: relative
}

.el-col-24 {
    width: 100%
}

.el-col-offset-24 {
    margin-left: 100%
}

.el-col-pull-24 {
    position: relative;
    right: 100%
}

.el-col-push-24 {
    left: 100%;
    position: relative
}

.el-upload {
    cursor: pointer;
    display: inline-block;
    outline: 0;
    text-align: center
}

.el-upload__input {
    display: none
}

.el-upload__tip {
    color: #7d7f81;
    font-size: 12px;
    margin-top: 7px
}

.el-upload iframe {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

.el-upload--picture-card {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    height: 148px;
    line-height: 146px;
    vertical-align: top;
    width: 148px
}

.el-upload--picture-card i {
    color: #8c939d;
    font-size: 28px
}

.el-upload--picture-card:hover,
.el-upload:focus {
    border-color: #0ead98;
    color: #0ead98
}

.el-upload:focus .el-upload-dragger {
    border-color: #0ead98
}

.el-upload-dragger {
    background-color: #fff;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    height: 180px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 360px
}

.el-upload-dragger .el-icon-upload {
    color: #c0c4cc;
    font-size: 67px;
    line-height: 50px;
    margin: 40px 0 16px
}

.el-upload-dragger+.el-upload__tip {
    text-align: center
}

.el-upload-dragger~.el-upload__files {
    border-top: 1px solid #dcdfe6;
    margin-top: 7px;
    padding-top: 5px
}

.el-upload-dragger .el-upload__text {
    color: #7d7f81;
    font-size: 14px;
    text-align: center
}

.el-upload-dragger .el-upload__text em {
    color: #0ead98;
    font-style: normal
}

.el-upload-dragger:hover {
    border-color: #0ead98
}

.el-upload-dragger.is-dragover {
    background-color: rgba(32, 159, 255, .06);
    border: 2px dashed #0ead98
}

.el-upload-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.el-upload-list__item {
    border-radius: 4px;
    box-sizing: border-box;
    color: #7d7f81;
    font-size: 14px;
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    transition: .5s cubic-bezier(.55, 0, .1, 1);
    width: 100%
}

.el-upload-list__item .el-progress {
    position: absolute;
    top: 20px;
    width: 100%
}

.el-upload-list__item .el-progress__text {
    position: absolute;
    right: 0;
    top: -13px
}

.el-upload-list__item .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-upload-list__item:first-child {
    margin-top: 10px
}

.el-upload-list__item .el-icon-upload-success {
    color: #0ead98
}

.el-upload-list__item .el-icon-close {
    color: #7d7f81;
    cursor: pointer;
    display: none;
    opacity: .75;
    position: absolute;
    right: 5px;
    top: 5px
}

.el-upload-list__item .el-icon-close:hover {
    opacity: 1
}

.el-upload-list__item .el-icon-close-tip {
    color: #0ead98;
    cursor: pointer;
    display: none;
    font-size: 12px;
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 5px
}

.el-upload-list__item:hover {
    background-color: #f5f7fa
}

.el-upload-list__item:hover .el-icon-close {
    display: inline-block
}

.el-upload-list__item:hover .el-progress__text {
    display: none
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus,
.el-upload-list__item.is-success .el-upload-list__item-name:hover {
    color: #0ead98;
    cursor: pointer
}

.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
    display: inline-block
}

.el-upload-list__item.is-success:active,
.el-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0
}

.el-upload-list__item.is-success:active .el-icon-close-tip,
.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,
.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
    display: none
}

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item-name {
    color: #7d7f81;
    display: block;
    margin-right: 40px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    transition: color .3s;
    white-space: nowrap
}

.el-upload-list__item-name [class^=el-icon] {
    color: #aeb0b3;
    height: 100%;
    line-height: inherit;
    margin-right: 7px
}

.el-upload-list__item-status-label {
    display: none;
    line-height: inherit;
    position: absolute;
    right: 5px;
    top: 0
}

.el-upload-list__item-delete {
    color: #7d7f81;
    display: none;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 0
}

.el-upload-list__item-delete:hover {
    color: #0ead98
}

.el-upload-list--picture-card {
    display: inline;
    margin: 0;
    vertical-align: top
}

.el-upload-list--picture-card .el-upload-list__item {
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    display: inline-block;
    height: 148px;
    margin: 0 8px 8px 0;
    overflow: hidden;
    width: 148px
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-check,
.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
    color: #fff
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-close,
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture-card .el-upload-list__item-name {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
    height: 100%;
    width: 100%
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    background: #13ce66;
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
    height: 24px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -6px;
    transform: rotate(45deg);
    width: 40px
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg)
}

.el-upload-list--picture-card .el-upload-list__item-actions {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    cursor: default;
    font-size: 20px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .3s;
    width: 100%
}

.el-upload-list--picture-card .el-upload-list__item-actions:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
    cursor: pointer;
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-actions span+span {
    margin-left: 15px
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
    color: inherit;
    font-size: inherit;
    position: static
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
    opacity: 1
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
    display: inline-block
}

.el-upload-list--picture-card .el-progress {
    bottom: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 126px
}

.el-upload-list--picture-card .el-progress .el-progress__text {
    top: 50%
}

.el-upload-list--picture .el-upload-list__item {
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    height: 92px;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px 10px 10px 90px;
    z-index: 0
}

.el-upload-list--picture .el-upload-list__item .el-icon-check,
.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
    color: #fff
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    background: 0 0;
    box-shadow: none;
    right: -12px;
    top: -2px
}

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
    line-height: 70px;
    margin-top: 0
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
    display: none
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    background-color: #fff;
    display: inline-block;
    float: left;
    height: 70px;
    margin-left: -80px;
    position: relative;
    vertical-align: middle;
    width: 70px;
    z-index: 1
}

.el-upload-list--picture .el-upload-list__item-name {
    display: block;
    margin-top: 20px
}

.el-upload-list--picture .el-upload-list__item-name i {
    font-size: 70px;
    left: 9px;
    line-height: 1;
    position: absolute;
    top: 10px
}

.el-upload-list--picture .el-upload-list__item-status-label {
    background: #13ce66;
    box-shadow: 0 1px 1px #ccc;
    height: 26px;
    position: absolute;
    right: -17px;
    text-align: center;
    top: -7px;
    transform: rotate(45deg);
    width: 46px
}

.el-upload-list--picture .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    transform: rotate(-45deg)
}

.el-upload-list--picture .el-progress {
    position: relative;
    top: -7px
}

.el-upload-cover {
    cursor: default;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.el-upload-cover:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-upload-cover img {
    display: block;
    height: 100%;
    width: 100%
}

.el-upload-cover__label {
    background: #13ce66;
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
    height: 24px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -6px;
    transform: rotate(45deg);
    width: 40px
}

.el-upload-cover__label i {
    color: #fff;
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg)
}

.el-upload-cover__progress {
    display: inline-block;
    position: static;
    vertical-align: middle;
    width: 243px
}

.el-upload-cover__progress+.el-upload__inner {
    opacity: 0
}

.el-upload-cover__content {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.el-upload-cover__interact {
    background-color: rgba(0, 0, 0, .72);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.el-upload-cover__interact .btn {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-top: 60px;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    vertical-align: middle
}

.el-upload-cover__interact .btn i {
    margin-top: 0
}

.el-upload-cover__interact .btn span {
    opacity: 0;
    transition: opacity .15s linear
}

.el-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px
}

.el-upload-cover__interact .btn:hover {
    transform: translateY(-13px)
}

.el-upload-cover__interact .btn:hover span {
    opacity: 1
}

.el-upload-cover__interact .btn i {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin: 0 auto 5px
}

.el-upload-cover__title {
    background-color: #fff;
    bottom: 0;
    color: #27282c;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    left: 0;
    line-height: 36px;
    margin: 0;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.el-upload-cover+.el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1
}

.el-progress {
    line-height: 1;
    position: relative
}

.el-progress__text {
    color: #7d7f81;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-left: 10px;
    vertical-align: middle
}

.el-progress__text i {
    display: block;
    vertical-align: middle
}

.el-progress--circle,
.el-progress--dashboard {
    display: inline-block
}

.el-progress--circle .el-progress__text,
.el-progress--dashboard .el-progress__text {
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.el-progress--circle .el-progress__text i,
.el-progress--dashboard .el-progress__text i {
    display: inline-block;
    vertical-align: middle
}

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar {
    display: block;
    margin-right: 0;
    padding-right: 0
}

.el-progress--text-inside .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: #0ead98
}

.el-progress.is-success .el-progress__text {
    color: #0ead98
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: #f38b2c
}

.el-progress.is-warning .el-progress__text {
    color: #f38b2c
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: #db5541
}

.el-progress.is-exception .el-progress__text {
    color: #db5541
}

.el-progress-bar {
    box-sizing: border-box;
    display: inline-block;
    margin-right: -55px;
    padding-right: 50px;
    vertical-align: middle;
    width: 100%
}

.el-progress-bar__outer {
    background-color: #ebeef5;
    border-radius: 100px;
    height: 6px;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    background-color: #0ead98;
    border-radius: 100px;
    height: 100%;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: right;
    top: 0;
    transition: width .6s;
    white-space: nowrap
}

.el-progress-bar__inner:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-progress-bar__innerText {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    vertical-align: middle
}

@keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

.el-time-spinner {
    white-space: nowrap;
    width: 100%
}

.el-spinner {
    display: inline-block;
    vertical-align: middle
}

.el-spinner-inner {
    animation: rotate 2s linear 0s infinite normal none running;
    height: 50px;
    width: 50px
}

.el-spinner-inner .path {
    stroke: #ececec;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out 0s infinite normal none running
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.el-message {
    align-items: center;
    background-color: #edf2fc;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    left: 50%;
    min-width: 380px;
    overflow: hidden;
    padding: 15px 15px 15px 20px;
    position: fixed;
    top: 20px;
    transform: translateX(-50%);
    transition: opacity .3s, transform .4s, top .4s
}

.el-message.is-center {
    justify-content: center
}

.el-message.is-closable .el-message__content {
    padding-right: 16px
}

.el-message p {
    margin: 0
}

.el-message--info .el-message__content {
    color: #f2f2f2
}

.el-message--success {
    background-color: #e7f7f5;
    border-color: #cfefea
}

.el-message--success .el-message__content {
    color: #0ead98
}

.el-message--warning {
    background-color: #fef3ea;
    border-color: #fde8d5
}

.el-message--warning .el-message__content {
    color: #f38b2c
}

.el-message--error {
    background-color: #fbeeec;
    border-color: #f8ddd9
}

.el-message--error .el-message__content {
    color: #db5541
}

.el-message__icon {
    margin-right: 10px
}

.el-message__content {
    font-size: 14px;
    line-height: 1;
    padding: 0
}

.el-message__content:focus {
    outline-width: 0
}

.el-message__closeBtn {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.el-message__closeBtn:focus {
    outline-width: 0
}

.el-message__closeBtn:hover {
    color: #aeb0b3
}

.el-message .el-icon-success {
    color: #0ead98
}

.el-message .el-icon-error {
    color: #db5541
}

.el-message .el-icon-info {
    color: #f2f2f2
}

.el-message .el-icon-warning {
    color: #f38b2c
}

.el-message-fade-enter,
.el-message-fade-leave-active {
    opacity: 0;
    transform: translate(-50%, -100%)
}

.el-badge {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.el-badge__content {
    background-color: #db5541;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap
}

.el-badge__content.is-fixed {
    position: absolute;
    right: 10px;
    top: 0;
    transform: translateY(-50%) translateX(100%)
}

.el-badge__content.is-fixed.is-dot {
    right: 5px
}

.el-badge__content.is-dot {
    border-radius: 50%;
    height: 8px;
    padding: 0;
    right: 0;
    width: 8px
}

.el-badge__content--primary,
.el-badge__content--success {
    background-color: #0ead98
}

.el-badge__content--warning {
    background-color: #f38b2c
}

.el-badge__content--info {
    background-color: #f2f2f2
}

.el-badge__content--danger {
    background-color: #db5541
}

.el-card {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    color: #27282c;
    overflow: hidden;
    transition: .3s
}

.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-card__header {
    border-bottom: 1px solid #ebeef5;
    box-sizing: border-box;
    padding: 18px 20px
}

.el-card__body {
    padding: 20px
}

.el-rate {
    height: 20px;
    line-height: 1
}

.el-rate:active,
.el-rate:focus {
    outline-width: 0
}

.el-rate__item {
    font-size: 0;
    vertical-align: middle
}

.el-rate__icon,
.el-rate__item {
    display: inline-block;
    position: relative
}

.el-rate__icon {
    color: #c0c4cc;
    font-size: 18px;
    margin-right: 6px;
    transition: .3s
}

.el-rate__icon.hover {
    transform: scale(1.15)
}

.el-rate__decimal,
.el-rate__icon .path2 {
    left: 0;
    position: absolute;
    top: 0
}

.el-rate__decimal {
    display: inline-block;
    overflow: hidden
}

.el-rate__text {
    font-size: 14px;
    vertical-align: middle
}

.el-steps {
    display: flex
}

.el-steps--simple {
    background: #f5f7fa;
    border-radius: 4px;
    padding: 13px 8%
}

.el-steps--horizontal {
    white-space: nowrap
}

.el-steps--vertical {
    flex-flow: column;
    height: 100%
}

.el-step {
    flex-shrink: 1;
    position: relative
}

.el-step:last-of-type .el-step__line {
    display: none
}

.el-step:last-of-type.is-flex {
    flex-shrink: 0;
    -webkit-box-flex: 0;
    flex-basis: auto !important;
    flex-grow: 0
}

.el-step:last-of-type .el-step__description,
.el-step:last-of-type .el-step__main {
    padding-right: 0
}

.el-step__head {
    position: relative;
    width: 100%
}

.el-step__head.is-process {
    border-color: #27282c;
    color: #27282c
}

.el-step__head.is-wait {
    border-color: #c0c4cc;
    color: #c0c4cc
}

.el-step__head.is-success {
    border-color: #0ead98;
    color: #0ead98
}

.el-step__head.is-error {
    border-color: #db5541;
    color: #db5541
}

.el-step__head.is-finish {
    border-color: #0ead98;
    color: #0ead98
}

.el-step__icon {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    display: inline-flex;
    font-size: 14px;
    height: 24px;
    justify-content: center;
    position: relative;
    transition: .15s ease-out;
    width: 24px;
    z-index: 1
}

.el-step__icon.is-text {
    border: 2px solid;
    border-color: inherit;
    -o-border-image: initial;
    border-image: initial;
    border-radius: 50%
}

.el-step__icon.is-icon {
    width: 40px
}

.el-step__icon-inner {
    color: inherit;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 25px;
    font-weight: 400
}

.el-step__icon-inner.is-status {
    transform: translateY(1px)
}

.el-step__line {
    background-color: #c0c4cc;
    border-color: inherit;
    position: absolute
}

.el-step__line-inner {
    border: 1px solid;
    border-color: inherit;
    box-sizing: border-box;
    display: block;
    height: 0;
    transition: .15s ease-out;
    width: 0
}

.el-step__main {
    text-align: left;
    white-space: normal
}

.el-step__title {
    font-size: 16px;
    line-height: 38px
}

.el-step__title.is-process {
    color: #27282c;
    font-weight: 700
}

.el-step__title.is-wait {
    color: #c0c4cc
}

.el-step__title.is-success {
    color: #0ead98
}

.el-step__title.is-error {
    color: #db5541
}

.el-step__title.is-finish {
    color: #0ead98
}

.el-step__description {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: -5px;
    padding-right: 10%
}

.el-step__description.is-process {
    color: #27282c
}

.el-step__description.is-wait {
    color: #c0c4cc
}

.el-step__description.is-success {
    color: #0ead98
}

.el-step__description.is-error {
    color: #db5541
}

.el-step__description.is-finish {
    color: #0ead98
}

.el-step.is-horizontal {
    display: inline-block
}

.el-step.is-horizontal .el-step__line {
    height: 2px;
    left: 0;
    right: 0;
    top: 11px
}

.el-step.is-vertical {
    display: flex
}

.el-step.is-vertical .el-step__head {
    flex-grow: 0;
    width: 24px
}

.el-step.is-vertical .el-step__main {
    flex-grow: 1;
    padding-left: 10px
}

.el-step.is-vertical .el-step__title {
    line-height: 24px;
    padding-bottom: 8px
}

.el-step.is-vertical .el-step__line {
    bottom: 0;
    left: 11px;
    top: 0;
    width: 2px
}

.el-step.is-vertical .el-step__icon.is-icon {
    width: 24px
}

.el-step.is-center .el-step__head,
.el-step.is-center .el-step__main {
    text-align: center
}

.el-step.is-center .el-step__description {
    padding-left: 20%;
    padding-right: 20%
}

.el-step.is-center .el-step__line {
    left: 50%;
    right: -50%
}

.el-step.is-simple {
    align-items: center;
    display: flex
}

.el-step.is-simple .el-step__head {
    font-size: 0;
    padding-right: 10px;
    width: auto
}

.el-step.is-simple .el-step__icon {
    background: 0 0;
    font-size: 12px;
    height: 16px;
    width: 16px
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 18px
}

.el-step.is-simple .el-step__icon-inner.is-status {
    transform: scale(.8) translateY(1px)
}

.el-step.is-simple .el-step__main {
    align-items: stretch;
    display: flex;
    flex-grow: 1;
    position: relative
}

.el-step.is-simple .el-step__title {
    font-size: 16px;
    line-height: 20px
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
    max-width: 50%;
    word-break: break-all
}

.el-step.is-simple .el-step__arrow {
    -webkit-box-flex: 1;
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.el-step.is-simple .el-step__arrow:after,
.el-step.is-simple .el-step__arrow:before {
    background: #c0c4cc;
    content: "";
    display: inline-block;
    height: 15px;
    position: absolute;
    width: 1px
}

.el-step.is-simple .el-step__arrow:before {
    transform: rotate(-45deg) translateY(-4px);
    transform-origin: 0 0
}

.el-step.is-simple .el-step__arrow:after {
    transform: rotate(45deg) translateY(4px);
    transform-origin: 100% 100%
}

.el-step.is-simple:last-of-type .el-step__arrow {
    display: none
}

.el-carousel {
    position: relative
}

.el-carousel--horizontal {
    overflow-x: hidden
}

.el-carousel--vertical {
    overflow-y: hidden
}

.el-carousel__container {
    height: 300px;
    position: relative
}

.el-carousel__arrow {
    background-color: rgba(31, 45, 61, .11);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 36px;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 36px;
    z-index: 10
}

.el-carousel__arrow--left {
    left: 16px
}

.el-carousel__arrow--right {
    right: 16px
}

.el-carousel__arrow:hover {
    background-color: rgba(31, 45, 61, .23)
}

.el-carousel__arrow i {
    cursor: pointer
}

.el-carousel__indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2
}

.el-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.el-carousel__indicators--vertical {
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.el-carousel__indicators--outside {
    bottom: 26px;
    position: static;
    text-align: center;
    transform: none
}

.el-carousel__indicators--outside .el-carousel__indicator:hover button {
    opacity: .64
}

.el-carousel__indicators--outside button {
    background-color: #c0c4cc;
    opacity: .24
}

.el-carousel__indicators--labels {
    left: 0;
    right: 0;
    text-align: center;
    transform: none
}

.el-carousel__indicators--labels .el-carousel__button {
    font-size: 12px;
    height: auto;
    padding: 2px 18px;
    width: auto
}

.el-carousel__indicators--labels .el-carousel__indicator {
    padding: 6px 4px
}

.el-carousel__indicator {
    background-color: transparent;
    cursor: pointer
}

.el-carousel__indicator:hover button {
    opacity: .72
}

.el-carousel__indicator--horizontal {
    display: inline-block;
    padding: 12px 4px
}

.el-carousel__indicator--vertical {
    padding: 4px 12px
}

.el-carousel__indicator--vertical .el-carousel__button {
    height: 15px;
    width: 2px
}

.el-carousel__indicator.is-active button {
    opacity: 1
}

.el-carousel__button {
    background-color: #fff;
    border: none;
    cursor: pointer;
    display: block;
    height: 2px;
    margin: 0;
    opacity: .48;
    outline: 0;
    padding: 0;
    transition: .3s;
    width: 30px
}

.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
    opacity: 0;
    transform: translateY(-50%) translateX(-10px)
}

.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
    opacity: 0;
    transform: translateY(-50%) translateX(10px)
}

.el-carousel__item {
    display: inline-block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.el-carousel__item.is-active {
    z-index: 2
}

.el-carousel__item--card,
.el-carousel__item.is-animating {
    transition: transform .4s ease-in-out
}

.el-carousel__item--card {
    width: 50%
}

.el-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: 1
}

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
    opacity: .12
}

.el-carousel__item--card.is-active {
    z-index: 2
}

.el-carousel__mask {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: .24;
    position: absolute;
    top: 0;
    transition: .2s;
    width: 100%
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    transition: opacity .2s linear
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    transition: opacity .2s linear
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
    opacity: 0
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
    transition: .3s cubic-bezier(.55, 0, .1, 1)
}

.el-fade-in-enter,
.el-fade-in-leave-active {
    opacity: 0
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    transition: .3s cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center top;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center bottom;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    opacity: 1;
    transform: scale(1);
    transform-origin: left top;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(.45)
}

.collapse-transition {
    transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
}

.horizontal-collapse-transition {
    transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out
}

.el-list-enter-active,
.el-list-leave-active {
    transition: 1s
}

.el-list-enter,
.el-list-leave-active {
    opacity: 0;
    transform: translateY(-30px)
}

.el-opacity-transition {
    transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
}

.el-collapse {
    border-bottom: 1px solid #ebeef5;
    border-top: 1px solid #ebeef5
}

.el-collapse-item.is-disabled .el-collapse-item__header {
    color: #bbb;
    cursor: not-allowed
}

.el-collapse-item__header {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #ebeef5;
    color: #27282c;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    outline: 0;
    transition: border-bottom-color .3s
}

.el-collapse-item__arrow {
    font-weight: 300;
    margin: 0 8px 0 auto;
    transition: transform .3s
}

.el-collapse-item__arrow.is-active {
    transform: rotate(90deg)
}

.el-collapse-item__header.focusing:focus:not(:hover) {
    color: #0ead98
}

.el-collapse-item__header.is-active {
    border-bottom-color: transparent
}

.el-collapse-item__wrap {
    background-color: #fff;
    border-bottom: 1px solid #ebeef5;
    box-sizing: border-box;
    overflow: hidden;
    will-change: height
}

.el-collapse-item__content {
    color: #27282c;
    font-size: 13px;
    line-height: 1.76923;
    padding-bottom: 25px
}

.el-collapse-item:last-child {
    margin-bottom: -1px
}

.el-popper .popper__arrow,
.el-popper .popper__arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.el-popper .popper__arrow {
    border-width: 6px;
    filter: drop-shadow(rgba(0, 0, 0, .03) 0 2px 12px)
}

.el-popper .popper__arrow:after {
    border-width: 6px;
    content: " "
}

.el-popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-popper[x-placement^=top] .popper__arrow {
    border-bottom-width: 0;
    border-top-color: #ebeef5;
    bottom: -6px;
    left: 50%;
    margin-right: 3px
}

.el-popper[x-placement^=top] .popper__arrow:after {
    border-bottom-width: 0;
    border-top-color: #fff;
    bottom: 1px;
    margin-left: -6px
}

.el-popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #ebeef5;
    border-top-width: 0;
    left: 50%;
    margin-right: 3px;
    top: -6px
}

.el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff;
    border-top-width: 0;
    margin-left: -6px;
    top: 1px
}

.el-popper[x-placement^=right] {
    margin-left: 12px
}

.el-popper[x-placement^=right] .popper__arrow {
    border-left-width: 0;
    border-right-color: #ebeef5;
    left: -6px;
    margin-bottom: 3px;
    top: 50%
}

.el-popper[x-placement^=right] .popper__arrow:after {
    border-left-width: 0;
    border-right-color: #fff;
    bottom: -6px;
    left: 1px
}

.el-popper[x-placement^=left] {
    margin-right: 12px
}

.el-popper[x-placement^=left] .popper__arrow {
    border-left-color: #ebeef5;
    border-right-width: 0;
    margin-bottom: 3px;
    right: -6px;
    top: 50%
}

.el-popper[x-placement^=left] .popper__arrow:after {
    border-left-color: #fff;
    border-right-width: 0;
    bottom: -6px;
    margin-left: -6px;
    right: 1px
}

.el-tag {
    background-color: #e7f7f5;
    border: 1px solid #cfefea;
    border-radius: 4px;
    box-sizing: border-box;
    color: #0ead98;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    line-height: 30px;
    padding: 0 10px;
    white-space: nowrap
}

.el-tag.is-hit {
    border-color: #0ead98
}

.el-tag .el-tag__close {
    color: #0ead98
}

.el-tag .el-tag__close:hover {
    background-color: #0ead98;
    color: #fff
}

.el-tag.el-tag--info {
    background-color: #fefefe;
    border-color: #fcfcfc;
    color: #f2f2f2
}

.el-tag.el-tag--info.is-hit {
    border-color: #f2f2f2
}

.el-tag.el-tag--info .el-tag__close {
    color: #f2f2f2
}

.el-tag.el-tag--info .el-tag__close:hover {
    background-color: #f2f2f2;
    color: #fff
}

.el-tag.el-tag--success {
    background-color: #e7f7f5;
    border-color: #cfefea;
    color: #0ead98
}

.el-tag.el-tag--success.is-hit {
    border-color: #0ead98
}

.el-tag.el-tag--success .el-tag__close {
    color: #0ead98
}

.el-tag.el-tag--success .el-tag__close:hover {
    background-color: #0ead98;
    color: #fff
}

.el-tag.el-tag--warning {
    background-color: #fef3ea;
    border-color: #fde8d5;
    color: #f38b2c
}

.el-tag.el-tag--warning.is-hit {
    border-color: #f38b2c
}

.el-tag.el-tag--warning .el-tag__close {
    color: #f38b2c
}

.el-tag.el-tag--warning .el-tag__close:hover {
    background-color: #f38b2c;
    color: #fff
}

.el-tag.el-tag--danger {
    background-color: #fbeeec;
    border-color: #f8ddd9;
    color: #db5541
}

.el-tag.el-tag--danger.is-hit {
    border-color: #db5541
}

.el-tag.el-tag--danger .el-tag__close {
    color: #db5541
}

.el-tag.el-tag--danger .el-tag__close:hover {
    background-color: #db5541;
    color: #fff
}

.el-tag .el-icon-close {
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    position: relative;
    right: -5px;
    text-align: center;
    top: -1px;
    vertical-align: middle;
    width: 16px
}

.el-tag .el-icon-close:before {
    display: block
}

.el-tag--dark {
    background-color: #0ead98;
    color: #fff
}

.el-tag--dark,
.el-tag--dark.is-hit {
    border-color: #0ead98
}

.el-tag--dark .el-tag__close {
    color: #fff
}

.el-tag--dark .el-tag__close:hover {
    background-color: #3ebdad;
    color: #fff
}

.el-tag--dark.el-tag--info {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #fff
}

.el-tag--dark.el-tag--info.is-hit {
    border-color: #f2f2f2
}

.el-tag--dark.el-tag--info .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
    background-color: #f5f5f5;
    color: #fff
}

.el-tag--dark.el-tag--success {
    background-color: #0ead98;
    border-color: #0ead98;
    color: #fff
}

.el-tag--dark.el-tag--success.is-hit {
    border-color: #0ead98
}

.el-tag--dark.el-tag--success .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
    background-color: #3ebdad;
    color: #fff
}

.el-tag--dark.el-tag--warning {
    background-color: #f38b2c;
    border-color: #f38b2c;
    color: #fff
}

.el-tag--dark.el-tag--warning.is-hit {
    border-color: #f38b2c
}

.el-tag--dark.el-tag--warning .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
    background-color: #f5a256;
    color: #fff
}

.el-tag--dark.el-tag--danger {
    background-color: #db5541;
    border-color: #db5541;
    color: #fff
}

.el-tag--dark.el-tag--danger.is-hit {
    border-color: #db5541
}

.el-tag--dark.el-tag--danger .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
    background-color: #e27767;
    color: #fff
}

.el-tag--plain {
    background-color: #fff;
    border-color: #9fded6;
    color: #0ead98
}

.el-tag--plain.is-hit {
    border-color: #0ead98
}

.el-tag--plain .el-tag__close {
    color: #0ead98
}

.el-tag--plain .el-tag__close:hover {
    background-color: #0ead98;
    color: #fff
}

.el-tag--plain.el-tag--info {
    background-color: #fff;
    border-color: #fafafa;
    color: #f2f2f2
}

.el-tag--plain.el-tag--info.is-hit {
    border-color: #f2f2f2
}

.el-tag--plain.el-tag--info .el-tag__close {
    color: #f2f2f2
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
    background-color: #f2f2f2;
    color: #fff
}

.el-tag--plain.el-tag--success {
    background-color: #fff;
    border-color: #9fded6;
    color: #0ead98
}

.el-tag--plain.el-tag--success.is-hit {
    border-color: #0ead98
}

.el-tag--plain.el-tag--success .el-tag__close {
    color: #0ead98
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
    background-color: #0ead98;
    color: #fff
}

.el-tag--plain.el-tag--warning {
    background-color: #fff;
    border-color: #fad1ab;
    color: #f38b2c
}

.el-tag--plain.el-tag--warning.is-hit {
    border-color: #f38b2c
}

.el-tag--plain.el-tag--warning .el-tag__close {
    color: #f38b2c
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
    background-color: #f38b2c;
    color: #fff
}

.el-tag--plain.el-tag--danger {
    background-color: #fff;
    border-color: #f1bbb3;
    color: #db5541
}

.el-tag--plain.el-tag--danger.is-hit {
    border-color: #db5541
}

.el-tag--plain.el-tag--danger .el-tag__close {
    color: #db5541
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
    background-color: #db5541;
    color: #fff
}

.el-tag--medium {
    height: 28px;
    line-height: 26px
}

.el-tag--medium .el-icon-close {
    transform: scale(.8)
}

.el-tag--small {
    height: 24px;
    line-height: 22px;
    padding: 0 8px
}

.el-tag--small .el-icon-close {
    transform: scale(.8)
}

.el-tag--mini {
    height: 20px;
    line-height: 19px;
    padding: 0 5px
}

.el-tag--mini .el-icon-close {
    margin-left: -3px;
    transform: scale(.7)
}

.el-cascader {
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    position: relative
}

.el-cascader:not(.is-disabled):hover .el-input__inner {
    border-color: #c0c4cc;
    cursor: pointer
}

.el-cascader .el-input {
    cursor: pointer
}

.el-cascader .el-input .el-input__inner {
    text-overflow: ellipsis
}

.el-cascader .el-input .el-input__inner:focus {
    border-color: #0ead98
}

.el-cascader .el-input .el-icon-arrow-down {
    font-size: 14px;
    transition: transform .3s
}

.el-cascader .el-input .el-icon-arrow-down.is-reverse {
    transform: rotate(180deg)
}

.el-cascader .el-input .el-icon-circle-close:hover {
    color: #aeb0b3
}

.el-cascader .el-input.is-focus .el-input__inner {
    border-color: #0ead98
}

.el-cascader--medium {
    font-size: 14px;
    line-height: 36px
}

.el-cascader--small {
    font-size: 13px;
    line-height: 32px
}

.el-cascader--mini {
    font-size: 12px;
    line-height: 28px
}

.el-cascader.is-disabled .el-cascader__label {
    color: #c0c4cc;
    z-index: 2
}

.el-cascader__dropdown {
    background: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    font-size: 14px;
    margin: 5px 0
}

.el-cascader__tags {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    line-height: normal;
    position: absolute;
    right: 30px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%)
}

.el-cascader__tags .el-tag {
    align-items: center;
    background: #f0f2f5;
    display: inline-flex;
    margin: 2px 0 2px 6px;
    max-width: 100%;
    text-overflow: ellipsis
}

.el-cascader__tags .el-tag:not(.is-hit) {
    border-color: transparent
}

.el-cascader__tags .el-tag>span {
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-cascader__tags .el-tag .el-icon-close {
    -webkit-box-flex: 0;
    background-color: #c0c4cc;
    color: #fff;
    flex: 0 0 auto
}

.el-cascader__tags .el-tag .el-icon-close:hover {
    background-color: #aeb0b3
}

.el-cascader__suggestion-panel {
    border-radius: 4px
}

.el-cascader__suggestion-list {
    color: #7d7f81;
    font-size: 14px;
    margin: 0;
    max-height: 204px;
    padding: 6px 0;
    text-align: center
}

.el-cascader__suggestion-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: space-between;
    outline: 0;
    padding: 0 15px;
    text-align: left
}

.el-cascader__suggestion-item:focus,
.el-cascader__suggestion-item:hover {
    background: #f5f7fa
}

.el-cascader__suggestion-item.is-checked {
    color: #0ead98;
    font-weight: 700
}

.el-cascader__suggestion-item>span {
    margin-right: 10px
}

.el-cascader__empty-text {
    color: #c0c4cc;
    margin: 10px 0
}

.el-cascader__search-input {
    -webkit-box-flex: 1;
    border: none;
    box-sizing: border-box;
    color: #7d7f81;
    flex: 1 1 0%;
    height: 24px;
    margin: 2px 0 2px 15px;
    min-width: 60px;
    outline: 0;
    padding: 0
}

.el-cascader__search-input::-moz-placeholder {
    color: #c0c4cc
}

.el-cascader__search-input::placeholder {
    color: #c0c4cc
}

.el-color-predefine {
    display: flex;
    font-size: 12px;
    margin-top: 8px;
    width: 280px
}

.el-color-predefine__colors {
    display: flex;
    flex: 1 1 0%;
    flex-wrap: wrap
}

.el-color-predefine__color-selector {
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
    margin: 0 0 8px 8px;
    width: 20px
}

.el-color-predefine__color-selector:nth-child(10n+1) {
    margin-left: 0
}

.el-color-predefine__color-selector.selected {
    box-shadow: 0 0 3px 2px #0ead98
}

.el-color-predefine__color-selector>div {
    border-radius: 3px;
    display: flex;
    height: 100%
}

.el-color-predefine__color-selector.is-alpha {
    background-image: url(../app-resources-d6/assets/78e5575df1d2b054233b29eed8ed99c3_4bde4ae8f032f7782cf9.v2.png)
}

.el-color-hue-slider {
    background-color: red;
    box-sizing: border-box;
    height: 12px;
    padding: 0 2px;
    position: relative;
    width: 280px
}

.el-color-hue-slider__bar {
    background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
    height: 100%;
    position: relative
}

.el-color-hue-slider__thumb {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 1px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 1
}

.el-color-hue-slider.is-vertical {
    height: 180px;
    padding: 2px 0;
    width: 12px
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
    background: linear-gradient(red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.el-color-svpanel {
    height: 180px;
    position: relative;
    width: 280px
}

.el-color-svpanel__black,
.el-color-svpanel__white {
    inset: 0;
    position: absolute
}

.el-color-svpanel__white {
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.el-color-svpanel__black {
    background: linear-gradient(0deg, #000, transparent)
}

.el-color-svpanel__cursor {
    position: absolute
}

.el-color-svpanel__cursor>div {
    border-radius: 50%;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    height: 4px;
    transform: translate(-2px, -2px);
    width: 4px
}

.el-color-alpha-slider {
    background: url(../app-resources-d6/assets/78e5575df1d2b054233b29eed8ed99c3_4bde4ae8f032f7782cf9.v2.png);
    box-sizing: border-box;
    height: 12px;
    position: relative;
    width: 280px
}

.el-color-alpha-slider__bar {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
    height: 100%;
    position: relative
}

.el-color-alpha-slider__thumb {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 1px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 1
}

.el-color-alpha-slider.is-vertical {
    height: 180px;
    width: 20px
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
    background: linear-gradient(hsla(0, 0%, 100%, 0), #fff)
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.el-color-dropdown {
    width: 300px
}

.el-color-dropdown__main-wrapper {
    margin-bottom: 6px
}

.el-color-dropdown__main-wrapper:after {
    clear: both;
    content: "";
    display: table
}

.el-color-dropdown__btns {
    margin-top: 6px;
    text-align: right
}

.el-color-dropdown__value {
    color: #000;
    float: left;
    font-size: 12px;
    line-height: 26px;
    width: 160px
}

.el-color-dropdown__btn {
    background-color: transparent;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    outline: 0;
    padding: 0 20px
}

.el-color-dropdown__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-color-dropdown__btn:hover {
    border-color: #0ead98;
    color: #0ead98
}

.el-color-dropdown__link-btn {
    color: #0ead98;
    cursor: pointer;
    font-size: 12px;
    padding: 15px;
    text-decoration: none
}

.el-color-picker {
    display: inline-block;
    height: 40px;
    line-height: normal;
    position: relative
}

.el-color-picker.is-disabled .el-color-picker__trigger {
    cursor: not-allowed
}

.el-color-picker--medium {
    height: 36px
}

.el-color-picker--medium .el-color-picker__trigger {
    height: 36px;
    width: 36px
}

.el-color-picker--medium .el-color-picker__mask {
    height: 34px;
    width: 34px
}

.el-color-picker--small {
    height: 32px
}

.el-color-picker--small .el-color-picker__trigger {
    height: 32px;
    width: 32px
}

.el-color-picker--small .el-color-picker__mask {
    height: 30px;
    width: 30px
}

.el-color-picker--small .el-color-picker__empty,
.el-color-picker--small .el-color-picker__icon {
    transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker--mini {
    height: 28px
}

.el-color-picker--mini .el-color-picker__trigger {
    height: 28px;
    width: 28px
}

.el-color-picker--mini .el-color-picker__mask {
    height: 26px;
    width: 26px
}

.el-color-picker--mini .el-color-picker__empty,
.el-color-picker--mini .el-color-picker__icon {
    transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker__mask {
    background-color: hsla(0, 0%, 100%, .7);
    border-radius: 4px;
    cursor: not-allowed;
    height: 38px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 38px;
    z-index: 1
}

.el-color-picker__trigger {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 40px;
    padding: 4px;
    position: relative;
    width: 40px
}

.el-color-picker__color {
    border: 1px solid #999;
    border-radius: 2px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%
}

.el-color-picker__color.is-alpha {
    background-image: url(../app-resources-d6/assets/78e5575df1d2b054233b29eed8ed99c3_4bde4ae8f032f7782cf9.v2.png)
}

.el-color-picker__color-inner {
    inset: 0;
    position: absolute
}

.el-color-picker__empty {
    color: #999
}

.el-color-picker__empty,
.el-color-picker__icon {
    font-size: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.el-color-picker__icon {
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 100%
}

.el-color-picker__panel {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: content-box;
    padding: 6px;
    position: absolute;
    z-index: 10
}

.el-textarea {
    display: inline-block;
    font-size: 14px;
    position: relative;
    vertical-align: bottom;
    width: 100%
}

.el-textarea__inner {
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #7d7f81;
    display: block;
    font-size: inherit;
    line-height: 1.5;
    padding: 5px 15px;
    resize: vertical;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.el-textarea__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea__inner:hover {
    border-color: #c0c4cc
}

.el-textarea__inner:focus {
    border-color: #0ead98;
    outline: 0
}

.el-textarea .el-input__count {
    background: #fff;
    bottom: 5px;
    color: #f2f2f2;
    font-size: 12px;
    position: absolute;
    right: 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea.is-exceed .el-textarea__inner {
    border-color: #db5541
}

.el-textarea.is-exceed .el-input__count {
    color: #db5541
}

.el-input {
    display: inline-block;
    font-size: 14px;
    position: relative;
    width: 100%
}

.el-input::-webkit-scrollbar {
    width: 6px;
    z-index: 11
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    background: #b4bccc;
    border-radius: 5px;
    width: 6px
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: #fff
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px
}

.el-input .el-input__clear {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 14px;
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-input .el-input__clear:hover {
    color: #aeb0b3
}

.el-input .el-input__count {
    align-items: center;
    color: #f2f2f2;
    display: inline-flex;
    font-size: 12px;
    height: 100%
}

.el-input .el-input__count .el-input__count-inner {
    background: #fff;
    display: inline-block;
    line-height: normal;
    padding: 0 5px
}

.el-input__inner {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #7d7f81;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input__inner:hover {
    border-color: #c0c4cc
}

.el-input__inner:focus {
    border-color: #0ead98;
    outline: 0
}

.el-input__suffix {
    color: #c0c4cc;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 0;
    transition: .3s
}

.el-input__suffix-inner {
    pointer-events: all
}

.el-input__prefix {
    color: #c0c4cc;
    left: 5px;
    position: absolute;
    top: 0
}

.el-input__icon,
.el-input__prefix {
    height: 100%;
    text-align: center;
    transition: .3s
}

.el-input__icon {
    line-height: 40px;
    width: 25px
}

.el-input__icon:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-active .el-input__inner {
    border-color: #0ead98;
    outline: 0
}

.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-input.is-exceed .el-input__inner {
    border-color: #db5541
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #db5541
}

.el-input--suffix .el-input__inner {
    padding-right: 30px
}

.el-input--prefix .el-input__inner {
    padding-left: 30px
}

.el-input--medium {
    font-size: 14px
}

.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px
}

.el-input--medium .el-input__icon {
    line-height: 36px
}

.el-input--small {
    font-size: 13px
}

.el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px
}

.el-input--small .el-input__icon {
    line-height: 32px
}

.el-input--mini {
    font-size: 12px
}

.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px
}

.el-input--mini .el-input__icon {
    line-height: 28px
}

.el-input-group {
    border-collapse: separate;
    border-spacing: 0;
    display: inline-table;
    line-height: normal;
    width: 100%
}

.el-input-group>.el-input__inner {
    display: table-cell;
    vertical-align: middle
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: #f5f7fa;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    color: #f2f2f2;
    display: table-cell;
    padding: 0 20px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    width: 1px
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: 0
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: -10px -20px
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
    background-color: transparent;
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: 0;
    color: inherit
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit
}

.el-input-group__prepend {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0
}

.el-input-group__append {
    border-left: 0
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-input-group--append .el-input__inner {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-transfer {
    font-size: 14px
}

.el-transfer__buttons {
    display: inline-block;
    padding: 0 30px;
    vertical-align: middle
}

.el-transfer__button {
    background-color: #0ead98;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 0;
    margin: 0 auto;
    padding: 10px
}

.el-transfer__button.is-with-texts {
    border-radius: 4px
}

.el-transfer__button.is-disabled,
.el-transfer__button.is-disabled:hover {
    background-color: #f5f7fa;
    border: 1px solid #dcdfe6;
    color: #c0c4cc
}

.el-transfer__button:first-child {
    margin-bottom: 10px
}

.el-transfer__button:nth-child(2) {
    margin: 0
}

.el-transfer__button i,
.el-transfer__button span {
    font-size: 14px
}

.el-transfer__button [class*=el-icon-]+span {
    margin-left: 0
}

.el-transfer-panel {
    background: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    max-height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 200px
}

.el-transfer-panel__body {
    height: 246px
}

.el-transfer-panel__body.is-with-footer {
    padding-bottom: 40px
}

.el-transfer-panel__list {
    box-sizing: border-box;
    height: 246px;
    list-style: none;
    margin: 0;
    overflow: auto;
    padding: 6px 0
}

.el-transfer-panel__list.is-filterable {
    height: 194px;
    padding-top: 0
}

.el-transfer-panel__item {
    display: block !important;
    height: 30px;
    line-height: 30px;
    padding-left: 15px
}

.el-transfer-panel__item+.el-transfer-panel__item {
    margin-left: 0
}

.el-transfer-panel__item.el-checkbox {
    color: #7d7f81
}

.el-transfer-panel__item:hover {
    color: #0ead98
}

.el-transfer-panel__item.el-checkbox .el-checkbox__label {
    box-sizing: border-box;
    display: block;
    line-height: 30px;
    overflow: hidden;
    padding-left: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.el-transfer-panel__item .el-checkbox__input {
    position: absolute;
    top: 8px
}

.el-transfer-panel__filter {
    box-sizing: border-box;
    display: block;
    margin: 15px;
    text-align: center;
    width: auto
}

.el-transfer-panel__filter .el-input__inner {
    border-radius: 16px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    padding-left: 30px;
    padding-right: 10px;
    width: 100%
}

.el-transfer-panel__filter .el-input__icon {
    margin-left: 5px
}

.el-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer
}

.el-transfer-panel .el-transfer-panel__header {
    background: #f5f7fa;
    border-bottom: 1px solid #ebeef5;
    box-sizing: border-box;
    color: #000;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-left: 15px
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox {
    display: block;
    line-height: 40px
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    color: #27282c;
    font-size: 16px;
    font-weight: 400
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
    color: #aeb0b3;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    right: 15px
}

.el-transfer-panel .el-transfer-panel__footer {
    background: #fff;
    border-top: 1px solid #ebeef5;
    bottom: 0;
    height: 40px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.el-transfer-panel .el-transfer-panel__footer:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
    color: #7d7f81;
    padding-left: 20px
}

.el-transfer-panel .el-transfer-panel__empty {
    color: #aeb0b3;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 6px 15px 0;
    text-align: center
}

.el-transfer-panel .el-checkbox__label {
    padding-left: 8px
}

.el-transfer-panel .el-checkbox__inner {
    border-radius: 3px;
    height: 14px;
    width: 14px
}

.el-transfer-panel .el-checkbox__inner:after {
    height: 6px;
    left: 4px;
    width: 3px
}

.el-container {
    display: flex;
    flex-direction: row;
    -webkit-box-flex: 1;
    box-sizing: border-box;
    flex: 1 1 auto;
    min-width: 0
}

.el-container.is-vertical {
    flex-direction: column
}

.el-header {
    padding: 0 20px
}

.el-aside,
.el-header {
    box-sizing: border-box;
    flex-shrink: 0
}

.el-aside,
.el-main {
    overflow: auto
}

.el-main {
    display: block;
    flex: 1 1 auto;
    padding: 20px
}

.el-footer,
.el-main {
    box-sizing: border-box
}

.el-footer {
    flex-shrink: 0;
    padding: 0 20px
}

.el-timeline {
    font-size: 14px;
    list-style: none;
    margin: 0
}

.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
    display: none
}

.el-timeline-item {
    padding-bottom: 20px;
    position: relative
}

.el-timeline-item__wrapper {
    padding-left: 28px;
    position: relative;
    top: -3px
}

.el-timeline-item__tail {
    border-left: 2px solid #e4e7ed;
    height: 100%;
    left: 4px;
    position: absolute
}

.el-timeline-item__icon {
    color: #fff;
    font-size: 13px
}

.el-timeline-item__node {
    align-items: center;
    background-color: #e4e7ed;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: absolute
}

.el-timeline-item__node--normal {
    height: 12px;
    left: -1px;
    width: 12px
}

.el-timeline-item__node--large {
    height: 14px;
    left: -2px;
    width: 14px
}

.el-timeline-item__node--primary,
.el-timeline-item__node--success {
    background-color: #0ead98
}

.el-timeline-item__node--warning {
    background-color: #f38b2c
}

.el-timeline-item__node--danger {
    background-color: #db5541
}

.el-timeline-item__node--info {
    background-color: #f2f2f2
}

.el-timeline-item__dot {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.el-timeline-item__content {
    color: #27282c
}

.el-timeline-item__timestamp {
    color: #aeb0b3;
    font-size: 13px;
    line-height: 1
}

.el-timeline-item__timestamp.is-top {
    margin-bottom: 8px;
    padding-top: 4px
}

.el-timeline-item__timestamp.is-bottom {
    margin-top: 8px
}

.el-link {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    -webkit-box-pack: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    outline: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.el-link.is-underline:hover:after {
    border-bottom: 1px solid #0ead98;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    right: 0
}

.el-link.is-disabled {
    cursor: not-allowed
}

.el-link [class*=el-icon-]+span {
    margin-left: 5px
}

.el-link.el-link--default {
    color: #7d7f81
}

.el-link.el-link--default:hover {
    color: #0ead98
}

.el-link.el-link--default:after {
    border-color: #0ead98
}

.el-link.el-link--default.is-disabled {
    color: #c0c4cc
}

.el-link.el-link--primary {
    color: #0ead98
}

.el-link.el-link--primary:hover {
    color: #3ebdad
}

.el-link.el-link--primary:after {
    border-color: #0ead98
}

.el-link.el-link--primary.is-disabled {
    color: #87d6cc
}

.el-link.el-link--primary.is-underline:hover:after {
    border-color: #0ead98
}

.el-link.el-link--danger {
    color: #db5541
}

.el-link.el-link--danger:hover {
    color: #e27767
}

.el-link.el-link--danger:after {
    border-color: #db5541
}

.el-link.el-link--danger.is-disabled {
    color: #edaaa0
}

.el-link.el-link--danger.is-underline:hover:after {
    border-color: #db5541
}

.el-link.el-link--success {
    color: #0ead98
}

.el-link.el-link--success:hover {
    color: #3ebdad
}

.el-link.el-link--success:after {
    border-color: #0ead98
}

.el-link.el-link--success.is-disabled {
    color: #87d6cc
}

.el-link.el-link--success.is-underline:hover:after {
    border-color: #0ead98
}

.el-link.el-link--warning {
    color: #f38b2c
}

.el-link.el-link--warning:hover {
    color: #f5a256
}

.el-link.el-link--warning:after {
    border-color: #f38b2c
}

.el-link.el-link--warning.is-disabled {
    color: #f9c596
}

.el-link.el-link--warning.is-underline:hover:after {
    border-color: #f38b2c
}

.el-link.el-link--info {
    color: #f2f2f2
}

.el-link.el-link--info:hover {
    color: #f5f5f5
}

.el-link.el-link--info:after {
    border-color: #f2f2f2
}

.el-link.el-link--info.is-disabled {
    color: #f9f9f9
}

.el-link.el-link--info.is-underline:hover:after {
    border-color: #f2f2f2
}

.el-divider {
    background-color: #dcdfe6;
    position: relative
}

.el-divider--horizontal {
    display: block;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.el-divider--vertical {
    display: inline-block;
    height: 1em;
    margin: 0 8px;
    position: relative;
    vertical-align: middle;
    width: 1px
}

.el-divider__text {
    background-color: #fff;
    color: #27282c;
    font-size: 14px;
    font-weight: 500;
    padding: 0 20px;
    position: absolute
}

.el-divider__text.is-left {
    left: 20px;
    transform: translateY(-50%)
}

.el-divider__text.is-center {
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.el-divider__text.is-right {
    right: 20px;
    transform: translateY(-50%)
}

.el-image__error,
.el-image__inner,
.el-image__placeholder {
    height: 100%;
    width: 100%
}

.el-image {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.el-image__inner {
    vertical-align: top
}

.el-image__inner--center {
    display: block;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%)
}

.el-image__error,
.el-image__placeholder {
    background: #f5f7fa
}

.el-image__error {
    align-items: center;
    color: #c0c4cc;
    display: flex;
    font-size: 14px;
    justify-content: center;
    vertical-align: middle
}

.el-image__preview {
    cursor: pointer
}

.el-image-viewer__wrapper {
    inset: 0;
    position: fixed
}

.el-image-viewer__btn {
    align-items: center;
    display: flex;
    position: absolute;
    z-index: 1;
    -webkit-box-pack: center;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    justify-content: center;
    opacity: .8;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-image-viewer__close {
    background-color: #606266;
    color: #fff;
    font-size: 24px;
    height: 40px;
    right: 40px;
    top: 40px;
    width: 40px
}

.el-image-viewer__canvas {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.el-image-viewer__actions {
    background-color: #606266;
    border-color: #fff;
    border-radius: 22px;
    bottom: 30px;
    height: 44px;
    left: 50%;
    padding: 0 23px;
    transform: translateX(-50%);
    width: 282px
}

.el-image-viewer__actions__inner {
    align-items: center;
    color: #fff;
    cursor: default;
    display: flex;
    font-size: 23px;
    height: 100%;
    justify-content: space-around;
    text-align: justify;
    width: 100%
}

.el-image-viewer__prev {
    left: 40px
}

.el-image-viewer__next,
.el-image-viewer__prev {
    background-color: #606266;
    border-color: #fff;
    color: #fff;
    font-size: 24px;
    height: 44px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px
}

.el-image-viewer__next {
    right: 40px;
    text-indent: 2px
}

.el-image-viewer__mask {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.viewer-fade-enter-active {
    animation: viewer-fade-in .3s ease 0s 1 normal none running
}

.viewer-fade-leave-active {
    animation: viewer-fade-out .3s ease 0s 1 normal none running
}

@keyframes viewer-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

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

@keyframes viewer-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

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

.el-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #7d7f81;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    outline: 0;
    padding: 12px 20px;
    text-align: center;
    transition: .1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.el-button+.el-button {
    margin-left: 10px
}

.el-button.is-round {
    padding: 12px 20px
}

.el-button:focus,
.el-button:hover {
    background-color: #e7f7f5;
    border-color: #b7e6e0;
    color: #0ead98
}

.el-button:active {
    border-color: #0d9c89;
    color: #0d9c89;
    outline: 0
}

.el-button [class*=el-icon-]+span {
    margin-left: 5px
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
    background: #fff;
    border-color: #0ead98;
    color: #0ead98
}

.el-button.is-plain:active {
    background: #fff;
    outline: 0
}

.el-button.is-active,
.el-button.is-plain:active {
    border-color: #0d9c89;
    color: #0d9c89
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
    background-color: #fff;
    background-image: none;
    border-color: #ebeef5;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-button.is-disabled.el-button--text {
    background-color: transparent
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
    background-color: #fff;
    border-color: #ebeef5;
    color: #c0c4cc
}

.el-button.is-loading {
    pointer-events: none;
    position: relative
}

.el-button.is-loading:before {
    background-color: hsla(0, 0%, 100%, .35);
    border-radius: inherit;
    content: "";
    inset: -1px;
    pointer-events: none;
    position: absolute
}

.el-button.is-round {
    border-radius: 20px;
    padding: 12px 23px
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 12px
}

.el-button--primary {
    background-color: #0ead98;
    border-color: #0ead98;
    color: #fff
}

.el-button--primary:focus,
.el-button--primary:hover {
    background: #3ebdad;
    border-color: #3ebdad;
    color: #fff
}

.el-button--primary:active {
    outline: 0
}

.el-button--primary.is-active,
.el-button--primary:active {
    background: #0d9c89;
    border-color: #0d9c89;
    color: #fff
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    background-color: #87d6cc;
    border-color: #87d6cc;
    color: #fff
}

.el-button--primary.is-plain {
    background: #e7f7f5;
    border-color: #9fded6;
    color: #0ead98
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
    background: #0ead98;
    border-color: #0ead98;
    color: #fff
}

.el-button--primary.is-plain:active {
    background: #0d9c89;
    border-color: #0d9c89;
    color: #fff;
    outline: 0
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
    background-color: #e7f7f5;
    border-color: #cfefea;
    color: #6ecec1
}

.el-button--success {
    background-color: #0ead98;
    border-color: #0ead98;
    color: #fff
}

.el-button--success:focus,
.el-button--success:hover {
    background: #3ebdad;
    border-color: #3ebdad;
    color: #fff
}

.el-button--success:active {
    outline: 0
}

.el-button--success.is-active,
.el-button--success:active {
    background: #0d9c89;
    border-color: #0d9c89;
    color: #fff
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
    background-color: #87d6cc;
    border-color: #87d6cc;
    color: #fff
}

.el-button--success.is-plain {
    background: #e7f7f5;
    border-color: #9fded6;
    color: #0ead98
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
    background: #0ead98;
    border-color: #0ead98;
    color: #fff
}

.el-button--success.is-plain:active {
    background: #0d9c89;
    border-color: #0d9c89;
    color: #fff;
    outline: 0
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
    background-color: #e7f7f5;
    border-color: #cfefea;
    color: #6ecec1
}

.el-button--warning {
    background-color: #f38b2c;
    border-color: #f38b2c;
    color: #fff
}

.el-button--warning:focus,
.el-button--warning:hover {
    background: #f5a256;
    border-color: #f5a256;
    color: #fff
}

.el-button--warning:active {
    outline: 0
}

.el-button--warning.is-active,
.el-button--warning:active {
    background: #db7d28;
    border-color: #db7d28;
    color: #fff
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
    background-color: #f9c596;
    border-color: #f9c596;
    color: #fff
}

.el-button--warning.is-plain {
    background: #fef3ea;
    border-color: #fad1ab;
    color: #f38b2c
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
    background: #f38b2c;
    border-color: #f38b2c;
    color: #fff
}

.el-button--warning.is-plain:active {
    background: #db7d28;
    border-color: #db7d28;
    color: #fff;
    outline: 0
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
    background-color: #fef3ea;
    border-color: #fde8d5;
    color: #f8b980
}

.el-button--danger {
    background-color: #db5541;
    border-color: #db5541;
    color: #fff
}

.el-button--danger:focus,
.el-button--danger:hover {
    background: #e27767;
    border-color: #e27767;
    color: #fff
}

.el-button--danger:active {
    outline: 0
}

.el-button--danger.is-active,
.el-button--danger:active {
    background: #c54d3b;
    border-color: #c54d3b;
    color: #fff
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
    background-color: #edaaa0;
    border-color: #edaaa0;
    color: #fff
}

.el-button--danger.is-plain {
    background: #fbeeec;
    border-color: #f1bbb3;
    color: #db5541
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
    background: #db5541;
    border-color: #db5541;
    color: #fff
}

.el-button--danger.is-plain:active {
    background: #c54d3b;
    border-color: #c54d3b;
    color: #fff;
    outline: 0
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
    background-color: #fbeeec;
    border-color: #f8ddd9;
    color: #e9998d
}

.el-button--info {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #fff
}

.el-button--info:focus,
.el-button--info:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #fff
}

.el-button--info:active {
    outline: 0
}

.el-button--info.is-active,
.el-button--info:active {
    background: #dadada;
    border-color: #dadada;
    color: #fff
}

.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    color: #fff
}

.el-button--info.is-plain {
    background: #fefefe;
    border-color: #fafafa;
    color: #f2f2f2
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
    background: #f2f2f2;
    border-color: #f2f2f2;
    color: #fff
}

.el-button--info.is-plain:active {
    background: #dadada;
    border-color: #dadada;
    color: #fff;
    outline: 0
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
    background-color: #fefefe;
    border-color: #fcfcfc;
    color: #f7f7f7
}

.el-button--medium {
    border-radius: 4px;
    font-size: 14px;
    padding: 10px 20px
}

.el-button--medium.is-round {
    padding: 10px 20px
}

.el-button--medium.is-circle {
    padding: 10px
}

.el-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 9px 15px
}

.el-button--small.is-round {
    padding: 9px 15px
}

.el-button--small.is-circle {
    padding: 9px
}

.el-button--mini {
    border-radius: 3px;
    font-size: 12px;
    padding: 7px 15px
}

.el-button--mini.is-round {
    padding: 7px 15px
}

.el-button--mini.is-circle {
    padding: 7px
}

.el-button--text {
    background: 0 0;
    border-color: transparent;
    color: #0ead98;
    padding-left: 0;
    padding-right: 0
}

.el-button--text:focus,
.el-button--text:hover {
    background-color: transparent;
    border-color: transparent;
    color: #3ebdad
}

.el-button--text:active {
    background-color: transparent;
    color: #0d9c89
}

.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
    border-color: transparent
}

.el-button-group {
    display: inline-block;
    vertical-align: middle
}

.el-button-group:after,
.el-button-group:before {
    content: "";
    display: table
}

.el-button-group:after {
    clear: both
}

.el-button-group>.el-button {
    float: left;
    position: relative
}

.el-button-group>.el-button+.el-button {
    margin-left: 0
}

.el-button-group>.el-button.is-disabled {
    z-index: 1
}

.el-button-group>.el-button:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.el-button-group>.el-button:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-button-group>.el-button:first-child:last-child {
    border-radius: 4px
}

.el-button-group>.el-button:first-child:last-child.is-round {
    border-radius: 20px
}

.el-button-group>.el-button:first-child:last-child.is-circle {
    border-radius: 50%
}

.el-button-group>.el-button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.el-button-group>.el-button:not(:last-child) {
    margin-right: -1px
}

.el-button-group>.el-button.is-active,
.el-button-group>.el-button:active,
.el-button-group>.el-button:focus,
.el-button-group>.el-button:hover {
    z-index: 1
}

.el-button-group>.el-dropdown>.el-button {
    border-bottom-left-radius: 0;
    border-left-color: hsla(0, 0%, 100%, .5);
    border-top-left-radius: 0
}

.el-button-group .el-button--primary:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-calendar {
    background-color: #fff
}

.el-calendar__header {
    display: flex;
    -webkit-box-pack: justify;
    border-bottom: 1px solid #ebeef5;
    justify-content: space-between;
    padding: 12px 20px
}

.el-calendar__title {
    align-self: center;
    color: #000
}

.el-calendar__body {
    padding: 12px 20px 35px
}

.el-calendar-table {
    table-layout: fixed;
    width: 100%
}

.el-calendar-table thead th {
    color: #7d7f81;
    font-weight: 400;
    padding: 12px 0
}

.el-calendar-table:not(.is-range) td.next,
.el-calendar-table:not(.is-range) td.prev {
    color: #c0c4cc
}

.el-calendar-table td {
    border-bottom: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    transition: background-color .2s;
    vertical-align: top
}

.el-calendar-table td.is-selected {
    background-color: #f2f8fe
}

.el-calendar-table td.is-today {
    color: #0ead98
}

.el-calendar-table tr:first-child td {
    border-top: 1px solid #ebeef5
}

.el-calendar-table tr td:first-child {
    border-left: 1px solid #ebeef5
}

.el-calendar-table tr.el-calendar-table__row--hide-border td {
    border-top: none
}

.el-calendar-table .el-calendar-day {
    box-sizing: border-box;
    height: 85px;
    padding: 8px
}

.el-calendar-table .el-calendar-day:hover {
    background-color: #f2f8fe;
    cursor: pointer
}

.el-backtop {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #0ead98;
    display: flex;
    height: 40px;
    position: fixed;
    width: 40px;
    -webkit-box-pack: center;
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    cursor: pointer;
    font-size: 20px;
    justify-content: center;
    z-index: 5
}

.el-backtop:hover {
    background-color: #f2f6fc
}

.el-page-header {
    display: flex;
    line-height: 24px
}

.el-page-header__left {
    cursor: pointer;
    display: flex;
    margin-right: 40px;
    position: relative
}

.el-page-header__left:after {
    background-color: #dcdfe6;
    content: "";
    height: 16px;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.el-page-header__left .el-icon-back {
    align-self: center;
    font-size: 18px;
    margin-right: 6px
}

.el-page-header__title {
    font-size: 14px;
    font-weight: 500
}

.el-page-header__content {
    color: #27282c;
    font-size: 18px
}

.el-checkbox {
    color: #7d7f81;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-right: 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.el-checkbox.is-bordered {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    height: 40px;
    line-height: normal;
    padding: 9px 20px 9px 10px
}

.el-checkbox.is-bordered.is-checked {
    border-color: #0ead98
}

.el-checkbox.is-bordered.is-disabled {
    border-color: #ebeef5;
    cursor: not-allowed
}

.el-checkbox.is-bordered+.el-checkbox.is-bordered {
    margin-left: 10px
}

.el-checkbox.is-bordered.el-checkbox--medium {
    border-radius: 4px;
    height: 36px;
    padding: 7px 20px 7px 10px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
    font-size: 14px;
    line-height: 17px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
    border-radius: 3px;
    height: 32px;
    padding: 5px 15px 5px 10px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    font-size: 12px;
    line-height: 15px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox.is-bordered.el-checkbox--mini {
    border-radius: 3px;
    height: 28px;
    padding: 3px 15px 3px 10px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
    font-size: 12px;
    line-height: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox__input {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    outline: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: #edf2fc;
    border-color: #dcdfe6;
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    border-color: #c0c4cc;
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
    cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: #c0c4cc
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
    background-color: #c0c4cc;
    border-color: #c0c4cc
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #0ead98;
    border-color: #0ead98
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #0ead98
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #0ead98
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #0ead98;
    border-color: #0ead98
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5px;
    transform: scale(.5)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
    display: none
}

.el-checkbox__inner {
    background-color: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    height: 14px;
    position: relative;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
    width: 14px;
    z-index: 1
}

.el-checkbox__inner:hover {
    border-color: #0ead98
}

.el-checkbox__inner:after {
    border-bottom: 1px solid #fff;
    -o-border-image: initial;
    border-image: initial;
    border-left-color: initial;
    border-left-style: none;
    border-left-width: 0;
    border-right: 1px solid #fff;
    border-top-color: initial;
    border-top-style: none;
    border-top-width: 0;
    box-sizing: content-box;
    content: "";
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    transform-origin: center center;
    transition: transform .15s ease-in .05s;
    width: 3px
}

.el-checkbox__original {
    height: 0;
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    width: 0;
    z-index: -1
}

.el-checkbox__label {
    display: inline-block;
    font-size: 14px;
    line-height: 19px;
    padding-left: 10px
}

.el-checkbox:last-of-type {
    margin-right: 0
}

.el-checkbox-button,
.el-checkbox-button__inner {
    display: inline-block;
    position: relative
}

.el-checkbox-button__inner {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border-bottom: 1px solid #dcdfe6;
    -o-border-image: initial;
    border-image: initial;
    border-left-color: initial;
    border-left-style: none;
    border-left-width: 0;
    border-radius: 0;
    border-right: 1px solid #dcdfe6;
    border-top: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #7d7f81;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    outline: 0;
    padding: 12px 20px;
    text-align: center;
    transition: .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.el-checkbox-button__inner.is-round {
    padding: 12px 20px
}

.el-checkbox-button__inner:hover {
    color: #0ead98
}

.el-checkbox-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-checkbox-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-checkbox-button__original {
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    background-color: #0ead98;
    border-color: #0ead98;
    box-shadow: -1px 0 0 0 #6ecec1;
    color: #fff
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #0ead98
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    background-color: #fff;
    background-image: none;
    border-color: #ebeef5;
    box-shadow: none;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
    border-left-color: #ebeef5
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    box-shadow: none !important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #0ead98
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0
}

.el-checkbox-button--medium .el-checkbox-button__inner {
    border-radius: 0;
    font-size: 14px;
    padding: 10px 20px
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
    padding: 10px 20px
}

.el-checkbox-button--small .el-checkbox-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 9px 15px
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 9px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 7px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
    padding: 7px 15px
}

.el-checkbox-group {
    font-size: 0
}

.el-radio {
    color: #7d7f81;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin-right: 30px;
    outline: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.el-radio.is-bordered {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    height: 40px;
    padding: 12px 20px 0 10px
}

.el-radio.is-bordered.is-checked {
    border-color: #0ead98
}

.el-radio.is-bordered.is-disabled {
    border-color: #ebeef5;
    cursor: not-allowed
}

.el-radio.is-bordered+.el-radio.is-bordered {
    margin-left: 10px
}

.el-radio--medium.is-bordered {
    border-radius: 4px;
    height: 36px;
    padding: 10px 20px 0 10px
}

.el-radio--medium.is-bordered .el-radio__label {
    font-size: 14px
}

.el-radio--medium.is-bordered .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio--small.is-bordered {
    border-radius: 3px;
    height: 32px;
    padding: 8px 15px 0 10px
}

.el-radio--small.is-bordered .el-radio__label {
    font-size: 12px
}

.el-radio--small.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio--mini.is-bordered {
    border-radius: 3px;
    height: 28px;
    padding: 6px 15px 0 10px
}

.el-radio--mini.is-bordered .el-radio__label {
    font-size: 12px
}

.el-radio--mini.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio:last-child {
    margin-right: 0
}

.el-radio__input {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    outline: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap
}

.el-radio__input.is-disabled .el-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner:after {
    background-color: #f5f7fa;
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
    cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: #c0c4cc
}

.el-radio__input.is-disabled+span.el-radio__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
    background: #0ead98;
    border-color: #0ead98
}

.el-radio__input.is-checked .el-radio__inner:after {
    transform: translate(-50%, -50%) scale(1)
}

.el-radio__input.is-checked+.el-radio__label {
    color: #0ead98
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: #0ead98
}

.el-radio__inner {
    background-color: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    position: relative;
    width: 14px
}

.el-radio__inner:hover {
    border-color: #0ead98
}

.el-radio__inner:after {
    background-color: #fff;
    border-radius: 100%;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s ease-in;
    width: 4px
}

.el-radio__original {
    inset: 0;
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: 0 0 2px 2px #0ead98
}

.el-radio__label {
    font-size: 14px;
    padding-left: 10px
}

.el-scrollbar {
    overflow: hidden;
    position: relative
}

.el-scrollbar:active>.el-scrollbar__bar,
.el-scrollbar:focus>.el-scrollbar__bar,
.el-scrollbar:hover>.el-scrollbar__bar {
    opacity: 1;
    transition: opacity .34s ease-out
}

.el-scrollbar__wrap {
    height: 100%;
    overflow: scroll
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    height: 0;
    width: 0
}

.el-scrollbar__thumb {
    background-color: hsla(225, 3%, 69%, .3);
    border-radius: inherit;
    cursor: pointer;
    display: block;
    height: 0;
    position: relative;
    transition: background-color .3s;
    width: 0
}

.el-scrollbar__thumb:hover {
    background-color: hsla(225, 3%, 69%, .5)
}

.el-scrollbar__bar {
    border-radius: 4px;
    bottom: 2px;
    opacity: 0;
    position: absolute;
    right: 2px;
    transition: opacity .12s ease-out;
    z-index: 1
}

.el-scrollbar__bar.is-vertical {
    top: 2px;
    width: 6px
}

.el-scrollbar__bar.is-vertical>div {
    width: 100%
}

.el-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px
}

.el-scrollbar__bar.is-horizontal>div {
    height: 100%
}

.el-cascader-panel {
    border-radius: 4px;
    display: flex;
    font-size: 14px
}

.el-cascader-panel.is-bordered {
    border: 1px solid #e4e7ed;
    border-radius: 4px
}

.el-cascader-menu {
    border-right: 1px solid #e4e7ed;
    box-sizing: border-box;
    color: #7d7f81;
    min-width: 180px
}

.el-cascader-menu:last-child {
    border-right: none
}

.el-cascader-menu:last-child .el-cascader-node {
    padding-right: 20px
}

.el-cascader-menu__wrap {
    height: 204px
}

.el-cascader-menu__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    min-height: 100%;
    padding: 6px 0;
    position: relative
}

.el-cascader-menu__hover-zone {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.el-cascader-menu__empty-text {
    color: #c0c4cc;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%)
}

.el-cascader-node {
    align-items: center;
    display: flex;
    height: 34px;
    line-height: 34px;
    outline: 0;
    padding: 0 30px 0 20px;
    position: relative
}

.el-cascader-node.is-selectable.in-active-path {
    color: #7d7f81
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: #0ead98;
    font-weight: 700
}

.el-cascader-node:not(.is-disabled) {
    cursor: pointer
}

.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
    background: #f5f7fa
}

.el-cascader-node.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-cascader-node__prefix {
    left: 10px;
    position: absolute
}

.el-cascader-node__postfix {
    position: absolute;
    right: 10px
}

.el-cascader-node__label {
    flex: 1 1 0%;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-cascader-node>.el-radio {
    margin-right: 0
}

.el-cascader-node>.el-radio .el-radio__label {
    padding-left: 0
}

.el-avatar {
    background: #c0c4cc;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    width: 40px
}

.el-avatar>img {
    display: block;
    height: 100%;
    vertical-align: middle
}

.el-avatar--circle {
    border-radius: 50%
}

.el-avatar--square {
    border-radius: 4px
}

.el-avatar--icon {
    font-size: 18px
}

.el-avatar--large {
    height: 40px;
    line-height: 40px;
    width: 40px
}

.el-avatar--medium {
    height: 36px;
    line-height: 36px;
    width: 36px
}

.el-avatar--small {
    height: 28px;
    line-height: 28px;
    width: 28px
}

@keyframes el-drawer-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rtl-drawer-in {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

.el-drawer {
    background-color: #fff;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    outline: 0;
    overflow: hidden;
    position: absolute
}

.el-drawer.rtl {
    animation: rtl-drawer-out .3s ease 0s 1 normal none running
}

.el-drawer__open .el-drawer.rtl {
    animation: rtl-drawer-in .3s ease 1ms 1 normal none running
}

.el-drawer.ltr {
    animation: ltr-drawer-out .3s ease 0s 1 normal none running
}

.el-drawer__open .el-drawer.ltr {
    animation: ltr-drawer-in .3s ease 1ms 1 normal none running
}

.el-drawer.ttb {
    animation: ttb-drawer-out .3s ease 0s 1 normal none running
}

.el-drawer__open .el-drawer.ttb {
    animation: ttb-drawer-in .3s ease 1ms 1 normal none running
}

.el-drawer.btt {
    animation: btt-drawer-out .3s ease 0s 1 normal none running
}

.el-drawer__open .el-drawer.btt {
    animation: btt-drawer-in .3s ease 1ms 1 normal none running
}

.el-drawer__wrapper {
    inset: 0;
    margin: 0;
    overflow: hidden;
    position: fixed
}

.el-drawer__header {
    align-items: center;
    color: #72767b;
    display: flex;
    margin-bottom: 32px;
    padding: 20px 20px 0
}

.el-drawer__header>:first-child,
.el-drawer__title {
    flex: 1 1 0%
}

.el-drawer__title {
    font-size: 1rem;
    line-height: inherit;
    margin: 0
}

.el-drawer__close-btn {
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: 20px
}

.el-drawer__body {
    flex: 1 1 0%
}

.el-drawer__body>* {
    box-sizing: border-box
}

.el-drawer.ltr,
.el-drawer.rtl {
    bottom: 0;
    height: 100%;
    top: 0
}

.el-drawer.btt,
.el-drawer.ttb {
    left: 0;
    right: 0;
    width: 100%
}

.el-drawer.ltr {
    left: 0
}

.el-drawer.rtl {
    right: 0
}

.el-drawer.ttb {
    top: 0
}

.el-drawer.btt {
    bottom: 0
}

.el-drawer__container {
    height: 100%;
    inset: 0;
    position: relative;
    width: 100%
}

.el-drawer-fade-enter-active {
    animation: el-drawer-fade-in .3s ease 0s 1 normal none running
}

.el-drawer-fade-leave-active {
    animation: el-drawer-fade-in .3s ease 0s 1 reverse none running
}

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

.el-popconfirm__icon {
    margin-right: 5px
}

.el-popconfirm__action {
    margin: 0;
    text-align: right
}

@font-face {
    font-display: swap;
    font-family: Ubuntu Mono Letter;
    font-style: normal;
    font-weight: 400;
    src: url(../app-resources-d6/assets/09d058ec865bcf8e401e6d2f7c0effe4_808126603fb6a71dd2a2.v2.woff2) format("woff2"), url(../app-resources-d6/assets/e91cfeb4e61a0196560cc5320bb4af87_2be99964a8edfd071e26.v2.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: url(../app-resources-d6/assets/98dbb43d1ca5fc020342531047c45bf7_eb8eff58122b34c56ec3.v2.woff2) format("woff2"), url(../app-resources-d6/assets/dae51090fd2f5e80c5ab85738a2a0247_7e0295c787c32c31b122.v2.woff) format("woff")
}

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

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

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

@keyframes bounce {

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

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

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

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

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

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

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

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

    to {
        transform: scaleX(1)
    }
}

.pulse {
    animation-name: pulse
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {

    0%,
    to {
        transform: translateZ(0)
    }

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

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

.shake {
    animation-name: shake
}

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

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

    60% {
        transform: rotate(5deg)
    }

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

    to {
        transform: rotate(0deg)
    }
}

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

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

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

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

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

    to {
        transform: scaleX(1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: none
    }

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

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

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

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

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

    to {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes bounceIn {

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

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

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

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

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

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

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

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

@keyframes bounceInDown {

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

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

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

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

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

    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {

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

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

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

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

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

    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {

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

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

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

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

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

    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

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

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

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

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

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

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

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

.bounceOutDown {
    animation-name: bounceOutDown
}

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

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

.bounceOutLeft {
    animation-name: bounceOutLeft
}

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

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

.bounceOutRight {
    animation-name: bounceOutRight
}

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

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

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

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

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

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

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

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

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

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

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

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

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

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

    to {
        transform: perspective(400px)
    }
}

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

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

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

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

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

    to {
        transform: perspective(400px)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 1;
        transform: none
    }
}

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

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

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

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

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

.rotateIn {
    animation-name: rotateIn
}

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

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

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

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

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

.rotateInDownRight {
    animation-name: rotateInDownRight
}

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

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

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

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

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

.rotateInUpRight {
    animation-name: rotateInUpRight
}

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

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

.rotateOut {
    animation-name: rotateOut
}

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

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

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

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

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

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

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

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

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

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

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

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

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

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

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

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

.hinge {
    animation-name: hinge
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

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

.rollOut {
    animation-name: rollOut
}

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

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

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

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

.zoomInDown {
    animation-name: zoomInDown
}

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

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

.zoomInLeft {
    animation-name: zoomInLeft
}

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

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

.zoomInRight {
    animation-name: zoomInRight
}

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

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

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

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

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

.zoomOutDown {
    animation-name: zoomOutDown
}

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

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

.zoomOutLeft {
    animation-name: zoomOutLeft
}

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

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

.zoomOutRight {
    animation-name: zoomOutRight
}

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

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

.zoomOutUp {
    animation-name: zoomOutUp
}

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

    to {
        transform: translateY(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

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

    to {
        transform: translateX(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

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

    to {
        transform: translateX(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

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

    to {
        transform: translateY(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

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

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

.slideOutDown {
    animation-name: slideOutDown
}

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

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

.slideOutLeft {
    animation-name: slideOutLeft
}

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

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

.slideOutRight {
    animation-name: slideOutRight
}

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

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

.slideOutUp {
    animation-name: slideOutUp
}

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

:after,
:before {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

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

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    background-color: transparent;
    background-image: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

[hidden] {
    display: none
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.\!container {
    width: 100% !important
}

.container {
    width: 100%
}

.pointer-events-none {
    pointer-events: none !important
}

.\!visible,
.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.collapse {
    visibility: collapse !important
}

.static {
    position: static !important
}

.\!fixed,
.fixed {
    position: fixed !important
}

.absolute {
    position: absolute !important
}

.relative {
    position: relative !important
}

.sticky {
    position: sticky !important
}

.-end-8 {
    inset-inline-end: -8px !important
}

.-top-10 {
    top: -10px !important
}

.-top-6 {
    top: -6px !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-80 {
    bottom: 80px !important
}

.end-0 {
    inset-inline-end: 0 !important
}

.left-0 {
    left: 0 !important
}

.right-0 {
    right: 0 !important
}

.start-0 {
    inset-inline-start: 0 !important
}

.top-0 {
    top: 0 !important
}

.top-40 {
    top: 40px !important
}

.top-50 {
    top: 50px !important
}

.z-10 {
    z-index: 10 !important
}

.z-20 {
    z-index: 20 !important
}

.z-9999 {
    z-index: 9999 !important
}

.float-right {
    float: right !important
}

.m-10 {
    margin: 10px !important
}

.m-12 {
    margin: 12px !important
}

.m-16 {
    margin: 16px !important
}

.m-20 {
    margin: 20px !important
}

.m-30 {
    margin: 30px !important
}

.m-40 {
    margin: 40px !important
}

.m-auto {
    margin: auto !important
}

.-mx-20 {
    margin-left: -20px !important;
    margin-right: -20px !important
}

.-mx-32 {
    margin-left: -32px !important;
    margin-right: -32px !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mx-12 {
    margin-left: 12px !important;
    margin-right: 12px !important
}

.mx-14 {
    margin-left: 14px !important;
    margin-right: 14px !important
}

.mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.mx-2 {
    margin-left: 2px !important;
    margin-right: 2px !important
}

.mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.mx-24 {
    margin-left: 24px !important;
    margin-right: 24px !important
}

.mx-25 {
    margin-left: 25px !important;
    margin-right: 25px !important
}

.mx-3 {
    margin-left: 3px !important;
    margin-right: 3px !important
}

.mx-30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.mx-4 {
    margin-left: 4px !important;
    margin-right: 4px !important
}

.mx-40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.mx-5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.mx-6 {
    margin-left: 6px !important;
    margin-right: 6px !important
}

.mx-60 {
    margin-left: 60px !important;
    margin-right: 60px !important
}

.mx-8 {
    margin-left: 8px !important;
    margin-right: 8px !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.my-10 {
    margin-bottom: 10px !important;
    margin-top: 10px !important
}

.my-12 {
    margin-bottom: 12px !important;
    margin-top: 12px !important
}

.my-14 {
    margin-bottom: 14px !important;
    margin-top: 14px !important
}

.my-18 {
    margin-bottom: 18px !important;
    margin-top: 18px !important
}

.my-20 {
    margin-bottom: 20px !important;
    margin-top: 20px !important
}

.my-24 {
    margin-bottom: 24px !important;
    margin-top: 24px !important
}

.my-30 {
    margin-bottom: 30px !important;
    margin-top: 30px !important
}

.my-4 {
    margin-bottom: 4px !important;
    margin-top: 4px !important
}

.my-40 {
    margin-bottom: 40px !important;
    margin-top: 40px !important
}

.my-45 {
    margin-bottom: 45px !important;
    margin-top: 45px !important
}

.my-5 {
    margin-bottom: 5px !important;
    margin-top: 5px !important
}

.my-50 {
    margin-bottom: 50px !important;
    margin-top: 50px !important
}

.my-6 {
    margin-bottom: 6px !important;
    margin-top: 6px !important
}

.my-60 {
    margin-bottom: 60px !important;
    margin-top: 60px !important
}

.my-8 {
    margin-bottom: 8px !important;
    margin-top: 8px !important
}

.my-80 {
    margin-bottom: 80px !important;
    margin-top: 80px !important
}

.my-90 {
    margin-bottom: 90px !important;
    margin-top: 90px !important
}

.-mb-20 {
    margin-bottom: -20px !important
}

.-mb-6 {
    margin-bottom: -6px !important
}

.-me-2 {
    margin-inline-end: -2px !important
}

.-me-3 {
    margin-inline-end: -3px !important
}

.-me-40 {
    margin-inline-end: -40px !important
}

.-me-8 {
    margin-inline-end: -8px !important
}

.-ms-10 {
    margin-inline-start: -10px !important
}

.-ms-14 {
    margin-inline-start: -14px !important
}

.-ms-16 {
    margin-inline-start: -16px !important
}

.-ms-2 {
    margin-inline-start: -2px !important
}

.-ms-28 {
    margin-inline-start: -28px !important
}

.-mt-10 {
    margin-top: -10px !important
}

.-mt-12 {
    margin-top: -12px !important
}

.-mt-2 {
    margin-top: -2px !important
}

.-mt-20 {
    margin-top: -20px !important
}

.-mt-24 {
    margin-top: -24px !important
}

.-mt-4 {
    margin-top: -4px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-12 {
    margin-bottom: 12px !important
}

.mb-14 {
    margin-bottom: 14px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-16 {
    margin-bottom: 16px !important
}

.mb-18 {
    margin-bottom: 18px !important
}

.mb-2 {
    margin-bottom: 2px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-22 {
    margin-bottom: 22px !important
}

.mb-24 {
    margin-bottom: 24px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-28 {
    margin-bottom: 28px !important
}

.mb-3 {
    margin-bottom: 3px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-32 {
    margin-bottom: 32px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.mb-36 {
    margin-bottom: 36px !important
}

.mb-4 {
    margin-bottom: 4px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-45 {
    margin-bottom: 45px !important
}

.mb-48 {
    margin-bottom: 48px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-6 {
    margin-bottom: 6px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mb-65 {
    margin-bottom: 65px !important
}

.mb-7 {
    margin-bottom: 7px !important
}

.mb-75 {
    margin-bottom: 75px !important
}

.mb-8 {
    margin-bottom: 8px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-3 {
    margin-left: 3px !important
}

.ml-4 {
    margin-left: 4px !important
}

.ml-8 {
    margin-left: 8px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-3 {
    margin-right: 3px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mr-4 {
    margin-right: 4px !important
}

.mr-60 {
    margin-right: 60px !important
}

.mr-80 {
    margin-right: 80px !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: 1px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-110 {
    margin-top: 110px !important
}

.mt-12 {
    margin-top: 12px !important
}

.mt-14 {
    margin-top: 14px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-16 {
    margin-top: 16px !important
}

.mt-18 {
    margin-top: 18px !important
}

.mt-180 {
    margin-top: 180px !important
}

.mt-2 {
    margin-top: 2px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-22 {
    margin-top: 22px !important
}

.mt-24 {
    margin-top: 24px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mt-28 {
    margin-top: 28px !important
}

.mt-3 {
    margin-top: 3px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-32 {
    margin-top: 32px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mt-36 {
    margin-top: 36px !important
}

.mt-4 {
    margin-top: 4px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-44 {
    margin-top: 44px !important
}

.mt-45 {
    margin-top: 45px !important
}

.mt-48 {
    margin-top: 48px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-55 {
    margin-top: 55px !important
}

.mt-6 {
    margin-top: 6px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mt-65 {
    margin-top: 65px !important
}

.mt-7 {
    margin-top: 7px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mt-75 {
    margin-top: 75px !important
}

.mt-8 {
    margin-top: 8px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mt-9 {
    margin-top: 9px !important
}

.mt-90 {
    margin-top: 90px !important
}

.box-content {
    box-sizing: content-box !important
}

.line-clamp-1 {
    -webkit-line-clamp: 1 !important
}

.line-clamp-1,
.line-clamp-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important
}

.line-clamp-2 {
    -webkit-line-clamp: 2 !important
}

.block {
    display: block !important
}

.inline-block {
    display: inline-block !important
}

.inline {
    display: inline !important
}

.flex {
    display: flex !important
}

.inline-flex {
    display: inline-flex !important
}

.\!table,
.table {
    display: table !important
}

.flow-root {
    display: flow-root !important
}

.grid {
    display: grid !important
}

.contents {
    display: contents !important
}

.hidden {
    display: none !important
}

.h-1 {
    height: 1px !important
}

.h-10 {
    height: 10px !important
}

.h-12 {
    height: 12px !important
}

.h-14 {
    height: 14px !important
}

.h-15 {
    height: 15px !important
}

.h-16 {
    height: 16px !important
}

.h-18 {
    height: 18px !important
}

.h-2 {
    height: 2px !important
}

.h-20 {
    height: 20px !important
}

.h-22 {
    height: 22px !important
}

.h-24 {
    height: 24px !important
}

.h-25 {
    height: 25px !important
}

.h-28 {
    height: 28px !important
}

.h-3 {
    height: 3px !important
}

.h-30 {
    height: 30px !important
}

.h-32 {
    height: 32px !important
}

.h-36 {
    height: 36px !important
}

.h-4 {
    height: 4px !important
}

.h-40 {
    height: 40px !important
}

.h-44 {
    height: 44px !important
}

.h-45 {
    height: 45px !important
}

.h-48 {
    height: 48px !important
}

.h-5 {
    height: 5px !important
}

.h-50 {
    height: 50px !important
}

.h-55 {
    height: 55px !important
}

.h-6 {
    height: 6px !important
}

.h-60 {
    height: 60px !important
}

.h-65 {
    height: 65px !important
}

.h-8 {
    height: 8px !important
}

.h-auto {
    height: auto !important
}

.h-full {
    height: 100% !important
}

.h-screen {
    height: 100vh !important
}

.max-h-180 {
    max-height: 180px !important
}

.min-h-0 {
    min-height: 0 !important
}

.min-h-full {
    min-height: 100% !important
}

.min-h-screen {
    min-height: 100vh !important
}

.w-0 {
    width: 0 !important
}

.w-1 {
    width: 1px !important
}

.w-1\/2 {
    width: 50% !important
}

.w-1\/3 {
    width: 33.3333% !important
}

.w-1\/4 {
    width: 25% !important
}

.w-1\/5 {
    width: 20% !important
}

.w-1\/6 {
    width: 16.6667% !important
}

.w-10 {
    width: 10px !important
}

.w-110 {
    width: 110px !important
}

.w-12 {
    width: 12px !important
}

.w-14 {
    width: 14px !important
}

.w-15 {
    width: 15px !important
}

.w-150 {
    width: 150px !important
}

.w-16 {
    width: 16px !important
}

.w-18 {
    width: 18px !important
}

.w-180 {
    width: 180px !important
}

.w-2\/3 {
    width: 66.6667% !important
}

.w-2\/5 {
    width: 40% !important
}

.w-2\/6 {
    width: 33.3333% !important
}

.w-20 {
    width: 20px !important
}

.w-22 {
    width: 22px !important
}

.w-24 {
    width: 24px !important
}

.w-25 {
    width: 25px !important
}

.w-28 {
    width: 28px !important
}

.w-3 {
    width: 3px !important
}

.w-3\/12 {
    width: 25% !important
}

.w-3\/5 {
    width: 60% !important
}

.w-30 {
    width: 30px !important
}

.w-32 {
    width: 32px !important
}

.w-4 {
    width: 4px !important
}

.w-40 {
    width: 40px !important
}

.w-48 {
    width: 48px !important
}

.w-5 {
    width: 5px !important
}

.w-50 {
    width: 50px !important
}

.w-6 {
    width: 6px !important
}

.w-60 {
    width: 60px !important
}

.w-8 {
    width: 8px !important
}

.w-8\/12 {
    width: 66.6667% !important
}

.w-80 {
    width: 80px !important
}

.w-90 {
    width: 90px !important
}

.w-auto {
    width: auto !important
}

.w-full {
    width: 100% !important
}

.min-w-full {
    min-width: 100% !important
}

.max-w-full {
    max-width: 100% !important
}

.max-w-none {
    max-width: none !important
}

.max-w-xl {
    max-width: 36rem !important
}

.flex-1 {
    flex: 1 1 0% !important
}

.flex-auto {
    flex: 1 1 auto !important
}

.flex-none {
    flex: 0 0 auto !important
}

.flex-shrink {
    flex-shrink: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.shrink {
    flex-shrink: 1 !important
}

.shrink-0 {
    flex-shrink: 0 !important
}

.flex-grow {
    flex-grow: 1 !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.border-collapse {
    border-collapse: collapse !important
}

.rotate-0 {
    --tw-rotate: 0deg !important
}

.rotate-0,
.rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.rotate-180 {
    --tw-rotate: 180deg !important
}

.rotate-45 {
    --tw-rotate: 45deg !important
}

.rotate-45,
.scale-50 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.scale-50 {
    --tw-scale-x: .5 !important;
    --tw-scale-y: .5 !important
}

.scale-75 {
    --tw-scale-x: .75 !important;
    --tw-scale-y: .75 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.75) scaleY(.75) !important
}

.scale-75,
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear 0s infinite normal none running !important
}

.cursor-auto {
    cursor: auto !important
}

.cursor-default {
    cursor: default !important
}

.cursor-move {
    cursor: move !important
}

.cursor-not-allowed {
    cursor: not-allowed !important
}

.cursor-pointer {
    cursor: pointer !important
}

.select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.resize {
    resize: both !important
}

.flex-row {
    flex-direction: row !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-col {
    flex-direction: column !important
}

.flex-col-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.content-center {
    align-content: center !important
}

.items-start {
    align-items: flex-start !important
}

.items-end {
    align-items: flex-end !important
}

.items-center {
    align-items: center !important
}

.items-baseline {
    align-items: baseline !important
}

.justify-start {
    justify-content: flex-start !important
}

.justify-end {
    justify-content: flex-end !important
}

.justify-center {
    justify-content: center !important
}

.justify-between {
    justify-content: space-between !important
}

.justify-around {
    justify-content: space-around !important
}

.space-x-12>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(12px*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(12px*var(--tw-space-x-reverse)) !important
}

.space-x-20>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(20px*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(20px*var(--tw-space-x-reverse)) !important
}

.space-x-24>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(24px*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(24px*var(--tw-space-x-reverse)) !important
}

.space-x-32>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(32px*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(32px*var(--tw-space-x-reverse)) !important
}

.self-start {
    align-self: flex-start !important
}

.self-end {
    align-self: flex-end !important
}

.self-center {
    align-self: center !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.truncate {
    overflow: hidden !important;
    white-space: nowrap !important
}

.text-ellipsis,
.truncate {
    text-overflow: ellipsis !important
}

.whitespace-normal {
    white-space: normal !important
}

.whitespace-nowrap {
    white-space: nowrap !important
}

.whitespace-pre-line {
    white-space: pre-line !important
}

.whitespace-pre-wrap {
    white-space: pre-wrap !important
}

.break-normal {
    overflow-wrap: normal !important;
    word-break: normal !important
}

.break-words {
    overflow-wrap: break-word !important
}

.break-all {
    word-break: break-all !important
}

.rounded-10 {
    border-radius: 10px !important
}

.rounded-12 {
    border-radius: 12px !important
}

.rounded-2 {
    border-radius: 2px !important
}

.rounded-20 {
    border-radius: 20px !important
}

.rounded-30 {
    border-radius: 30px !important
}

.rounded-4 {
    border-radius: 4px !important
}

.rounded-6 {
    border-radius: 6px !important
}

.rounded-8 {
    border-radius: 8px !important
}

.rounded-full {
    border-radius: 9999px !important
}

.rounded-s-20 {
    border-end-start-radius: 20px !important;
    border-start-start-radius: 20px !important
}

.rounded-t-30 {
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important
}

.border-0 {
    border-width: 0 !important
}

.border-1 {
    border-width: 1px !important
}

.border-b-0 {
    border-bottom-width: 0 !important
}

.border-b-1 {
    border-bottom-width: 1px !important
}

.border-l-1 {
    border-left-width: 1px !important
}

.border-r-1 {
    border-right-width: 1px !important
}

.border-t-0 {
    border-top-width: 0 !important
}

.border-t-1 {
    border-top-width: 1px !important
}

.border-solid {
    border-style: solid !important
}

.border-dashed {
    border-style: dashed !important
}

.border-none {
    border-style: none !important
}

.border-0ead98 {
    border-color: var(--border-0ead98) !important
}

.border-707580 {
    border-color: var(--border-707580) !important
}

.border-7d7f81 {
    border-color: var(--border-7d7f81) !important
}

.border-b4b7bd {
    border-color: var(--border-b4b7bd) !important
}

.border-db5541 {
    border-color: var(--border-db5541) !important
}

.border-dee0e3 {
    border-color: var(--border-dee0e3) !important
}

.border-dee0eb {
    border-color: var(--border-dee0eb) !important
}

.border-e0e3ed {
    border-color: var(--border-e0e3ed) !important
}

.border-e6e7eb {
    border-color: var(--border-e6e7eb) !important
}

.border-e6e7eb-gray0601 {
    border-color: var(--border-e6e7eb-gray0601) !important
}

.border-e6e7eb-gray0602 {
    border-color: var(--border-e6e7eb-gray0602) !important
}

.border-e7ecf2 {
    border-color: var(--border-e7ecf2) !important
}

.border-ebedf0 {
    border-color: var(--border-ebedf0) !important
}

.border-f0af34 {
    border-color: var(--border-f0af34) !important
}

.border-f2f2f2 {
    border-color: var(--border-f2f2f2) !important
}

.border-f2f3f5 {
    border-color: var(--border-f2f3f5) !important
}

.border-f38b2c {
    border-color: var(--border-f38b2c) !important
}

.border-f3f4f5 {
    border-color: var(--border-f3f4f5) !important
}

.border-f4f6fa {
    border-color: var(--border-f4f6fa) !important
}

.border-f7f8fa {
    border-color: var(--border-f7f8fa) !important
}

.border-t-e6e7eb {
    border-top-color: var(--border-e6e7eb) !important
}

.bg-0ead98 {
    background-color: var(--bg-0ead98) !important
}

.bg-0ead98-10 {
    background-color: var(--bg-0ead98-10) !important
}

.bg-0ead98-5 {
    background-color: var(--bg-0ead98-5) !important
}

.bg-1bbeb2 {
    background-color: var(--bg-1bbeb2) !important
}

.bg-3a3d42 {
    background-color: var(--bg-3a3d42) !important
}

.bg-7d7f81 {
    background-color: var(--bg-7d7f81) !important
}

.bg-b4b7bd {
    background-color: var(--bg-b4b7bd) !important
}

.bg-db5541 {
    background-color: var(--bg-db5541) !important
}

.bg-db5541-10 {
    background-color: var(--bg-db5541-10) !important
}

.bg-db5541-5 {
    background-color: var(--bg-db5541-5) !important
}

.bg-dee0e3 {
    background-color: var(--bg-dee0e3) !important
}

.bg-e0e3ed {
    background-color: var(--bg-e0e3ed) !important
}

.bg-e6e7eb {
    background-color: var(--bg-e6e7eb) !important
}

.bg-ebf7f5 {
    background-color: var(--bg-ebf7f5) !important
}

.bg-f2f2f2 {
    background-color: var(--bg-f2f2f2) !important
}

.bg-f2f3f5 {
    background-color: var(--bg-f2f3f5) !important
}

.bg-f38b2c {
    background-color: var(--bg-f38b2c) !important
}

.bg-f38b2c-5 {
    background-color: var(--bg-f38b2c-5) !important
}

.bg-f3f4f5 {
    background-color: var(--bg-f3f4f5) !important
}

.bg-f5f6f7 {
    background-color: var(--bg-f5f6f7) !important
}

.bg-f7f8fa {
    background-color: var(--bg-f7f8fa) !important
}

.bg-f7f8fa-gray0802 {
    background-color: var(--bg-f7f8fa-gray0802) !important
}

.bg-f8f8fc {
    background-color: var(--bg-f8f8fc) !important
}

.bg-fafbfc {
    background-color: var(--bg-fafbfc) !important
}

.bg-fbfbfb {
    background-color: var(--bg-fbfbfb) !important
}

.bg-fffaef {
    background-color: var(--bg-fffaef) !important
}

.bg-ffffff {
    background-color: var(--bg-ffffff) !important
}

.bg-ffffff-gray1001 {
    background-color: rgba(0, 0, 0, 1) !important
}

.bg-ffffff-gray1003 {
    background-color: var(--bg-ffffff-gray1003) !important
}

.bg-ffffff-gray1004 {
    background-color: var(--bg-ffffff-gray1004) !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-none {
    background-image: none !important
}

.object-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.p-0 {
    padding: 0 !important
}

.p-10 {
    padding: 10px !important
}

.p-12 {
    padding: 12px !important
}

.p-15 {
    padding: 15px !important
}

.p-150 {
    padding: 150px !important
}

.p-16 {
    padding: 16px !important
}

.p-20 {
    padding: 20px !important
}

.p-30 {
    padding: 30px !important
}

.p-32 {
    padding: 32px !important
}

.p-4 {
    padding: 4px !important
}

.p-5 {
    padding: 5px !important
}

.p-6 {
    padding: 6px !important
}

.p-9 {
    padding: 9px !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.px-12 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.px-14 {
    padding-left: 14px !important;
    padding-right: 14px !important
}

.px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.px-16 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.px-18 {
    padding-left: 18px !important;
    padding-right: 18px !important
}

.px-2 {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.px-24 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.px-25 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.px-28 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.px-3 {
    padding-left: 3px !important;
    padding-right: 3px !important
}

.px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.px-32 {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important
}

.px-4 {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important
}

.px-48 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.px-55 {
    padding-left: 55px !important;
    padding-right: 55px !important
}

.px-6 {
    padding-left: 6px !important;
    padding-right: 6px !important
}

.px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.px-7 {
    padding-left: 7px !important;
    padding-right: 7px !important
}

.px-8 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.py-1 {
    padding-bottom: 1px !important;
    padding-top: 1px !important
}

.py-10 {
    padding-bottom: 10px !important;
    padding-top: 10px !important
}

.py-12 {
    padding-bottom: 12px !important;
    padding-top: 12px !important
}

.py-14 {
    padding-bottom: 14px !important;
    padding-top: 14px !important
}

.py-15 {
    padding-bottom: 15px !important;
    padding-top: 15px !important
}

.py-150 {
    padding-bottom: 150px !important;
    padding-top: 150px !important
}

.py-16 {
    padding-bottom: 16px !important;
    padding-top: 16px !important
}

.py-18 {
    padding-bottom: 18px !important;
    padding-top: 18px !important
}

.py-2 {
    padding-bottom: 2px !important;
    padding-top: 2px !important
}

.py-20 {
    padding-bottom: 20px !important;
    padding-top: 20px !important
}

.py-22 {
    padding-bottom: 22px !important;
    padding-top: 22px !important
}

.py-25 {
    padding-bottom: 25px !important;
    padding-top: 25px !important
}

.py-3 {
    padding-bottom: 3px !important;
    padding-top: 3px !important
}

.py-30 {
    padding-bottom: 30px !important;
    padding-top: 30px !important
}

.py-32 {
    padding-bottom: 32px !important;
    padding-top: 32px !important
}

.py-35 {
    padding-bottom: 35px !important;
    padding-top: 35px !important
}

.py-36 {
    padding-bottom: 36px !important;
    padding-top: 36px !important
}

.py-4 {
    padding-bottom: 4px !important;
    padding-top: 4px !important
}

.py-40 {
    padding-bottom: 40px !important;
    padding-top: 40px !important
}

.py-48 {
    padding-bottom: 48px !important;
    padding-top: 48px !important
}

.py-5 {
    padding-bottom: 5px !important;
    padding-top: 5px !important
}

.py-50 {
    padding-bottom: 50px !important;
    padding-top: 50px !important
}

.py-6 {
    padding-bottom: 6px !important;
    padding-top: 6px !important
}

.py-60 {
    padding-bottom: 60px !important;
    padding-top: 60px !important
}

.py-7 {
    padding-bottom: 7px !important;
    padding-top: 7px !important
}

.py-75 {
    padding-bottom: 75px !important;
    padding-top: 75px !important
}

.py-8 {
    padding-bottom: 8px !important;
    padding-top: 8px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-110 {
    padding-bottom: 110px !important
}

.pb-12 {
    padding-bottom: 12px !important
}

.pb-14 {
    padding-bottom: 14px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-150 {
    padding-bottom: 150px !important
}

.pb-16 {
    padding-bottom: 16px !important
}

.pb-18 {
    padding-bottom: 18px !important
}

.pb-2 {
    padding-bottom: 2px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-22 {
    padding-bottom: 22px !important
}

.pb-24 {
    padding-bottom: 24px !important
}

.pb-25 {
    padding-bottom: 25px !important
}

.pb-28 {
    padding-bottom: 28px !important
}

.pb-3 {
    padding-bottom: 3px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-32 {
    padding-bottom: 32px !important
}

.pb-35 {
    padding-bottom: 35px !important
}

.pb-36 {
    padding-bottom: 36px !important
}

.pb-4 {
    padding-bottom: 4px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-44 {
    padding-bottom: 44px !important
}

.pb-48 {
    padding-bottom: 48px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pb-55 {
    padding-bottom: 55px !important
}

.pb-6 {
    padding-bottom: 6px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pb-8 {
    padding-bottom: 8px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-5 {
    padding-left: 5px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-12 {
    padding-right: 12px !important
}

.pr-15 {
    padding-right: 15px !important
}

.pr-16 {
    padding-right: 16px !important
}

.pr-8 {
    padding-right: 8px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-12 {
    padding-top: 12px !important
}

.pt-14 {
    padding-top: 14px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-150 {
    padding-top: 150px !important
}

.pt-16 {
    padding-top: 16px !important
}

.pt-18 {
    padding-top: 18px !important
}

.pt-180 {
    padding-top: 180px !important
}

.pt-2 {
    padding-top: 2px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-22 {
    padding-top: 22px !important
}

.pt-24 {
    padding-top: 24px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pt-28 {
    padding-top: 28px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-32 {
    padding-top: 32px !important
}

.pt-36 {
    padding-top: 36px !important
}

.pt-4 {
    padding-top: 4px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-45 {
    padding-top: 45px !important
}

.pt-48 {
    padding-top: 48px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-6 {
    padding-top: 6px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pt-8 {
    padding-top: 8px !important
}

.pt-80 {
    padding-top: 80px !important
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.text-start {
    text-align: start !important
}

.text-end {
    text-align: end !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.text-10 {
    font-size: 10px !important
}

.text-12 {
    font-size: 12px !important
}

.text-14 {
    font-size: 14px !important
}

.text-15 {
    font-size: 15px !important
}

.text-16 {
    font-size: 16px !important
}

.text-18 {
    font-size: 18px !important
}

.text-20 {
    font-size: 20px !important
}

.text-24 {
    font-size: 24px !important
}

.text-25 {
    font-size: 25px !important
}

.text-28 {
    font-size: 28px !important
}

.text-30 {
    font-size: 30px !important
}

.text-32 {
    font-size: 32px !important
}

.text-36 {
    font-size: 36px !important
}

.text-40 {
    font-size: 40px !important
}

.text-42 {
    font-size: 42px !important
}

.text-44 {
    font-size: 44px !important
}

.text-48 {
    font-size: 48px !important
}

.font-bold {
    font-weight: 700 !important
}

.font-normal {
    font-weight: 400 !important
}

.font-w300 {
    font-weight: 300 !important
}

.font-w400 {
    font-weight: 400 !important
}

.font-w500 {
    font-weight: 500 !important
}

.font-w600 {
    font-weight: 600 !important
}

.font-w700 {
    font-weight: 700 !important
}

.font-w800 {
    font-weight: 800 !important
}

.italic {
    font-style: italic !important
}

.leading-10 {
    line-height: 2.5rem !important
}

.leading-20 {
    line-height: 20px !important
}

.leading-4 {
    line-height: 1rem !important
}

.leading-5 {
    line-height: 1.25rem !important
}

.leading-6 {
    line-height: 1.5rem !important
}

.leading-7 {
    line-height: 1.75rem !important
}

.leading-8 {
    line-height: 2rem !important
}

.leading-9 {
    line-height: 2.25rem !important
}

.leading-none {
    line-height: 1 !important
}

.leading-normal {
    line-height: 1.5 !important
}

.leading-relaxed {
    line-height: 1.625 !important
}

.leading-snug {
    line-height: 1.375 !important
}

.leading-tight {
    line-height: 1.25 !important
}

.tracking-wider {
    letter-spacing: .05em !important
}

.text-0ead98 {
    color: var(--text-0ead98) !important
}

.text-161719 {
    color: var(--text-161719) !important
}

.text-1bbeb2 {
    color: var(--text-1bbeb2) !important
}

.text-205bf1 {
    color: var(--text-205bf1) !important
}

.text-27282c {
    color: var(--text-27282c) !important
}

.text-3a3d42 {
    color: var(--text-3a3d42) !important
}

.text-707580 {
    color: var(--text-707580) !important
}

.text-7d7f81 {
    color: var(--text-7d7f81) !important
}

.text-aeb0b3 {
    color: var(--text-aeb0b3) !important
}

.text-b4b7bd {
    color: var(--text-b4b7bd) !important
}

.text-db5541 {
    color: var(--text-db5541) !important
}

.text-dee0e3 {
    color: var(--text-dee0e3) !important
}

.text-e0e3ed {
    color: var(--text-e0e3ed) !important
}

.text-e6e7eb {
    color: var(--text-e6e7eb) !important
}

.text-error {
    --tw-text-opacity: 1 !important;
    color: #db5541 !important
}

@supports (color:rgba(0, 0, 0, 0)) {
    .text-error {
        color: rgb(219 85 65/var(--tw-text-opacity)) !important
    }
}

.text-f0af34 {
    color: var(--text-f0af34) !important
}

.text-f2f2f2 {
    color: var(--text-f2f2f2) !important
}

.text-f38b2c {
    color: var(--text-f38b2c) !important
}

.text-f7f8fa {
    color: var(--text-f7f8fa) !important
}

.text-f8fcfb {
    color: var(--text-f8fcfb) !important
}

.text-ffffff {
    color: var(--text-ffffff) !important
}

.text-inherit {
    color: inherit !important
}

.text-primary-1 {
    color: var(--text-27282c) !important
}

.text-primary-3 {
    --tw-text-opacity: 1 !important;
    color: #7d7f81 !important
}

@supports (color:rgba(0, 0, 0, 0)) {
    .text-primary-3 {
        color: rgb(125 127 129/var(--tw-text-opacity)) !important
    }
}

.text-tip {
    --tw-text-opacity: 1 !important;
    color: #9ca3b0 !important
}

@supports (color:rgba(0, 0, 0, 0)) {
    .text-tip {
        color: rgb(156 163 176/var(--tw-text-opacity)) !important
    }
}

.text-title-1 {
    color: var(--text-27282c) !important
}

.text-title-3 {
    color: var(--text-7d7f81) !important
}

.text-transparent {
    color: transparent !important
}

.text-white {
    --tw-text-opacity: 1 !important;
    color: #fff !important
}

@supports (color:rgba(0, 0, 0, 0)) {
    .text-white {
        color: rgb(255 255 255/var(--tw-text-opacity)) !important
    }
}

.underline {
    -webkit-text-decoration-line: underline !important;
    text-decoration-line: underline !important
}

.line-through {
    -webkit-text-decoration-line: line-through !important;
    text-decoration-line: line-through !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-100 {
    opacity: 1 !important
}

.opacity-50 {
    opacity: .5 !important
}

.shadow-button {
    --tw-shadow: 0 10px 20px rgba(7, 125, 117, .23) !important;
    --tw-shadow-colored: 0 10px 20px var(--tw-shadow-color) !important
}

.shadow-button,
.shadow-none {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important
}

.shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important
}

.shadow-normal {
    --tw-shadow: 2px 5px 20px 0px hsla(0, 0%, 72%, .15) !important;
    --tw-shadow-colored: 2px 5px 20px 0px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important
}

.outline {
    outline-style: solid !important
}

.blur {
    --tw-blur: blur(8px) !important
}

.blur,
.drop-shadow {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06)) !important
}

.grayscale {
    --tw-grayscale: grayscale(100%) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.filter,
.grayscale {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important
}

.transition {
    transition-duration: .15s !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.duration-300 {
    transition-duration: .3s !important
}

.duration-400 {
    transition-duration: .4s !important
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
}

.ps-0 {
    padding-inline-start: 0 !important
}

.ps-2 {
    padding-inline-start: 2px !important
}

.pe-2 {
    padding-inline-end: 2px !important
}

.pe-3 {
    padding-inline-end: 3px !important
}

.ps-4 {
    padding-inline-start: 4px !important
}

.pe-4 {
    padding-inline-end: 4px !important
}

.ps-5 {
    padding-inline-start: 5px !important
}

.pe-5 {
    padding-inline-end: 5px !important
}

.ps-6 {
    padding-inline-start: 6px !important
}

.pe-6 {
    padding-inline-end: 6px !important
}

.ps-7 {
    padding-inline-start: 7px !important
}

.ps-8 {
    padding-inline-start: 8px !important
}

.pe-8 {
    padding-inline-end: 8px !important
}

.ps-10 {
    padding-inline-start: 10px !important
}

.pe-10 {
    padding-inline-end: 10px !important
}

.ps-12 {
    padding-inline-start: 12px !important
}

.pe-12 {
    padding-inline-end: 12px !important
}

.ps-14 {
    padding-inline-start: 14px !important
}

.ps-15 {
    padding-inline-start: 15px !important
}

.pe-15 {
    padding-inline-end: 15px !important
}

.ps-16 {
    padding-inline-start: 16px !important
}

.pe-16 {
    padding-inline-end: 16px !important
}

.ps-18 {
    padding-inline-start: 18px !important
}

.ps-20 {
    padding-inline-start: 20px !important
}

.pe-20 {
    padding-inline-end: 20px !important
}

.ps-22 {
    padding-inline-start: 22px !important
}

.pe-22 {
    padding-inline-end: 22px !important
}

.ps-24 {
    padding-inline-start: 24px !important
}

.pe-24 {
    padding-inline-end: 24px !important
}

.ps-25 {
    padding-inline-start: 25px !important
}

.pe-25 {
    padding-inline-end: 25px !important
}

.pe-28 {
    padding-inline-end: 28px !important
}

.ps-30 {
    padding-inline-start: 30px !important
}

.pe-30 {
    padding-inline-end: 30px !important
}

.ps-32 {
    padding-inline-start: 32px !important
}

.pe-32 {
    padding-inline-end: 32px !important
}

.ps-35 {
    padding-inline-start: 35px !important
}

.ps-36 {
    padding-inline-start: 36px !important
}

.pe-36 {
    padding-inline-end: 36px !important
}

.ps-40 {
    padding-inline-start: 40px !important
}

.pe-40 {
    padding-inline-end: 40px !important
}

.ps-48 {
    padding-inline-start: 48px !important
}

.ps-50 {
    padding-inline-start: 50px !important
}

.pe-50 {
    padding-inline-end: 50px !important
}

.ps-60 {
    padding-inline-start: 60px !important
}

.pe-60 {
    padding-inline-end: 60px !important
}

.pe-70 {
    padding-inline-end: 70px !important
}

.ps-80 {
    padding-inline-start: 80px !important
}

.pe-80 {
    padding-inline-end: 80px !important
}

.ps-110 {
    padding-inline-start: 110px !important
}

.pe-110 {
    padding-inline-end: 110px !important
}

.ps-180 {
    padding-inline-start: 180px !important
}

.pe-180 {
    padding-inline-end: 180px !important
}

.ms-0 {
    margin-inline-start: 0 !important
}

.me-0 {
    margin-inline-end: 0 !important
}

.ms-1 {
    margin-inline-start: 1px !important
}

.ms-2 {
    margin-inline-start: 2px !important
}

.me-2 {
    margin-inline-end: 2px !important
}

.ms-3 {
    margin-inline-start: 3px !important
}

.me-3 {
    margin-inline-end: 3px !important
}

.ms-4 {
    margin-inline-start: 4px !important
}

.me-4 {
    margin-inline-end: 4px !important
}

.ms-5 {
    margin-inline-start: 5px !important
}

.me-5 {
    margin-inline-end: 5px !important
}

.ms-6 {
    margin-inline-start: 6px !important
}

.me-6 {
    margin-inline-end: 6px !important
}

.ms-7 {
    margin-inline-start: 7px !important
}

.me-7 {
    margin-inline-end: 7px !important
}

.ms-8 {
    margin-inline-start: 8px !important
}

.me-8 {
    margin-inline-end: 8px !important
}

.ms-9 {
    margin-inline-start: 9px !important
}

.me-9 {
    margin-inline-end: 9px !important
}

.ms-10 {
    margin-inline-start: 10px !important
}

.me-10 {
    margin-inline-end: 10px !important
}

.ms-12 {
    margin-inline-start: 12px !important
}

.me-12 {
    margin-inline-end: 12px !important
}

.ms-14 {
    margin-inline-start: 14px !important
}

.ms-15 {
    margin-inline-start: 15px !important
}

.me-15 {
    margin-inline-end: 15px !important
}

.ms-16 {
    margin-inline-start: 16px !important
}

.me-16 {
    margin-inline-end: 16px !important
}

.ms-18 {
    margin-inline-start: 18px !important
}

.me-18 {
    margin-inline-end: 18px !important
}

.ms-20 {
    margin-inline-start: 20px !important
}

.me-20 {
    margin-inline-end: 20px !important
}

.ms-22 {
    margin-inline-start: 22px !important
}

.ms-24 {
    margin-inline-start: 24px !important
}

.me-24 {
    margin-inline-end: 24px !important
}

.ms-25 {
    margin-inline-start: 25px !important
}

.me-25 {
    margin-inline-end: 25px !important
}

.ms-28 {
    margin-inline-start: 28px !important
}

.me-28 {
    margin-inline-end: 28px !important
}

.ms-30 {
    margin-inline-start: 30px !important
}

.me-30 {
    margin-inline-end: 30px !important
}

.ms-32 {
    margin-inline-start: 32px !important
}

.me-32 {
    margin-inline-end: 32px !important
}

.me-36 {
    margin-inline-end: 36px !important
}

.ms-40 {
    margin-inline-start: 40px !important
}

.me-40 {
    margin-inline-end: 40px !important
}

.ms-44 {
    margin-inline-start: 44px !important
}

.ms-50 {
    margin-inline-start: 50px !important
}

.me-50 {
    margin-inline-end: 50px !important
}

.ms-55 {
    margin-inline-start: 55px !important
}

.ms-60 {
    margin-inline-start: 60px !important
}

.me-60 {
    margin-inline-end: 60px !important
}

.me-65 {
    margin-inline-end: 65px !important
}

.ms-80 {
    margin-inline-start: 80px !important
}

.me-80 {
    margin-inline-end: 80px !important
}

.ms-90 {
    margin-inline-start: 90px !important
}

.me-90 {
    margin-inline-end: 90px !important
}

.ms-110 {
    margin-inline-start: 110px !important
}

.me-110 {
    margin-inline-end: 110px !important
}

.me-150 {
    margin-inline-end: 150px !important
}

[dir=rtl] .start-0 {
    right: 0 !important
}

[dir=rtl] .end-0 {
    left: 0 !important
}

[dir=ltr] .end-0 {
    right: 0 !important
}

[dir=ltr] .start-0 {
    left: 0 !important
}

[dir=rtl] .end-8 {
    left: 8px !important
}

[dir=ltr] .end-8 {
    right: 8px !important
}

[dir=ltr] .rounded-s-20 {
    border-bottom-left-radius: 20px !important;
    border-top-left-radius: 20px !important
}

[dir=rtl] .rounded-s-20 {
    border-bottom-right-radius: 20px !important;
    border-top-right-radius: 20px !important
}

[dir=ltr] .rounded-te-10 {
    border-top-right-radius: 10px !important
}

[dir=ltr] .rounded-bs-10 {
    border-bottom-left-radius: 10px !important
}

[dir=rtl] .rounded-te-10 {
    border-top-left-radius: 10px !important
}

[dir=rtl] .rounded-bs-10 {
    border-bottom-right-radius: 10px !important
}

[dir=ltr] .rounded-ts-12 {
    border-top-left-radius: 12px !important
}

[dir=ltr] .rounded-te-12 {
    border-top-right-radius: 12px !important
}

[dir=rtl] .rounded-te-12 {
    border-top-left-radius: 12px !important
}

[dir=rtl] .rounded-ts-12 {
    border-top-right-radius: 12px !important
}

[dir=ltr] .rounded-ts-60 {
    border-top-left-radius: 60px !important
}

[dir=ltr] .rounded-te-60 {
    border-top-right-radius: 60px !important
}

[dir=rtl] .rounded-te-60 {
    border-top-left-radius: 60px !important
}

[dir=rtl] .rounded-ts-60 {
    border-top-right-radius: 60px !important
}

[dir=ltr] .rounded-ts-none {
    border-top-left-radius: 0 !important
}

[dir=ltr] .rounded-te-none {
    border-top-right-radius: 0 !important
}

[dir=rtl] .rounded-te-none {
    border-top-left-radius: 0 !important
}

[dir=rtl] .rounded-ts-none {
    border-top-right-radius: 0 !important
}

[dir=rtl] .float-end {
    float: left !important
}

[dir=ltr] .float-end {
    float: right !important
}

.border-e-0 {
    border-inline-end-width: 0 !important
}

.border-s-0 {
    border-inline-start-width: 0 !important
}

.border-e-1 {
    border-inline-end-width: 1px !important
}

.border-s-1 {
    border-inline-start-width: 1px !important
}

.border-e-2 {
    border-inline-end-width: 2px !important
}

.border-s-4 {
    border-inline-start-width: 4px !important
}

[dir=rtl] .text-start {
    text-align: right !important
}

[dir=rtl] .text-end {
    text-align: left !important
}

[dir=ltr] .text-end {
    text-align: right !important
}

[dir=ltr] .text-start {
    text-align: left !important
}

.ui0-text-primary {
    color: rgb(var(--ui0-text-primary)) !important
}

.ui0-text-secondary {
    color: rgb(var(--ui0-text-secondary)) !important
}

.ui0-text-tertiary {
    color: rgb(var(--ui0-text-tertiary)) !important
}

.ui0-text-quaternary {
    color: rgb(var(--ui0-text-quaternary)) !important
}

.ui0-text-white {
    color: rgb(var(--ui0-text-white)) !important
}

.ui0-text-black_primary {
    color: rgb(var(--ui0-text-black_primary)) !important
}

.ui0-text-black_secondary {
    color: rgb(var(--ui0-text-black_secondary)) !important
}

.ui0-bg-surface_gray {
    background-color: rgb(var(--ui0-bg-surface_gray)) !important
}

.ui0-bg-surface_white {
    background-color: rgb(var(--ui0-bg-surface_white)) !important
}

.ui0-bg-primary_white {
    background-color: rgb(var(--ui0-bg-primary_white)) !important
}

.ui0-bg-primary_gray {
    background-color: rgb(var(--ui0-bg-primary_gray)) !important
}

.ui0-bg-input_gray {
    background-color: rgb(var(--ui0-bg-input_gray)) !important
}

.ui0-bg-input_white {
    background-color: rgb(var(--ui0-bg-input_white)) !important
}

.ui0-bg-block_heavy {
    background-color: rgb(var(--ui0-bg-block_heavy)) !important
}

.ui0-line-heavy {
    border-color: rgb(var(--ui0-line-heavy)) !important
}

.ui0-line-light {
    border-color: rgb(var(--ui0-line-light)) !important
}

.ui0-bg-bamboo5\/10 {
    background-color: rgb(var(--ui0-base-bamboo5)/.1) !important
}

.ui0-bg-volcano5\/10 {
    background-color: rgb(var(--ui0-base-volcano5)/.1) !important
}

.ui0-text-brand {
    color: rgb(var(--ui0-base-brand)) !important
}

.ui0-text-error {
    color: rgb(var(--ui0-base-error)) !important
}

.ui0-text-negative {
    color: rgb(var(--ui0-base-negative)) !important
}

.ui0-text-warning {
    color: rgb(var(--ui0-base-warning)) !important
}

.hover\:border-0ead98:hover {
    border-color: var(--border-0ead98) !important
}

.hover\:border-1bbeb2:hover {
    border-color: var(--border-1bbeb2) !important
}

.hover\:bg-0ead98-5:hover {
    background-color: var(--bg-0ead98-5) !important
}

.hover\:bg-1bbeb2:hover {
    background-color: var(--bg-1bbeb2) !important
}

.hover\:bg-f7f8fa:hover {
    background-color: var(--bg-f7f8fa) !important
}

.hover\:bg-fbfbfb:hover {
    background-color: var(--bg-fbfbfb) !important
}

.hover\:bg-ffffff:hover {
    background-color: var(--bg-ffffff) !important
}

.hover\:bg-transparent:hover {
    background-color: transparent !important
}

.hover\:text-0ead98:hover {
    color: var(--text-0ead98) !important
}

.hover\:text-1bbeb2:hover {
    color: var(--text-1bbeb2) !important
}

.hover\:text-3a3d42:hover {
    color: var(--text-3a3d42) !important
}

.hover\:text-aeb0b3:hover {
    color: var(--text-aeb0b3) !important
}

.hover\:ui0-bg-bamboo5\/30:hover {
    background-color: rgb(var(--ui0-base-bamboo5)/.3) !important
}

.hover\:ui0-bg-volcano5\/30:hover {
    background-color: rgb(var(--ui0-base-volcano5)/.3) !important
}

.active\:visible:active {
    visibility: visible !important
}

:is([dir=rtl] .rtl\:block) {
    display: block !important
}

:is([dir=rtl] .rtl\:inline-block) {
    display: inline-block !important
}

:is([dir=rtl] .rtl\:hidden) {
    display: none !important
}

:is([dir=rtl] .rtl\:text-right) {
    text-align: right !important
}

.theme-day,
.theme-night .theme-day,
:root {
    --text-161719: #161719;
    --text-707580: #707580;
    --text-f3f4f5: #f3f4f5;
    --text-aeb0b3: #aeb0b3;
    --text-27282c: #27282c;
    --text-f38b2c: #f38b2c;
    --text-0ead98: #0ead98;
    --text-db5541: #db5541;
    --text-7d7f81: #7d7f81;
    --text-f2f2f2: #f2f2f2;
    --text-1bbeb2: #1bbeb2;
    --text-f8fcfb: #f8fcfb;
    --text-f0af34: #f0af34;
    --text-e0e3ed: #e0e3ed;
    --text-3a3d42: #3a3d42;
    --text-b4b7bd: #b4b7bd;
    --text-dee0e3: #dee0e3;
    --text-dee0e3-gray0501: #dee0e3;
    --text-dee0e3-gray0502: #dee0e3;
    --text-e6e7eb: #e6e7eb;
    --text-e6e7eb-gray0601: #e6e7eb;
    --text-e6e7eb-gray0602: #e6e7eb;
    --text-ebedf0: #ebedf0;
    --text-f2f3f5: #f2f3f5;
    --text-f7f8fa: #f7f8fa;
    --text-f7f8fa-gray0801: #f7f8fa;
    --text-f7f8fa-gray0802: #f7f8fa;
    --text-f5f6f7: #f5f6f7;
    --text-ffffff: #fff;
    --text-ffffff-gray1001: #fff;
    --text-ffffff-gray1002: #fff;
    --text-ffffff-gray1003: #fff;
    --text-205bf1: #205bf1;
    --text-587bf5: #587bf5;
    --bg-161719: #161719;
    --bg-707580: #707580;
    --bg-f6f9ff: #f6f9ff;
    --bg-f3f4f5: #f3f4f5;
    --bg-f6f7fa: #f6f7fa;
    --bg-fffaf8: #fffaf8;
    --bg-d6d8e0: #d6d8e0;
    --bg-e7ecf2: #e7ecf2;
    --bg-f2f2f2: #f2f2f2;
    --bg-0ead98: #0ead98;
    --bg-1bbeb2: #1bbeb2;
    --bg-fbfbfb: #fbfbfb;
    --bg-f38b2c: #f38b2c;
    --bg-db5541: #db5541;
    --bg-7d7f81: #7d7f81;
    --bg-fffaef: #fffaef;
    --bg-f3f5ff: #f3f5ff;
    --bg-e0e3ed: #e0e3ed;
    --bg-d5f2e4: #d5f2e4;
    --bg-f6e6e3: #f6e6e3;
    --bg-effaf9: #effaf9;
    --bg-f8fcfb: #f8fcfb;
    --bg-fff5df: #fff5df;
    --bg-ebf7f5: #ebf7f5;
    --bg-f5f9fa: #f5f9fa;
    --bg-f8f8fc: #f8f8fc;
    --bg-e8f9f7: #e8f9f7;
    --bg-f4d8d4: #f4d8d4;
    --bg-e7f7f5: #e7f7f5;
    --bg-f0af34-5: rgba(240, 175, 52, .05);
    --bg-f0af34-10: rgba(240, 175, 52, .1);
    --bg-0ead98-10: rgba(14, 173, 152, .1);
    --bg-0ead98-5: rgba(14, 173, 152, .05);
    --bg-f38b2c-5: rgba(243, 139, 44, .05);
    --bg-db5541-5: rgba(219, 85, 65, .05);
    --bg-db5541-10: rgba(219, 85, 65, .1);
    --bg-fafafa: #fafafa;
    --bg-fafbfc: #fafbfc;
    --bg-b4b7bd: #b4b7bd;
    --bg-f2f3f5: #f2f3f5;
    --bg-f7f8fa: #f7f8fa;
    --bg-f7f8fa-gray0801: #f7f8fa;
    --bg-f7f8fa-gray0802: #f7f8fa;
    --bg-f7f8fa-gray0803: #f7f8fa;
    --bg-3a3d42: #3a3d42;
    --bg-ebedf0: #ebedf0;
    --bg-f5f6f7: #f5f6f7;
    --bg-fefefe: #fefefe;
    --bg-edeff2: #edeff2;
    --bg-dee0e3: #dee0e3;
    --bg-dee0e3-gray0501: #dee0e3;
    --bg-dee0e3-gray0502: #dee0e3;
    --bg-e6e7eb: #e6e7eb;
    --bg-e6e7eb-gray0601: #e6e7eb;
    --bg-e6e7eb-gray0602: #e6e7eb;
    --bg-ffffff: #fff;
    --bg-ffffff-gray1001: #fff;
    --bg-ffffff-gray1002: #fff;
    --bg-ffffff-gray1003: #fff;
    --bg-ffffff-gray1004: #fff;
    --bg-587bf5: #587bf5;
    --border-161719: #161719;
    --border-707580: #707580;
    --border-f3f4f5: #f3f4f5;
    --border-f6f7fa: #f6f7fa;
    --border-e7ecf2: #e7ecf2;
    --border-7d7f81: #7d7f81;
    --border-c1c6d7: #c1c6d7;
    --border-dee0eb: #dee0eb;
    --border-e0e3ed: #e0e3ed;
    --border-db5541: #db5541;
    --border-0ead98: #0ead98;
    --border-1bbeb2: #1bbeb2;
    --border-f2f2f2: #f2f2f2;
    --border-f38b2c: #f38b2c;
    --border-fbfbfb: #fbfbfb;
    --border-d4d4db: #d4d4db;
    --border-f4f6fa: #f4f6fa;
    --border-f0af34: #f0af34;
    --border-e6e7eb: #e6e7eb;
    --border-e6e7eb-gray0601: #e6e7eb;
    --border-e6e7eb-gray0602: #e6e7eb;
    --border-f2f3f5: #f2f3f5;
    --border-f7f8fa: #f7f8fa;
    --border-f7f8fa-gray0801: #f7f8fa;
    --border-f7f8fa-gray0802: #f7f8fa;
    --border-fafbfc: #fafbfc;
    --border-ffffff: #fff;
    --border-ffffff-gray1001: #fff;
    --border-ffffff-gray1002: #fff;
    --border-ffffff-gray1003: #fff;
    --border-fafafa: #fafafa;
    --border-fefefe: #fefefe;
    --border-3a3d42: #3a3d42;
    --border-b4b7bd: #b4b7bd;
    --border-ebedf0: #ebedf0;
    --border-f0f1f2: #f0f1f2;
    --border-edeff2: #edeff2;
    --border-f5f6f7: #f5f6f7;
    --border-dee0e3: #dee0e3;
    --border-dee0e3-gray0501: #dee0e3;
    --border-dee0e3-gray0502: #dee0e3;
    --border-587bf5: #587bf5;
    --ui0-base-gray1: 255 255 255;
    --ui0-base-gray2: 250 251 252;
    --ui0-base-gray3: 247 248 250;
    --ui0-base-gray4: 242 243 245;
    --ui0-base-gray5: 230 231 235;
    --ui0-base-gray6: 222 224 227;
    --ui0-base-gray7: 200 201 204;
    --ui0-base-gray8: 168 171 168;
    --ui0-base-gray9: 141 145 153;
    --ui0-base-gray10: 115 119 128;
    --ui0-base-gray11: 60 62 71;
    --ui0-base-gray12: 45 47 56;
    --ui0-base-gray13: 43 44 51;
    --ui0-base-gray14: 37 38 46;
    --ui0-base-gray15: 29 30 36;
    --ui0-base-gray16: 24 26 31;
    --ui0-base-gray17: 18 19 23;
    --ui0-base-gray18: 13 14 16;
    --ui0-base-bamboo4: 44 184 160;
    --ui0-base-bamboo5: 14 173 152;
    --ui0-base-bamboo7: 0 133 124;
    --ui0-base-volcano4: 240 106 91;
    --ui0-base-volcano5: 219 85 65;
    --ui0-base-volcano7: 178 56 25;
    --ui0-base-sunset5: 243 139 44;
    --ui0-base-blue: 83 100 254;
    --ui0-base-brand: var(--ui0-base-bamboo5);
    --ui0-base-brand_hover: var(--ui0-base-bamboo4);
    --ui0-base-brand_click: var(--ui0-base-bamboo7);
    --ui0-base-warning: var(--ui0-base-sunset5);
    --ui0-base-error: var(--ui0-base-volcano5);
    --ui0-base-success: var(--ui0-base-bamboo5);
    --ui0-base-positive: var(--ui0-base-bamboo5);
    --ui0-base-negative: var(--ui0-base-volcano5);
    --ui0-base-negative_hover: var(--ui0-base-volcano4);
    --ui0-base-negative_click: var(--ui0-base-volcano7);
    --ui0-text-primary: var(--ui0-base-gray18) /0.95;
    --ui0-text-secondary: var(--ui0-base-gray18) /0.7;
    --ui0-text-tertiary: var(--ui0-base-gray18) /0.5;
    --ui0-text-quaternary: var(--ui0-base-gray18) /0.3;
    --ui0-text-white: var(--ui0-base-gray1);
    --ui0-text-all_black: var(--ui0-base-gray18) /0.95;
    --ui0-text-change_white: var(--ui0-base-gray1) /0.95;
    --ui0-text-black_primary: var(--ui0-base-gray1) /0.95;
    --ui0-text-black_secondary: var(--ui0-base-gray1) /0.7;
    --ui0-text-black_tertiary: var(--ui0-base-gray1) /0.5;
    --ui0-text-black_quaternary: var(--ui0-base-gray1) /0.3;
    --ui0-text-clear_blue: var(--ui0-base-blue);
    --ui0-bg-surface_gray: var(--ui0-base-gray3);
    --ui0-bg-surface_white: var(--ui0-base-gray1);
    --ui0-bg-primary_white: var(--ui0-base-gray1);
    --ui0-bg-primary_gray: var(--ui0-base-gray3);
    --ui0-bg-primary_black: var(--ui0-base-gray17);
    --ui0-bg-card_white: var(--ui0-base-gray1);
    --ui0-bg-card_gray: var(--ui0-base-gray3);
    --ui0-bg-card_lightgray: var(--ui0-base-gray2);
    --ui0-bg-card_black: var(--ui0-base-gray17);
    --ui0-bg-topmost_white: var(--ui0-base-gray1);
    --ui0-bg-topmost_gray_light: var(--ui0-base-gray3);
    --ui0-bg-topmost_gray_heavy: var(--ui0-base-gray4);
    --ui0-bg-input_gray: var(--ui0-base-gray3);
    --ui0-bg-button_gray: var(--ui0-base-gray18) /0.05;
    --ui0-bg-button_gray_hover: var(--ui0-base-gray18) /0.1;
    --ui0-bg-button_gray_click: var(--ui0-base-gray18) /0.3;
    --ui0-bg-input_white: var(--ui0-base-gray1);
    --ui0-bg-disable: var(--ui0-base-gray5);
    --ui0-bg-mask_black: var(--ui0-base-gray18) /0.4;
    --ui0-bg-mask_white: var(--ui0-base-gray1) /0.8;
    --ui0-bg-hover_white: var(--ui0-base-gray1);
    --ui0-bg-hover_gray_light: var(--ui0-base-gray3);
    --ui0-bg-hover_gray_heavy: var(--ui0-base-gray4);
    --ui0-bg-block_light: var(--ui0-base-gray3);
    --ui0-bg-block_heavy: var(--ui0-base-gray5);
    --ui0-bg-prompt: var(--ui0-base-gray18) /0.8;
    --ui0-bg-button_black: var(--ui0-base-gray14);
    --ui0-bg-button_black_hover: var(--ui0-base-gray11);
    --ui0-bg-button_black_click: var(--ui0-base-gray18);
    --ui0-bg-button_white: var(--ui0-base-gray1);
    --ui0-bg-button_white_hover: var(--ui0-base-gray1) /0.9;
    --ui0-bg-button_white_click: var(--ui0-base-gray1) /0.8;
    --ui0-bg-button_white_disable: var(--ui0-base-gray11);
    --ui0-bg-button_alpha: var(--ui0-base-bamboo5) /0.1;
    --ui0-bg-button_alpha_hover: var(--ui0-base-bamboo5) /0.05;
    --ui0-bg-button_alpha_click: var(--ui0-base-bamboo5) /0.2;
    --ui0-bg-clear_blue: var(--ui0-base-blue) /0.1;
    --ui0-bg-button_blackline_hover: var(--ui0-base-gray18) /0.05;
    --ui0-bg-button_blackline_active: var(--ui0-base-gray18) /0.1;
    --ui0-bg-button_whiteline_hover: var(--ui0-base-gray1) /0.05;
    --ui0-bg-button_whiteline_active: var(--ui0-base-gray1) /0.15;
    --ui0-line-heavy: var(--ui0-base-gray18) /0.1;
    --ui0-line-light: var(--ui0-base-gray18) /0.05;
    --ui0-line-white: var(--ui0-base-gray1) /0.15;
    --ui0-line-button_black: var(--ui0-base-gray) /0.18;
    --ui0-line-button_white: var(--ui0-base-gray1)
}

.theme-night {
    --text-161719: #f9fbfe;
    --text-707580: #909399;
    --text-f3f4f5: #333750;
    --text-aeb0b3: #5e5e5e;
    --text-27282c: #f9fbfe;
    --text-f38b2c: #f38b2c;
    --text-0ead98: #0ead98;
    --text-db5541: #db5541;
    --text-7d7f81: #a6a9ae;
    --text-f2f2f2: #383838;
    --text-1bbeb2: #1bbeb2;
    --text-f8fcfb: #263f3c;
    --text-f0af34: #f0af34;
    --text-e0e3ed: #5c5d61;
    --text-3a3d42: #babdc2;
    --text-b4b7bd: #5a5e66;
    --text-dee0e3: #51545c;
    --text-dee0e3-gray0501: #51545c;
    --text-dee0e3-gray0502: #23272e;
    --text-e6e7eb: #464a52;
    --text-e6e7eb-gray0601: #464a52;
    --text-e6e7eb-gray0602: #212329;
    --text-ebedf0: #393e47;
    --text-f2f3f5: #2c3038;
    --text-f7f8fa: #2c3038;
    --text-f7f8fa-gray0801: #2c3038;
    --text-f7f8fa-gray0802: #1d1f24;
    --text-f5f6f7: #2c3038;
    --text-ffffff: #1f2229;
    --text-ffffff-gray1001: #181a1f;
    --text-ffffff-gray1002: #1f2229;
    --text-ffffff-gray1003: #121417;
    --text-205bf1: #205bf1;
    --text-587bf5: #587bf5;
    --bg-161719: #f9fbfe;
    --bg-707580: #909399;
    --bg-f6f9ff: #373b55;
    --bg-f3f4f5: #2c3146;
    --bg-f6f7fa: #2c3146;
    --bg-fffaf8: #2c3146;
    --bg-d6d8e0: #454a6b;
    --bg-e7ecf2: #2c3146;
    --bg-f2f2f2: #383838;
    --bg-0ead98: #0ead98;
    --bg-1bbeb2: #1bbeb2;
    --bg-fbfbfb: #171a1f;
    --bg-f38b2c: #f38b2c;
    --bg-db5541: #db5541;
    --bg-7d7f81: #5e5e5e;
    --bg-fffaef: #4b4840;
    --bg-f3f5ff: #f3f5ff;
    --bg-e0e3ed: #5c5d61;
    --bg-d5f2e4: #20553b;
    --bg-f6e6e3: #5a3731;
    --bg-effaf9: #334744;
    --bg-f8fcfb: #263f3c;
    --bg-fff5df: #51452b;
    --bg-ebf7f5: #263f3c;
    --bg-f5f9fa: #1a1b1c;
    --bg-f8f8fc: #252a33;
    --bg-e8f9f7: #173e39;
    --bg-f4d8d4: #572f28;
    --bg-e7f7f5: #24403d;
    --bg-f0af34-5: rgba(240, 175, 52, .05);
    --bg-f0af34-10: rgba(240, 175, 52, .1);
    --bg-0ead98-10: rgba(14, 173, 152, .1);
    --bg-0ead98-5: rgba(14, 173, 152, .05);
    --bg-f38b2c-5: rgba(243, 139, 44, .05);
    --bg-db5541-5: rgba(219, 85, 65, .05);
    --bg-db5541-10: rgba(219, 85, 65, .1);
    --bg-fafafa: #171a1f;
    --bg-fafbfc: #23272e;
    --bg-b4b7bd: #5a5e66;
    --bg-f2f3f5: #393e47;
    --bg-f7f8fa: #2c3038;
    --bg-f7f8fa-gray0801: #2c3038;
    --bg-f7f8fa-gray0802: #1d1f24;
    --bg-f7f8fa-gray0803: #23272e;
    --bg-3a3d42: #babdc2;
    --bg-ebedf0: #393e47;
    --bg-f5f6f7: #2c3038;
    --bg-fefefe: #1b1e24;
    --bg-edeff2: #393e47;
    --bg-dee0e3: #51545c;
    --bg-dee0e3-gray0501: #51545c;
    --bg-dee0e3-gray0502: #23272e;
    --bg-e6e7eb: #464a52;
    --bg-e6e7eb-gray0601: #464a52;
    --bg-e6e7eb-gray0602: #212329;
    --bg-ffffff: #1f2229;
    --bg-ffffff-gray1001: #181a1f;
    --bg-ffffff-gray1002: #1f2229;
    --bg-ffffff-gray1003: #121417;
    --bg-ffffff-gray1004: #2c3038;
    --bg-587bf5: #587bf5;
    --border-161719: #f9fbfe;
    --border-707580: #909399;
    --border-f3f4f5: #2c3146;
    --border-f6f7fa: #2c3146;
    --border-e7ecf2: #49556b;
    --border-7d7f81: #a6a9ae;
    --border-c1c6d7: #7d7f81;
    --border-dee0eb: #49556b;
    --border-e0e3ed: #5c5d61;
    --border-db5541: #db5541;
    --border-0ead98: #0ead98;
    --border-1bbeb2: #1bbeb2;
    --border-f2f2f2: #383838;
    --border-f38b2c: #f38b2c;
    --border-fbfbfb: #161617;
    --border-d4d4db: #5c5d61;
    --border-f4f6fa: #3e3f41;
    --border-f0af34: #f0af34;
    --border-e6e7eb: #464a52;
    --border-e6e7eb-gray0601: #464a52;
    --border-e6e7eb-gray0602: #212329;
    --border-f2f3f5: #393e47;
    --border-f7f8fa: #2c3038;
    --border-f7f8fa-gray0801: #2c3038;
    --border-f7f8fa-gray0802: #1d1f24;
    --border-fafbfc: #23272e;
    --border-ffffff: #1f2229;
    --border-ffffff-gray1001: #181a1f;
    --border-ffffff-gray1002: #1f2229;
    --border-ffffff-gray1003: #121417;
    --border-fafafa: #181a1f;
    --border-fefefe: #1b1e24;
    --border-3a3d42: #babdc2;
    --border-b4b7bd: #51545c;
    --border-ebedf0: #393e47;
    --border-f0f1f2: #393e47;
    --border-edeff2: #393e47;
    --border-f5f6f7: #2c3038;
    --border-dee0e3: #51545c;
    --border-dee0e3-gray0501: #51545c;
    --border-dee0e3-gray0502: #23272e;
    --border-587bf5: #587bf5;
    --ui0-base-gray1: 13 14 16;
    --ui0-base-gray2: 18 19 23;
    --ui0-base-gray3: 24 26 31;
    --ui0-base-gray4: 29 30 36;
    --ui0-base-gray5: 37 38 46;
    --ui0-base-gray6: 43 44 51;
    --ui0-base-gray7: 45 47 56;
    --ui0-base-gray8: 60 62 71;
    --ui0-base-gray9: 115 119 128;
    --ui0-base-gray10: 141 145 153;
    --ui0-base-gray11: 168 171 178;
    --ui0-base-gray12: 200 201 204;
    --ui0-base-gray13: 222 224 227;
    --ui0-base-gray14: 230 231 235;
    --ui0-base-gray15: 242 243 245;
    --ui0-base-gray16: 247 248 250;
    --ui0-base-gray17: 250 251 252;
    --ui0-base-gray18: 255 255 255;
    --ui0-base-bamboo4: 44 184 160;
    --ui0-base-bamboo5: 14 173 152;
    --ui0-base-bamboo7: 0 133 124;
    --ui0-base-volcano4: 240 106 91;
    --ui0-base-volcano5: 219 85 65;
    --ui0-base-volcano7: 178 56 25;
    --ui0-base-sunset5: 243 139 44;
    --ui0-base-blue: 83 100 254;
    --ui0-base-brand: var(--ui0-base-bamboo5);
    --ui0-base-brand_hover: var(--ui0-base-bamboo4);
    --ui0-base-brand_click: var(--ui0-base-bamboo7);
    --ui0-base-warning: var(--ui0-base-sunset5);
    --ui0-base-error: var(--ui0-base-volcano5);
    --ui0-base-success: var(--ui0-base-bamboo5);
    --ui0-base-positive: var(--ui0-base-bamboo5);
    --ui0-base-negative: var(--ui0-base-volcano5);
    --ui0-base-negative_hover: var(--ui0-base-volcano4);
    --ui0-base-negative_click: var(--ui0-base-volcano7);
    --ui0-text-primary: var(--ui0-base-gray18) /0.95;
    --ui0-text-secondary: var(--ui0-base-gray18) /0.7;
    --ui0-text-tertiary: var(--ui0-base-gray18) /0.5;
    --ui0-text-quaternary: var(--ui0-base-gray18) /0.3;
    --ui0-text-white: var(--ui0-base-gray18) /0.95;
    --ui0-text-all_black: var(--ui0-base-gray1) /0.95;
    --ui0-text-change_white: var(--ui0-base-gray1) /0.95;
    --ui0-text-black_primary: var(--ui0-base-gray18) /0.95;
    --ui0-text-black_secondary: var(--ui0-base-gray18) /0.7;
    --ui0-text-black_tertiary: var(--ui0-base-gray18) /0.5;
    --ui0-text-black_quaternary: var(--ui0-base-gray18) /0.3;
    --ui0-text-clear_blue: var(--ui0-base-blue);
    --ui0-bg-surface_gray: var(--ui0-base-gray1);
    --ui0-bg-surface_white: var(--ui0-base-gray1);
    --ui0-bg-primary_white: var(--ui0-base-gray2);
    --ui0-bg-primary_gray: var(--ui0-base-gray2);
    --ui0-bg-primary_black: var(--ui0-base-gray4);
    --ui0-bg-card_white: var(--ui0-base-gray4);
    --ui0-bg-card_gray: var(--ui0-base-gray4);
    --ui0-bg-card_lightgray: var(--ui0-base-gray4);
    --ui0-bg-card_black: var(--ui0-base-gray4);
    --ui0-bg-topmost_white: var(--ui0-base-gray7);
    --ui0-bg-topmost_gray_light: var(--ui0-base-gray5);
    --ui0-bg-topmost_gray_heavy: var(--ui0-base-gray5);
    --ui0-bg-input_gray: var(--ui0-base-gray6);
    --ui0-bg-button_gray: var(--ui0-base-gray18) /0.05;
    --ui0-bg-button_gray_hover: var(--ui0-base-gray18) /0.15;
    --ui0-bg-button_gray_click: var(--ui0-base-gray18) /0.3;
    --ui0-bg-input_white: var(--ui0-base-gray6);
    --ui0-bg-disable: var(--ui0-base-gray8);
    --ui0-bg-mask_black: var(--ui0-base-gray1) /0.8;
    --ui0-bg-mask_white: var(--ui0-base-gray1) /0.8;
    --ui0-bg-hover_white: var(--ui0-base-gray6);
    --ui0-bg-hover_gray_light: var(--ui0-base-gray5);
    --ui0-bg-hover_gray_heavy: var(--ui0-base-gray6);
    --ui0-bg-block_light: var(--ui0-base-gray6);
    --ui0-bg-block_heavy: var(--ui0-base-gray8);
    --ui0-bg-prompt: var(--ui0-base-gray7);
    --ui0-bg-button_black: var(--ui0-base-gray18) /0.9;
    --ui0-bg-button_black_hover: var(--ui0-base-gray18);
    --ui0-bg-button_black_click: var(--ui0-base-gray12);
    --ui0-bg-button_white: var(--ui0-base-gray18);
    --ui0-bg-button_white_hover: var(--ui0-base-gray18) /0.9;
    --ui0-bg-button_white_click: var(--ui0-base-gray18) /0.8;
    --ui0-bg-button_white_disable: var(--ui0-base-gray8);
    --ui0-bg-button_alpha: var(--ui0-base-bamboo5) /0.1;
    --ui0-bg-button_alpha_hover: var(--ui0-base-bamboo5) /0.05;
    --ui0-bg-button_alpha_click: var(--ui0-base-bamboo5) /0.2;
    --ui0-bg-clear_blue: var(--ui0-base-blue) /0.1;
    --ui0-bg-button_blackline_hover: var(--ui0-base-gray18) /0.05;
    --ui0-bg-button_blackline_active: var(--ui0-base-gray18) /0.15;
    --ui0-bg-button_whiteline_hover: var(--ui0-base-gray18) /0.05;
    --ui0-bg-button_whiteline_active: var(--ui0-base-gray18) /0.15;
    --ui0-line-heavy: var(--ui0-base-gray18) /0.15;
    --ui0-line-light: var(--ui0-base-gray18) /0.05;
    --ui0-line-white: var(--ui0-base-gray18) /0.15;
    --ui0-line-button_black: var(--ui0-base-gray18) /0.95;
    --ui0-line-button_white: var(--ui0-base-gray18)
}

.theme-night body {
    --dark-shadow-none: none;
    --dark-bg-none: none;
    --dark-bg-transparent: transparent;
    --dark-border-none: none
}

.theme-night body ::-webkit-resizer,
.theme-night body ::-webkit-scrollbar-thumb {
    background-color: #393e47
}

.theme-night body .dark\:shadow-none {
    box-shadow: none !important
}

.theme-night body .dark\:bg-none {
    background-image: none !important
}

.theme-night body .dark\:bg-transparent {
    background-color: transparent !important
}

.theme-night body .dark\:border-none {
    border: none !important
}

.theme-night body .dark\:border-3a3d42 {
    border-color: var(--border-3a3d42) !important
}

.theme-night body .dark\:hidden {
    display: none !important
}

.theme-night body .dark\:opacity-60 {
    opacity: .6
}

.theme-night body .dark\:text-161719 {
    color: var(--text-161719) !important
}



@font-face {
    font-display: swap;
    font-family: manrope;
    src: url(../app-resources-d6/assets/e91f5bb94291a8f67563c0b5e0842e55_587b921ff6274bbe6a82.v2.woff2)
}

@font-face {
    font-display: swap;
    font-family: manrope;
    font-weight: 300;
    src: url(../app-resources-d6/assets/8c3ccf5ceae5055d2a207188943458de_59e7be74210f8338b897.v2.woff2)
}

@font-face {
    font-display: swap;
    font-family: manrope;
    font-weight: 400;
    src: url(../app-resources-d6/assets/e91f5bb94291a8f67563c0b5e0842e55_587b921ff6274bbe6a82.v2.woff2)
}

@font-face {
    font-display: swap;
    font-family: manrope;
    font-weight: 500;
    src: url(../app-resources-d6/assets/e91f5bb94291a8f67563c0b5e0842e55_587b921ff6274bbe6a82.v2.woff2)
}

@font-face {
    font-display: swap;
    font-family: manrope;
    font-weight: 700;
    src: url(../app-resources-d6/assets/83e41aeba8c9a6dfbf2a08d02be84039_2ebdf56fd4adedd46f29.v2.woff2)
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSans;
    src: url(../app-resources-d6/assets/459c3045df28dbca11a2170c3e907df2_bf3a9ac0d09d3371255c.v2.woff2)
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSans;
    font-weight: 300;
    src: url(../app-resources-d6/assets/96e3d265589994bc091a1732796883dd_31d6cfe0d16ae931b73c.v2.woff2)
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSans;
    font-weight: 400;
    src: url(../app-resources-d6/assets/459c3045df28dbca11a2170c3e907df2_bf3a9ac0d09d3371255c.v2.woff2)
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSans;
    font-weight: 500;
    src: url(../app-resources-d6/assets/459c3045df28dbca11a2170c3e907df2_bf3a9ac0d09d3371255c.v2.woff2)
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSans;
    font-weight: 700;
    src: url(../app-resources-d6/assets/f57bd015636ad740c9e4a979b2376cfb_416f08db2c30b953b8ba.v2.woff2)
}

@font-face {
    font-family: Custom-Hyphen;
    src: local("PingFangSC-Regular"), local("SF Pro Text"), local("SF Pro Icons"), local("DIN"), local("Helvetica Neue"), local("Helvetica"), local("Arial"), local("sans-serif");
    unicode-range: u+2d
}

.theme-night body .el-loading-mask {
    background-color: var(--bg-ffffff);
    opacity: .9
}

.resp-desktop {
    min-width: 1360px
}

.mono-letter {
    font-family: Ubuntu Mono Letter, Ubuntu, PingFangSC-regular, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, Tahoma, sans-serif
}

#__layout,
#__nuxt {
    height: 100%;
    min-height: 100vh
}

a {
    color: var(--text-0ead98);
    text-decoration: none;
    transition: color .4s
}

a:focus {
    outline: none !important
}

a:hover {
    color: var(--text-1bbeb2)
}

.common-box {
    background: var(--bg-ffffff);
    border-radius: 2px;
    box-shadow: 1px 3px 7px -2px rgba(93, 97, 131, .06)
}

.via-text {
    font-weight: 500;
    line-height: 17px
}

.via-common-button,
.via-text {
    color: var(--text-27282c);
    font-size: 12px
}

.via-common-button {
    align-items: center;
    background: var(--bg-ffffff);
    border: 1px solid #e8ebf0;
    border-radius: 2px;
    box-shadow: 1px 1px 4px 0 rgba(141, 146, 167, .16);
    cursor: pointer;
    display: inline-flex;
    font-weight: 400;
    height: 28px;
    justify-content: center;
    line-height: 28px;
    min-width: 74px;
    padding: 6px 14px
}

.via-link {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px
}

::-webkit-scrollbar {
    height: 6px
}

::-webkit-horizontal,
::-webkit-scrollbar {
    background-color: transparent;
    padding: 0;
    width: 6px
}

::-webkit-scrollbar-track {
    background-color: var(--bg-ffffff)
}

::-webkit-scrollbar-thumb {
    background-color: #e4e8f1;
    border-radius: 4px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .05);
    width: 6px
}

::-webkit-scrollbar-corner {
    background-color: var(--bg-ffffff)
}

.g-inner-box {
    margin: 0 auto;
    width: 1280px
}

.screen-md {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.screen-md .g-inner-box {
    width: 100%
}

.width-restrict {
    margin: 0 auto;
    max-width: 1920px;
    min-width: 1280px;
    width: 100%
}

:focus {
    outline: none
}

.el-table__empty-text {
    width: 100%
}

.create-layer {
    transform: translateZ(0)
}

.el-popup-parent--hidden {
    padding-right: 0 !important
}

.geetest_captcha {
    direction: ltr
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    box-shadow: 0 0 0 1000px var(--bg-f7f8fa) inset !important;
    -webkit-text-fill-color: var(--text-27282c) !important
}

.skeleton-animation {
    animation: skeleton-loading 1.5s ease 0s infinite normal none running;
    background-image: linear-gradient(90deg, var(--bg-f7f8fa) 25%, var(--bg-ebedf0) 37%, var(--bg-f7f8fa) 63%);
    background-position: 100% 50%;
    background-size: 400% 100%
}

@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

svg {
    display: inline
}

html[dir=rtl] .el-menu {
    padding-left: 0;
    padding-right: 0
}

html[dir=rtl] .el-submenu [class^=el-icon-] {
    margin-left: 5px;
    margin-right: 0
}

html[dir=rtl] .el-submenu__icon-arrow {
    left: 20px;
    right: auto
}

html[dir=rtl] .el-menu-item-group__title {
    padding: 7px 20px 7px 0
}

html[dir=rtl] .el-button [class*=el-icon-]+span,
html[dir=rtl] .el-icon-right {
    margin-left: 0;
    margin-right: 5px
}

html[dir=rtl] .el-radio+.el-radio {
    margin-left: 0 !important;
    margin-right: 30px
}

html[dir=rtl] .el-radio__label {
    padding-left: 0 !important;
    padding-right: 10px
}

html[dir=rtl] .el-checkbox__label {
    padding-right: 10px
}

html[dir=rtl] .el-checkbox+.el-checkbox {
    margin-left: 0 !important;
    margin-right: 30px
}

html[dir=rtl] .el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: none;
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #dcdfe6
}

html[dir=rtl] .el-checkbox-button:last-child .el-checkbox-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px
}

html[dir=rtl] .el-checkbox-button.is-active:last-child .el-checkbox-button__inner {
    border-left: none
}

html[dir=rtl] .el-select .el-tag {
    margin: 2px 6px 2px 0
}

html[dir=rtl] .el-select-group__title {
    padding-left: 0;
    padding-right: 20px
}

html[dir=rtl] .el-select .el-tag__close.el-icon-close {
    left: -7px;
    right: auto
}

html[dir=rtl] .el-input__suffix {
    left: 5px;
    right: auto
}

html[dir=rtl] .el-input__prefix {
    left: auto;
    right: 5px
}

html[dir=rtl] .el-input--suffix .el-input__inner {
    padding-left: 30px;
    padding-right: 15px
}

html[dir=rtl] .rtl\:dir-ltr .el-input__suffix {
    left: auto;
    right: 5px
}

html[dir=rtl] .rtl\:dir-ltr .el-input__inner {
    padding-left: 15px;
    padding-right: 30px
}

html[dir=rtl] .el-switch__label--left {
    margin-left: 10px
}

html[dir=rtl] .el-switch__label--right {
    margin-right: 10px
}

html[dir=rtl] .demo-box.demo-slider .demonstration+.el-slider {
    margin-left: 20px
}

html[dir=rtl] .el-time-spinner__wrapper .el-scrollbar__wrap {
    margin-left: 10px !important;
    margin-right: 0 !important
}

html[dir=rtl] .el-picker-panel [slot=sidebar],
html[dir=rtl] .el-picker-panel__sidebar {
    left: 0
}

html[dir=rtl] .el-date-table td.start-date div {
    border-radius: 0 15px 15px 0;
    margin-left: 0;
    margin-right: 5px
}

html[dir=rtl] .el-date-table td.end-date div {
    border-radius: 15px 0 0 15px;
    margin-left: 5px;
    margin-right: 0
}

html[dir=rtl] .el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
    border-radius: 0 15px 15px 0;
    margin-left: 0;
    margin-right: 5px
}

html[dir=rtl] .el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
    border-radius: 15px 0 0 15px;
    margin-left: 5px;
    margin-right: 0
}

html[dir=rtl] .el-picker-panel__footer {
    text-align: left
}

html[dir=rtl] .el-button+.el-button {
    margin-left: 0;
    margin-right: 10px
}

html[dir=rtl] .el-upload-list__item .el-icon-close,
html[dir=rtl] .el-upload-list__item-status-label {
    left: 5px;
    right: auto
}

html[dir=rtl] .el-upload-list__item-name [class^=el-icon] {
    margin-left: 7px;
    margin-right: auto
}

html[dir=rtl] .el-upload-list__item-name {
    margin-left: 40px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 4px
}

html[dir=rtl] .el-rate__decimal,
html[dir=rtl] .el-rate__icon .path2 {
    left: auto;
    right: 0
}

html[dir=rtl] .el-rate__icon {
    margin-left: 6px;
    margin-right: 0
}

html[dir=rtl] .el-scrollbar__bar {
    left: 2px;
    right: auto !important
}

html[dir=rtl] .el-dialog__headerbtn {
    left: 20px;
    right: auto
}

html[dir=rtl] .el-form-item__label {
    float: right;
    padding: 0 0 0 12px;
    text-align: right
}

html[dir=rtl] .el-form-item__content {
    margin-left: 0 !important
}

html[dir=rtl] .el-form-item.is-required .el-form-item__label:before {
    content: ""
}

html[dir=rtl] .el-form-item.is-required .el-form-item__label:after {
    color: #f56c6c;
    content: "*";
    margin-right: 4px
}

html[dir=rtl] .el-form-item__error {
    left: auto;
    right: 0
}

html[dir=rtl] .el-message__icon {
    margin-left: 10px !important;
    margin-right: 0 !important
}

html[dir=rtl] .el-message.is-closable .el-message__content {
    padding-left: 16px !important;
    padding-right: 0 !important
}

html[dir=rtl] .el-message__closeBtn {
    left: 15px;
    right: auto
}

html[dir=rtl] .el-message-box__title:before {
    margin-left: 10px;
    margin-right: 0 !important
}

html[dir=rtl] .el-message-box {
    text-align: right
}

html[dir=rtl] .el-dropdown-link {
    cursor: pointer
}

html[dir=rtl] .el-icon-arrow-down {
    font-size: 12px
}

html[dir=rtl] .el-scrollbar__wrap::-webkit-scrollbar {
    display: none
}

html[dir=rtl] .el-tag .el-icon-close {
    left: -5px;
    right: auto
}

html[dir=rtl] .el-badge__content.is-fixed {
    left: 10px;
    right: auto;
    transform: translateY(-50%) translateX(-100%)
}

html[dir=rtl] .el-badge.mark {
    float: left
}

html[dir=rtl] .el-badge__content.is-fixed.is-dot {
    left: 5px;
    right: auto
}

html[dir=rtl] .el-alert__closebtn {
    left: 15px;
    right: auto
}

html[dir=rtl] .el-notification__group {
    margin-left: auto;
    margin-right: 13px
}

html[dir=rtl] .el-notification__closeBtn {
    left: 15px;
    right: auto
}

html[dir=rtl] .el-card__header .el-button--text {
    float: left !important
}

html[dir=rtl] .el-message-box__title {
    text-align: right
}

html[dir=rtl] .el-message-box__headerbtn {
    left: 15px;
    right: auto
}

html[dir=rtl] .el-message-box__status+.el-message-box__message {
    margin-right: 20px;
    text-align: right
}

html[dir=rtl] .el-message-box__status.el-icon-warning {
    right: 15px
}

html[dir=rtl] .el-message-box__btns {
    margin-top: 8px;
    text-align: left !important
}

html[dir=rtl] .el-message-box__btns button:nth-child(2) {
    margin-left: 0 !important;
    margin-right: 10px !important
}

html[dir=rtl] .el-menu.el-menu--horizontal {
    display: flex;
    justify-content: flex-start
}

html[dir=rtl] .el-table td,
html[dir=rtl] .el-table th {
    text-align: right
}

html[dir=rtl] .el-timeline-item__tail {
    left: auto;
    right: 4px
}

html[dir=rtl] .el-timeline-item__wrapper {
    padding-left: 0;
    padding-right: 28px
}

html[dir=rtl] .el-breadcrumb .el-breadcrumb__item {
    float: right
}

html[dir=rtl] .el-breadcrumb .el-breadcrumb__item i.el-breadcrumb__separator {
    transform: rotate(180deg)
}

html[dir=rtl] .el-steps.dir-rtl {
    padding-right: 0
}

html[dir=rtl] .el-steps.dir-rtl .el-step:first-child .el-step__title:before {
    display: none
}

html[dir=rtl] .el-steps.dir-rtl .el-step .el-step__head.is-process {
    left: calc(100% - 20px)
}

html[dir=rtl] .el-steps.dir-rtl .el-step .el-step__title:before {
    right: 0;
    transform: rotate(180deg)
}

html[dir=rtl] .el-steps.dir-rtl .el-step .el-step__title:after {
    right: 100% !important;
    transform: rotate(180deg)
}

html[dir=rtl] .el-tabs .el-tabs__nav {
    float: right
}

html[dir=rtl] .el-tabs .el-tabs__nav .el-tabs__active-bar {
    display: none
}

html[dir=rtl] .el-tabs .el-tabs__item:last-child,
html[dir=rtl] .el-tabs .el-tabs__item:nth-child(2) {
    padding-left: 0;
    padding-right: 0
}

html[dir=rtl] .el-tabs .el-tabs__item:last-child.is-active:after,
html[dir=rtl] .el-tabs .el-tabs__item:nth-child(2).is-active:after {
    left: 0;
    right: 0
}

html[dir=rtl] .el-step__main {
    text-align: right
}

html[dir=rtl] .el-pagination .el-icon-arrow-left,
html[dir=rtl] .el-pagination .el-icon-arrow-right,
html[dir=rtl] .el-pagination .el-icon-d-arrow-left,
html[dir=rtl] .el-pagination .el-icon-d-arrow-right {
    transform: scaleX(-1)
}

html[dir=rtl] .via-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item {
    margin: 0
}

html[dir=rtl] .via-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active:after {
    background-color: transparent;
    display: none
}

.unicode-plain,
[dir=rtl] .rtl\:unicode-plain {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

[dir=rtl] .rtl\:mirror {
    transform: scaleX(-1)
}

[dir=rtl] .rtl\:dir-ltr {
    direction: ltr
}

[dir=rtl] .rtl\:dir-rtl {
    direction: rtl
}

[dir=rtl] .rtl\:text-right {
    text-align: right
}

[dir=rtl] .rtl\:break-keep {
    word-break: keep-all
}

[dir=rtl] .rtl\:break-word {
    word-break: break-word !important
}

[dir=rtl] .rtl\:transform {
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important
}

[dir=rtl] .rtl\:translate-x-full {
    --transform-translate-x: 100% !important
}

[dir=rtl] .rtl\:hidden {
    display: none !important
}

[dir=rtl] .rtl\:block {
    display: block !important
}

:root {
    --float-start: left;
    --float-end: right
}

[dir=rtl] {
    --float-start: right;
    --float-end: left
}

[dir=rtl] .el-icon-question {
    transform: scaleX(-1)
}

[theme-style=old] .el-button {
    outline: none !important
}

[theme-style=old] .el-button.btn-white,
[theme-style=old] .el-button.el-button--default {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e7ecf2);
    border-radius: 4px;
    color: var(--text-27282c);
    font-size: 12px;
    outline: none;
    padding: 0;
    transition: .3s
}

[theme-style=old] .el-button.btn-white:active,
[theme-style=old] .el-button.btn-white:focus,
[theme-style=old] .el-button.btn-white:hover,
[theme-style=old] .el-button.el-button--default:active,
[theme-style=old] .el-button.el-button--default:focus,
[theme-style=old] .el-button.el-button--default:hover {
    background: none;
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98)
}

[theme-style=old] .el-button.btn-white.active,
[theme-style=old] .el-button.el-button--default.active {
    border-color: var(--border-0ead98);
    color: var(--text-0ead98) !important
}

[theme-style=old] .el-button.btn-white2 {
    background: var(--bg-ffffff);
    border-color: var(--border-dee0eb);
    -o-border-image: initial;
    border-image: initial;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: var(--dark-shadow-none, 1px 1px 4px 0 rgba(141, 146, 167, .16));
    color: var(--text-27282c);
    font-size: 12px;
    padding: 0;
    transition: .3s
}

[theme-style=old] .el-button.btn-white2:active,
[theme-style=old] .el-button.btn-white2:focus,
[theme-style=old] .el-button.btn-white2:hover {
    background: var(--bg-f3f4f5);
    border: 1px solid var(--border-e7ecf2)
}

[theme-style=old] .el-button.btn-blue,
[theme-style=old] .el-button.el-button--primary {
    background: var(--bg-0ead98);
    border: none;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(81, 85, 140, .11);
    color: #fff;
    font-size: 12px;
    padding: 0;
    transition: .3s
}

[theme-style=old] .el-button.btn-blue:active,
[theme-style=old] .el-button.btn-blue:focus,
[theme-style=old] .el-button.btn-blue:hover,
[theme-style=old] .el-button.el-button--primary:active,
[theme-style=old] .el-button.el-button--primary:focus,
[theme-style=old] .el-button.el-button--primary:hover {
    background: var(--bg-1bbeb2);
    border: none;
    color: #fff
}

[theme-style=old] .el-button.btn-blue2 {
    background: var(--bg-0ead98);
    border: none;
    border-radius: 2px;
    box-shadow: 0 4px 8px 0 rgba(81, 85, 140, .11);
    color: #fff;
    font-size: 12px;
    padding: 0;
    transition: .3s
}

[theme-style=old] .el-button.btn-blue2:active,
[theme-style=old] .el-button.btn-blue2:focus,
[theme-style=old] .el-button.btn-blue2:hover {
    background: var(--bg-0ead98);
    border: none;
    color: #fff
}

[theme-style=old] .el-button.btn-green {
    background: var(--bg-0ead98);
    border: none !important;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    transition: .3s
}

[theme-style=old] .el-button.btn-green:active,
[theme-style=old] .el-button.btn-green:focus,
[theme-style=old] .el-button.btn-green:hover {
    background: var(--bg-1bbeb2);
    color: #fff
}

[theme-style=old] .el-button.btn-green-outline {
    background: var(--bg-ffffff);
    border: 1px solid #0ead98 !important;
    border-radius: 2px;
    color: #0ead98;
    font-size: 12px;
    transition: .3s
}

[theme-style=old] .el-button.btn-green-outline:active,
[theme-style=old] .el-button.btn-green-outline:focus,
[theme-style=old] .el-button.btn-green-outline:hover {
    background: #f2fdf7
}

[theme-style=old] .el-button.btn-red {
    background: #db5541;
    border: none !important;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    transition: .3s
}

[theme-style=old] .el-button.btn-red:active,
[theme-style=old] .el-button.btn-red:focus,
[theme-style=old] .el-button.btn-red:hover {
    background: #d1462d;
    color: #fff
}

[theme-style=old] .el-button.btn-red-outline {
    background: var(--bg-ffffff);
    border: 1px solid #db5541 !important;
    border-radius: 2px;
    color: #db5541;
    font-size: 12px;
    transition: .3s
}

[theme-style=old] .el-button.btn-red-outline:active,
[theme-style=old] .el-button.btn-red-outline:focus,
[theme-style=old] .el-button.btn-red-outline:hover {
    background: #fff8f6;
    color: #db5541
}

[theme-style=old] .el-button.btn-asset {
    background-color: transparent;
    border: 0;
    border-radius: 12px;
    color: var(--text-0ead98);
    display: flex;
    font-size: 12px;
    line-height: 22px;
    padding: 0 20px
}

[theme-style=old] .el-button.btn-asset .iconfont {
    margin-right: 7px
}

[theme-style=old] .el-button.btn-asset:active,
[theme-style=old] .el-button.btn-asset:focus,
[theme-style=old] .el-button.btn-asset:hover {
    border: 0
}

[theme-style=old] .el-button.el-button--text {
    color: var(--text-0ead98);
    font-size: 12px;
    outline: none;
    padding: 0
}

[theme-style=old] .el-button.is-disabled {
    background: var(--bg-f2f2f2) !important;
    border-color: var(--border-f2f2f2) !important;
    box-shadow: none !important;
    color: var(--text-7d7f81) !important;
    cursor: not-allowed
}

[theme-style=old] .el-button.btn-big {
    border-radius: 4px;
    font-size: 14px;
    line-height: 40px
}

[theme-style=old] .el-button.el-button--medium {
    font-size: 12px;
    height: 30px;
    padding: 0 9px
}

[theme-style=old] .el-button.is-plain {
    background: var(--bg-transparent);
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98)
}

[theme-style=old] .el-button.is-plain:hover {
    background: var(--bg-1bbeb2);
    border: 1px solid var(--border-1bbeb2);
    color: #fff
}

[theme-style=old] .via-btn-switch.el-button {
    background-color: initial !important;
    border: 1px solid var(--border-e0e3ed);
    border-radius: 2px;
    color: var(--text-7d7f81);
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    height: 24px;
    line-height: 22px;
    outline: none;
    padding: 0 10px;
    text-align: center
}

[theme-style=old] .via-btn-switch.el-button:active,
[theme-style=old] .via-btn-switch.el-button:focus,
[theme-style=old] .via-btn-switch.el-button:hover {
    background-color: initial !important;
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98)
}

[theme-style=old] .via-btn-switch.el-button.is-disabled {
    background-color: var(--bg-f2f2f2);
    border: none;
    color: var(--text-7d7f81);
    cursor: not-allowed
}

[theme-style=old] .via-btn-secondary.el-button {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e7ecf2);
    border-radius: 2px;
    color: var(--text-27282c);
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    outline: none;
    padding: 0 9px;
    text-align: center
}

[theme-style=old] .via-btn-secondary.el-button:active,
[theme-style=old] .via-btn-secondary.el-button:focus,
[theme-style=old] .via-btn-secondary.el-button:hover {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-dee0eb);
    color: var(--text-27282c)
}

[theme-style=old] .via-btn-secondary.el-button.active {
    border-color: #e7eaf6
}

[theme-style=old] .on-cancel {
    background-image: linear-gradient(228deg, #3b509d, #93a2dc) !important;
    box-shadow: 0 4px 8px 0 rgba(81, 85, 140, .11) !important;
    color: var(--text-ffffff) !important
}

[theme-style=old] .on-cancel:active,
[theme-style=old] .on-cancel:focus,
[theme-style=old] .on-cancel:hover {
    background-image: linear-gradient(228deg, #3e5ac1, #a9b7eb) !important;
    border: none !important
}

[theme-style=old] .on-confirm {
    background: var(--bg-ffffff) !important;
    border: 1px solid var(--border-e7ecf2) !important;
    color: var(--text-27282c) !important
}

[theme-style=old] .on-confirm:active,
[theme-style=old] .on-confirm:focus,
[theme-style=old] .on-confirm:hover {
    background: var(--bg-f3f4f5) !important;
    border: 1px solid var(--border-e7ecf2) !important
}

[theme-style=old] .on-confirm.active {
    border-color: var(--border-0ead98) !important;
    color: var(--text-0ead98) !important
}

[theme-style=old] .via-glod-btn {
    align-items: center;
    background-image: url(../app-resources-d6/assets/b307c2e501377fe051cba06654c56251_b04500f96aaf8c4433ab.v2.webp), linear-gradient(270deg, #ecd29b, #ffdf95);
    background-position: 100%, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: 72px 24px, 100% 100%;
    border-radius: 0 16px 16px 4px;
    color: #5f321a;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-style: oblique;
    height: 24px;
    min-width: 105px;
    padding: 0 24px;
    position: relative
}

[theme-style=old] .via-glod-btn:before {
    background: url(../app-resources-d6/assets/605e944b24f26e1a07cabe00b2e79c8a_183220b41a8a563162e7.v2.webp) no-repeat;
    height: 15px;
    left: 6px;
    width: 17px
}

[theme-style=old] .via-glod-btn:after,
[theme-style=old] .via-glod-btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

[theme-style=old] .via-glod-btn:after {
    background: url(../app-resources-d6/assets/b18bf8d5a4885cd859ce42866fd59226_48d5ebae3cde4743a341.v2.webp) no-repeat;
    height: 12px;
    right: 6px;
    width: 12px
}

[theme-style=old] .com-menu {
    border-right: none
}

[theme-style=old] .com-menu,
[theme-style=old] .com-menu .el-menu--inline {
    background-color: transparent
}

[theme-style=old] .com-menu .iconfont {
    color: var(--text-27282c);
    font-size: 18px;
    margin-right: 15px
}

[theme-style=old] .com-menu .menu-icon {
    display: inline-block;
    margin-right: 15px;
    width: 16px
}

[theme-style=old] .com-menu .el-submenu {
    background-color: var(--bg-ffffff);
    overflow: hidden
}

[theme-style=old] .com-menu .el-submenu__title:hover {
    background-color: var(--bg-f8fcfb)
}

[theme-style=old] .com-menu .el-menu-item {
    background-color: var(--bg-ffffff);
    color: var(--text-27282c);
    font-size: 14px;
    min-width: auto
}

[theme-style=old] .com-menu .el-menu-item.is-active {
    background-color: var(--bg-f8fcfb);
    color: var(--text-0ead98);
    font-weight: 500
}

[theme-style=old] .com-menu .el-menu-item:hover {
    background: var(--bg-f8fcfb)
}

[theme-style=old] .com-menu .el-menu .el-menu-item {
    padding-inline: 70px 10px
}

[theme-style=old] .com-menu>[role=menuitem]:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

[theme-style=old] .com-menu>[role=menuitem]:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

[theme-style=old] .com-menu-new {
    background-color: transparent;
    border-right: none
}

[theme-style=old] .com-menu-new .el-menu--inline {
    background-color: transparent
}

[theme-style=old] .com-menu-new .iconfont {
    color: #c5cad0;
    font-size: 18px;
    margin-right: 15px
}

[theme-style=old] .com-menu-new .menu-icon {
    display: inline-block;
    margin-right: 15px;
    width: 16px
}

[theme-style=old] .com-menu-new .el-submenu {
    background-color: var(--bg-ffffff);
    overflow: hidden
}

[theme-style=old] .com-menu-new .el-submenu__title {
    height: 68px;
    line-height: 68px
}

[theme-style=old] .com-menu-new .el-submenu__title:hover {
    background-color: var(--bg-f8fcfb);
    color: var(--text-0ead98)
}

[theme-style=old] .com-menu-new .el-submenu__title:hover .el-icon-arrow-down,
[theme-style=old] .com-menu-new .menu-item:hover .iconfont {
    color: var(--text-0ead98)
}

[theme-style=old] .com-menu-new .el-menu-item {
    background-color: var(--bg-ffffff);
    color: var(--text-27282c);
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    min-width: auto
}

[theme-style=old] .com-menu-new .el-menu-item.is-active,
[theme-style=old] .com-menu-new .el-menu-item:hover {
    background-color: var(--bg-f8fcfb);
    color: var(--text-0ead98)
}

[theme-style=old] .com-menu-new .el-menu-item.is-active {
    font-weight: 500
}

[theme-style=old] .com-menu-new .el-menu .el-menu-item {
    padding-inline: 69px 10px !important
}

[theme-style=old] .com-menu-new>[role=menuitem]:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

[theme-style=old] .com-menu-new>[role=menuitem]:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

[theme-style=old] .via-menu-horizontal.el-menu--horizontal {
    background-color: var(--bg-ffffff);
    border-bottom: 1px solid var(--border-e7ecf2)
}

[theme-style=old] .via-menu-horizontal.el-menu--horizontal .el-menu-item {
    border-bottom: none;
    color: var(--text-7d7f81);
    height: 54px;
    line-height: 54px;
    margin: 0 30px 0 0;
    padding: 0;
    position: relative
}

[theme-style=old] .via-menu-horizontal.el-menu--horizontal .el-menu-item:hover {
    background-color: transparent
}

[theme-style=old] .via-menu-horizontal.el-menu--horizontal .el-menu-item.is-active {
    background-color: transparent;
    color: var(--text-27282c)
}

[theme-style=old] .via-menu-horizontal.el-menu--horizontal .el-menu-item.is-active:after {
    background-color: var(--text-0ead98);
    bottom: -1px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 38px
}

[theme-style=old] .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
[theme-style=old] .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    color: var(--text-27282c)
}

[theme-style=old] .el-table {
    background-color: var(--bg-ffffff)
}

[theme-style=old] .el-table .cell {
    word-break: break-word
}

[theme-style=old] .el-table .sort-caret {
    pointer-events: none
}

[theme-style=old] .el-table .sort-caret.descending {
    border-top-color: var(--dark-a6a9ae, #c0c4cc)
}

[theme-style=old] .el-table .sort-caret.ascending {
    border-bottom-color: var(--dark-a6a9ae, #c0c4cc)
}

[theme-style=old] .el-table .descending .sort-caret.descending {
    border-top-color: #409eff
}

[theme-style=old] .el-table .ascending .sort-caret.ascending {
    border-bottom-color: #409eff
}

[theme-style=old] .el-table th,
[theme-style=old] .el-table tr {
    background-color: var(--bg-ffffff)
}

[theme-style=old] .com-table {
    color: var(--text-27282c);
    font-size: 12px
}

[theme-style=old] .com-table:before {
    display: none
}

[theme-style=old] .com-table thead {
    color: #7d7f81
}

[theme-style=old] .com-table thead th {
    background: transparent;
    border-bottom-width: 0 !important;
    font-weight: 400;
    padding: 20px 0 12px
}

[theme-style=old] .com-table thead th .cell {
    line-height: inherit;
    padding: 0
}

[theme-style=old] .com-table tbody td {
    border-bottom: none;
    height: 42px;
    padding: 0
}

[theme-style=old] .com-table tbody td .cell {
    line-height: 18px;
    padding: 0
}

[theme-style=old] .com-table tbody .el-table__row--striped td {
    background: #fafbfd !important
}

[theme-style=old] .com-table .ascending .sort-caret.ascending,
[theme-style=old] .com-table .descending .sort-caret.descending {
    color: var(--text-0ead98) !important
}

[theme-style=old] .com-table .el-table__header-wrapper .el-table__header .caret-wrapper .sort-caret {
    color: var(--text-7d7f81);
    display: inline-block;
    height: auto;
    position: relative;
    width: auto;
    -webkit-font-smoothing: antialiased;
    border: 0;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    text-transform: none;
    vertical-align: baseline;
    speak: none;
    font-family: element-icons !important;
    font-feature-settings: normal;
    font-variant: normal
}

[theme-style=old] .com-table .el-table__header-wrapper .el-table__header .caret-wrapper .sort-caret.ascending {
    left: 7px;
    top: 10px
}

[theme-style=old] .com-table .el-table__header-wrapper .el-table__header .caret-wrapper .sort-caret.ascending:before {
    content: ""
}

[theme-style=old] .com-table .el-table__header-wrapper .el-table__header .caret-wrapper .sort-caret.descending {
    left: 0;
    top: -1px
}

[theme-style=old] .com-table .el-table__header-wrapper .el-table__header .caret-wrapper .sort-caret.descending:before {
    content: ""
}

[theme-style=old] .el-table--enable-row-hover .el-table__body tr:hover>td {
    background: var(--bg-ffffff) !important
}

[theme-style=old] .record-table:before {
    display: none
}

[theme-style=old] .record-table th {
    border-bottom: none !important;
    color: var(--text-7d7f81);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding: 10px 0
}

[theme-style=old] .record-table th .cell {
    line-height: 16px;
    padding: 0 20px
}

[theme-style=old] .record-table th:last-child {
    border-right: 0
}

[theme-style=old] .record-table th:last-child .cell {
    text-align: right
}

[theme-style=old] .record-table .el-table__body tr td {
    border-bottom: none;
    color: var(--text-27282c);
    font-size: 12px;
    min-height: 42px;
    padding: 12px 0;
    vertical-align: middle
}

[theme-style=old] .record-table .el-table__body tr td .cell {
    line-height: 16px;
    padding: 0 20px
}

[theme-style=old] .record-table .el-table__body tr td:last-child {
    border-right: 0
}

[theme-style=old] .record-table .el-table__body tr:last-child td {
    border-bottom: 0
}

[theme-style=old] .el-radio__inner {
    background: var(--bg-f2f2f2);
    border: 1px solid var(--border-e0e3ed)
}

[theme-style=old] .el-radio__inner:after {
    background-color: var(--bg-ffffff)
}

[theme-style=old] .c-radio {
    color: var(--text-27282c);
    font-weight: 400
}

[theme-style=old] .c-radio .el-radio__label {
    padding-inline-start: 6px
}

[theme-style=old] .c-radio .el-radio__input.is-checked+.el-radio__label {
    color: var(--text-27282c)
}

[theme-style=old] .c-radio .el-radio__input.is-checked .el-radio__inner {
    background-color: var(--bg-0ead98);
    border-color: var(--border-0ead98)
}

[theme-style=old] .com-radio-group .el-radio-button .el-radio-button__inner {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-c1c6d7) !important;
    border-radius: 2px !important;
    color: var(--text-27282c);
    font-size: 12px;
    padding: 6px 15px
}

[theme-style=old] .com-radio-group .el-radio-button.is-active .el-radio-button__inner {
    background-color: transparent;
    border: 1px solid var(--border-0ead98) !important;
    box-shadow: 1px 1px 4px 0 rgba(141, 146, 167, .16);
    color: var(--text-0ead98)
}

[theme-style=old] .via-radio .el-radio__input.is-checked .el-radio__inner {
    background-color: var(--bg-0ead98);
    border-color: var(--border-0ead98)
}

[theme-style=old] .via-radio .el-radio__input.is-checked+.el-radio__label {
    color: var(--text-27282c)
}

[theme-style=old] .el-checkbox .el-checkbox__inner {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-7d7f81)
}

[theme-style=old] .el-checkbox.is-checked .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--bg-0ead98);
    border-color: var(--text-0ead98)
}

[theme-style=old] .el-checkbox.is-checked .el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--text-0ead98)
}

[theme-style=old] .wallet-checkbox {
    line-height: 24px
}

[theme-style=old] .wallet-checkbox .el-checkbox__label {
    border-bottom: 1px dashed;
    margin-left: 10px;
    padding-left: 0
}

[theme-style=old] .c-checkbox {
    align-items: center;
    color: var(--text-27282c);
    display: inline-flex;
    font-weight: 400
}

[theme-style=old] .c-checkbox .el-checkbox__input .el-checkbox__inner {
    border-radius: 0;
    height: 13px;
    width: 13px
}

[theme-style=old] .c-checkbox .el-checkbox__label {
    font-size: 12px;
    line-height: 15px;
    margin-left: 6px;
    outline: none;
    padding-left: 0;
    white-space: normal
}

[theme-style=old] .c-checkbox .el-checkbox__label span {
    outline: none
}

[theme-style=old] .c-checkbox.is-checked .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--bg-0ead98);
    border-color: var(--border-0ead98)
}

[theme-style=old] .c-checkbox.is-checked .el-checkbox__label {
    color: var(--text-27282c)
}

[theme-style=old] .el-switch .el-switch__core {
    background: #e6ebf0;
    border-color: #e6ebf0
}

[theme-style=old] .el-switch.is-checked .el-switch__core {
    background: var(--bg-0ead98);
    border-color: var(--border-0ead98)
}

[theme-style=old] .el-pagination,
[theme-style=old] .pagination.is-background {
    margin-top: 0;
    padding: 12px 0;
    text-align: right
}

[theme-style=old] .el-pagination .el-pager li,
[theme-style=old] .pagination.is-background .el-pager li {
    background-color: var(--bg-ffffff) !important;
    border: 1px solid var(--bg-f3f4f5);
    color: var(--text-7d7f81) !important;
    font-size: 12px;
    font-weight: 400;
    height: 22px !important;
    line-height: 22px;
    min-width: 22px !important;
    padding: 0;
    width: 30px !important
}

[theme-style=old] .el-pagination .el-pager li.active,
[theme-style=old] .el-pagination .el-pager li:not(.disabled).active,
[theme-style=old] .pagination.is-background .el-pager li.active,
[theme-style=old] .pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--bg-0ead98) !important;
    border-color: var(--border-0ead98);
    color: #fff !important
}

[theme-style=old] .el-pagination .el-pager li:not(.active):hover,
[theme-style=old] .pagination.is-background .el-pager li:not(.active):hover {
    background-color: var(--bg-f3f4f5) !important
}

[theme-style=old] .el-pagination .el-pager li.more:before,
[theme-style=old] .pagination.is-background .el-pager li.more:before {
    line-height: 22px
}

[theme-style=old] .el-pagination .btn-next,
[theme-style=old] .el-pagination .btn-prev,
[theme-style=old] .pagination.is-background .btn-next,
[theme-style=old] .pagination.is-background .btn-prev {
    background-color: var(--bg-ffffff) !important;
    color: #6d3d3d;
    font-size: 12px;
    height: 22px !important;
    line-height: 22px;
    min-width: 22px !important;
    width: 22px !important
}

[theme-style=old] .el-select-dropdown {
    background-color: var(--bg-ffffff);
    border: none
}

[theme-style=old] .el-select-dropdown .popper__arrow {
    display: none !important
}

[theme-style=old] .el-select-dropdown .el-select-dropdown__item {
    color: var(--text-7d7f81)
}

[theme-style=old] .el-select-dropdown .el-select-dropdown__item.selected {
    background-color: var(--bg-f8fcfb);
    color: var(--text-0ead98)
}

[theme-style=old] .el-select-dropdown .el-select-dropdown__item.hover,
[theme-style=old] .el-select-dropdown .el-select-dropdown__item:hover {
    background-color: var(--bg-f8fcfb)
}

[theme-style=old] .el-select .el-input.is-focus .el-input__inner,
[theme-style=old] .el-select .el-input__inner:focus {
    border-color: var(--border-0ead98)
}

[theme-style=old] .com-select {
    min-width: 110px
}

[theme-style=old] .com-select .el-input {
    font-size: 12px
}

[theme-style=old] .com-select .el-input .el-input__inner {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e0e3ed);
    border-radius: 2px;
    color: var(--text-27282c);
    height: 24px;
    line-height: 24px;
    padding-inline: 14px 7px
}

[theme-style=old] .com-select .el-input .el-input__inner::-moz-placeholder {
    color: var(--text-b4b7bd);
    font-size: 12px
}

[theme-style=old] .com-select .el-input .el-input__inner::placeholder {
    color: var(--text-b4b7bd);
    font-size: 12px
}

[theme-style=old] .com-select .el-input .el-input__suffix .el-input__icon {
    font-size: 12px;
    line-height: 24px
}

[theme-style=old] .via-tabs {
    display: flex;
    flex-direction: column
}

[theme-style=old] .via-tabs .el-tabs__header {
    margin-bottom: 0;
    margin-left: 1px
}

[theme-style=old] .via-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav {
    display: flex;
    height: 37px;
    outline: none
}

[theme-style=old] .via-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__active-bar {
    display: none
}

[theme-style=old] .via-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item {
    background-color: var(--bg-f2f2f2);
    border-right: 1px solid var(--border-f2f2f2);
    color: var(--text-7d7f81);
    font-size: 14px;
    font-weight: 400;
    height: 34px;
    line-height: 34px;
    margin-top: 3px;
    outline: none;
    padding: 0 29px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

[theme-style=old] .via-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item:last-child {
    border-right-width: 0
}

[theme-style=old] .via-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active {
    background-color: var(--bg-ffffff);
    border-right-width: 0;
    box-shadow: 2px 0 2.5px 0 rgba(93, 94, 116, .07);
    color: var(--text-27282c);
    font-size: 14px;
    font-weight: 500;
    height: 37px;
    margin-top: 0;
    padding-top: 3px;
    position: relative
}

[theme-style=old] .via-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active:after {
    background-image: url(../app-resources-d6/assets/d0066640dbb227acfac3dd1e9a783059_39438e98896feeaff437.v2.webp);
    background-size: cover;
    content: " ";
    display: block;
    height: 37px;
    position: absolute;
    right: -15px;
    top: 0;
    transform: rotateY(180deg);
    width: 15px;
    z-index: 1
}

[theme-style=old] .via-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active:last-child:after {
    left: -15px;
    right: auto;
    transform: rotateY(0deg)
}

[theme-style=old] .via-tabs .el-tabs__header .el-tabs__nav-wrap:after {
    display: none
}

[theme-style=old] .via-tabs .el-tabs__content {
    flex: 1 1 0%
}

[theme-style=old] .via-tabs .el-tabs__content .el-tab-pane {
    height: 100%
}

[theme-style=old] .via-tabs.has-nav-right .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav {
    width: 100%
}

[theme-style=old] .via-tabs.has-nav-right .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item:nth-last-child(2).is-active:after {
    left: -15px;
    right: auto;
    transform: rotateY(0deg)
}

[theme-style=old] .via-tabs.has-nav-right .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item:last-child.is-disabled {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    justify-content: flex-end;
    padding: 0
}

[theme-style=old] .el-date-editor.com-range-picker {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-dee0eb);
    border-radius: 2px;
    height: 24px;
    line-height: 22px;
    padding: 0 10px;
    padding-inline-end: 5px;
    width: 228px
}

[theme-style=old] .el-date-editor.com-range-picker .el-input__icon {
    line-height: 22px
}

[theme-style=old] .el-date-editor.com-range-picker .el-range-separator {
    color: #9ca3b0;
    font-size: 12px;
    line-height: 22px;
    width: auto
}

[theme-style=old] .el-date-editor.com-range-picker .el-range-input {
    background: transparent;
    color: var(--text-27282c);
    font-size: 12px
}

[theme-style=old] .el-picker-panel {
    background-color: var(--bg-ffffff);
    border-color: var(--border-dee0eb)
}

[theme-style=old] .el-picker-panel .el-date-range-picker__content.is-left {
    border-color: var(--border-dee0eb)
}

[theme-style=old] .el-picker-panel .el-date-range-picker__header .el-picker-panel__icon-btn,
[theme-style=old] .el-picker-panel .el-date-range-picker__header div {
    color: var(--text-27282c)
}

[theme-style=old] .el-picker-panel table td,
[theme-style=old] .el-picker-panel table th {
    text-align: center
}

[theme-style=old] .el-picker-panel table th {
    border-color: var(--border-dee0eb);
    color: var(--text-27282c)
}

[theme-style=old] .el-picker-panel table tbody td.next-month div,
[theme-style=old] .el-picker-panel table tbody td.prev-month div {
    color: var(--text-7d7f81)
}

[theme-style=old] .el-picker-panel table tbody td.available div {
    color: var(--text-27282c)
}

[theme-style=old] .el-picker-panel table tbody td.in-range div {
    background-color: var(--bg-f8fcfb)
}

[theme-style=old] .el-picker-panel table tbody td.today span {
    color: var(--text-0ead98)
}

[theme-style=old] .el-picker-panel table tbody td.end-date div,
[theme-style=old] .el-picker-panel table tbody td.start-date div {
    color: var(--text-ffffff)
}

[theme-style=old] .el-picker-panel table tbody td.end-date span,
[theme-style=old] .el-picker-panel table tbody td.start-date span {
    background-color: var(--bg-0ead98)
}

[theme-style=old] .el-picker-panel table tbody td.end-date.today span,
[theme-style=old] .el-picker-panel table tbody td.start-date.today span {
    color: var(--text-ffffff)
}

[theme-style=old] .el-picker-panel table tbody td.disabled div {
    background-color: var(--bg-f2f2f2)
}

[theme-style=old] .el-message-box {
    background: var(--bg-ffffff);
    border: 1px solid var(--border-e7ecf2);
    border-radius: 2px;
    box-shadow: 2px 2px 12px 0 rgba(194, 197, 218, .14);
    max-width: calc(100% - 30px);
    padding-bottom: 25px;
    width: 540px
}

[theme-style=old] .el-message-box .el-message-box__header {
    padding: 22px 26px 0
}

[theme-style=old] .el-message-box .el-message-box__header .el-message-box__title {
    align-items: center;
    color: var(--text-27282c);
    display: flex;
    font-size: 18px;
    font-weight: 500;
    justify-content: flex-start
}

[theme-style=old] .el-message-box .el-message-box__header .el-message-box__title:before {
    background-size: contain;
    content: " ";
    display: none;
    height: 30px;
    margin-right: 10px;
    width: 30px
}

[theme-style=old] .el-message-box .el-message-box__header .el-message-box__headerbtn {
    outline: none !important
}

[theme-style=old] .el-message-box .el-message-box__header .el-message-box__headerbtn:hover .el-message-box__close {
    color: var(--text-0ead98)
}

[theme-style=old] .el-message-box.warning .el-message-box__header .el-message-box__title:before {
    background-image: url(../app-resources-d6/assets/6caa0a1cd861ea77aac36d34916f8f2e_f5298953a20013bd2b65.v2.svg);
    display: inline-block
}

[theme-style=old] .el-message-box.success .el-message-box__header .el-message-box__title:before {
    background-image: url(../app-resources-d6/assets/48332e20d883b4c3d85b96b96d82d71a_5c0cd393261f026fe544.v2.svg);
    display: inline-block
}

[theme-style=old] .el-message-box .el-message-box__content {
    padding: 36px 26px 40px
}

[theme-style=old] .el-message-box .el-message-box__content .el-message-box__container .el-message-box__status {
    display: none
}

[theme-style=old] .el-message-box .el-message-box__content .el-message-box__container .el-message-box__message {
    color: var(--text-27282c);
    font-size: 16px;
    padding: 0
}

[theme-style=old] .el-message-box .el-message-box__content .el-message-box__container .el-message-box__message p {
    word-break: break-word
}

[theme-style=old] .el-message-box .el-message-box__content .el-message-box__input .el-input {
    height: 46px
}

[theme-style=old] .el-message-box .el-message-box__content .el-message-box__input .el-input .el-input__inner {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e7ecf2);
    border-radius: 2px;
    color: var(--text-27282c);
    font-size: 12px;
    height: 100%
}

[theme-style=old] .el-message-box .el-message-box__content .el-message-box__input .el-input .el-input__inner:focus {
    background-color: var(--bg-ffffff);
    border: 2px solid #7b8ac5
}

[theme-style=old] .el-message-box .el-message-box__content .el-message-box__input .el-input .el-input__inner::-moz-placeholder {
    color: var(--text-b4b7bd)
}

[theme-style=old] .el-message-box .el-message-box__content .el-message-box__input .el-input .el-input__inner::placeholder {
    color: var(--text-b4b7bd)
}

[theme-style=old] .el-message-box .el-message-box__content .el-message-box__input .el-input .el-input__inner.invalid {
    background-color: #fffaf8;
    border-color: var(--text-error)
}

[theme-style=old] .el-message-box .el-message-box__content .el-message-box__input .el-message-box__errormsg {
    color: var(--text-error)
}

[theme-style=old] .el-message-box .el-message-box__btns {
    display: flex;
    justify-content: space-between;
    padding: 0 26px
}

[theme-style=old] .el-message-box .el-message-box__btns .el-button {
    flex: 1 1 0%;
    height: 46px;
    width: 238px
}

[theme-style=old] .el-message-box .el-message-box__btns .el-button:only-child {
    margin-left: auto
}

[theme-style=old] .el-message-box .el-message-box__btns .el-button.el-button--default:not(.el-button--primary) {
    color: var(--text-7d7f81)
}

[theme-style=old] .el-dialog {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    left: 50%;
    margin: 0 !important;
    max-height: 100%;
    max-width: calc(100% - 30px);
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto
}

[theme-style=old] .el-dialog .el-dialog__body {
    color: var(--text-27282c);
    flex: 1 1 0%;
    overflow: auto;
    padding: 0 25px 30px;
    word-break: normal
}

[theme-style=old] .el-dialog .el-dialog__headerbtn {
    outline: 2px solid transparent;
    outline-offset: 2px
}

[theme-style=old] .el-dialog .el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--text-0ead98)
}

[theme-style=old] .via-dialog-sm .el-dialog {
    width: 540px
}

[theme-style=old] .via-dialog-md .el-dialog {
    width: 730px
}

[theme-style=old] .el-dialog__header {
    padding: 25px
}

[theme-style=old] .el-dialog__header .el-dialog__title {
    color: var(--text-27282c);
    font-size: 18px;
    font-weight: 500;
    line-height: 25px
}

[theme-style=old] .el-dialog__header .el-dialog__close {
    color: var(--text-7d7f81)
}

[theme-style=old] .el-dialog__footer {
    padding: 25px;
    text-align: center
}

[theme-style=old] .table-dialog .el-dialog__header {
    background-color: var(--bg-fbfbfb);
    border-bottom: 1px solid var(--border-e0e3ed);
    color: var(--text-27282c)
}

[theme-style=old] .via-form .el-form-item .el-form-item__content .el-input {
    height: 46px
}

[theme-style=old] .via-form .el-form-item .el-form-item__content .el-input .el-input__inner {
    background: none;
    border: 1px solid var(--border-e0e3ed);
    border-radius: 4px;
    color: var(--text-27282c);
    font-size: 12px;
    height: 100%
}

[theme-style=old] .via-form .el-form-item .el-form-item__content .el-input .el-input__inner:focus,
[theme-style=old] .via-form .el-form-item .el-form-item__content .el-input .el-input__inner:hover {
    border: 1px solid var(--border-0ead98)
}

[theme-style=old] .via-form .el-form-item .el-form-item__content .el-input .el-input__inner::-moz-placeholder {
    color: var(--text-b4b7bd)
}

[theme-style=old] .via-form .el-form-item .el-form-item__content .el-input .el-input__inner::placeholder {
    color: var(--text-b4b7bd)
}

[theme-style=old] .via-form .el-form-item .el-form-item__content .el-input.el-input-group--append .el-input-group__append {
    background: none;
    border-left: 0;
    box-shadow: 1px 1px 4px 0 rgba(141, 146, 167, .16);
    color: var(--text-27282c);
    font-size: 12px;
    height: 46px;
    padding: 0;
    text-align: center;
    width: 107px
}

[theme-style=old] .via-form .el-form-item .el-form-item__content .el-input.el-input-group--append .el-input-group__append .el-button.el-button--default {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

[theme-style=old] .via-form .el-form-item .el-form-item__content .el-input.el-input-group--append .el-input-group__append .el-button.el-button--default.is-disabled,
[theme-style=old] .via-form .el-form-item .el-form-item__content .el-input.el-input-group--append .el-input-group__append .el-button.el-button--default.is-disabled:focus,
[theme-style=old] .via-form .el-form-item .el-form-item__content .el-input.el-input-group--append .el-input-group__append .el-button.el-button--default.is-disabled:hover {
    background-color: var(--bg-ffffff);
    border-color: var(--border-e0e3ed);
    color: #999ead
}

[theme-style=old] .via-form .el-form-item .el-form-item__content .el-select .el-input {
    width: 188px
}

[theme-style=old] .via-form .el-form-item .el-form-item__content .el-select .el-input .el-input__inner {
    color: var(--text-27282c);
    font-size: 14px;
    font-weight: 500
}

[theme-style=old] .via-form .el-form-item .el-form-item__content .el-select .el-input__suffix .el-input__suffix-inner .el-input__icon {
    color: var(--text-27282c)
}

[theme-style=old] .via-form .el-form-item.is-error .el-form-item__content .el-input .el-input__inner {
    border-color: var(--border-db5541)
}

[theme-style=old] .via-form .el-form-item.is-error .el-form-item__content .el-form-item__error {
    color: var(--text-db5541)
}

[theme-style=old] .via-form .el-form-item__label {
    color: var(--text-7d7f81);
    font-size: 12px;
    line-height: 1;
    padding: 0 0 8px
}

[theme-style=old] .via-form .el-form-item__label:before {
    display: none
}

[theme-style=old] .via-form .el-textarea__inner {
    background: none;
    border: 1px solid var(--border-e0e3ed);
    border-radius: 4px;
    color: var(--text-27282c);
    font-size: 12px;
    font-weight: 500;
    min-height: 94px;
    padding-top: 15px
}

[theme-style=old] .via-form .el-textarea__inner::-moz-placeholder {
    color: var(--text-b4b7bd)
}

[theme-style=old] .via-form .el-textarea__inner::placeholder {
    color: var(--text-b4b7bd)
}

[theme-style=old] .via-form .el-checkbox-group {
    align-items: center;
    display: flex
}

[theme-style=old] .via-form .el-checkbox-group .el-checkbox {
    color: #272d39;
    font-size: 12px;
    line-height: 17px
}

[theme-style=old] .via-form .el-checkbox-group .el-checkbox .el-checkbox__label {
    color: #272d39;
    font-size: 12px
}

[theme-style=old] .via-form .el-checkbox-group .el-checkbox .el-checkbox__inner {
    background: #f2f4f9;
    border: 1px solid #c6c9d3;
    height: 13px;
    width: 13px
}

[theme-style=old] .via-form .el-checkbox-group .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #0ead98;
    border-color: #0ead98
}

[theme-style=old] .via-form .el-radio .el-radio__label {
    color: var(--text-27282c);
    font-size: 12px
}

[theme-style=old] .via-form .el-radio__inner {
    background: var(--bg-f2f2f2);
    border: 1px solid var(--border-e0e3ed);
    height: 14px;
    width: 14px
}

[theme-style=old] .via-form .el-radio__input.is-checked+.el-radio__label {
    color: var(--text-27282c);
    font-size: 12px
}

[theme-style=old] .via-form .el-radio__input.is-checked .el-radio__inner {
    background: var(--bg-ffffff);
    border: 4px solid var(--text-0ead98)
}

[theme-style=old] .via-form .num-input input {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e0e3ed);
    border-radius: 2px;
    color: var(--text-27282c);
    font-size: 12px;
    height: 46px;
    padding: 0 15px
}

[theme-style=old] .via-form .num-input input:focus {
    background-color: var(--bg-ffffff);
    border: 2px solid #7b8ac5
}

[theme-style=old] .via-form .num-suffix {
    inset-inline-end: 5px;
    position: absolute;
    top: 40px
}

[theme-style=old] .el-input .el-input__inner {
    background: none;
    border-color: var(--border-e0e3ed);
    color: var(--text-27282c)
}

[theme-style=old] .el-input .el-input__inner::-moz-placeholder {
    color: var(--text-b4b7bd);
    font-size: 12px
}

[theme-style=old] .el-input .el-input__inner::placeholder {
    color: var(--text-b4b7bd);
    font-size: 12px
}

[theme-style=old] .search-input {
    width: 216px
}

[theme-style=old] .search-input .el-input__inner {
    border: 1px solid #c1c6d7;
    border-radius: 4px;
    height: 30px;
    line-height: 28px
}

[theme-style=old] .search-input .el-input__icon {
    line-height: 30px
}

[theme-style=old] .grey-input .el-input__inner {
    background-color: var(--bg-f6f7fa);
    border-color: var(--border-f6f7fa);
    border-radius: 2px
}

[theme-style=old] .grey-input.error .el-input__inner {
    background-color: var(--bg-fffaf8);
    border-color: var(--border-db5541) !important
}

[theme-style=old] .grey-input.is-disabled .el-input__inner {
    background-color: var(--bg-d6d8e0);
    border: none
}

[theme-style=old] .via-card.el-card {
    border-color: var(--border-e7ecf2);
    border-radius: 4px
}

[theme-style=old] .via-card.el-card.is-always-shadow {
    box-shadow: 1px 3px 7px -2px rgba(93, 97, 131, .06)
}

[theme-style=old] .via-card.el-card .el-card__header {
    background-color: var(--bg-ffffff);
    border-color: var(--border-f4f6fa);
    padding: 15px 20px
}

[theme-style=old] .via-card.el-card .el-card__body {
    background-color: var(--bg-ffffff)
}

[theme-style=old] .com-nav-timeline .el-timeline-item {
    padding-bottom: 28px
}

[theme-style=old] .com-nav-timeline .el-timeline-item .el-timeline-item__tail {
    border-left: 1px solid var(--border-dee0eb)
}

[theme-style=old] .com-nav-timeline .el-timeline-item .el-timeline-item__node {
    border: 2px solid var(--text-27282c);
    height: 8px;
    inset-inline-start: 1px;
    width: 8px
}

[theme-style=old] .com-nav-timeline .el-timeline-item .el-timeline-item__wrapper {
    top: -6px
}

[theme-style=old] .com-nav-timeline .el-timeline-item .el-timeline-item__wrapper .link-text {
    color: var(--text-27282c);
    font-weight: 500;
    word-break: break-word
}

[theme-style=old] .el-tooltip__popper,
[theme-style=old] .el-tooltip__popper.is-dark {
    background-color: var(--bg-ffffff);
    border-radius: 8px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    color: var(--text-27282c);
    line-height: 20px;
    max-width: 500px;
    padding: 8px 14px;
    white-space: pre-line
}

[theme-style=old] .el-popper[x-placement^=top] .popper__arrow,
[theme-style=old] .el-popper[x-placement^=top] .popper__arrow:after,
[theme-style=old] .el-tooltip__popper[x-placement^=top] .popper__arrow,
[theme-style=old] .el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    border-top-color: var(--border-ffffff)
}

[theme-style=old] .el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: var(--border-ffffff)
}

[theme-style=old] .el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: var(--dark-49556b, #ebeef5)
}

[theme-style=old] .el-popper[x-placement^=bottom] .popper__arrow:after,
[theme-style=old] .el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: var(--border-ffffff)
}

[theme-style=old] .el-popper[x-placement^=right] .popper__arrow,
[theme-style=old] .el-popper[x-placement^=right] .popper__arrow:after,
[theme-style=old] .el-tooltip__popper[x-placement^=right] .popper__arrow,
[theme-style=old] .el-tooltip__popper[x-placement^=right] .popper__arrow:after {
    border-right-color: var(--border-ffffff)
}

[theme-style=old] .el-popper[x-placement^=left] .popper__arrow,
[theme-style=old] .el-popper[x-placement^=left] .popper__arrow:after,
[theme-style=old] .el-tooltip__popper[x-placement^=left] .popper__arrow,
[theme-style=old] .el-tooltip__popper[x-placement^=left] .popper__arrow:after {
    border-left-color: var(--border-ffffff)
}

[theme-style=old].screen-md .el-tooltip__popper {
    max-width: 300px
}

[theme-style=old] .el-breadcrumb {
    line-height: 24px
}

[theme-style=old] .el-breadcrumb__inner a,
[theme-style=old] .el-breadcrumb__inner.is-link {
    color: var(--var-27282c);
    font-weight: 400
}

[theme-style=old] .el-breadcrumb__inner a:hover,
[theme-style=old] .el-breadcrumb__inner.is-link:hover {
    color: var(--text-0ead98)
}

[theme-style=old] .el-breadcrumb__item:last-child .el-breadcrumb__inner,
[theme-style=old] .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
[theme-style=old] .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
[theme-style=old] .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    color: var(--var-27282c)
}

[theme-style=old] .el-dropdown-menu {
    background-color: var(--bg-ffffff);
    border-color: var(--border-e7ecf2)
}

[theme-style=old] .el-dropdown-menu .el-dropdown-menu__item {
    color: var(--text-7d7f81)
}

[theme-style=old] .el-dropdown-menu .el-dropdown-menu__item.selected {
    background-color: var(--bg-f8fcfb);
    color: var(--text-0ead98)
}

[theme-style=old] .el-dropdown-menu .el-dropdown-menu__item.hover,
[theme-style=old] .el-dropdown-menu .el-dropdown-menu__item:hover {
    background-color: var(--bg-f8fcfb)
}

[theme-style=old] .el-textarea .el-textarea__inner {
    background: none;
    border: 1px solid var(--border-e0e3ed);
    color: var(--text-27282c)
}

[theme-style=old] .el-textarea .el-textarea__inner::-moz-placeholder {
    color: var(--text-b4b7bd);
    font-size: 12px
}

[theme-style=old] .el-textarea .el-textarea__inner::placeholder {
    color: var(--text-b4b7bd);
    font-size: 12px
}

[theme-style=old] .el-popover {
    background-color: var(--bg-ffffff);
    border-color: var(--border-dee0eb)
}

.theme-night [theme-style=old] .search-input .el-input__inner {
    border-color: #7d7f81
}

.theme-night [theme-style=old] .com-menu-new .el-submenu__title {
    background: #293432;
    color: #f9fbfe
}

.theme-night [theme-style=old] .com-menu-new .el-submenu__title:hover {
    background-color: #263f3c
}

.theme-night [theme-style=old] .com-menu-new .el-menu-item,
.theme-night [theme-style=old] .com-menu-new .el-submenu__title {
    color: #f9fbfe
}

.theme-night [theme-style=old] .com-menu-new .el-menu-item.is-active,
.theme-night [theme-style=old] .com-menu-new .el-submenu__title.is-active {
    background: #263f3c;
    color: var(--text-0ead98)
}

.theme-night [theme-style=old] .com-menu-new .el-menu-item:hover {
    background-color: #263f3c
}

.theme-night [theme-style=old] .via-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active:after {
    background-image: none
}

[theme-style=new] .el-form .el-form-item {
    margin-bottom: 18px
}

[theme-style=new] .el-form .el-form-item .input-tip {
    color: var(--text-7d7f81);
    font-size: 12px;
    left: 0;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%
}

[theme-style=new] .el-form .el-form-item.is-error .el-input__inner,
[theme-style=new] .el-form .el-form-item.is-error .el-input__inner:focus,
[theme-style=new] .el-form .el-form-item.is-error .el-textarea__inner,
[theme-style=new] .el-form .el-form-item.is-error .el-textarea__inner:focus {
    border-color: var(--border-db5541) !important;
    box-shadow: none
}

[theme-style=new] .el-form .el-form-item.is-error .input-tip {
    display: none
}

[theme-style=new] .el-form .el-form-item__error {
    color: var(--text-db5541);
    padding-top: 5px
}

[theme-style=new] .el-input .el-input__inner {
    background-color: var(--bg-ffffff);
    border-color: var(--border-e0e3ed);
    color: var(--text-27282c);
    height: 48px;
    line-height: 48px;
    padding-left: 12px;
    padding-right: 12px
}

[theme-style=new] .el-input .el-input__inner::-webkit-input-placeholder {
    color: var(--text-7d7f81);
    font-size: 14px
}

[theme-style=new] .el-input .el-input__inner:focus,
[theme-style=new] .el-input .el-input__inner:hover {
    border-color: var(--border-0ead98) !important;
    box-shadow: 0 0 2px rgba(14, 173, 152, .75)
}

[theme-style=new] .el-input.is-disabled .el-input__inner {
    background-color: var(--bg-e6e7eb) !important;
    border-color: var(--border-e0e3ed) !important;
    box-shadow: none;
    color: var(--text-7d7f81)
}

[theme-style=new] .el-input.el-input--medium .el-input__inner {
    font-size: 14px;
    height: 40px;
    line-height: 40px
}

[theme-style=new] .el-input.el-input--medium .el-input__inner::-webkit-input-placeholder {
    font-size: 14px
}

[theme-style=new] .el-input.el-input--medium .el-input__icon {
    line-height: 40px
}

[theme-style=new] .el-input.el-input--small .el-input__inner {
    font-size: 12px;
    height: 30px;
    line-height: 30px
}

[theme-style=new] .el-input.el-input--small .el-input__inner::-webkit-input-placeholder {
    font-size: 12px
}

[theme-style=new] .el-input.el-input--small .el-input__icon {
    line-height: 30px
}

[theme-style=new] .el-input.el-input--mini .el-input__inner {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 6px 12px
}

[theme-style=new] .el-input.el-input--mini .el-input__inner::-webkit-input-placeholder {
    font-size: 12px
}

[theme-style=new] .el-input.el-input--mini .el-input__icon {
    line-height: 26px;
    width: 20px
}

[theme-style=new] .el-input.el-input--suffix .el-input__inner {
    padding-inline-end: 30px !important
}

[theme-style=new] .el-input.el-input--prefix .el-input__inner {
    padding-inline-start: 30px !important
}

[theme-style=new] .el-input.is-error .el-input__inner {
    border-color: var(--text-db5541)
}

[theme-style=new] .el-input .el-icon-view {
    color: var(--text-27282c)
}

[theme-style=new] .el-textarea__inner {
    border-color: var(--border-e0e3ed);
    resize: none
}

[theme-style=new] .el-textarea__inner:focus,
[theme-style=new] .el-textarea__inner:hover {
    border-color: var(--border-0ead98);
    box-shadow: 0 0 6px rgba(27, 190, 178, .1)
}

[theme-style=new] .type-area-normal.el-input .el-input__inner {
    background-color: var(--bg-f7f8fa);
    border-color: var(--bg-f7f8fa);
    font-size: 14px
}

[theme-style=new] .el-input.size-30 .el-input__inner {
    height: 30px;
    line-height: 30px
}

[theme-style=new] .el-input.size-40 .el-input__inner {
    height: 40px;
    line-height: 40px
}

[theme-style=new] .el-button[type=button] {
    background: var(--bg-0ead98);
    border: 1px solid var(--border-0ead98);
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 48px;
    line-height: 1;
    min-width: 114px;
    outline: none;
    padding: 0 20px;
    transition: .3s;
    white-space: normal
}

[theme-style=new] .el-button[type=button]:active,
[theme-style=new] .el-button[type=button]:focus {
    background: var(--bg-0ead98);
    border: 1px solid var(--border-0ead98);
    color: var(--text-ffffff)
}

[theme-style=new] .el-button[type=button]:hover {
    background: var(--bg-1bbeb2);
    border: 1px solid var(--border-1bbeb2);
    transition: .4s
}

[theme-style=new] .el-button[type=button].el-button--medium {
    font-size: 12px;
    height: 30px;
    padding: 0 9px
}

[theme-style=new] .el-button[type=button].el-button--small {
    font-size: 12px;
    height: 26px;
    padding: 0 7px
}

[theme-style=new] .el-button[type=button].is-plain {
    background: var(--bg-transparent);
    border-color: var(--border-0ead98);
    color: var(--text-0ead98)
}

[theme-style=new] .el-button[type=button].is-plain.is-active,
[theme-style=new] .el-button[type=button].is-plain:hover {
    background: var(--bg-1bbeb2);
    border: 1px solid var(--border-1bbeb2);
    color: #fff
}

[theme-style=new] .el-button[type=button].is-plain.is-util {
    border-color: var(--border-e0e3ed);
    color: var(--text-7d7f81)
}

[theme-style=new] .el-button[type=button].is-plain.is-util.is-active,
[theme-style=new] .el-button[type=button].is-plain.is-util:hover {
    background: var(--bg-ffffff);
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98)
}

[theme-style=new] .el-button[type=button].is-plain.is-util.el-button--white {
    background: var(--bg-transparent);
    color: var(--text-ffffff)
}

[theme-style=new] .el-button[type=button].is-plain.is-util.el-button--white:hover {
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98)
}

[theme-style=new] .el-button[type=button].is-plain.is-util.el-button--white.is-active {
    background: var(--bg-0ead98);
    border: 1px solid var(--border-0ead98);
    color: var(--text-ffffff)
}

[theme-style=new] .el-button[type=button].is-plain.is-util.el-button--green {
    background: var(--bg-transparent);
    border-color: var(--border-e0e3ed);
    color: var(--text-0ead98)
}

[theme-style=new] .el-button[type=button].is-plain.is-util.el-button--green.is-active,
[theme-style=new] .el-button[type=button].is-plain.is-util.el-button--green:hover {
    border: 1px solid var(--border-0ead98)
}

[theme-style=new] .el-button[type=button].is-disabled {
    background: var(--bg-f7f8fa) !important;
    border-color: var(--border-f7f8fa) !important;
    box-shadow: none !important;
    color: var(--text-aeb0b3) !important;
    cursor: not-allowed
}

[theme-style=new] .via-glod-btn {
    align-items: center;
    background-image: url(../app-resources-d6/assets/b307c2e501377fe051cba06654c56251_b04500f96aaf8c4433ab.v2.webp), linear-gradient(270deg, #ecd29b, #ffdf95);
    background-position: 100%, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: 72px 24px, 100% 100%;
    border-radius: 0 16px 16px 4px;
    color: #5f321a;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-style: oblique;
    height: 24px;
    min-width: 105px;
    padding: 0 24px;
    position: relative
}

[theme-style=new] .via-glod-btn:before {
    background: url(../app-resources-d6/assets/605e944b24f26e1a07cabe00b2e79c8a_183220b41a8a563162e7.v2.webp) no-repeat;
    height: 15px;
    left: 6px;
    width: 17px
}

[theme-style=new] .via-glod-btn:after,
[theme-style=new] .via-glod-btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

[theme-style=new] .via-glod-btn:after {
    background: url(../app-resources-d6/assets/b18bf8d5a4885cd859ce42866fd59226_48d5ebae3cde4743a341.v2.webp) no-repeat;
    height: 12px;
    right: 6px;
    width: 12px
}

[theme-style=new] button:focus {
    outline: none
}

[theme-style=new] .el-steps .el-step.is-horizontal .el-step__line {
    background: linear-gradient(90deg, #7d7f81 60%, transparent 0) 0 0/10px 1px;
    height: 1px;
    left: 50%;
    margin-left: 20px;
    max-width: 80px;
    transform: translateX(-50%)
}

[theme-style=new] .el-steps .el-step.is-horizontal .el-step__line .el-step__line-inner {
    display: none
}

[theme-style=new] .el-steps .el-step .el-step__head .el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 18px
}

[theme-style=new] .el-steps .el-step .el-step__head .el-step__icon {
    background: transparent
}

[theme-style=new] .el-steps .el-step .el-step__head.is-finish .el-step__icon {
    color: var(--text-0ead98)
}

[theme-style=new] .el-steps .el-step .el-step__head.is-process .el-step__icon,
[theme-style=new] .el-steps .el-step .el-step__head.is-wait .el-step__icon {
    color: var(--text-f2f2f2)
}

[theme-style=new] .el-steps .el-step .el-step__main .el-step__title {
    color: var(--text-27282c);
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 2px;
    word-break: break-word
}

[theme-style=new] .el-steps.is-primary {
    padding-inline-end: 18px
}

[theme-style=new] .el-steps.is-primary .el-step {
    flex-basis: 80% !important;
    position: relative
}

[theme-style=new] .el-steps.is-primary .el-step__head {
    display: none
}

[theme-style=new] .el-steps.is-primary .el-step__head.is-process {
    display: block;
    height: 4px;
    left: 28px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    z-index: 99
}

[theme-style=new] .el-steps.is-primary .el-step__head.is-process .el-step__icon,
[theme-style=new] .el-steps.is-primary .el-step__head.is-process .el-step__line {
    display: none
}

[theme-style=new] .el-steps.is-primary .el-step__head.is-process:before {
    background-color: var(--bg-0ead98);
    border-radius: 100%;
    content: "";
    display: block;
    height: 4px;
    left: -4px;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 99
}

[theme-style=new] .el-steps.is-primary .el-step__description {
    display: none
}

[theme-style=new] .el-steps.is-primary .el-step__main .el-step__title {
    align-items: center;
    background-color: var(--bg-fbfbfb);
    color: var(--text-7d7f81);
    display: flex;
    height: 36px;
    padding: 0 30px;
    position: relative
}

[theme-style=new] .el-steps.is-primary .el-step__main .el-step__title:before {
    border-bottom-width: 26px;
    border-color: transparent transparent transparent #fff;
    border-left-width: 20px;
    border-top-width: 26px;
    content: "";
    display: block;
    position: absolute;
    right: -20px;
    z-index: 20
}

[theme-style=new] .el-steps.is-primary .el-step__main .el-step__title:after {
    border-bottom-color: transparent;
    border-bottom-width: 18px;
    border-left-color: var(--border-fbfbfb);
    border-left-width: 14px;
    border-right-color: transparent;
    border-top-color: transparent;
    border-top-width: 18px;
    content: "";
    display: block;
    position: absolute;
    right: -14px;
    z-index: 21
}

[theme-style=new] .el-steps.is-primary .el-step__main .el-step__title.is-process,
[theme-style=new] .el-steps.is-primary .el-step__main .el-step__title.is-success {
    background-color: #eaf7f6;
    color: var(--text-0ead98)
}

[theme-style=new] .el-steps.is-primary .el-step__main .el-step__title.is-process:after,
[theme-style=new] .el-steps.is-primary .el-step__main .el-step__title.is-success:after {
    border-left-color: #eaf7fb
}

[theme-style=new] .el-table {
    background-color: var(--bg-ffffff)
}

[theme-style=new] .el-table .cell {
    word-break: break-word
}

[theme-style=new] .el-table th,
[theme-style=new] .el-table tr {
    background-color: var(--bg-ffffff)
}

[theme-style=new] .el-table .el-table__body tr:hover td {
    background-color: var(--bg-f5f9fa)
}

[theme-style=new] .el-table colgroup.gutter,
[theme-style=new] .el-table th.gutter {
    display: table-cell !important
}

[theme-style=new] .el-table .warning-row {
    background: oldlace
}

[theme-style=new] .el-table .success-row {
    background: #f0f9eb
}

[theme-style=new] .el-table .el-loading-mask,
[theme-style=new] .el-table+.el-loading-mask {
    min-height: 150px;
    top: 50px
}

[theme-style=new] .com-table {
    border: 1px solid #e3e5f0;
    border-radius: 4px;
    color: var(--text-27282c);
    font-size: 14px;
    line-height: 20px
}

[theme-style=new] .com-table:before {
    display: none
}

[theme-style=new] .com-table thead {
    color: var(--text-7d7f81)
}

[theme-style=new] .com-table thead th {
    background: var(--bg-f6f7fa);
    border-bottom-width: 0 !important;
    padding: 15px 0
}

[theme-style=new] .com-table thead th .cell {
    line-height: inherit;
    padding: 0 2px;
    word-break: break-word
}

[theme-style=new] .com-table thead th:first-child {
    padding-inline-start: 25px
}

[theme-style=new] .com-table thead th:last-child .cell {
    padding-inline-end: 25px
}

[theme-style=new] .com-table tbody tr {
    background-color: var(--bg-ffffff)
}

[theme-style=new] .com-table tbody tr td {
    border-bottom: 1px solid #f2f2f2;
    padding: 0
}

[theme-style=new] .com-table tbody tr td .cell {
    line-height: inherit;
    padding: 15px 0
}

[theme-style=new] .com-table tbody tr td:first-child {
    padding-inline-start: 25px;
    position: relative
}

[theme-style=new] .com-table tbody tr td:first-child:before {
    background: var(--bg-ffffff);
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 20px
}

[theme-style=new] .com-table tbody tr td:last-child {
    padding-inline-end: 25px
}

[theme-style=new] .com-table tbody tr td:last-child:before {
    background: var(--bg-ffffff);
    bottom: -1px;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 20px
}

[theme-style=new] .com-table tbody tr:last-child td {
    border-bottom: none
}

[theme-style=new] .dialog-table {
    border: none;
    color: var(--text-27282c);
    font-size: 12px;
    line-height: 17px
}

[theme-style=new] .dialog-table:before {
    display: none
}

[theme-style=new] .dialog-table thead {
    color: var(--text-7d7f81)
}

[theme-style=new] .dialog-table thead th {
    background: var(--bg-fbfbfb);
    border-bottom-width: 0 !important;
    padding: 6px 0
}

[theme-style=new] .dialog-table thead th:first-child {
    padding-left: 10px
}

[theme-style=new] .dialog-table thead th:last-child {
    padding-right: 10px
}

[theme-style=new] .dialog-table thead th .cell {
    line-height: inherit;
    padding: 0
}

[theme-style=new] .dialog-table tbody tr td {
    border-bottom: 1px solid #f2f2f2;
    padding: 0
}

[theme-style=new] .dialog-table tbody tr td:first-child {
    padding-left: 10px
}

[theme-style=new] .dialog-table tbody tr td:last-child {
    padding-right: 10px
}

[theme-style=new] .dialog-table tbody tr td .cell {
    line-height: inherit;
    padding: 15px 0
}

[theme-style=new] .dialog-table tbody tr:last-child td {
    border-bottom: none
}

[theme-style=new] .el-checkbox .el-checkbox__label {
    color: var(--text-27282c);
    font-size: 12px;
    padding-inline-start: 6px;
    white-space: normal
}

[theme-style=new] .el-checkbox.is-checked+.el-checkbox__label {
    color: var(--text-27282c)
}

[theme-style=new] .el-checkbox.is-bordered.is-checked {
    border-color: var(--border-0ead98)
}

[theme-style=new] .el-checkbox .el-checkbox__input .el-checkbox__inner {
    background-color: var(--bg-f7f8fa);
    border-color: var(--border-e6e7eb);
    outline: none
}

[theme-style=new] .el-checkbox .el-checkbox__input .el-checkbox__inner:hover,
[theme-style=new] .el-checkbox .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: var(--border-0ead98)
}

[theme-style=new] .el-checkbox.is-checked .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--bg-0ead98);
    border-color: var(--border-0ead98);
    color: var(--text-0ead98)
}

[theme-style=new] .el-dialog {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    left: 50%;
    margin: 0 !important;
    max-width: calc(100% - 30px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 420px
}

[theme-style=new] .el-dialog .el-dialog__header {
    padding: 25px 40px 10px 20px
}

[theme-style=new] .el-dialog .el-dialog__header .el-dialog__title {
    color: var(--text-27282c);
    font-size: 18px;
    font-weight: 600
}

[theme-style=new] .el-dialog .el-dialog__header .el-dialog__close {
    color: var(--text-7d7f81)
}

[theme-style=new] .el-dialog .el-dialog__body {
    color: var(--text-27282c);
    padding: 0 20px 30px;
    word-break: normal
}

[theme-style=new] .com-dialog-stat .el-dialog {
    border-radius: 20px;
    overflow: initial
}

[theme-style=new] .com-dialog-stat .el-dialog .el-dialog__header {
    padding-bottom: 10px;
    position: relative
}

[theme-style=new] .com-dialog-stat .el-dialog .el-dialog__header .title-box .title-text {
    font-size: 20px;
    font-weight: 700
}

[theme-style=new] .com-dialog-stat .el-dialog .el-dialog__header .el-dialog__headerbtn {
    background-color: var(--bg-f2f2f2);
    border-radius: 50%;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 20px
}

[theme-style=new] .com-dialog-stat .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
    color: inherit
}

[theme-style=new] .el-select .el-input {
    font-size: 12px
}

[theme-style=new] .el-select .el-input .el-input__inner {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 4px;
    color: var(--text-27282c);
    height: 30px;
    line-height: 30px;
    padding-inline-start: 14px
}

[theme-style=new] .el-select .el-input .el-input__inner::-moz-placeholder {
    color: var(--text-b4b7bd);
    font-size: 12px
}

[theme-style=new] .el-select .el-input .el-input__inner::placeholder {
    color: var(--text-b4b7bd);
    font-size: 12px
}

[theme-style=new] .el-select .el-input .el-input__suffix .el-input__icon {
    font-size: 12px;
    line-height: 28px
}

[theme-style=new] .el-select .el-input.is-disabled .el-input__inner {
    background-color: var(--bg-e6e7eb) !important;
    border-color: var(--border-e0e3ed) !important;
    box-shadow: none;
    color: var(--text-7d7f81)
}

[theme-style=new] .el-select .el-input__inner:hover,
[theme-style=new] .el-select .is-focus .el-input__inner {
    border-color: var(--border-0ead98) !important;
    box-shadow: 0 0 2px rgba(14, 173, 152, .75)
}

[theme-style=new] .el-select-dropdown {
    background-color: var(--bg-ffffff);
    border-color: var(--border-e0e3ed)
}

[theme-style=new] .el-select-dropdown .el-select-dropdown__item {
    color: var(--text-7d7f81);
    font-size: 12px;
    padding: 0 12px
}

[theme-style=new] .el-select-dropdown .el-select-dropdown__item.hover,
[theme-style=new] .el-select-dropdown .el-select-dropdown__item.selected {
    background-color: var(--bg-f8fcfb);
    color: var(--text-27282c)
}

[theme-style=new] .el-select-dropdown .el-select-dropdown__item.selected {
    color: var(--text-0ead98)
}

[theme-style=new] .el-select-dropdown.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: var(--border-e0e3ed)
}

[theme-style=new] .el-select-dropdown.el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: var(--border-ffffff)
}

[theme-style=new] .el-select-dropdown ::-webkit-scrollbar-thumb {
    background-color: var(--bg-f2f2f2)
}

[theme-style=new] .el-select-dropdown ::-webkit-scrollbar-track {
    background-color: var(--bg-ffffff);
    box-shadow: inset 0 0 4px var(--bg-f2f2f2)
}

[theme-style=new] .el-select-dropdown .el-scrollbar__bar.is-vertical {
    background-color: var(--bg-ffffff);
    box-shadow: inset 0 0 4px var(--bg-f2f2f2);
    right: 0
}

[theme-style=new] .el-select-dropdown .el-scrollbar .el-scrollbar__bar {
    opacity: 1 !important
}

[theme-style=new] .el-select.type-area-white .el-input .el-input__inner,
[theme-style=new] .via-select.type-area-white {
    background: var(--bg-fafbfc);
    border-color: var(--bg-fafbfc)
}

[theme-style=new] .el-select.type-area-normal .el-input .el-input__inner,
[theme-style=new] .via-select.type-area-normal {
    background: var(--bg-f7f8fa);
    border-color: var(--bg-f7f8fa);
    font-size: 14px
}

[theme-style=new] .el-select.size-40 .el-input .el-input__inner {
    height: 40px;
    line-height: 40px
}

[theme-style=new] .el-radio-group .el-radio-button {
    margin-right: 2px
}

[theme-style=new] .el-radio-group .el-radio-button .el-radio-button__inner {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e7ecf2);
    border-radius: 2px;
    box-shadow: none;
    color: var(--text-7d7f81);
    font-size: 12px;
    font-weight: 400;
    padding: 8px 20px
}

[theme-style=new] .el-radio-group .el-radio-button:hover .el-radio-button__inner {
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98);
    transition: .4s
}

[theme-style=new] .el-radio-group .el-radio-button.is-active .el-radio-button__inner {
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98);
    font-weight: 700
}

[theme-style=new] .el-radio-group.is-checked .el-radio-button {
    margin-right: 10px
}

[theme-style=new] .el-radio-group.is-checked .el-radio-button .el-radio-button__inner {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 2px;
    color: var(--text-7d7f81);
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    min-width: 150px;
    padding: 0 20px
}

[theme-style=new] .el-radio-group.is-checked .el-radio-button.is-active .el-radio-button__inner {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-0ead98);
    box-shadow: 1px 1px 4px 0 rgba(141, 146, 167, .16);
    color: var(--border-0ead98);
    overflow: hidden;
    position: relative
}

[theme-style=new] .el-radio-group.is-checked .el-radio-button.is-active .el-radio-button__inner:before {
    color: var(--text-ffffff);
    content: "";
    display: block;
    font-family: iconfont !important;
    height: 8px;
    position: absolute;
    right: 2px;
    top: -12px;
    width: 8px;
    z-index: 22
}

[theme-style=new] .el-radio-group.is-checked .el-radio-button.is-active .el-radio-button__inner:after {
    background-color: var(--border-0ead98);
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    transform: rotate(45deg);
    width: 30px
}

[theme-style=new] .el-radio-group.is-rounded {
    align-items: center;
    background: #f2f2f2;
    border-radius: 6px;
    display: inline-flex;
    height: 38px;
    padding: 0 3px
}

[theme-style=new] .el-radio-group.is-rounded .el-radio-button .el-radio-button__inner {
    background-color: transparent;
    border: none;
    color: var(--text-27282c);
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding: 0 25px
}

[theme-style=new] .el-radio-group.is-rounded .el-radio-button.is-active .el-radio-button__inner {
    background: var(--bg-ffffff);
    border-radius: 6px
}

[theme-style=new] .el-radio .el-radio__input .el-radio__inner {
    background-color: var(--bg-f7f8fa);
    border-color: var(--border-f2f3f5)
}

[theme-style=new] .el-radio .el-radio__input.is-checked .el-radio__inner {
    background: var(--text-0ead98);
    border-color: var(--text-0ead98)
}

[theme-style=new] .el-progress .el-progress-bar .el-progress-bar__outer {
    background-color: var(--bg-e7ecf2)
}

[theme-style=new] .el-progress .el-progress-bar .el-progress-bar__inner {
    background: linear-gradient(142deg, #1bbeb2, #55e8cd)
}

[theme-style=new] .el-pagination,
[theme-style=new] .pagination.is-background {
    margin-top: 0;
    padding: 12px 0;
    text-align: right
}

[theme-style=new] .el-pagination .btn-next,
[theme-style=new] .el-pagination .btn-prev,
[theme-style=new] .pagination.is-background .btn-next,
[theme-style=new] .pagination.is-background .btn-prev {
    background-color: var(--bg-f2f2f2) !important;
    color: var(--text-27282c);
    font-size: 12px;
    height: 20px !important;
    line-height: 20px;
    min-width: 20px !important;
    padding: 0 6px;
    width: 20px !important
}

[theme-style=new] .el-pagination .el-pager li,
[theme-style=new] .pagination.is-background .el-pager li {
    background-color: var(--bg-f2f2f2);
    color: var(--text-707580);
    font-weight: 400;
    height: 20px !important;
    line-height: 20px !important;
    min-width: 20px !important
}

[theme-style=new] .el-pagination .el-pager li:not(.disabled):hover,
[theme-style=new] .pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--text-0ead98)
}

[theme-style=new] .el-pagination .el-pager .more:before,
[theme-style=new] .pagination.is-background .el-pager .more:before {
    line-height: 20px
}

[theme-style=new] .el-pagination .el-pager li.active,
[theme-style=new] .el-pagination .el-pager li:not(.disabled).active {
    background: var(--bg-0ead98) !important;
    border: 1px solid var(--border-0ead98) !important;
    color: var(--text-ffffff) !important
}

[theme-style=new] .el-tooltip__popper,
[theme-style=new] .el-tooltip__popper.is-dark {
    background-color: var(--bg-ffffff);
    border-radius: 8px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    color: var(--text-27282c);
    line-height: 20px;
    max-width: 500px;
    padding: 8px 14px;
    white-space: pre-line
}

[theme-style=new] .el-popper[x-placement^=top] .popper__arrow,
[theme-style=new] .el-popper[x-placement^=top] .popper__arrow:after,
[theme-style=new] .el-tooltip__popper[x-placement^=top] .popper__arrow,
[theme-style=new] .el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    border-top-color: var(--border-ffffff)
}

[theme-style=new] .el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: var(--border-ffffff)
}

[theme-style=new] .el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: var(--dark-49556b, #ebeef5)
}

[theme-style=new] .el-popper[x-placement^=bottom] .popper__arrow:after,
[theme-style=new] .el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: var(--border-ffffff)
}

[theme-style=new] .el-popper[x-placement^=right] .popper__arrow,
[theme-style=new] .el-popper[x-placement^=right] .popper__arrow:after,
[theme-style=new] .el-tooltip__popper[x-placement^=right] .popper__arrow,
[theme-style=new] .el-tooltip__popper[x-placement^=right] .popper__arrow:after {
    border-right-color: var(--border-ffffff)
}

[theme-style=new] .el-popper[x-placement^=left] .popper__arrow,
[theme-style=new] .el-popper[x-placement^=left] .popper__arrow:after,
[theme-style=new] .el-tooltip__popper[x-placement^=left] .popper__arrow,
[theme-style=new] .el-tooltip__popper[x-placement^=left] .popper__arrow:after {
    border-left-color: var(--border-ffffff)
}

[theme-style=new].screen-md .el-tooltip__popper {
    max-width: 300px
}

[theme-style=new] .el-tabs .el-tabs__item {
    color: var(--text-7d7f81);
    font-size: 16px;
    font-weight: 400;
    height: 62px;
    line-height: 62px;
    outline: none;
    padding: 0 25px
}

[theme-style=new] .el-tabs .el-tabs__item.is-active {
    color: var(--text-0ead98);
    font-weight: 700
}

[theme-style=new] .el-tabs .el-tabs__active-bar {
    background-color: var(--bg-0ead98);
    height: 3px
}

[theme-style=new] .el-tabs .el-tabs__nav-next,
[theme-style=new] .el-tabs .el-tabs__nav-prev {
    line-height: 62px
}

[theme-style=new] .el-tabs .el-tabs__nav-wrap:after {
    background-color: var(--bg-e0e3ed);
    height: 1px
}

[theme-style=new] .el-date-editor.com-range-picker {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e0e3ed);
    border-radius: 2px;
    height: 24px;
    line-height: 22px;
    padding: 0 10px;
    padding-inline-end: 5px;
    width: 228px
}

[theme-style=new] .el-date-editor.com-range-picker .el-input__icon {
    line-height: 22px
}

[theme-style=new] .el-date-editor.com-range-picker .el-range-separator {
    color: #9ca3b0;
    font-size: 12px;
    line-height: 22px;
    width: 8%
}

[theme-style=new] .el-date-editor.com-range-picker .el-range-input {
    background: transparent;
    color: var(--text-27282c);
    font-size: 12px
}

[theme-style=new] .el-picker-panel {
    background-color: var(--bg-ffffff);
    border-color: var(--border-dee0eb)
}

[theme-style=new] .el-picker-panel .el-picker-panel__body .el-date-picker__header.el-date-picker__header--bordered {
    border-color: var(--border-dee0eb)
}

[theme-style=new] .el-picker-panel .el-picker-panel__body .el-date-picker__header button.el-picker-panel__icon-btn {
    color: var(--text-707580)
}

[theme-style=new] .el-picker-panel .el-picker-panel__body .el-date-picker__header button.el-picker-panel__icon-btn:hover {
    color: var(--text-0ead98)
}

[theme-style=new] .el-picker-panel .el-date-range-picker__content.is-left {
    border-color: var(--border-dee0eb)
}

[theme-style=new] .el-picker-panel .el-date-range-picker__header .el-picker-panel__icon-btn,
[theme-style=new] .el-picker-panel .el-date-range-picker__header div {
    color: var(--text-27282c)
}

[theme-style=new] .el-picker-panel table td,
[theme-style=new] .el-picker-panel table th {
    text-align: center
}

[theme-style=new] .el-picker-panel table th {
    border-color: var(--border-dee0eb);
    color: var(--text-27282c)
}

[theme-style=new] .el-picker-panel table tbody td.next-month div,
[theme-style=new] .el-picker-panel table tbody td.prev-month div {
    color: var(--text-7d7f81)
}

[theme-style=new] .el-picker-panel table tbody td.available div {
    color: var(--text-27282c)
}

[theme-style=new] .el-picker-panel table tbody td.available.disabled .cell {
    background-color: var(--bg-f6f7fa)
}

[theme-style=new] .el-picker-panel table tbody td.in-range div,
[theme-style=new] .el-picker-panel table tbody td.in-range div:hover {
    background-color: rgba(14, 173, 152, .1)
}

[theme-style=new] .el-picker-panel table tbody td.end-date div,
[theme-style=new] .el-picker-panel table tbody td.start-date div {
    color: var(--text-ffffff)
}

[theme-style=new] .el-picker-panel table tbody td.end-date span,
[theme-style=new] .el-picker-panel table tbody td.start-date span {
    background: var(--bg-0ead98)
}

[theme-style=new] .el-picker-panel table tbody td.disabled div {
    background-color: var(--bg-f6f7fa)
}

[theme-style=new].screen-md .el-picker-panel .el-date-picker__header .el-icon-arrow-left {
    margin-left: 20px
}

[theme-style=new].screen-md .el-picker-panel .el-date-picker__header .el-icon-arrow-right {
    margin-right: 20px
}

[theme-style=new] .el-message-box {
    background: var(--bg-ffffff);
    border: 1px solid var(--border-e7ecf2);
    border-radius: 2px;
    box-shadow: 2px 2px 12px 0 rgba(194, 197, 218, .14);
    max-width: calc(100% - 30px);
    padding-bottom: 25px;
    width: 540px
}

[theme-style=new] .el-message-box .el-message-box__header {
    padding: 22px 26px 0
}

[theme-style=new] .el-message-box .el-message-box__header .el-message-box__title {
    align-items: center;
    color: var(--text-27282c);
    display: flex;
    font-size: 18px;
    font-weight: 500;
    justify-content: flex-start
}

[theme-style=new] .el-message-box .el-message-box__header .el-message-box__title:before {
    background-size: contain;
    content: " ";
    display: none;
    height: 18px;
    margin-right: 10px;
    width: 18px
}

[theme-style=new] .el-message-box .el-message-box__header .el-message-box__headerbtn:hover .el-message-box__close {
    color: var(--text-0ead98)
}

[theme-style=new] .el-message-box.warning .el-message-box__header .el-message-box__title:before {
    background-image: url(../app-resources-d6/assets/6caa0a1cd861ea77aac36d34916f8f2e_f5298953a20013bd2b65.v2.svg);
    display: inline-block
}

[theme-style=new] .el-message-box.success .el-message-box__header .el-message-box__title:before {
    background-image: url(../app-resources-d6/assets/48332e20d883b4c3d85b96b96d82d71a_5c0cd393261f026fe544.v2.svg);
    display: inline-block
}

[theme-style=new] .el-message-box .el-message-box__content {
    padding: 36px 26px 40px
}

[theme-style=new] .el-message-box .el-message-box__content .el-message-box__container .el-message-box__status {
    display: none
}

[theme-style=new] .el-message-box .el-message-box__content .el-message-box__container .el-message-box__message {
    color: var(--text-27282c);
    font-size: 16px;
    padding: 0
}

[theme-style=new] .el-message-box .el-message-box__content .el-message-box__container .el-message-box__message p {
    word-break: break-word
}

[theme-style=new] .el-message-box .el-message-box__content .el-message-box__input .el-input {
    height: 46px
}

[theme-style=new] .el-message-box .el-message-box__content .el-message-box__input .el-input .el-input__inner {
    background-color: var(--bg-fbfbfb);
    border: 1px solid #e0e3ed;
    border-radius: 2px;
    color: var(--text-27282c);
    font-size: 12px;
    height: 100%
}

[theme-style=new] .el-message-box .el-message-box__content .el-message-box__input .el-input .el-input__inner:focus {
    background-color: var(--bg-ffffff);
    border: 2px solid var(--text-0ead98)
}

[theme-style=new] .el-message-box .el-message-box__content .el-message-box__input .el-input .el-input__inner::-moz-placeholder {
    color: var(--text-b4b7bd)
}

[theme-style=new] .el-message-box .el-message-box__content .el-message-box__input .el-input .el-input__inner::placeholder {
    color: var(--text-b4b7bd)
}

[theme-style=new] .el-message-box .el-message-box__content .el-message-box__input .el-input .el-input__inner.invalid {
    background-color: #fffaf8;
    border-color: var(--text-error)
}

[theme-style=new] .el-message-box .el-message-box__content .el-message-box__input .el-message-box__errormsg {
    color: var(--text-error)
}

[theme-style=new] .el-message-box .el-message-box__btns {
    display: flex;
    justify-content: space-between;
    padding: 0 26px
}

[theme-style=new] .el-message-box .el-message-box__btns .el-button {
    height: 46px
}

[theme-style=new] .el-message-box .el-message-box__btns .el-button:only-child {
    margin-left: auto;
    max-width: 238px;
    min-width: 125px;
    padding: 0 20px
}

[theme-style=new] .el-message-box .el-message-box__btns .el-button.el-button--default {
    background: var(--bg-0ead98);
    border: 1px solid var(--border-0ead98);
    border-radius: 4px;
    color: var(--text-ffffff);
    flex: 1 1 0%;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    outline: none;
    padding: 0 20px
}

[theme-style=new] .el-message-box .el-message-box__btns .el-button.el-button--default:hover {
    background: var(--bg-1bbeb2);
    border: 1px solid var(--border-1bbeb2)
}

[theme-style=new] .el-message-box .el-message-box__btns .el-button.el-button--default:not(.el-button--primary) {
    background: var(--bg-transparent);
    border-color: var(--border-0ead98);
    color: var(--text-0ead98);
    flex: 1 1 0%;
    padding: 0 20px
}

[theme-style=new] .el-message-box .el-message-box__btns .el-button.el-button--default:not(.el-button--primary):hover {
    background: var(--bg-1bbeb2);
    border: 1px solid var(--border-1bbeb2);
    color: var(--text-ffffff)
}

[theme-style=new] .el-breadcrumb {
    line-height: 24px
}

[theme-style=new] .el-breadcrumb__inner a,
[theme-style=new] .el-breadcrumb__inner.is-link {
    color: var(--var-27282c);
    font-weight: 400
}

[theme-style=new] .el-breadcrumb__inner a:hover,
[theme-style=new] .el-breadcrumb__inner.is-link:hover {
    color: var(--text-0ead98)
}

[theme-style=new] .el-breadcrumb__item:last-child .el-breadcrumb__inner,
[theme-style=new] .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
[theme-style=new] .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
[theme-style=new] .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    color: var(--var-27282c)
}

[theme-style=new] .com-menu {
    background-color: transparent;
    border-right: none
}

[theme-style=new] .com-menu .iconfont {
    color: #c5cad0;
    font-size: 18px;
    margin-right: 15px
}

[theme-style=new] .com-menu .menu-icon {
    display: inline-block;
    margin-right: 15px;
    width: 16px
}

[theme-style=new] .com-menu .el-submenu {
    background-color: var(--bg-ffffff)
}

[theme-style=new] .com-menu .el-submenu__title {
    height: 68px;
    line-height: 68px
}

[theme-style=new] .com-menu .el-submenu__title:hover {
    background-color: var(--bg-f8fcfb);
    color: var(--text-0ead98)
}

[theme-style=new] .com-menu .menu-item:hover .iconfont {
    color: var(--text-0ead98)
}

[theme-style=new] .com-menu .el-menu-item {
    background-color: var(--bg-ffffff);
    color: var(--text-27282c);
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    min-width: auto
}

[theme-style=new] .com-menu .el-menu-item.is-active {
    background-color: var(--bg-f8fcfb);
    color: var(--text-0ead98);
    font-weight: 500
}

[theme-style=new] .com-menu .el-menu .el-menu-item {
    padding-inline: 69px 10px !important
}

[theme-style=new] .com-menu>[role=menuitem]:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

[theme-style=new] .com-menu>[role=menuitem]:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

[theme-style=new] .via-menu-horizontal.el-menu--horizontal {
    background-color: var(--bg-ffffff);
    border-bottom: 1px solid var(--border-e7ecf2)
}

[theme-style=new] .via-menu-horizontal.el-menu--horizontal .el-menu-item {
    border-bottom: none;
    color: var(--text-7d7f81);
    height: 54px;
    line-height: 54px;
    margin: 0 30px 0 0;
    padding: 0;
    position: relative
}

[theme-style=new] .via-menu-horizontal.el-menu--horizontal .el-menu-item:hover {
    background-color: transparent
}

[theme-style=new] .via-menu-horizontal.el-menu--horizontal .el-menu-item.is-active {
    background-color: transparent;
    color: var(--text-27282c)
}

[theme-style=new] .via-menu-horizontal.el-menu--horizontal .el-menu-item.is-active:after {
    background-color: var(--text-0ead98);
    bottom: -1px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 38px
}

[theme-style=new] .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
[theme-style=new] .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    color: var(--text-27282c)
}

[theme-style=new] .el-dropdown-menu {
    background-color: var(--bg-ffffff);
    border-color: var(--border-e7ecf2)
}

[theme-style=new] .el-dropdown-menu .el-dropdown-menu__item {
    color: var(--text-7d7f81)
}

[theme-style=new] .el-dropdown-menu .el-dropdown-menu__item.selected {
    background-color: var(--bg-f8fcfb);
    color: var(--text-0ead98)
}

[theme-style=new] .el-dropdown-menu .el-dropdown-menu__item.hover,
[theme-style=new] .el-dropdown-menu .el-dropdown-menu__item:hover {
    background-color: var(--bg-f8fcfb)
}

[theme-style=new] .el-collapse {
    border: none
}

[theme-style=new] .el-collapse .el-collapse-item .el-collapse-item__header {
    background-color: var(--bg-ffffff);
    border-bottom-color: var(--border-f0f1f2);
    color: var(--text-3a3d42);
    font-size: 16px;
    height: 52px;
    line-height: 52px;
    padding-inline-start: 12px;
    transition: none
}

[theme-style=new] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow {
    color: var(--text-aeb0b3)
}

[theme-style=new] .el-collapse .el-collapse-item .el-collapse-item__header.is-active {
    background-color: rgba(14, 173, 152, .05);
    border-bottom: none;
    color: var(--text-0ead98)
}

[theme-style=new] .el-collapse .el-collapse-item .el-collapse-item__header.is-active .el-collapse-item__arrow {
    color: var(--text-0ead98)
}

[theme-style=new] .el-collapse .el-collapse-item .el-collapse-item__content {
    background-color: var(--bg-ffffff);
    color: var(--text-3a3d42);
    font-size: 14px;
    padding-bottom: 20px;
    padding-top: 6px;
    padding-inline-start: 12px
}

.el-message {
    background-color: var(--bg-d5f2e4);
    border: none;
    justify-content: center;
    max-width: 800px;
    padding: 17px 15px;
    width: 800px;
    word-break: break-word
}

.el-message.el-message--success {
    background-color: var(--bg-f8fcfb)
}

.el-message.el-message--error {
    background-color: var(--bg-f6e6e3)
}

.el-message.el-message--info {
    background-color: var(--bg-f2f2f2)
}

.el-message.el-message--warning {
    background-color: var(--bg-fff5df)
}

.el-message__icon {
    font-size: 12px;
    margin-inline-end: 5px
}

.el-message__content {
    font-size: 12px
}

.el-message .el-icon-success,
.el-message--success .el-message__content {
    color: #0ead98
}

.el-message .el-icon-error,
.el-message--error .el-message__content {
    color: #db5541
}

.el-message .el-icon-info,
.el-message--info .el-message__content {
    color: var(--text-7d7f81)
}

.notification-push-class {
    align-items: baseline;
    border: none;
    border-radius: 20px;
    box-shadow: 2px 10px 30px 0 rgba(0, 0, 0, .2);
    cursor: default;
    display: flex;
    max-height: 156px;
    opacity: .95;
    padding: 20px
}

.notification-push-class:hover .el-notification__content p p:nth-of-type(2) {
    color: #0ead98;
    transition: .4s
}

.notification-push-class .el-notification__icon {
    font-size: 20px;
    height: 20px;
    width: 20px
}

.notification-push-class .el-notification__group {
    margin-inline: 7px 0;
    width: 90%
}

.notification-push-class .el-notification__title {
    color: var(--text-27282c);
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notification-push-class .el-notification__content {
    margin-inline-start: -28px
}

.notification-push-class .el-notification__content p {
    display: -webkit-box;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.notification-push-class .el-notification__content p p:nth-of-type(2) {
    color: var(--text-27282c);
    cursor: pointer;
    margin-top: 10px;
    transition: .4s
}

.theme-day .notification-push-class,
.theme-night .theme-day .notification-push-class,
:root .notification-push-class {
    background: #fff;
    opacity: .95
}

.theme-night .notification-push-class {
    background: #22262a
}

.el-notification-fade-leave-active {
    opacity: 1
}

.el-notification-fade-leave-to.right {
    transform: translateX(120%)
}

.el-notification-fade-leave-to.left {
    transform: translateX(-120%)
}

[theme-style=new] .ex-radio-group .el-radio-button .el-radio-button__inner {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--text-3a3d42);
    min-width: 140px
}

[theme-style=new] .ex-radio-group .el-radio-button.is-active .el-radio-button__inner,
[theme-style=new] .ex-radio-group .el-radio-button:hover .el-radio-button__inner {
    background-color: rgba(14, 173, 152, .05);
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98);
    font-weight: 400;
    transition: border .2s
}

[theme-style=new] .ex-input .el-input__inner {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

[theme-style=new] .ex-input .el-input__inner:focus,
[theme-style=new] .ex-input .el-input__inner:hover {
    border: 1px solid var(--border-0ead98);
    transition: .4s
}

[theme-style=new] .ex-input.is-disabled .el-input__inner {
    background-color: var(--bg-e6e7eb);
    border: 1px solid transparent;
    color: var(--text-b4b7bd)
}

[theme-style=new] .ex-table {
    color: var(--text-161719);
    font-size: 12px;
    min-height: 250px;
    width: 100%
}

[theme-style=new] .ex-table:before {
    display: none
}

[theme-style=new] .ex-table td,
[theme-style=new] .ex-table th {
    border-bottom: none
}

[theme-style=new] .ex-table .el-table__header {
    font-size: 12px
}

[theme-style=new] .ex-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    color: var(--text-161719)
}

[theme-style=new] .ex-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    color: var(--text-161719);
    cursor: default;
    font-weight: inherit
}

[theme-style=new] .ex-checkbox .el-checkbox__input .el-checkbox__inner {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--bg-e6e7eb);
    border-radius: 2px;
    height: 15px;
    width: 15px
}

[theme-style=new] .ex-checkbox .el-checkbox__input .el-checkbox__inner:after {
    left: 5px
}

[theme-style=new] .ex-checkbox.is-checked .el-checkbox__input .el-checkbox__inner {
    background-color: var(--bg-0ead98);
    border: 1px solid transparent;
    border-radius: 2px;
    height: 15px;
    width: 15px
}

[theme-style=new] .ex-select {
    width: 140px
}

[theme-style=new] .ex-select .el-input .el-input__inner {
    border-radius: 4px;
    height: 24px;
    line-height: 24px
}

[theme-style=new] .ex-select .el-input .el-input__suffix .el-input__icon {
    line-height: 24px
}

[theme-style=new] .ex-popper-select {
    margin-top: 0
}

[theme-style=new] .ex-popper-select .el-scrollbar__wrap {
    overflow: auto
}

[theme-style=new] .ex-popper-select .el-scrollbar__wrap .el-select-dropdown__list {
    padding-top: 0
}

[theme-style=new] .ex-popper-select .el-scrollbar__wrap .el-select-dropdown__list .el-select-dropdown__item {
    font-size: 12px
}

[theme-style=new] .ex-popper-select .el-scrollbar__bar.is-vertical {
    background-color: var(--text-ffffff);
    box-shadow: inset 0 0 4px var(--bg-f2f2f2);
    right: 0
}

[theme-style=new] .ex-popper-select .popper__arrow,
[theme-style=new] .ex-popper-select.no-scroll .el-scrollbar__bar.is-vertical {
    display: none
}

[theme-style=new] .ex-select-big {
    width: 100%
}

[theme-style=new] .ex-select-big .el-input .el-input__inner {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

[theme-style=new] .ex-select-big .el-input .el-input__inner:focus,
[theme-style=new] .ex-select-big .el-input .el-input__inner:hover {
    border: 1px solid var(--border-0ead98);
    transition: .4s
}

[theme-style=new] .ex-select-big .el-input .el-input__icon {
    color: var(--text-aeb0b3);
    font-weight: 700
}

[theme-style=new] .ex-popper-select-big {
    margin-top: 0
}

[theme-style=new] .ex-popper-select-big .el-scrollbar__wrap {
    overflow: auto
}

[theme-style=new] .ex-popper-select-big .el-scrollbar__wrap .el-select-dropdown__list {
    padding-top: 0
}

[theme-style=new] .ex-popper-select-big .el-scrollbar__wrap .el-select-dropdown__list .el-select-dropdown__item {
    font-size: 14px;
    height: 40px;
    line-height: 40px
}

[theme-style=new] .ex-popper-select-big .el-scrollbar__bar.is-vertical {
    background-color: var(--text-ffffff);
    box-shadow: inset 0 0 4px var(--bg-f2f2f2);
    right: 0
}

[theme-style=new] .ex-popper-select-big .popper__arrow {
    display: none
}

[theme-style=new] [theme-style=new] .ex-button {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    width: 100%
}

.ui0-font-bold {
    font-weight: 700
}

.ui0-font-medium {
    font-weight: 500
}

.ui0-font-regular {
    font-weight: 400
}

.ui0-font-light {
    font-weight: 300
}

.ui0-font-title0 {
    font-size: 48px;
    line-height: 56px
}

.ui0-font-title1 {
    font-size: 44px;
    line-height: 52px
}

.ui0-font-title2 {
    font-size: 40px;
    line-height: 48px
}

.ui0-font-title3 {
    font-size: 36px;
    line-height: 44px
}

.ui0-font-title4 {
    font-size: 32px;
    line-height: 38px
}

.ui0-font-title5 {
    font-size: 24px;
    line-height: 32px
}

.ui0-font-title6 {
    font-size: 20px;
    line-height: 26px
}

.ui0-font-title7 {
    font-size: 16px;
    line-height: 22px
}

.ui0-font-title8 {
    font-size: 14px;
    line-height: 20px
}

.ui0-font-body1 {
    font-size: 20px;
    line-height: 26px
}

.ui0-font-body2 {
    font-size: 16px;
    line-height: 22px
}

.ui0-font-body2_phrase {
    font-size: 16px;
    line-height: 28px
}

.ui0-font-body3 {
    font-size: 14px;
    line-height: 20px
}

.ui0-font-body4 {
    font-size: 12px;
    line-height: 16px
}

.ui0-font-digit1 {
    font-size: 56px;
    line-height: 68px
}

.ui0-font-digit2 {
    font-size: 48px;
    line-height: 56px
}

.ui0-font-digit3 {
    font-size: 40px;
    line-height: 48px
}

.ui0-font-digit4 {
    font-size: 32px;
    line-height: 38px
}

.ui0-font-digit5 {
    font-size: 24px;
    line-height: 32px
}

.ui0-font-digit6 {
    font-size: 20px;
    line-height: 26px
}

.ui0-font-digit7 {
    font-size: 16px;
    line-height: 22px
}

.ui0-font-digit8 {
    line-height: 20px
}

.ui0-font-digit9 {
    font-size: 12px;
    line-height: 16px
}

.via-scrollbar {
    background: transparent;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.via-scrollbar.via-scrollbar-hover .via-scrollbar-track {
    opacity: 0
}

.via-scrollbar.via-scrollbar-always .via-scrollbar-track,
.via-scrollbar.via-scrollbar-hover:active .via-scrollbar-track,
.via-scrollbar.via-scrollbar-hover:focus .via-scrollbar-track,
.via-scrollbar.via-scrollbar-hover:hover .via-scrollbar-track {
    opacity: 1
}

.via-scrollbar.via-scrollbar-none .via-scrollbar-track {
    opacity: 0
}

.via-scrollbar .via-scrollbar-wrap {
    height: 100%;
    scrollbar-width: none
}

.via-scrollbar .via-scrollbar-wrap::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.via-scrollbar .via-scrollbar-wrap.via-scrollbar-vertical {
    overflow: hidden scroll
}

.via-scrollbar .via-scrollbar-wrap.via-scrollbar-horizontal {
    overflow: scroll hidden
}

.via-scrollbar .via-scrollbar-wrap.via-scrollbar-all {
    overflow: scroll
}

.via-scrollbar .via-scrollbar-wrap.no-horizontal .via-scrollbar-track-horizontal,
.via-scrollbar .via-scrollbar-wrap.no-vertical .via-scrollbar-track-vertical {
    display: none
}

.via-scrollbar .via-scrollbar-wrap .via-scrollbar-track {
    border-radius: 4px;
    position: absolute;
    transition: opacity .12s ease-out;
    z-index: 1
}

.via-scrollbar .via-scrollbar-wrap .via-scrollbar-track .via-scrollbar-thumb {
    background-color: var(--bg-f2f3f5);
    border-radius: inherit;
    cursor: pointer;
    height: 0;
    width: 0
}

.via-scrollbar .via-scrollbar-wrap .via-scrollbar-track.via-scrollbar-track-vertical {
    bottom: 0;
    inset-inline-end: 0;
    top: 0;
    width: 6px
}

.via-scrollbar .via-scrollbar-wrap .via-scrollbar-track.via-scrollbar-track-vertical .via-scrollbar-thumb {
    width: 100%
}

.via-scrollbar .via-scrollbar-wrap .via-scrollbar-track.via-scrollbar-track-horizontal {
    bottom: 0;
    height: 6px;
    left: 0;
    right: 0
}

.via-scrollbar .via-scrollbar-wrap .via-scrollbar-track.via-scrollbar-track-horizontal .via-scrollbar-thumb {
    height: 100%
}

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

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

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

.l-default {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%
}

.l-default .l-default-main {
    flex: 1 1 0%;
    min-height: 500px;
    position: relative
}

.l-default {
    background-color: initial;
    background-image: linear-gradient(#f4f6f7, #fbfbfb);
    background-repeat: no-repeat
}

.l-default.top-bg-green {
    background-image: url(../app-resources-d6/assets/c7bc0d05585684e929667ad7aa28c207_2aae872f51626cb48c32.v2.svg);
    background-size: 100% 500px
}

.l-default.top-bg-blue {
    background-image: url(../app-resources-d6/assets/1835b882b96ba3fd69a74e35f8dfaab0_f8a3e9c6041f5e30662c.v2.svg);
    background-size: 100% 500px
}

.l-default.top-bg-yellow {
    background-image: url(../app-resources-d6/assets/fd9ada534a60972bee74da2a9030d919_53d152c186c46d71befb.v2.svg);
    background-size: 100% 500px
}

.l-default.top-bg-gray {
    background-color: var(--bg-fbfbfb);
    background-image: linear-gradient(#ebeff8, #fbfbfb);
    background-size: 100% 595px
}

.l-default.top-bg-gray2 {
    background-color: var(--bg-ffffff);
    background-image: linear-gradient(#ebeff8, #fff);
    background-size: 100% 595px
}

.theme-night .l-default {
    background-color: var(--bg-fafafa);
    background-image: none
}

.content-fit-header {
    padding-top: 58px
}

.is-native .content-fit-header,
.screen-md .content-fit-header .l-default-main {
    padding-top: 0
}

.c-common-header.theme-night .c-common-header-inner .logo {
    background-image: url(../app-resources-d6/assets/bc80802391f74a32c4b679b2efb9ee92_1a93ccc3a70334e3143b.v2.svg) !important
}

.c-common-header.theme-night .c-common-header-inner .footer-download-tip {
    background-color: #fff
}

.c-common-header.theme-night .c-common-header-inner .footer-download-tip .title {
    color: #27282c
}

.c-common-header.theme-night .c-common-header-inner .footer-download-tip .desc {
    color: #7d7f81
}

.c-common-header {
    height: 58px;
    left: 0;
    padding: 0 10px;
    position: fixed !important;
    right: 0;
    top: 0;
    z-index: 2000
}

.c-common-header.full-active {
    background-color: var(--bg-ffffff) !important;
    border-color: transparent !important;
    transition: background-color .3s ease-in;
    z-index: 999999
}

.c-common-header.header-fixed {
    background-color: var(--bg-ffffff) !important;
    box-shadow: 0 12px 30px rgba(45, 56, 68, .05);
    transition: .1s ease-in-out
}

.c-common-header .c-common-header-inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between
}

.c-common-header .c-common-header-inner .c-common-header-nav {
    align-items: center;
    display: flex
}

.c-common-header .c-common-header-inner .c-common-header-nav .logo {
    background-image: url(../app-resources-d6/assets/1e020fb7139b9699a43cf6fe1f70479c_0a6304389ab2a93050b0.v2.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 34px;
    margin-inline-end: 10px;
    width: 122px
}

body.is-service-updating .c-common-header,
body.is-service-updating .via-popover-container.header-dropdown-menu,
body.is-service-updating .via-popover-container.lang-rate-select-popover,
body.is-service-updating .via-popover-container.popper-header-download,
body.is-service-updating .via-popover-container.popper-header-msg-notify,
body.is-service-updating .via-popover-container.popper-sub-account {
    z-index: 999999 !important
}

body.header-ffffff .c-common-header {
    background-color: var(--bg-ffffff)
}

.theme-night .c-common-header.header-fixed {
    box-shadow: none
}

.theme-night .c-common-header .c-common-header-inner .logo {
    background-image: url(../app-resources-d6/assets/bc80802391f74a32c4b679b2efb9ee92_1a93ccc3a70334e3143b.v2.svg)
}

.c-common-header-nav-wrap {
    align-items: center;
    display: flex;
    flex-shrink: 0
}

.c-common-header-nav-wrap .new-icon {
    align-items: center;
    background-color: var(--bg-f38b2c);
    border-radius: 6px 6px 6px 0;
    color: #fff;
    display: flex;
    font-size: 12px;
    height: 14px;
    inset-inline-start: 100%;
    justify-content: center;
    position: absolute;
    top: -10px;
    width: 32px
}

.c-common-header-nav-wrap .new-icon.hot {
    background-color: #f06a5b
}

.c-common-header-nav-wrap .new-icon>span {
    display: block;
    line-height: 12px;
    transform: scale(.8)
}

.c-common-header-nav-wrap .hot-menu {
    padding: 0 15px
}

.c-common-header-nav-wrap .hot-menu .header-nav-link {
    padding: 0
}

.c-common-header-nav-wrap .header-nav-link {
    color: var(--text-161719);
    font-size: 14px;
    font-weight: 500;
    padding: 0 8px;
    position: relative;
    white-space: nowrap
}

.c-common-header-nav-wrap .c-header-dropdown-menu-title.active .header-nav-link,
.c-common-header-nav-wrap .header-nav-link.nuxt-link-active,
.c-common-header-nav-wrap .header-nav-link:hover {
    color: var(--text-0ead98)
}

.c-common-header-nav-wrap .link-newbie-box {
    align-items: center;
    background: linear-gradient(rgba(232, 114, 43, .25), rgba(255, 151, 88, .25));
    border: 1px solid rgba(232, 114, 43, .5);
    border-radius: 2000px;
    color: #f1813c;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin-inline-start: 8px;
    padding-bottom: 4px;
    padding-inline: 12px;
    padding-top: 4px;
    white-space: pre-wrap
}

.c-common-header-nav-wrap .link-newbie-box.show-icon {
    padding-bottom: 0;
    padding-top: 0;
    padding-inline-start: 8px
}

html[dir=rtl] .c-common-header-nav-wrap .c-header-dropdown-menu .new-icon {
    border-radius: 6px 6px 0
}

.c-header-dropdown-menu {
    align-items: center;
    display: flex;
    min-height: 58px;
    position: relative
}

.c-header-dropdown-menu .c-header-dropdown-menu-title {
    align-items: center;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    padding: 0 15px
}

.c-header-dropdown-menu .c-header-dropdown-menu-title.active {
    color: var(--text-0ead98)
}

.c-header-dropdown-menu .c-header-dropdown-menu-title .header-nav-link {
    padding: 0 !important
}

.c-header-dropdown-menu .c-header-dropdown-menu-title i.icon-drop-down {
    color: var(--text-707580);
    font-size: 12px;
    transform: translateY(1px) scale(.8);
    transition: .3s
}

.c-header-dropdown-menu.is-menu-active .c-header-dropdown-menu-title {
    color: var(--text-0ead98);
    white-space: nowrap
}

.c-header-dropdown-menu.is-menu-active .c-header-dropdown-menu-title i.icon-drop-down {
    transform: rotate(180deg) translateY(0) scale(.8)
}

.c-header-dropdown-menu.is-menu-active .header-nav-link {
    color: var(--text-0ead98)
}

.c-header-dropdown-panel {
    background-color: var(--bg-ffffff-gray1004);
    border-radius: 12px;
    display: block;
    max-height: calc(-76px + 100vh);
    min-height: auto;
    min-width: 200px;
    overflow-y: auto;
    pointer-events: auto;
    width: -moz-max-content;
    width: max-content;
    z-index: 2000
}

.c-header-dropdown-panel .default-panel {
    pointer-events: none
}

.c-header-dropdown-panel.is-menu-active .default-panel {
    pointer-events: auto
}

.c-header-dropdown-panel .menu-list-wrap {
    position: relative
}

.c-header-dropdown-panel .menu-list-wrap .menu-list {
    background-color: var(--bg-ffffff-gray1004);
    position: static;
    z-index: 2
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .more-menu-item .name {
    flex: 1 1 0%
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .more-menu-item>i.iconfont.icon-arrow-rise {
    visibility: visible
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .more-menu-item .child-menu-wrap {
    background-color: var(--bg-ffffff-gray1004);
    border-radius: 0 12px 12px 0;
    box-shadow: 2px 2px 5px rgba(45, 56, 68, .05);
    height: 100%;
    inset-inline-start: 100%;
    margin-inline-start: -12px;
    opacity: 0;
    padding: 12px;
    padding-inline-start: 24px;
    position: absolute;
    top: 0;
    transform: rotateY(-90deg);
    transform-origin: left center;
    transition: .3s ease-in-out;
    visibility: hidden;
    width: -moz-max-content;
    width: max-content;
    z-index: -1
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .more-menu-item .child-menu-wrap:before {
    background-color: var(--bg-f2f3f5);
    bottom: 12px;
    content: "";
    display: block;
    inset-inline-start: 12px;
    position: absolute;
    top: 12px;
    width: 1px
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .more-menu-item .child-menu-wrap .child-menu-item {
    border-radius: 8px;
    color: var(--text-707580);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin-bottom: 6px;
    min-width: 140px;
    padding: 0 20px
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .more-menu-item .child-menu-wrap .child-menu-item.nuxt-link-active,
.c-header-dropdown-panel .menu-list-wrap .menu-list .more-menu-item .child-menu-wrap .child-menu-item:hover {
    background-color: var(--bg-f7f8fa-gray0803);
    color: var(--text-0ead98)
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .more-menu-item:hover>.child-menu-wrap {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
    z-index: 1
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    max-width: 376px;
    min-height: 70px;
    min-width: 260px;
    padding: 8px 0;
    transition: .3s
}

@keyframes arrow-slide {
    0% {
        transform: rotate(90deg) scale(.8) translateY(10px)
    }

    to {
        transform: rotate(90deg) scale(.8) translateY(0)
    }
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item i.iconfont.icon-arrow-rise {
    color: var(--text-b4b7bd);
    font-size: 14px;
    margin-inline-end: 14px;
    transform: rotate(90deg) scale(.8);
    visibility: hidden
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item .img {
    flex-shrink: 0;
    margin-inline: 16px 12px;
    width: 36px
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item .img img {
    width: 36px
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item .name {
    flex: 1 1 0%;
    margin-inline-end: 20px
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item .name .title {
    color: var(--text-161719);
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item .name .desc {
    color: var(--text-707580);
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
    max-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item .name .title-new-icon {
    align-items: center;
    background-color: var(--bg-f38b2c);
    border-radius: 6px 6px 6px 0;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    height: 14px;
    justify-content: center;
    position: relative;
    top: -3px;
    width: 32px
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item .name .title-new-icon>span {
    display: block;
    line-height: 12px;
    transform: scale(.8)
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item .name .fire-img {
    display: inline-block;
    vertical-align: -.15em
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item.active,
.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item:hover {
    background-color: var(--bg-f7f8fa-gray0803);
    transition: color .3s
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item.active .name .title,
.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item:hover .name .title {
    color: var(--text-0ead98);
    transition: color .3s
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item:hover i.iconfont {
    animation: arrow-slide .5s ease 0s 1 normal forwards running;
    color: var(--text-0ead98);
    visibility: visible
}

.c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item .trafficIcon-img {
    max-height: 40px;
    max-width: 40px
}

html[dir=rtl] .c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item .child-menu-wrap {
    border-radius: 12px 0 0 12px;
    box-shadow: -2px -2px 5px rgba(45, 56, 68, .05);
    transform: rotateY(90deg);
    transform-origin: right center
}

@keyframes arrow-slide-rtl {
    0% {
        transform: rotate(-90deg) scale(.8) translateY(10px)
    }

    to {
        transform: rotate(-90deg) scale(.8) translateY(0)
    }
}

html[dir=rtl] .c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item:hover i.iconfont {
    animation: arrow-slide-rtl .5s ease 0s 1 normal none running
}

html[dir=rtl] .c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item>i.iconfont.icon-arrow-rise {
    transform: rotate(-90deg) scale(.8)
}

html[dir=rtl] .c-header-dropdown-panel .menu-list-wrap .menu-list .menu-list-item .title-new-icon {
    border-radius: 6px 6px 0
}

.via-popover-container {
    background: var(--bg-ffffff-gray1004);
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .31);
    color: var(--text-707580);
    padding: 12px;
    z-index: 99;
    --arrow-border-color: var(--border-ffffff)
}

.via-popover-container.is-dark {
    background: var(--bg-3a3d42);
    color: var(--text-ffffff);
    --arrow-border-color: var(--border-3a3d42)
}

.via-popover-container .popper-arrow,
.via-popover-container .popper-arrow:after {
    border: 6px solid transparent;
    height: 0;
    width: 0
}

.via-popover-container .popper-arrow:after {
    content: " ";
    display: block;
    position: absolute
}

.via-popover-container[data-popper-placement^=top] .popper-arrow {
    border-bottom-width: 0;
    border-top-color: var(--arrow-border-color);
    bottom: -6px
}

.via-popover-container[data-popper-placement^=top] .popper-arrow:after {
    border-bottom-width: 0;
    border-top-color: var(--arrow-border-color);
    bottom: 1px;
    margin-inline-start: -6px
}

.via-popover-container[data-popper-placement^=bottom] .popper-arrow {
    border-bottom-color: var(--arrow-border-color);
    border-top-width: 0;
    top: -6px
}

.via-popover-container[data-popper-placement^=bottom] .popper-arrow:after {
    border-bottom-color: var(--arrow-border-color);
    border-top-width: 0;
    margin-inline-start: -6px;
    top: 1px
}

.via-popover-container[data-popper-placement^=right] .popper-arrow {
    border-inline-end-color: var(--arrow-border-color);
    border-inline-start-width: 0;
    inset-inline-start: -6px
}

.via-popover-container[data-popper-placement^=right] .popper-arrow:after {
    border-inline-end-color: var(--arrow-border-color);
    border-inline-start-width: 0;
    left: 1px;
    margin-top: -6px
}

.via-popover-container[data-popper-placement^=left] .popper-arrow {
    border-inline-end-width: 0;
    border-inline-start-color: var(--arrow-border-color);
    inset-inline-end: -6px
}

.via-popover-container[data-popper-placement^=left] .popper-arrow:after {
    border-inline-end-width: 0;
    border-inline-start-color: var(--arrow-border-color);
    inset-inline-end: 1px;
    margin-top: -6px
}

.theme-night .via-popover-container {
    box-shadow: none
}

.fade-enter-active[data-v-215b021b],
.fade-leave-active[data-v-215b021b] {
    transition: opacity .3s
}

.fade-enter[data-v-215b021b],
.fade-leave-to[data-v-215b021b] {
    opacity: 0
}

.c-common-header-menu {
    align-items: center;
    display: flex
}

.c-common-header-menu .header-icon-trigger {
    color: var(--text-161719);
    cursor: pointer
}

.c-common-header-menu .header-icon-trigger:hover {
    color: var(--text-0ead98)
}

.c-common-header-menu .menu-split-line {
    background-color: var(--bg-b4b7bd);
    display: block;
    height: 18px;
    margin: 0 20px;
    width: 1px
}

.c-header-asset-menu .c-header-dropdown-menu .c-header-dropdown-menu-title {
    padding-inline: 0 10px
}

.c-header-asset-menu-popper {
    padding: 8px;
    width: 338px
}

.c-header-asset-menu-popper .asset-info {
    margin-bottom: 20px
}

.c-header-asset-menu-popper .asset-info .asset-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.c-header-asset-menu-popper .asset-info i.iconfont {
    color: var(--text-3a3d42);
    cursor: pointer;
    font-size: 24px
}

.c-header-asset-menu-popper .asset-info i.iconfont:hover {
    color: var(--text-0ead98)
}

.c-header-asset-menu-popper .asset-info .menu-title {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    font-size: 16px;
    margin-bottom: 4px
}

.c-header-asset-menu-popper .asset-info .menu-title .with-tip {
    border-bottom: 1px dashed var(--text-aeb0b3)
}

.c-header-asset-menu-popper .asset-info .menu-title i.iconfont {
    color: var(--text-b4b7bd);
    cursor: pointer;
    margin-inline-start: 8px
}

.c-header-asset-menu-popper .asset-info .via-btn[round] {
    border-radius: 8px;
    flex: 1 1 0%
}

.c-header-asset-menu-popper .asset-info .total-asset {
    align-items: flex-end;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-header-asset-menu-popper .asset-info .total-asset .num {
    color: var(--text-161719);
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-header-asset-menu-popper .asset-info .total-asset .unit {
    color: var(--text-707580);
    font-size: 14px;
    margin-inline-start: 5px
}

.c-header-asset-menu-popper .asset-menu-list-item {
    border-radius: 8px;
    color: var(--text-161719);
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    min-width: 200px;
    padding-inline-start: 15px;
    white-space: nowrap
}

.c-header-asset-menu-popper .asset-menu-list-item .icon {
    background-size: contain !important;
    display: inline-block;
    height: 24px;
    margin-inline-end: 12px;
    transition: .4s ease-out;
    width: 24px
}

.c-header-asset-menu-popper .asset-menu-list-item .icon.asset-spot {
    background-image: url(../app-resources-d6/assets/43018e4b1ccd229b1af0cf40724bcee1_b9da28bb665b82e06614.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item .icon.asset-margin {
    background-image: url(../app-resources-d6/assets/4377a8790de7432d8a1ec5e71d2c9782_675942c1d7fee713828a.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item .icon.asset-futures {
    background-image: url(../app-resources-d6/assets/724cc01d8974879341cc04ed20dda11e_1a11d2334b2b51802d26.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item .icon.asset-amm {
    background-image: url(../app-resources-d6/assets/8e11d4aa31f985067d39a7d9bda85b22_2216348b800993792619.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item .icon.asset-finance {
    background-image: url(../app-resources-d6/assets/028e7204254c6da811f1020275ac75b5_6d357d87a76b0ff464b5.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item .icon.asset-credit {
    background-image: url(../app-resources-d6/assets/7cd6125cc84bfbfeed616c5fd166c57f_283a7a59acb945039097.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item .icon.asset-history {
    background-image: url(../app-resources-d6/assets/eeb4c9744fc316641ffa1507e83f5d80_e80d3d8244fce80ab96b.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item .icon.asset-loans {
    background-image: url(../app-resources-d6/assets/218e59dd3392a6d7e0dffa20e16e1491_7b5bc950b9ca4e4ff38f.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item.active,
.c-header-asset-menu-popper .asset-menu-list-item:hover {
    background-color: var(--bg-f7f8fa-gray0803);
    border-radius: 8px;
    color: var(--text-0ead98);
    font-weight: 500
}

.c-header-asset-menu-popper .asset-menu-list-item.active .icon.asset-spot,
.c-header-asset-menu-popper .asset-menu-list-item:hover .icon.asset-spot {
    background-image: url(../app-resources-d6/assets/08db2730483e4c5a99634f27ffe4a7ad_61d2e8b6020e5f80d063.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item.active .icon.asset-margin,
.c-header-asset-menu-popper .asset-menu-list-item:hover .icon.asset-margin {
    background-image: url(../app-resources-d6/assets/b4d1030efe9c982e9f49b84423e437e4_7dc1c16299cd9cef0323.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item.active .icon.asset-futures,
.c-header-asset-menu-popper .asset-menu-list-item:hover .icon.asset-futures {
    background-image: url(../app-resources-d6/assets/75c4b07b84d7a296e60e6d0bb36fa3c0_8946bcdcd2bc8f16e03b.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item.active .icon.asset-amm,
.c-header-asset-menu-popper .asset-menu-list-item:hover .icon.asset-amm {
    background-image: url(../app-resources-d6/assets/885dfe8f485462a3d1d108a8c39517e4_c008b06f5fbf65014aea.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item.active .icon.asset-finance,
.c-header-asset-menu-popper .asset-menu-list-item:hover .icon.asset-finance {
    background-image: url(../app-resources-d6/assets/783a2b0d54b709810c4c54b03466926d_c25e596fb88cfd4da203.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item.active .icon.asset-credit,
.c-header-asset-menu-popper .asset-menu-list-item:hover .icon.asset-credit {
    background-image: url(../app-resources-d6/assets/8fb7bfbe9707b38318a1a5633781a41b_796464511e915130346e.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item.active .icon.asset-history,
.c-header-asset-menu-popper .asset-menu-list-item:hover .icon.asset-history {
    background-image: url(../app-resources-d6/assets/aecaf38f601437adc3a6c690ea9f0c47_da852ddbb460d04330fe.v2.webp)
}

.c-header-asset-menu-popper .asset-menu-list-item.active .icon.asset-loans,
.c-header-asset-menu-popper .asset-menu-list-item:hover .icon.asset-loans {
    background-image: url(../app-resources-d6/assets/cb45d6380a053392db04a336bb37a205_5a5218861d938d3b582c.v2.webp)
}

.c-header-order-menu .c-header-dropdown-menu .c-header-dropdown-menu-title {
    padding-inline: 10px
}

.c-header-order-menu-popper {
    padding: 8px
}

.c-header-order-menu-popper .order-menu-list-item {
    border-radius: 8px;
    color: var(--text-161719);
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    min-width: 200px;
    padding: 0 15px;
    white-space: nowrap
}

.c-header-order-menu-popper .order-menu-list-item .icon {
    background-size: contain !important;
    display: inline-block;
    height: 24px;
    margin-inline-end: 12px;
    transition: .4s ease-out;
    width: 24px
}

.c-header-order-menu-popper .order-menu-list-item .icon.exchange-order {
    background-image: url(../app-resources-d6/assets/01f0454f1448111682a446ced61d9f91_82300bf80fdc8609815a.v2.svg)
}

.c-header-order-menu-popper .order-menu-list-item .icon.futures-order {
    background-image: url(../app-resources-d6/assets/ad7d72d1bc51882273c3284c6c209139_ceaba6fbe2fad2e26f20.v2.svg)
}

.c-header-order-menu-popper .order-menu-list-item .icon.swap-order {
    background-image: url(../app-resources-d6/assets/b00a24011df131808975dae433598289_7234bf4c799bdb58c640.v2.svg)
}

.c-header-order-menu-popper .order-menu-list-item .icon.fiat-order {
    background-image: url(../app-resources-d6/assets/cb7bd00e29937daee0be6bddfe1256b5_a4f792c9d5d65d6b0bd4.v2.svg)
}

.c-header-order-menu-popper .order-menu-list-item .icon.dock-order {
    background-image: url(../app-resources-d6/assets/7dc15481da5fad664bd819bc5b50fbc9_d4a6156ae9507ced6c7f.v2.svg)
}

.c-header-order-menu-popper .order-menu-list-item.active,
.c-header-order-menu-popper .order-menu-list-item:hover {
    background-color: var(--bg-f7f8fa-gray0803);
    color: var(--text-0ead98);
    font-weight: 500
}

.c-header-order-menu-popper .order-menu-list-item.active .icon.exchange-order,
.c-header-order-menu-popper .order-menu-list-item:hover .icon.exchange-order {
    background-image: url(../app-resources-d6/assets/3a6da03caa40b42225492f9fc946317d_3ad421ad5b18296318a9.v2.svg)
}

.c-header-order-menu-popper .order-menu-list-item.active .icon.futures-order,
.c-header-order-menu-popper .order-menu-list-item:hover .icon.futures-order {
    background-image: url(../app-resources-d6/assets/8db951e14adebce869af461b73db1224_7453f2b1fe58a4791f0f.v2.svg)
}

.c-header-order-menu-popper .order-menu-list-item.active .icon.swap-order,
.c-header-order-menu-popper .order-menu-list-item:hover .icon.swap-order {
    background-image: url(../app-resources-d6/assets/07f0e3feb964fe695da9e0e74155d8d1_634b476179993231f8da.v2.svg)
}

.c-header-order-menu-popper .order-menu-list-item.active .icon.fiat-order,
.c-header-order-menu-popper .order-menu-list-item:hover .icon.fiat-order {
    background-image: url(../app-resources-d6/assets/bb45d7a4e2a2ec4ae807315dddc23ed9_455a50adfa19f4c69017.v2.svg)
}

.c-header-order-menu-popper .order-menu-list-item.active .icon.dock-order,
.c-header-order-menu-popper .order-menu-list-item:hover .icon.dock-order {
    background-image: url(../app-resources-d6/assets/ab59813f35ee049dad04eded4c4ca13e_04af05fcea378e396e4d.v2.svg)
}

.c-header-account-menu .c-header-dropdown-menu .c-header-dropdown-menu-title {
    padding-inline: 10px 0
}

.c-header-account-menu-popper {
    min-width: 338px;
    padding: 8px
}

.c-header-account-menu-popper .account-info {
    align-items: center;
    display: flex;
    margin-bottom: 20px
}

.c-header-account-menu-popper .account-info .info {
    flex: 1 1 0%;
    margin-inline-start: 14px
}

.c-header-account-menu-popper .account-info .info .username {
    color: var(--text-161719);
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 4px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-header-account-menu-popper .account-info .info .verify-status {
    align-items: center;
    background-color: rgba(14, 173, 152, .1);
    border-radius: 8px;
    color: var(--text-0ead98);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    height: 18px;
    line-height: 16px;
    margin-inline-start: 8px;
    padding: 0 8px;
    white-space: nowrap
}

.c-header-account-menu-popper .account-info .info .verify-status span {
    margin-inline-start: 4px
}

.c-header-account-menu-popper .account-info .info .verify-status.verify-fail {
    background: var(--bg-f7f8fa-gray0803);
    color: #aeb0b3
}

.c-header-account-menu-popper .account-info .info .vip-level-img {
    cursor: pointer;
    height: 16px
}

.c-header-account-menu-popper .account-info .info .vip-buff-level {
    align-items: center;
    border: 1px solid var(--border-e0e3ed);
    border-radius: 4px;
    display: inline-flex;
    font-size: 12px;
    line-height: 16px;
    margin-top: 6px;
    padding: 4px 6px
}

.c-header-account-menu-popper .account-menu-list-item {
    border-radius: 8px;
    color: var(--text-161719);
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    min-width: 200px;
    padding: 0 15px;
    white-space: nowrap
}

.c-header-account-menu-popper .account-menu-list-item.c-box {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-header-account-menu-popper .account-menu-list-item.c-box.split-line {
    margin-bottom: 3px;
    position: relative
}

.c-header-account-menu-popper .account-menu-list-item.c-box.split-line:after {
    bottom: -2px;
    position: absolute;
    top: auto
}

.c-header-account-menu-popper .account-menu-list-item .coupon-amount {
    background-color: rgba(14, 173, 152, .2);
    border-radius: 20px;
    color: var(--text-0ead98);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    padding: 0 4px;
    text-align: center
}

.c-header-account-menu-popper .account-menu-list-item.split-line {
    margin-bottom: 3px
}

.c-header-account-menu-popper .account-menu-list-item.split-line:after {
    background-color: var(--bg-f2f3f5);
    content: "";
    display: block;
    height: 1px;
    position: relative;
    top: 1px;
    width: 274px
}

.c-header-account-menu-popper .account-menu-list-item.active,
.c-header-account-menu-popper .account-menu-list-item:hover {
    background-color: var(--bg-f7f8fa-gray0803);
    color: var(--text-0ead98);
    font-weight: 500
}

.c-header-account-menu-popper .account-menu-list-item.active .icon.img-overview,
.c-header-account-menu-popper .account-menu-list-item:hover .icon.img-overview {
    background-image: url(../app-resources-d6/assets/deacb043f96eaff45b1c62e622560e9b_9cdb20cc8be24ed54956.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item.active .icon.img-security,
.c-header-account-menu-popper .account-menu-list-item:hover .icon.img-security {
    background-image: url(../app-resources-d6/assets/e559b6f1cbc98cbae4a30590d298de48_a71426e98353981431b2.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item.active .icon.img-kyc,
.c-header-account-menu-popper .account-menu-list-item:hover .icon.img-kyc {
    background-image: url(../app-resources-d6/assets/bfb57bfc5ceb31d29e6a472eb5514d2f_38b0a1c03a16cadfbb46.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item.active .icon.img-level,
.c-header-account-menu-popper .account-menu-list-item:hover .icon.img-level {
    background-image: url(../app-resources-d6/assets/e74344c58372cbecdcd7e8c7cc0e66ed_2f52fe9dcfdc1ed9c0f9.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item.active .icon.img-preference,
.c-header-account-menu-popper .account-menu-list-item:hover .icon.img-preference {
    background-image: url(../app-resources-d6/assets/f4dbd96622aa1eb74058bbb18d79572b_523e31b91e3028988618.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item.active .icon.img-message,
.c-header-account-menu-popper .account-menu-list-item:hover .icon.img-message {
    background-image: url(../app-resources-d6/assets/fc07ef20c2abee55eec9b93a39cc5f2b_38e6fde71fe1fd5bea4a.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item.active .icon.img-api,
.c-header-account-menu-popper .account-menu-list-item:hover .icon.img-api {
    background-image: url(../app-resources-d6/assets/48682d1bb2d354b9b5e3f3c4e3a63d2a_e9e82a209c19c8c1494a.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item.active .icon.img-sub-account,
.c-header-account-menu-popper .account-menu-list-item:hover .icon.img-sub-account {
    background-image: url(../app-resources-d6/assets/3b6bcbfb25a622b1b214e33d4ee78679_1e12b99533228f833932.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item.active .icon.img-coupon,
.c-header-account-menu-popper .account-menu-list-item:hover .icon.img-coupon {
    background-image: url(../app-resources-d6/assets/2795114c0f236a29739014ca3cd6edc4_ea4de0e713fca27651aa.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item.active .icon.img-refer,
.c-header-account-menu-popper .account-menu-list-item:hover .icon.img-refer {
    background-image: url(../app-resources-d6/assets/2e106a121807acf8fde9fec3981eba55_8243d03b8fac7dd5473e.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item.active .icon.img-logout,
.c-header-account-menu-popper .account-menu-list-item:hover .icon.img-logout {
    background-image: url(../app-resources-d6/assets/b3b57dc576aa39565c6fe45e38fa6306_81e85e9bb5acf591b0d6.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item.active .icon.img-c-box,
.c-header-account-menu-popper .account-menu-list-item:hover .icon.img-c-box {
    background-image: url(../app-resources-d6/assets/a870e8e123edbda0d26d1b5aab1d4dff_c9e22971382678fd5fe7.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item .icon {
    background-size: contain !important;
    display: inline-block;
    height: 24px;
    margin-inline-end: 12px;
    transition: .4s ease-out;
    width: 24px
}

.c-header-account-menu-popper .account-menu-list-item .icon.img-overview {
    background-image: url(../app-resources-d6/assets/dcc5b70aa9eb50c25ad4d683cc144d5f_25e044bbf0f0c8d19d03.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item .icon.img-security {
    background-image: url(../app-resources-d6/assets/b2ee37072d8d6da2c36bdb09a359d2a4_9090415178589c87d6b8.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item .icon.img-kyc {
    background-image: url(../app-resources-d6/assets/00f3e73268996cf60bc33d4a2e12c5c6_9b7e73e04825b90a0ae4.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item .icon.img-level {
    background-image: url(../app-resources-d6/assets/5cddf126dc859e9064cc3ccbaea664fb_270c5d4db7af003086d8.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item .icon.img-preference {
    background-image: url(../app-resources-d6/assets/f4dbd96622aa1eb74058bbb18d79572b_523e31b91e3028988618.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item .icon.img-message {
    background-image: url(../app-resources-d6/assets/edc8a9b2d0fd0ed899333014a18ef8e1_15bec8e1a3e72b7a8ff3.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item .icon.img-api {
    background-image: url(../app-resources-d6/assets/3cd7cb825eeaeafee65838e44dd15710_aa1fd86063720bcd343b.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item .icon.img-sub-account {
    background-image: url(../app-resources-d6/assets/5c3c40e02610f7252107473d890d9a3f_fba9d7ba03cdd6fd4a95.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item .icon.img-coupon {
    background-image: url(../app-resources-d6/assets/d120d1f22c0db1b5571217df49b5e3b5_22a37a9f9a60e1d0856b.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item .icon.img-refer {
    background-image: url(../app-resources-d6/assets/9275013b67d1601427eb2ab896a34f65_e4b5110a1f8af422c117.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item .icon.img-logout {
    background-image: url(../app-resources-d6/assets/7185351a03bc3cec256353ec66d28cb0_44af11ed153ebe9cb9e7.v2.svg)
}

.c-header-account-menu-popper .account-menu-list-item .icon.img-c-box {
    background-image: url(../app-resources-d6/assets/9ae12416c631177e5b8598117e1428bf_b93c2a915a3837d6876f.v2.svg)
}

.c-my-basic-avatar {
    display: inline-block;
    flex: 0 0 auto;
    position: relative
}

.c-my-basic-avatar .avatar-img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.c-my-basic-avatar .avatar-border {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(1.7);
    width: 100%;
    z-index: 99
}

.c-common-msg-notify .icon-box {
    position: relative
}

.c-common-msg-notify .icon-box .has-msg-tip {
    align-items: center;
    background-color: var(--bg-0ead98);
    border-radius: 40px;
    color: #fff;
    display: flex;
    font-size: 12px;
    height: 16px;
    inset-inline-start: 10px;
    justify-content: center;
    min-width: 16px;
    padding: 1px 3px;
    position: absolute;
    top: -6px
}

.via-popover-container.popper-header-msg-notify {
    background: var(--bg-ffffff);
    border-radius: 12px;
    overflow: hidden;
    padding: 0;
    width: 410px
}

.via-popover-container.popper-header-msg-notify .popup-box {
    padding: 12px 12px 20px
}

.via-popover-container.popper-header-msg-notify .popup-box .message-head {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 10px 10px 10px 20px
}

.via-popover-container.popper-header-msg-notify .popup-box .message-head .message-amout {
    color: var(--text-27282c);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.via-popover-container.popper-header-msg-notify .popup-box .message-head .link-text {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 12px;
    padding: 4px 10px;
    transition: .4s
}

.via-popover-container.popper-header-msg-notify .popup-box .message-head .link-text:hover {
    background-color: rgba(14, 173, 152, .1);
    border-radius: 4px;
    transition: .4s
}

.via-popover-container.popper-header-msg-notify .popup-box .message-main .item-message {
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: 15px 15px 15px 20px;
    transition: .4s
}

.via-popover-container.popper-header-msg-notify .popup-box .message-main .item-message .title {
    color: var(--text-27282c);
    display: -webkit-box;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.via-popover-container.popper-header-msg-notify .popup-box .message-main .item-message .title:before {
    background: #0ead98;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-bottom: 1px;
    margin-inline-end: 5px;
    width: 8px
}

.via-popover-container.popper-header-msg-notify .popup-box .message-main .item-message .content {
    color: var(--text-707580);
    display: -webkit-box;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-inline-start: 12px
}

.via-popover-container.popper-header-msg-notify .popup-box .message-main .item-message:hover {
    background: var(--bg-0ead98-5);
    transition: .4s
}

.via-popover-container.popper-header-msg-notify .popup-box .message-main .item-message:hover .title {
    color: #0ead98
}

.via-popover-container.popper-header-msg-notify .popup-box .message-footer {
    padding: 15px;
    text-align: end
}

.via-popover-container.popper-header-download {
    background: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(45, 56, 68, .05);
    box-sizing: border-box;
    padding: 20px 35px;
    width: 210px
}

.via-popover-container.popper-header-download .title {
    color: var(--text-161719);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 8px;
    text-align: center
}

.via-popover-container.popper-header-download .desc {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 20px;
    text-align: center
}

.via-popover-container.popper-header-download .via-btn {
    width: 100%
}

.via-popover-container.lang-rate-select-popover {
    background: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(45, 56, 68, .05);
    padding: 0
}

.via-popover-container.lang-rate-select-popover .language-wrap {
    border-radius: 20px;
    min-height: 300px;
    overflow: hidden;
    padding: 20px 32px;
    width: 748px
}

.via-popover-container.lang-rate-select-popover .language-wrap .label-title {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px
}

.via-popover-container.lang-rate-select-popover .language-wrap .item-list-wrap {
    flex-wrap: wrap
}

.via-popover-container.lang-rate-select-popover .language-wrap .item-list-wrap .list-item {
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: space-between;
    line-height: 40px;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 168px
}

.via-popover-container.lang-rate-select-popover .language-wrap .item-list-wrap .list-item .iconfont {
    visibility: hidden
}

.via-popover-container.lang-rate-select-popover .language-wrap .item-list-wrap .list-item.active,
.via-popover-container.lang-rate-select-popover .language-wrap .item-list-wrap .list-item:hover {
    background: var(--bg-f7f8fa);
    border-radius: 8px
}

.via-popover-container.lang-rate-select-popover .language-wrap .item-list-wrap .list-item.active {
    font-weight: 700
}

.via-popover-container.lang-rate-select-popover .language-wrap .item-list-wrap .list-item.active .iconfont {
    visibility: visible
}

.c-operation-activity-dialog .title-over {
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    width: 100%;
    word-break: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-operation-activity-dialog .over-height {
    font-size: 14px;
    max-height: 300px;
    min-height: 60px;
    overflow: hidden auto;
    overflow-wrap: break-word;
    width: 100%;
    word-break: normal
}

.c-operation-activity-dialog .head-top .icon-error {
    background: 0 0;
    border: none;
    color: var(--text-7d7f81);
    cursor: pointer;
    font-size: 20px;
    inset-inline-end: 20px;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    z-index: 10
}

.c-operation-activity-dialog .head-top .bg-img {
    inset-inline-start: 0;
    position: absolute;
    top: -22px
}

.c-operation-activity-dialog .el-button {
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    height: 40px;
    padding-bottom: 12px;
    padding-top: 12px
}

.c-operation-activity-dialog .el-button:focus,
.c-operation-activity-dialog .el-button:hover {
    color: #fff
}

.c-operation-activity-dialog .btn1 {
    background-color: var(--bg-0ead98-5);
    border: none;
    color: var(--text-0ead98);
    transition: .4s
}

.c-operation-activity-dialog .btn1:hover {
    background-color: var(--bg-0ead98-10);
    border: none;
    transition: .4s
}

.c-operation-activity-dialog .btn1:focus {
    background-color: var(--bg-0ead98-5);
    border: none;
    color: var(--text-0ead98)
}

.c-operation-activity-dialog-img {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000
}

.c-operation-activity-dialog-img img {
    border-radius: 20px;
    margin-top: 8vh
}

.c-operation-activity-dialog-img .iconfont {
    color: #fff;
    cursor: pointer;
    font-size: 32px;
    margin-top: 10px;
    transform: rotate(45deg)
}

.c-ambassador-activity-dialog-push .via-dialog {
    background: none !important;
    padding: 200px 0 100px !important
}

.c-ambassador-activity-dialog-push .via-dialog .via-dialog-body {
    background: linear-gradient(#a0ebee, #fff 42.52%);
    border-radius: 20px;
    padding: 240px 32px 32px
}

.c-ambassador-activity-dialog-push .poster {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.c-ambassador-activity-dialog-push .btn-close {
    bottom: 48px;
    color: #fff;
    cursor: pointer;
    font-size: 32px;
    left: 50%;
    margin-left: -16px;
    position: absolute
}

body.via-hidden {
    overflow: hidden !important
}

.via-dialog-page .l-app,
.via-dialog-page .l-default {
    height: 0;
    min-height: 0;
    overflow: hidden
}

.via-dialog-page .c-common-header {
    z-index: 3000
}

.via-dialog-page.is-native .via-dialog-wrapper.is-page {
    padding-top: 0
}

.via-dialog-wrapper {
    bottom: 0;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    overflow: auto;
    overscroll-behavior-y: contain;
    position: fixed;
    right: 0
}

.via-dialog-wrapper.in-drawer {
    padding-bottom: 0 !important
}

.via-dialog-wrapper.in-drawer .via-dialog {
    border-radius: 20px 20px 0 0;
    bottom: 0;
    left: 0;
    margin: 0;
    max-width: 100vw;
    padding: 20px;
    position: absolute;
    right: 0;
    width: 100% !important
}

.via-dialog-wrapper.in-drawer .via-dialog .via-dialog-body {
    overflow: auto
}

.via-dialog-wrapper.in-drawer .via-dialog i.via-dialog-close {
    inset-inline-end: 10px !important;
    top: 10px
}

.via-dialog-wrapper.is-page {
    background: var(--bg-fafafa);
    bottom: auto;
    height: auto;
    left: 0;
    min-height: 100vh;
    overflow: inherit;
    padding-top: 58px;
    position: absolute;
    top: 0;
    width: 100%
}

.via-dialog-wrapper.is-page .via-dialog {
    background: none;
    border-radius: 0;
    height: auto;
    margin: 0;
    max-width: 100vw;
    min-height: auto;
    padding: 0;
    position: static;
    width: 100% !important
}

.via-dialog-wrapper.is-page .via-dialog .via-dialog-body {
    overflow: auto
}

.via-dialog-wrapper:not(.center) {
    padding-bottom: 80px
}

.via-dialog-wrapper.center {
    text-align: center
}

.via-dialog-wrapper.center:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.via-dialog-wrapper.center .via-dialog {
    display: inline-block;
    margin-top: 0;
    vertical-align: middle
}

.via-dialog-wrapper .via-dialog {
    background: var(--bg-ffffff);
    border-radius: 20px;
    margin: 35vh auto 0;
    min-height: 200px;
    padding: 32px;
    position: relative;
    text-align: start;
    width: 420px
}

.via-dialog-wrapper .via-dialog i.via-dialog-close {
    color: var(--text-aeb0b3);
    cursor: pointer;
    font-size: 30px;
    line-height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 100
}

.via-dialog-wrapper .via-dialog i.via-dialog-close:hover {
    color: var(--text-0ead98)
}

.via-dialog-wrapper .via-dialog .via-dialog-header {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
    padding-inline-end: 30px
}

.via-dialog-wrapper .via-dialog .via-dialog-footer {
    margin-top: 32px
}

.via-modal {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%
}

.via-dialog-fade-enter-active {
    animation: via-dialog-fade-in .3s ease 0s 1 normal none running
}

.via-dialog-fade-leave-active {
    animation: via-dialog-fade-out .3s ease 0s 1 normal none running
}

@keyframes via-dialog-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

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

@keyframes via-dialog-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

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

.via-dialog-drawer-enter-active {
    animation: via-dialog-drawer-in .3s ease 0s 1 normal none running
}

.via-dialog-drawer-leave-active {
    animation: via-dialog-drawer-out .3s ease 0s 1 normal none running
}

@keyframes via-dialog-drawer-in {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes via-dialog-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

[dir=rtl] .via-dialog-wrapper .via-dialog-close {
    left: 20px !important;
    right: auto !important
}

.c-common-operational-corner-dialog {
    align-items: center;
    background-color: var(--bg-ffffff);
    border-radius: 4px;
    bottom: 110px;
    box-shadow: 0 8px 20px 0 rgba(209, 212, 218, .25);
    box-sizing: content-box;
    inset-inline-end: 20px;
    overflow: hidden;
    padding: 20px 30px 20px 20px;
    position: fixed;
    transform: translateZ(0);
    transition: .4s;
    width: 350px;
    z-index: 999999
}

.c-common-operational-corner-dialog:before {
    background-color: var(--bg-f38b2c);
    content: "";
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.c-common-operational-corner-dialog .transition-4 {
    transition: .4s
}

.c-common-operational-corner-dialog .remind-wrap {
    align-items: center;
    background-color: rgba(243, 139, 44, .1);
    color: var(--text-f38b2c);
    display: flex;
    inset-inline-start: 20px;
    justify-content: center;
    margin-inline-end: 20px;
    position: absolute;
    top: 20px;
    transition: .4s
}

.c-common-operational-corner-dialog .remind-wrap-big {
    border-radius: 8px;
    height: 40px;
    width: 40px
}

.c-common-operational-corner-dialog .remind-wrap-big .icon-remind1 {
    font-size: 30px;
    transition: .4s
}

.c-common-operational-corner-dialog .remind-wrap-small {
    border-radius: 4px;
    height: 22px;
    margin-top: -2px;
    width: 22px
}

.c-common-operational-corner-dialog .remind-wrap-small .icon-remind1 {
    font-size: 16px;
    transition: .4s
}

.c-common-operational-corner-dialog .ellipsis {
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    word-break: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.c-common-operational-corner-dialog .clamp-3 {
    -webkit-line-clamp: 3
}

.c-common-operational-corner-dialog .clamp-2 {
    -webkit-line-clamp: 2;
    line-height: 19px
}

.c-common-operational-corner-dialog .close-btn {
    color: var(--text-b4b7bd);
    cursor: pointer;
    font-size: 12px;
    inset-inline-end: 0;
    padding: 13px;
    position: absolute;
    top: 0;
    z-index: 1
}

.c-common-operational-corner-dialog .close-btn .iconfont {
    font-size: 20px
}

.c-common-operational-corner-dialog .close-btn:hover .iconfont {
    color: var(--text-0ead98)
}

.c-common-operational-corner-dialog .import-notify {
    transition: .4s
}

.c-common-operational-corner-dialog .carousel-title {
    height: 20px;
    margin-top: 4px;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.c-common-operational-corner-dialog .carousel-title .carousel-title-inner {
    color: var(--text-3a3d42);
    font-size: 14px;
    position: absolute
}

.c-common-operational-corner-dialog .carousel-title .carousel-title-inner p {
    display: inline-block
}

.c-common-operational-corner-dialog .carousel-title .carousel-title-inner .first-p {
    margin-inline-end: 12px
}

.c-common-operational-corner-dialog .carousel-title .carousel-title-inner .second-p {
    margin-inline-start: 12px
}

.c-common-operational-corner-dialog .carousel-title .carousel-title-inner.running-state p {
    animation-play-state: running
}

.c-common-operational-corner-dialog .carousel-title .carousel-title-inner.paused-state p {
    animation-play-state: paused
}

.c-common-operational-corner-dialog .carousel-title.animation .carousel-title-inner .first-p {
    animation: ltrSlide 25s linear 2s infinite normal none running
}

.c-common-operational-corner-dialog .carousel-title.animation .carousel-title-inner .second-p {
    animation: ltrSlide 25s linear 2.3s infinite normal none running
}

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

    to {
        transform: translateX(-210%)
    }
}

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

    to {
        transform: translateX(210%)
    }
}

.c-common-operational-corner-dialog .open-box {
    margin-top: 4px
}

.c-common-operational-corner-dialog .open-box .via-btn {
    font-weight: 400
}

[dir=rtl] .c-common-operational-corner-dialog .animation .first-p {
    animation: rtlSlide 25s linear 2s infinite normal none running !important
}

[dir=rtl] .c-common-operational-corner-dialog .animation .second-p {
    animation: rtlSlide 25s linear 2.3s infinite normal none running !important
}

.theme-night .c-common-operational-corner-dialog {
    box-shadow: none
}

.slide-enter-active .c-common-operational-corner-dialog[data-v-d172985e],
.slide-leave-active .c-common-operational-corner-dialog[data-v-d172985e] {
    transition: transform .3s
}

.slide-enter .c-common-operational-corner-dialog[data-v-d172985e],
.slide-leave-to .c-common-operational-corner-dialog[data-v-d172985e] {
    transform: translateX(120%)
}

[dir=rtl] .slide-enter .c-common-operational-corner-dialog[data-v-d172985e],
[dir=rtl] .slide-leave-to .c-common-operational-corner-dialog[data-v-d172985e] {
    transform: translateX(-120%)
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .leading-20px {
    line-height: 20px
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .text-484852 {
    color: #484852
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .width-155 {
    width: 155px
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog {
    background-color: var(--bg-fafbfc);
    margin: 10vh auto 0
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .via-dialog-header {
    line-height: 1;
    margin-bottom: 20px
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body {
    border-radius: 12px;
    box-shadow: 0 3.82796px 9.56989px 0 hsla(220, 6%, 72%, .25)
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .rank {
    align-items: center;
    color: var(--text-ffffff);
    display: flex;
    font-size: 10px;
    height: 16px;
    justify-content: center;
    position: relative;
    width: 48px
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .rank:before {
    background: url(../app-resources-d6/assets/da80153088b86cda14c0320e9a2c4f2c_ef076f4633d7faaea337.v2.webp);
    content: "";
    inset: 0;
    position: absolute
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .rank .rank-num {
    transform: scale(.85)
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-spot-trade {
    height: 448px;
    padding: 32px 25px 0;
    position: relative
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-spot-trade:before {
    background-image: url(../app-resources-d6/assets/f1ac6c49920997ff737e6b574ad5db10_2e574e00b89edf1727ad.v2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    border-start-end-radius: 12px;
    border-start-start-radius: 12px;
    content: "";
    inset: 0;
    position: absolute
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-spot-trade * {
    transform: scale(1)
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished {
    background-repeat: no-repeat;
    background-size: contain;
    border-start-end-radius: 12px;
    border-start-start-radius: 12px;
    height: 448px;
    padding: 36px 26px 0
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished * {
    transform: scale(1)
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished.profit-bg {
    position: relative
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished.profit-bg:before {
    background-image: url(../app-resources-d6/assets/57d86aa320f1da9d1d90c6c1f73e7c3f_2e2ce09232ef68f08c70.v2.webp);
    background-repeat: no-repeat;
    background-size: contain;
    border-start-end-radius: 12px;
    border-start-start-radius: 12px;
    content: "";
    inset: 0;
    position: absolute
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished.lose-bg {
    position: relative
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished.lose-bg:before {
    background-image: url(../app-resources-d6/assets/64eba6bf811547eeb4017583121100ea_b05f6ce54c563fd5b0d9.v2.webp);
    background-repeat: no-repeat;
    background-size: contain;
    border-start-end-radius: 12px;
    border-start-start-radius: 12px;
    content: "";
    inset: 0;
    position: absolute
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished .buy-class {
    color: var(--text-0ead98)
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished .sell-class {
    color: var(--text-db5541)
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished .leverage {
    border: 1px solid var(--border-0ead98);
    border-radius: 4px;
    color: var(--text-0ead98);
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin-inline-start: 8px;
    padding: 0 4px
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom {
    background: #fff;
    border-end-end-radius: 12px;
    border-end-start-radius: 12px;
    padding-bottom: 18px;
    padding-top: 13px;
    padding-inline-start: 18px;
    position: relative
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom .simple-p {
    width: 218px
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom .qrcode {
    background: #fff;
    border: 1px solid #e7e7ee;
    border-radius: 4px;
    height: 98px;
    inset-inline-end: 15px;
    padding: 5px;
    position: absolute;
    top: -25px;
    width: 98px
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom .scan-box {
    border: 1px solid #e7e7ee;
    border-radius: 12px;
    color: #9d9da3;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
    padding: 4px 18px
}

.c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom .scan-box .iconfont {
    font-size: 12px
}

[dir=rtl] .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .guidance-body .first-spot-trade:before,
[dir=rtl] .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .guidance-body .lose-bg:before,
[dir=rtl] .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .guidance-body .profit-bg:before,
[dir=rtl] .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .guidance-body .rank:before {
    transform: rotateY(180deg)
}

.dialog-coupon-common.via-dialog-wrapper .via-dialog {
    background-image: url(../app-resources-d6/assets/779e204a21db5701e5f2b45d93702a09_e35dcb179cae1e525582.v2.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.dialog-coupon-common.via-dialog-wrapper .btn-close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 30px;
    inset-inline-end: 20px;
    justify-content: center;
    position: absolute;
    top: 20px;
    width: 30px
}

.dialog-coupon-common.via-dialog-wrapper .btn-close .el-icon-close {
    color: #aeb0b3;
    font-size: 18px
}

.dialog-coupon-common.via-dialog-wrapper .coupon-wrapper {
    margin-inline-end: -10px;
    max-height: 436px;
    overflow-y: auto;
    padding-inline-end: 10px
}

.dialog-coupon-common.via-dialog-wrapper .coupon-wrapper::-webkit-scrollbar {
    height: 1px;
    width: 4px
}

.dialog-coupon-common.via-dialog-wrapper .coupon-wrapper::-webkit-scrollbar-thumb {
    background: hsla(29, 94%, 79%, .5);
    border-radius: 4px;
    height: 90px
}

.dialog-coupon-common.via-dialog-wrapper .coupon-wrapper::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4px;
    width: 7px
}

.dialog-coupon-common.via-dialog-wrapper .btn-confirm {
    min-width: 256px
}

.theme-night .dialog-coupon-common .via-dialog {
    background-image: url(../app-resources-d6/assets/b1abf286831ad97264f5f6ad63208948_4bda9b6263d627f82d75.v2.webp)
}

.theme-night .dialog-coupon-common .coupon-wrapper::-webkit-scrollbar-thumb {
    background: #23272e
}

.c-dialog-coupon-mult .err-message {
    background: rgba(219, 85, 65, .1);
    border-radius: 4px;
    color: #e6583f;
    margin-top: 8px;
    padding: 4px 17px
}

.c-dialog-coupon-mult .err-message,
.c-dialog-coupon-mult .err-message .icon-hint {
    font-size: 12px;
    padding-inline-end: 4px
}

.dialog-coupon-success-common .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.dialog-coupon-success-common .icon-wrap .el-icon-success {
    color: #0ead98;
    font-size: 60px
}

.dialog-coupon-fail-common .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.dialog-coupon-fail-common .icon-wrap .el-icon-warning {
    color: #f38b2c;
    font-size: 60px
}

.dialog-coupon-trade-blind .via-dialog {
    background: url(../app-resources-d6/assets/d1abde71b457251ae3443e7bdd92bd6d_05444ed166cff0dec4a2.v2.webp) no-repeat #fff !important
}

.dialog-coupon-trade-blind .btn-close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 30px;
    inset-inline-end: 20px;
    justify-content: center;
    position: absolute;
    top: 20px;
    width: 30px
}

.dialog-coupon-trade-blind .btn-close .el-icon-close {
    color: var(--text-aeb0b3);
    font-size: 18px
}

.dialog-coupon-trade-blind .time-wrapper {
    color: var(--text-707580);
    margin-top: 215px;
    text-align: center
}

.dialog-coupon-trade-blind .btn-confirm {
    min-width: 256px
}

.theme-night .dialog-coupon-trade-blind .via-dialog {
    background: url(../app-resources-d6/assets/29bad7857bdfc73154c2e4e487fae3b1_9dc165224f2cc90f07c0.v2.webp) 0 0/cover no-repeat #1f2229 !important
}

.c-my-info-coupon-trade-dialog-use .via-dialog {
    border-radius: 20px;
    color: var(--text-161719)
}

.c-my-info-coupon-trade-dialog-use .via-dialog .sec-title {
    font-weight: 700
}

.c-my-info-coupon-trade-dialog-use .via-dialog .interest-stat-box {
    border-bottom: 1px solid var(--border-f2f3f5);
    padding-bottom: 24px
}

.c-my-info-coupon-trade-dialog-use .via-dialog .interest-stat-box .interest-row {
    display: flex;
    justify-content: space-between;
    margin-top: 12px
}

.c-my-info-coupon-trade-dialog-use .via-dialog .interest-stat-box .interest-row .interest-field {
    color: var(--text-707580)
}

.c-my-info-coupon-trade-dialog-use .via-dialog .interest-stat-box .interest-row .interest-val {
    font-weight: 700
}

.c-my-info-coupon-trade-dialog-use .via-dialog .interest-stat-box .interest-row .interest-val .amount {
    font-size: 18px;
    line-height: 24px
}

.c-my-info-coupon-trade-dialog-use .via-dialog .interest-stat-box .interest-row .interest-val .unit {
    font-size: 12px
}

.c-my-info-coupon-trade-dialog-use .via-dialog .interest-coin-box .el-select .el-input__inner,
.c-my-info-coupon-trade-dialog-use .via-dialog .interest-coin-box .row-coin {
    background-color: var(--bg-f8f8fc);
    border-radius: 4px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    padding: 0 12px
}

.c-my-info-coupon-trade-dialog-use .via-dialog .interest-coin-box .el-select {
    width: 100%
}

.c-my-info-coupon-trade-dialog-use .via-dialog .interest-coin-box .el-select .el-input__inner {
    border: none
}

.c-my-info-coupon-trade-dialog-use .via-dialog .el-button {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    margin-top: 32px;
    width: 100%
}

.popper-apply-coin {
    border: none;
    margin-top: 2px !important
}

.popper-apply-coin .el-scrollbar__wrap {
    overflow: auto
}

.popper-apply-coin .popper__arrow {
    display: none
}

.c-my-info-coupon-trade-dialog-detail .via-dialog .interest-row {
    display: flex;
    justify-content: space-between;
    margin-top: 12px
}

.c-my-info-coupon-trade-dialog-detail .via-dialog .interest-row .interest-field {
    color: var(--text-707580)
}

.c-my-info-coupon-trade-dialog-detail .via-dialog .interest-row .interest-val {
    font-weight: 700
}

.c-my-info-coupon-trade-dialog-detail .via-dialog .top-stat-box {
    border-bottom: 1px solid var(--border-f2f3f5);
    padding-bottom: 12px
}

.c-my-info-coupon-trade-dialog-detail .via-dialog .row-transfer {
    margin-top: 8px;
    text-align: end
}

.c-my-info-coupon-trade-dialog-detail .via-dialog .row-transfer .transfer-text {
    color: var(--text-0ead98);
    cursor: pointer
}

.c-my-info-coupon-trade-dialog-detail .via-dialog .tip-text {
    color: var(--text-707580);
    font-size: 12px;
    margin-top: 32px
}

.c-asset-transform .btn-close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 30px;
    inset-inline-end: 20px;
    justify-content: center;
    position: absolute;
    top: 20px;
    width: 30px
}

.c-asset-transform .btn-close .el-icon-close {
    color: var(--text-aeb0b3);
    font-size: 18px
}

.c-asset-transform .type-area-normal .el-input__inner {
    font-size: 14px
}

.c-asset-transform .type-area-normal .el-input__inner::-webkit-input-placeholder {
    color: var(--text-b4b7bd)
}

.c-asset-transform .account-wrapper {
    background: var(--bg-f7f8fa);
    border-radius: 8px;
    height: 150px;
    padding: 16px 20px;
    padding-inline-start: 32px;
    position: relative
}

.c-asset-transform .account-wrapper .bg-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    left: 0;
    padding: 16px 20px;
    padding-inline-start: 32px;
    position: absolute;
    top: 0;
    width: 100%
}

.c-asset-transform .account-wrapper .bg-wrapper li {
    background: var(--bg-fefefe);
    border-radius: 4px;
    height: 48px
}

.c-asset-transform .account-wrapper .step-wrapper {
    bottom: 45px;
    inset-inline-start: 14px;
    position: absolute;
    top: 45px;
    width: 5px
}

.c-asset-transform .account-wrapper .step-wrapper:after,
.c-asset-transform .account-wrapper .step-wrapper:before {
    border-radius: 50%;
    content: " ";
    height: 5px;
    position: absolute;
    width: 5px
}

.c-asset-transform .account-wrapper .step-wrapper:before {
    background: var(--text-0ead98);
    top: -7px
}

.c-asset-transform .account-wrapper .step-wrapper:after {
    background: var(--text-f38b2c);
    bottom: -7px
}

.c-asset-transform .account-wrapper .step-wrapper .line {
    border-left: 1px dashed var(--border-e0e3ed);
    height: 100%;
    left: 2px;
    position: absolute;
    top: 0
}

.c-asset-transform .account-wrapper .side-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.c-asset-transform .account-wrapper .side-wrapper li {
    height: 48px;
    line-height: 48px;
    padding: 0 12px;
    position: relative;
    white-space: nowrap
}

.c-asset-transform .account-wrapper .side-wrapper li:after {
    border-left: 1px solid var(--border-e6e7eb);
    content: " ";
    height: 16px;
    inset-inline-end: 0;
    position: absolute;
    top: 16px
}

.c-asset-transform .account-wrapper .value-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    position: relative
}

.c-asset-transform .account-wrapper .value-wrapper li {
    align-items: center;
    display: flex;
    height: 48px
}

.c-asset-transform .account-wrapper .value-wrapper li img {
    height: 20px;
    width: 20px
}

.c-asset-transform .account-wrapper .account-selector {
    background: none;
    border-color: var(--bg-fefefe);
    color: transparent;
    height: 48px;
    position: absolute;
    width: 100%
}

.c-asset-transform .account-wrapper .account-selector .input {
    color: transparent
}

.c-asset-transform .account-wrapper .icon-convert-wrapper {
    align-items: center;
    background-color: var(--bg-ffffff);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(220, 220, 232, .5);
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    left: 50%;
    margin: -18px 0 0 -18px;
    position: absolute;
    top: 50%;
    transition: .4s ease-out;
    width: 36px
}

.c-asset-transform .account-wrapper .icon-convert-wrapper:hover {
    background: rgba(14, 173, 152, .05)
}

.c-asset-transform .account-wrapper .icon-convert-wrapper img {
    width: 24px
}

.c-asset-transform .via-select-menu .via-select-option {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.theme-night .account-wrapper .icon-convert-wrapper {
    box-shadow: none
}

.c-common-dialog-safety .btn-close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 30px;
    inset-inline-end: 20px;
    justify-content: center;
    position: absolute;
    top: 20px;
    width: 30px
}

.c-common-dialog-safety .btn-close .el-icon-close {
    color: var(--text-aeb0b3);
    font-size: 18px
}

.c-common-dialog-safety .setting-list {
    list-style: none;
    padding: 0
}

.c-common-dialog-safety .setting-list li {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    padding: 12px 20px;
    transition: .4s ease-out
}

.c-common-dialog-safety .setting-list li .icon-wrapper {
    align-items: center;
    background-color: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: 32px;
    justify-content: center;
    width: 32px
}

.c-common-dialog-safety .setting-list li .icon-wrapper img {
    width: 22px
}

.c-common-dialog-safety .setting-list li .setting-name {
    color: var(--text-161719);
    flex: 1 1 0%;
    font-weight: 600;
    margin-inline-start: 8px;
    transition: .4s ease-out
}

.c-common-dialog-safety .setting-list li .el-icon-arrow-right {
    color: var(--text-b4b7bd);
    margin-inline-start: 8px;
    transition: .4s ease-out
}

.c-common-dialog-safety .setting-list li:hover {
    background: rgba(14, 173, 152, .05)
}

.c-common-dialog-safety .setting-list li:hover .el-icon-arrow-right,
.c-common-dialog-safety .setting-list li:hover .setting-name {
    color: var(--text-0ead98)
}

.c-newbie-pupup {
    overflow-x: hidden
}

.c-newbie-pupup .via-dialog {
    background: radial-gradient(50.01% 50.01% at 50% 1.32%, #ffe3ae 0, #fbfbff 100%) !important;
    padding-top: 160px !important;
    position: relative
}

.c-newbie-pupup .via-dialog .img-gift {
    left: 50%;
    max-width: none;
    position: absolute;
    top: -112px;
    transform: translateX(-50%);
    width: 420px
}

.c-newbie-pupup .via-dialog .act-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    text-align: center
}

.asset-content-box .p-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.asset-content-box .p-title img {
    margin-inline-end: 8px;
    width: 30px
}

.asset-content-box .overview-box {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    padding: 20px
}

.asset-content-box .asset-account-stat {
    display: flex;
    justify-content: space-between
}

.asset-content-box .asset-account-stat .stat-item {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    flex: 1 1 0%;
    margin-inline-end: 20px;
    padding: 20px
}

.asset-content-box .asset-account-stat .stat-item .stat-field {
    font-weight: 500
}

.asset-content-box .asset-account-stat .stat-item .stat-val {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 10px
}

.asset-content-box .asset-account-stat .stat-item:last-of-type {
    margin-inline-end: 0
}

.asset-content-box .asset-list-box {
    background-color: var(--bg-ffffff);
    border-radius: 20px
}

.asset-content-box .asset-list-box .with-tip {
    border-bottom: 1px dashed var(--border-e0e3ed)
}

.asset-content-box .asset-list-box .table-box {
    min-height: 300px
}

.asset-content-box .asset-list-box .table-box .via-table {
    min-height: 250px
}

.asset-content-box .asset-list-box .table-box .via-table .via-table-card .card-item {
    border-bottom: 1px solid var(--border-f7f8fa);
    border-radius: 0;
    box-shadow: none;
    padding: 0 20px
}

.asset-content-box .asset-list-box .table-box .via-table .via-table-card .card-item:last-of-type {
    border-bottom: none
}

.asset-content-box .asset-list-box .table-box .via-table .via-table-card .card-item .card-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 20px
}

.asset-content-box .asset-list-box .table-box .via-table .via-table-card .card-item .card-header .th-left,
.asset-content-box .asset-list-box .table-box .via-table .via-table-card .card-item .card-header .th-right {
    align-items: center;
    display: flex
}

.asset-content-box .asset-list-box .table-box .via-table .via-table-card .card-item .card-header .th-right .icon-wrapper {
    background-color: rgba(14, 173, 152, .05);
    border-radius: 4px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px
}

.asset-content-box .asset-list-box .table-box .via-table .via-table-card .card-item .card-header .th-right .icon-wrapper .iconfont {
    color: var(--text-0ead98);
    font-size: 14px
}

.asset-content-box .asset-list-box .table-box .via-table .via-table-card .card-item .card-body .card-prop {
    text-align: end
}

.asset-dropdown-markets {
    max-height: 200px;
    overflow-y: auto
}

.screen-md .asset-content-box .asset-account-stat {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    display: block;
    padding: 6px 20px
}

.screen-md .asset-content-box .asset-account-stat .stat-item {
    align-items: center;
    background-color: transparent;
    border-radius: 0;
    display: flex;
    justify-content: space-between;
    margin-inline-end: 0;
    padding: 6px 0
}

.screen-md .asset-content-box .asset-account-stat .stat-item .stat-field {
    color: var(--text-707580);
    font-size: 12px
}

.screen-md .asset-content-box .asset-account-stat .stat-item .stat-val {
    font-size: 14px;
    line-height: 18px;
    margin-top: 0
}

.page-asset {
    color: var(--text-161719)
}

.page-asset .via-menu {
    background-color: transparent
}

.page-asset .via-menu.menu-asset {
    border-radius: 20px;
    border-right: none;
    color: var(--text-161719)
}

.page-asset .via-menu.menu-asset .via-menu-item-group {
    background: var(--bg-ffffff);
    border-radius: 20px;
    margin-bottom: 10px;
    padding: 8px
}

.page-asset .via-menu.menu-asset .via-menu-item-group .via-menu-item-group-title {
    display: none
}

.page-asset .via-menu.menu-asset .via-menu-item,
.page-asset .via-menu.menu-asset .via-submenu .via-submenu-title {
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding: 0 20px
}

.page-asset .via-menu.menu-asset .via-submenu .via-menu-item {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-inline-end: 20px;
    padding-inline-start: 56px !important
}

.page-asset .via-menu.menu-asset .via-submenu .via-menu-item .content-inner {
    color: var(--text-3a3d42);
    height: 40px
}

.page-asset .via-menu.menu-asset .via-submenu .via-menu-item.is-active .content-inner,
.page-asset .via-menu.menu-asset .via-submenu .via-menu-item:hover .content-inner {
    color: var(--text-0ead98)
}

.page-asset .via-menu.menu-asset .via-menu-item .item-title,
.page-asset .via-menu.menu-asset .via-submenu .item-title {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    width: 145px
}

.page-asset .via-menu.menu-asset .via-menu-item .item-title .title-icon,
.page-asset .via-menu.menu-asset .via-submenu .item-title .title-icon {
    background-size: contain;
    content: "";
    display: inline-block;
    height: 24px;
    margin-inline-end: 12px;
    top: 50%;
    transition: .4s;
    width: 24px
}

.page-asset .via-menu.menu-asset .via-menu-item .item-title .title-icon.overview,
.page-asset .via-menu.menu-asset .via-submenu .item-title .title-icon.overview {
    background-image: url(../app-resources-d6/assets/35fb24e823fd65e9d5948422fc37ecda_7280bf4a1dda7ad2d590.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item .item-title .title-icon.spot,
.page-asset .via-menu.menu-asset .via-submenu .item-title .title-icon.spot {
    background-image: url(../app-resources-d6/assets/59a0a0bf704feafec55d2157fe80b9f9_b9da28bb665b82e06614.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item .item-title .title-icon.margin,
.page-asset .via-menu.menu-asset .via-submenu .item-title .title-icon.margin {
    background-image: url(../app-resources-d6/assets/dc07376af9cd5f9b91f183a1ddcb5b9b_675942c1d7fee713828a.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item .item-title .title-icon.futures,
.page-asset .via-menu.menu-asset .via-submenu .item-title .title-icon.futures {
    background-image: url(../app-resources-d6/assets/2c5d20b18ace3c2c3319515b025e7f37_1a11d2334b2b51802d26.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item .item-title .title-icon.finance,
.page-asset .via-menu.menu-asset .via-submenu .item-title .title-icon.finance {
    background-image: url(../app-resources-d6/assets/3ee0ebf1d5c08c115c0c0cfbc5a8239c_6d357d87a76b0ff464b5.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item .item-title .title-icon.making,
.page-asset .via-menu.menu-asset .via-submenu .item-title .title-icon.making {
    background-image: url(../app-resources-d6/assets/f4554bf462badc6f46ab5aa25acefd04_2216348b800993792619.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item .item-title .title-icon.credit,
.page-asset .via-menu.menu-asset .via-submenu .item-title .title-icon.credit {
    background-image: url(../app-resources-d6/assets/7cd6125cc84bfbfeed616c5fd166c57f_283a7a59acb945039097.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item .item-title .title-icon.history,
.page-asset .via-menu.menu-asset .via-submenu .item-title .title-icon.history {
    background-image: url(../app-resources-d6/assets/9352af9746d9de49c1ba52f456951ed3_e80d3d8244fce80ab96b.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item .item-title .title-icon.loans,
.page-asset .via-menu.menu-asset .via-submenu .item-title .title-icon.loans {
    background-image: url(../app-resources-d6/assets/673e2fe3f1ce9ca9448e88d0b14a2d16_7b5bc950b9ca4e4ff38f.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item.is-active .item-title,
.page-asset .via-menu.menu-asset .via-menu-item:hover .item-title,
.page-asset .via-menu.menu-asset .via-submenu.is-active .item-title,
.page-asset .via-menu.menu-asset .via-submenu:hover .item-title {
    color: var(--text-0ead98)
}

.page-asset .via-menu.menu-asset .via-menu-item.is-active .item-title .title-icon,
.page-asset .via-menu.menu-asset .via-menu-item:hover .item-title .title-icon,
.page-asset .via-menu.menu-asset .via-submenu.is-active .item-title .title-icon,
.page-asset .via-menu.menu-asset .via-submenu:hover .item-title .title-icon {
    transition: .4s
}

.page-asset .via-menu.menu-asset .via-menu-item.is-active .item-title .title-icon.overview,
.page-asset .via-menu.menu-asset .via-menu-item:hover .item-title .title-icon.overview,
.page-asset .via-menu.menu-asset .via-submenu.is-active .item-title .title-icon.overview,
.page-asset .via-menu.menu-asset .via-submenu:hover .item-title .title-icon.overview {
    background-image: url(../app-resources-d6/assets/ce152fc3947b9c519ad2c066df684d0a_b32b3c587c98a1e54fbd.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item.is-active .item-title .title-icon.spot,
.page-asset .via-menu.menu-asset .via-menu-item:hover .item-title .title-icon.spot,
.page-asset .via-menu.menu-asset .via-submenu.is-active .item-title .title-icon.spot,
.page-asset .via-menu.menu-asset .via-submenu:hover .item-title .title-icon.spot {
    background-image: url(../app-resources-d6/assets/4d0199f21015b6353c2877f21abba629_61d2e8b6020e5f80d063.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item.is-active .item-title .title-icon.margin,
.page-asset .via-menu.menu-asset .via-menu-item:hover .item-title .title-icon.margin,
.page-asset .via-menu.menu-asset .via-submenu.is-active .item-title .title-icon.margin,
.page-asset .via-menu.menu-asset .via-submenu:hover .item-title .title-icon.margin {
    background-image: url(../app-resources-d6/assets/d99e3e7b839eb8321ad5eac7da1eff8f_7dc1c16299cd9cef0323.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item.is-active .item-title .title-icon.futures,
.page-asset .via-menu.menu-asset .via-menu-item:hover .item-title .title-icon.futures,
.page-asset .via-menu.menu-asset .via-submenu.is-active .item-title .title-icon.futures,
.page-asset .via-menu.menu-asset .via-submenu:hover .item-title .title-icon.futures {
    background-image: url(../app-resources-d6/assets/15d55c1be12cd03b45c6f03cfc3f46a1_8946bcdcd2bc8f16e03b.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item.is-active .item-title .title-icon.finance,
.page-asset .via-menu.menu-asset .via-menu-item:hover .item-title .title-icon.finance,
.page-asset .via-menu.menu-asset .via-submenu.is-active .item-title .title-icon.finance,
.page-asset .via-menu.menu-asset .via-submenu:hover .item-title .title-icon.finance {
    background-image: url(../app-resources-d6/assets/204f65ab0b5ebed8d8b34feaf7e52566_c25e596fb88cfd4da203.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item.is-active .item-title .title-icon.making,
.page-asset .via-menu.menu-asset .via-menu-item:hover .item-title .title-icon.making,
.page-asset .via-menu.menu-asset .via-submenu.is-active .item-title .title-icon.making,
.page-asset .via-menu.menu-asset .via-submenu:hover .item-title .title-icon.making {
    background-image: url(../app-resources-d6/assets/bd83925fb0a0abd0e764b1949828cfd5_c008b06f5fbf65014aea.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item.is-active .item-title .title-icon.credit,
.page-asset .via-menu.menu-asset .via-menu-item:hover .item-title .title-icon.credit,
.page-asset .via-menu.menu-asset .via-submenu.is-active .item-title .title-icon.credit,
.page-asset .via-menu.menu-asset .via-submenu:hover .item-title .title-icon.credit {
    background-image: url(../app-resources-d6/assets/8fb7bfbe9707b38318a1a5633781a41b_796464511e915130346e.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item.is-active .item-title .title-icon.history,
.page-asset .via-menu.menu-asset .via-menu-item:hover .item-title .title-icon.history,
.page-asset .via-menu.menu-asset .via-submenu.is-active .item-title .title-icon.history,
.page-asset .via-menu.menu-asset .via-submenu:hover .item-title .title-icon.history {
    background-image: url(../app-resources-d6/assets/f83568ff82f0668852900fa8bac3c4a8_da852ddbb460d04330fe.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item.is-active .item-title .title-icon.loans,
.page-asset .via-menu.menu-asset .via-menu-item:hover .item-title .title-icon.loans,
.page-asset .via-menu.menu-asset .via-submenu.is-active .item-title .title-icon.loans,
.page-asset .via-menu.menu-asset .via-submenu:hover .item-title .title-icon.loans {
    background-image: url(../app-resources-d6/assets/aa83e1c083e051673e9cce3d591c4d14_5a5218861d938d3b582c.v2.webp)
}

.page-asset .via-menu.menu-asset .via-menu-item.is-active .via-submenu-icon,
.page-asset .via-menu.menu-asset .via-menu-item:hover .via-submenu-icon,
.page-asset .via-menu.menu-asset .via-submenu.is-active .via-submenu-icon,
.page-asset .via-menu.menu-asset .via-submenu:hover .via-submenu-icon {
    color: var(--text-0ead98)
}

.c-common-twocolumn {
    justify-content: center;
    padding: 45px 0
}

.c-common-twocolumn .left-menu {
    margin-inline-end: 22px;
    width: 225px
}

.c-common-twocolumn .right-content {
    width: 1057px
}

.c-common-twocolumn.hide-menu .left-menu {
    display: none
}

.c-common-twocolumn.hide-menu .right-content {
    width: 1200px
}

.via-menu {
    overflow: hidden
}

.via-menu-horizontal {
    display: flex
}

.via-menu-item {
    background-color: var(--bg-ffffff);
    border-radius: 10px;
    color: var(--text-161719);
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding: 0 25px
}

.via-menu-item.is-active,
.via-menu-item:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.via-menu-horizontal>.via-menu-item.is-active {
    background-color: transparent;
    color: var(--text-27282c);
    font-size: 20px;
    font-weight: 700;
    position: relative
}

.via-menu-horizontal>.via-menu-item.is-active:after {
    background-color: var(--bg-0ead98);
    bottom: 0;
    content: "";
    display: inline-block;
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 35px
}

.via-menu-horizontal>.via-menu-item:hover {
    background-color: transparent
}

.c-common-overflowtext {
    flex: 1 1 0%;
    width: 100%
}

.c-common-overflowtext.fit-content {
    position: relative
}

.c-common-overflowtext.fit-content .content-inner {
    bottom: 0;
    inset-inline: 0;
    position: absolute;
    top: 0
}

.via-submenu {
    background-color: var(--bg-ffffff)
}

.via-submenu .via-submenu-title {
    border-radius: 10px;
    color: var(--text-161719);
    display: flex;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding: 0 25px;
    position: relative
}

.via-submenu .via-submenu-title:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.via-submenu .via-submenu-title:hover .via-submenu-icon {
    color: var(--text-0ead98)
}

.via-submenu .via-submenu-title .via-submenu-icon {
    color: var(--text-707580);
    display: inline-block;
    inset-inline-end: 20px;
    position: absolute;
    top: 0;
    transition: .4s
}

.via-submenu .via-submenu-title .via-submenu-icon.is-active {
    transform: rotate(180deg);
    transition: .4s
}

.via-submenu .via-menu-item {
    padding-left: 60px
}

.via-menu-horizontal>.via-submenu .via-submenu-title:hover {
    background-color: transparent
}

.via-menu-horizontal>.via-submenu .via-submenu-icon {
    margin-left: 8px;
    position: static;
    vertical-align: middle
}

.via-submenu-popper {
    background: var(--bg-ffffff);
    border: none;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    min-width: 200px;
    padding: 5px 0;
    z-index: 100
}

.via-submenu-popper-bottom-start {
    margin-top: 5px !important
}

.via-submenu-popper-right-start {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.p-withdraw-record .btn-refresh {
    align-items: center;
    background: var(--bg-ffffff);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.p-withdraw-record .form-item {
    align-items: center;
    display: flex
}

.p-withdraw-record .form-item .label {
    color: var(--text-161719);
    font-size: 12px;
    margin-inline-end: 20px
}

.p-withdraw-record .rotating {
    animation: rotating 2s linear 0s infinite normal none running
}

.p-withdraw-record .drawer-asset-filter .via-select {
    width: 180px
}

.via-drawer {
    background-color: rgba(0, 0, 0, .2);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
}

.via-drawer .drawer-content {
    background-color: var(--bg-f7f8fa);
    border-radius: 24px 24px 0 0;
    bottom: 0;
    left: 0;
    max-height: 80%;
    overflow: hidden auto;
    position: fixed;
    width: 100%
}

.via-drawer .drawer-content::-webkit-scrollbar {
    width: 0
}

.via-drawer .drawer-content .drawer-title {
    background-color: var(--bg-ffffff);
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.via-drawer .drawer-content .drawer-title .drawer-close {
    background-color: var(--bg-fafbfc);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 16px;
    width: 24px;
    z-index: 1000002
}

.via-drawer .drawer-content .drawer-title .drawer-close i.iconfont {
    color: var(--text-3a3d42)
}

.body-no-scroll {
    overflow: hidden
}

[dir=rtl] .via-drawer .drawer-close {
    left: 16px;
    right: auto !important
}

.via-drawer-slide-enter-active {
    animation: show-mask-ani .2s ease 0s 1 normal none running
}

.via-drawer-slide-enter-active .drawer-content {
    animation: show-drawer-ani .2s ease 0s 1 normal none running
}

.via-drawer-slide-leave-active {
    animation: show-mask-ani .2s ease 0s 1 reverse none running
}

.via-drawer-slide-leave-active .drawer-content {
    animation: show-drawer-ani .2s ease 0s 1 reverse none running
}

@keyframes show-mask-ani {
    0% {
        background-color: transparent
    }

    to {
        background-color: rgba(0, 0, 0, .2)
    }
}

@keyframes show-drawer-ani {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.c-common-coininput {
    width: 166px
}

.via-select {
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    transition: border .2s ease-in;
    width: 126px
}

.via-select.via-select-normal:not(.is-disabled).active,
.via-select.via-select-normal:not(.is-disabled):hover {
    border: 1px solid var(--border-0ead98)
}

.via-select.is-area {
    border: 1px solid transparent
}

.via-select.bg-type-default {
    background-color: var(--bg-ffffff)
}

.via-select.bg-type-default.is-area {
    background-color: var(--bg-f7f8fa)
}

.via-select.bg-type-white {
    background-color: var(--bg-ffffff)
}

.via-select.bg-type-gray {
    background-color: var(--bg-f7f8fa)
}

.via-select.bg-type-fafbfc {
    background-color: var(--bg-fafbfc)
}

.via-select.border-type-default {
    border: 1px solid var(--border-e6e7eb)
}

.via-select.border-type-fafbfc {
    border: 1px solid var(--border-fafbfc)
}

.via-select.border-type-f2f3f5 {
    border: 1px solid var(--border-f2f3f5)
}

.via-select.size-mini {
    height: 24px
}

.via-select.size-mini .via-select-inner i.iconfont {
    font-size: 12px
}

.via-select.size-mini .input {
    color: var(--text-3a3d42);
    font-size: 12px
}

.via-select.size-small {
    height: 28px
}

.via-select.size-small .via-select-inner i.iconfont {
    font-size: 14px
}

.via-select.size-small .input {
    color: var(--text-3a3d42);
    font-size: 12px
}

.via-select.size-medium {
    height: 32px
}

.via-select.size-medium .input {
    color: var(--text-3a3d42);
    font-size: 14px
}

.via-select.size-medium .input::-moz-placeholder {
    font-size: 14px
}

.via-select.size-medium .input::placeholder {
    font-size: 14px
}

.via-select.size-40 {
    border-radius: 8px;
    height: 40px
}

.via-select.size-40 .input {
    color: var(--text-3a3d42);
    font-size: 14px
}

.via-select.size-40 .input::-moz-placeholder {
    font-size: 14px
}

.via-select.size-40 .input::placeholder {
    font-size: 14px
}

.via-select .via-select-content {
    flex: 1 1 0%;
    min-width: 0
}

.via-select .via-select-content .via-select-label-holder {
    color: var(--text-161719);
    font-size: 12px;
    white-space: nowrap
}

.via-select .via-select-content .placeholder {
    color: var(--text-707580);
    font-size: 12px
}

.via-select .separator {
    background-color: var(--bg-e6e7eb);
    height: 14px;
    margin-inline-end: 10px;
    width: 1px
}

.via-select.is-disabled {
    background-color: var(--bg-e6e7eb);
    cursor: not-allowed
}

.via-select.is-disabled .input {
    color: var(--text-b4b7bd) !important
}

.via-select.active .via-select-inner i.iconfont.icon-arrow-down {
    color: var(--text-0ead98);
    transform: rotate(-180deg)
}

.via-select.active .via-select-label {
    color: var(--text-b4b7bd)
}

.via-select.clearable:hover i.icon-arrow-down {
    display: none
}

.via-select.clearable:hover i.icon-cancel {
    display: inline-block !important
}

.via-select.via-select-plaintext {
    border-color: transparent
}

.via-select.via-select-plaintext.active {
    background-color: rgba(14, 173, 152, .05)
}

.via-select.via-select-plaintext.active .input {
    color: var(--text-0ead98) !important
}

.via-select .via-select-input-wrap {
    height: 100%;
    left: 0;
    padding-inline-start: 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.via-select .input {
    background: none;
    color: var(--text-161719);
    cursor: pointer;
    font-size: 12px;
    height: 100%;
    outline: 0 none;
    width: 100%
}

.via-select .input::-moz-placeholder {
    color: var(--text-707580);
    font-size: 12px
}

.via-select .input::placeholder {
    color: var(--text-707580);
    font-size: 12px
}

.via-select .via-select-inner {
    height: 100%;
    padding: 0 12px;
    position: relative;
    z-index: 1
}

.via-select .via-select-inner i.iconfont {
    color: var(--text-b4b7bd);
    display: inline-block;
    transition: transform .2s ease-in-out
}

.via-select .via-select-inner i.icon-cancel {
    display: none
}

.via-select .via-select-inner .via-select-multiple-label {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 26px;
    width: 100%;
    z-index: 1
}

.via-select .via-select-inner .via-select-multiple-label .via-select-multiple-tag {
    align-items: center;
    background-color: var(--bg-f3f4f5);
    border-radius: 4px;
    color: var(--text-161719);
    display: flex;
    font-size: 12px;
    height: 22px;
    margin-inline-end: 4px;
    padding: 0 4px
}

.via-select .via-select-inner .via-select-multiple-label .via-select-multiple-tag i.iconfont {
    color: var(--text-b4b7bd);
    cursor: pointer;
    margin-inline-start: 6px
}

.via-select-menu {
    background-color: var(--bg-ffffff-gray1004);
    border-radius: 4px;
    box-shadow: 0 8px 12px rgba(49, 50, 55, .05);
    overflow: auto;
    position: absolute;
    scrollbar-width: none;
    top: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1000
}

.via-select-menu.via-select-medium {
    border-radius: 8px
}

.via-select-menu.via-select-medium .via-select-option {
    font-size: 14px
}

.via-select-menu.via-select-mini {
    border-radius: 8px
}

.via-select-menu.via-select-mini .via-select-option {
    font-size: 12px
}

.via-select-menu .via-select-search {
    padding: 12px;
    position: relative
}

.via-select-menu .via-select-search input {
    background: var(--bg-f7f8fa);
    border-radius: 4px;
    color: var(--text-161719);
    font-size: 12px;
    height: 30px;
    padding-inline-start: 30px;
    width: 100%
}

.via-select-menu .via-select-search i {
    color: var(--text-b4b7bd);
    inset-inline-start: 20px;
    position: absolute;
    top: 15px
}

.via-select-menu .via-select-option {
    align-items: center;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    padding: 4px 12px;
    white-space: nowrap
}

.via-select-menu .via-select-option.active,
.via-select-menu .via-select-option:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98);
    font-weight: 500
}

.via-select-menu .via-select-option.disabled {
    background: none !important;
    color: var(--text-aeb0b3) !important;
    cursor: not-allowed !important;
    font-weight: 400 !important
}

.via-select-menu .via-select-option .via-select-checkbox {
    border: 1px solid var(--text-e6e7eb);
    border-radius: 2px;
    height: 10px;
    margin-inline-end: 8px;
    position: relative;
    width: 10px
}

.via-select-menu .via-select-option .via-select-checkbox.active {
    background: var(--bg-0ead98);
    border-color: var(--border-0ead98)
}

.via-select-menu .via-select-option .via-select-checkbox.active:after {
    border-color: #fff;
    display: block;
    transform: rotate(45deg) scaleY(1)
}

.via-select-menu .via-select-option .via-select-checkbox:after {
    border-left: 0;
    border-top: 0;
    content: "";
    display: none;
    height: 7px;
    left: 3px;
    position: absolute;
    top: 0;
    transform: rotate(45deg) scaleY(0);
    transform-origin: center center;
    transition: transform .15s ease-in .05s;
    width: 3px
}

.via-select-fade-enter-active,
.via-select-fade-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center top;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.via-select-fade-enter,
.via-select-fade-leave-to {
    opacity: 0;
    transform: scaleY(0)
}

.el-form-item.is-error .via-select:not(.is-disabled),
.via-form-item.is-error .via-select:not(.is-disabled) {
    border: 1px solid var(--border-db5541) !important;
    box-shadow: none !important
}

.c-common-datepicker {
    display: inline-flex
}

.c-common-datepicker .btn-option {
    background: var(--bg-fafbfc) !important;
    border-color: var(--bg-fafbfc) !important;
    color: var(--text-707580) !important;
    font-size: 12px !important;
    height: auto !important;
    min-width: 100px !important;
    padding: 7px 20px !important
}

.c-common-datepicker .btn-option.active,
.c-common-datepicker .btn-option:hover {
    background: rgba(14, 173, 152, .05) !important;
    border-color: var(--border-0ead98) !important;
    color: var(--text-0ead98) !important
}

.c-common-datepicker .el-date-editor {
    background: var(--bg-fafbfc);
    border-color: var(--bg-fafbfc);
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    padding-inline-end: 5px;
    width: 228px
}

.c-common-datepicker .el-date-editor .el-input__icon {
    line-height: 28px
}

.c-common-datepicker .el-date-editor .el-range-separator {
    color: var(--text-aeb0b3);
    font-size: 12px;
    line-height: 28px;
    width: 8%
}

.c-common-datepicker .el-date-editor .el-range-input {
    background: transparent;
    color: var(--text-27282c);
    font-size: 12px
}

.c-common-datepicker .el-date-editor.is-focus,
.c-common-datepicker .el-date-editor:hover {
    border-color: var(--border-0ead98);
    box-shadow: 0 0 2px rgba(14, 173, 152, .75)
}

.el-date-range-picker[x-placement^=top] .popper__arrow {
    border-top-color: var(--border-dee0eb) !important
}

.el-date-range-picker[x-placement^=bottom] .popper__arrow {
    border-bottom-color: var(--border-dee0eb) !important
}

.via-btn[data-v-425bae24] {
    border: 1px solid var(--border-0ead98);
    border-radius: 4px;
    color: var(--text-0ead98);
    font-size: 12px;
    line-height: 1;
    min-height: 26px;
    outline: none;
    padding: 4px 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.via-btn.min-h-28[data-v-425bae24] {
    min-height: 28px !important
}

.via-btn[size=small][data-v-425bae24] {
    min-height: 22px
}

.via-btn[size=big][data-v-425bae24] {
    font-weight: 700;
    min-height: 30px
}

.via-btn.via-btn--area[data-v-425bae24] {
    background-color: var(--bg-0ead98);
    color: #fff
}

.via-btn.via-btn--area[color=red][data-v-425bae24],
.via-btn.via-btn--area[data-v-425bae24] {
    border: 1px solid transparent
}

.via-btn.via-btn--opacity[data-v-425bae24] {
    background-color: rgba(14, 173, 152, .05);
    border: 1px solid transparent;
    color: var(--text-0ead98)
}

.via-btn.via-btn--opacity[data-v-425bae24]:active {
    background-color: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.via-btn.via-btn--tab[data-v-425bae24] {
    background-color: var(--bg-fafbfc);
    border: none;
    color: var(--text-707580);
    font-weight: 500
}

.via-btn.via-btn--tab[size=big][data-v-425bae24] {
    font-size: 14px;
    min-height: 32px
}

.via-btn.via-btn--tab[data-v-425bae24]:active {
    background-color: var(--bg-0ead98-10);
    border: none;
    color: var(--text-0ead98)
}

.via-btn.via-btn--tab[color=red][data-v-425bae24]:active {
    background-color: var(--bg-db5541-5);
    color: var(--text-db5541)
}

.via-btn.via-btn--tab[active][data-v-425bae24] {
    background-color: var(--bg-0ead98-10);
    color: var(--text-0ead98)
}

.via-btn.via-btn--tab[active][color=red][data-v-425bae24] {
    background-color: var(--bg-db5541-5);
    color: var(--text-db5541)
}

.via-btn.via-btn--outline[data-v-425bae24] {
    background-color: transparent;
    border: 1px solid var(--bg-dee0e3);
    color: var(--text-707580)
}

.via-btn.via-btn--outline[data-v-425bae24]:active {
    background-color: transparent;
    border-color: var(--bg-0ead98);
    color: var(--text-0ead98)
}

.via-btn.via-btn--neutral-white[data-v-425bae24] {
    background-color: var(--bg-f2f3f5);
    border: none;
    color: var(--text-3a3d42)
}

.via-btn.via-btn--neutral-white[data-v-425bae24]:active {
    background-color: var(--bg-3a3d42);
    border: none;
    color: var(--text-ffffff)
}

.via-btn.via-btn--neutral-black[data-v-425bae24] {
    background-color: var(--bg-161719);
    border: none;
    color: var(--text-ffffff)
}

.via-btn.via-btn--neutral-black[data-v-425bae24]:active {
    background-color: var(--bg-3a3d42);
    border: none;
    color: var(--text-ffffff)
}

.via-btn.via-btn--neutral-line[data-v-425bae24] {
    border-color: var(--text-161719);
    color: var(--text-161719)
}

.via-btn.via-btn--neutral-line[data-v-425bae24]:hover {
    background-color: var(--bg-161719);
    border-color: var(--bg-161719);
    color: var(--text-ffffff)
}

.via-btn.via-btn--text[data-v-425bae24] {
    border: none;
    color: var(--text-0ead98);
    padding: 4px 12px
}

.via-btn.via-btn--text[disabled][data-v-425bae24] {
    background-color: transparent !important;
    color: var(--text-b4b7bd)
}

.via-btn[round][data-v-425bae24] {
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    min-height: 40px
}

.via-btn[round][size=small][data-v-425bae24] {
    font-weight: 400;
    min-height: 30px
}

.via-btn[round][size=big][data-v-425bae24] {
    min-height: 48px
}

.via-btn[round][disabled][data-v-425bae24] {
    color: var(--text-707580)
}

.via-btn[data-v-425bae24]:active {
    background-color: var(--bg-1bbeb2);
    border: 1px solid transparent;
    color: #fff;
    transition: .2s
}

.via-btn[disabled][data-v-425bae24] {
    background-color: var(--bg-f7f8fa) !important;
    border: 1px solid transparent !important;
    color: var(--text-b4b7bd) !important;
    cursor: not-allowed
}

.via-btn[size="32"][data-v-425bae24] {
    font-size: 14px;
    font-weight: 400;
    height: 32px
}

.via-btn[size="40"][data-v-425bae24] {
    font-size: 14px;
    height: 40px;
    line-height: 16px
}

.via-btn[size="48"][data-v-425bae24] {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    min-height: 48px
}

.via-btn[radius="4"][data-v-425bae24] {
    border-radius: 4px
}

.via-btn[radius="8"][data-v-425bae24] {
    border-radius: 8px
}

.via-btn[radius="12"][data-v-425bae24] {
    border-radius: 12px
}

.via-btn[radius=round][data-v-425bae24] {
    border-radius: 50px
}

.via-btn.via-btn--outline[data-v-425bae24] {
    transition: .2s ease-out
}

.via-btn.via-btn--outline[color=black][data-v-425bae24] {
    border: 1px solid var(--border-161719);
    color: var(--text-161719)
}

.via-btn.via-btn--outline[color=black][data-v-425bae24]:hover {
    background-color: var(--bg-161719);
    color: var(--text-ffffff)
}

.via-btn.via-btn--outline[color=white][data-v-425bae24] {
    border: 1px solid var(--border-ffffff);
    color: var(--text-ffffff)
}

.via-btn.via-btn--area[color=green-opacity][data-v-425bae24] {
    background-color: rgba(14, 173, 152, .05);
    border: 1px solid transparent;
    color: var(--text-0ead98)
}

.via-btn.via-btn--area[color=green-opacity][data-v-425bae24]:active {
    background-color: rgba(14, 173, 152, .1);
    border-color: transparent
}

.via-btn.via-btn--area[color=gray][data-v-425bae24] {
    background: var(--bg-f7f8fa);
    border: 1px solid var(--bg-f7f8fa);
    color: var(--text-707580)
}

.via-btn.via-btn--area[color=red][data-v-425bae24] {
    background-color: var(--bg-db5541);
    border: 1px solid var(--bg-db5541)
}

.via-btn.via-btn--area[color=red][data-v-425bae24]:active {
    background-color: #f06a5b;
    border-color: #f06a5b
}

.via-btn.via-btn--area[color=red-opacity][data-v-425bae24] {
    background: hsla(6, 83%, 65%, .05);
    border: 1px solid transparent;
    color: var(--text-db5541)
}

.via-btn.via-btn--area[color=orange-opacity][data-v-425bae24] {
    background: rgba(243, 139, 44, .1);
    border: 1px solid transparent;
    color: var(--text-f38b2c)
}

.via-btn.via-btn--area[color=orange-opacity][data-v-425bae24]:active {
    background: rgba(243, 139, 44, .2)
}

.via-btn.via-btn--area[color=black][data-v-425bae24] {
    background-color: var(--bg-161719);
    border: 1px solid var(--bg-161719);
    color: var(--text-ffffff)
}

.via-btn.via-btn--area[color=black][data-v-425bae24]:active {
    background-color: var(--bg-3a3d42);
    border-color: var(--bg-3a3d42)
}

.via-btn.via-btn--area[color=white][data-v-425bae24] {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--bg-ffffff);
    color: var(--text-161719)
}

.via-btn.via-btn--loading[data-v-425bae24] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    pointer-events: none;
    position: relative
}

.via-btn.via-btn--loading[data-v-425bae24]:before {
    background-color: hsla(0, 0%, 100%, .35);
    border-radius: inherit;
    content: "";
    inset: -1px;
    pointer-events: none;
    position: absolute
}

.via-btn.via-btn--loading .animate-spin[data-v-425bae24] {
    animation: rotating-425bae24 2s linear 0s infinite normal none running;
    display: inline-block;
    font-size: 14px;
    margin-inline-end: 4px
}

@keyframes rotating-425bae24 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.theme-night .via-btn.via-btn--loading[data-v-425bae24]:before {
    background-color: rgba(0, 0, 0, .35)
}

.c-asset-withdraw-record-table {
    background: var(--bg-ffffff);
    border-radius: 20px;
    overflow: hidden
}

.c-asset-withdraw-record-table .via-table .via-table-default {
    min-height: 482px
}

.c-asset-withdraw-record-table .via-table .via-table-body .table-prop-cell {
    line-height: 16px;
    padding-bottom: 16px;
    padding-top: 16px
}

.c-asset-withdraw-record-table .via-table .via-table-card .card-item {
    border-bottom: 1px solid var(--border-f7f8fa);
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 20px 20px 12px
}

.c-asset-withdraw-record-table .via-table .via-table-card .card-item .card-body {
    padding: 12px 0 0
}

.c-asset-withdraw-record-table .via-table .via-table-card .card-item .card-body .card-label {
    font-size: 12px
}

.c-asset-withdraw-record-table .via-table .via-table-card .card-item .card-body .card-prop {
    font-size: 12px;
    text-align: end
}

.c-asset-withdraw-record-table .empty-container,
.c-asset-withdraw-record-table .empty-container .c-common-empty {
    min-height: 450px
}

.c-common-footer {
    background-color: var(--bg-fafbfc);
    min-width: 1280px
}

.c-common-footer .top-box {
    margin: 0 auto;
    max-width: 1280px
}

.c-common-footer .top-box .upper-box {
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    padding-top: 29px
}

.c-common-footer .top-box .upper-box .left-box {
    color: var(--text-27282c);
    font-size: 24px
}

.c-common-footer .top-box .upper-box .right-box a {
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    padding: 0 40px;
    text-decoration: none
}

.c-common-footer .top-box .upper-box .right-box a.sign-btn {
    background-color: transparent;
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98);
    margin-inline-end: 12px;
    transition: .5s
}

.c-common-footer .top-box .upper-box .right-box a.sign-btn.active,
.c-common-footer .top-box .upper-box .right-box a.sign-btn:hover {
    border-color: var(--border-0ead98);
    color: var(--text-0ead98) !important
}

.c-common-footer .top-box .upper-box .right-box a.exchange-btn {
    background-color: var(--bg-0ead98);
    border: 1px solid transparent;
    color: #fff;
    transition: .5s
}

.c-common-footer .top-box .upper-box .right-box a.exchange-btn:hover {
    background-color: var(--bg-1bbeb2)
}

.c-common-footer .top-box .lower-box {
    color: var(--text-7d7f81);
    display: flex;
    padding-bottom: 28px;
    padding-top: 40px
}

.c-common-footer .top-box .lower-box .logo {
    margin-bottom: 16px
}

.c-common-footer .top-box .lower-box .logo img {
    width: 151px
}

.c-common-footer .top-box .lower-box .left-box {
    flex: 2 1 0%;
    min-width: 500px;
    position: relative
}

.c-common-footer .top-box .lower-box .left-box .left-box-social {
    bottom: 18px;
    position: absolute
}

.c-common-footer .top-box .lower-box .left-box .lang-currency-select-cmp {
    margin-bottom: 40px
}

.c-common-footer .top-box .lower-box .left-box .slogan {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 17px
}

.c-common-footer .top-box .lower-box .left-box .social-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 6px
}

.c-common-footer .top-box .lower-box .left-box .social-box .social-box-item {
    margin-bottom: 12px
}

.c-common-footer .top-box .lower-box .left-box .claim {
    font-size: 12px;
    text-align: start;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.c-common-footer .top-box .lower-box .right-box {
    display: flex;
    flex: 3 1 0%;
    justify-content: space-around;
    max-width: 1000px
}

.c-common-footer .top-box .lower-box .right-box .link-col {
    text-align: start
}

.c-common-footer .top-box .lower-box .right-box .link-col.dividing-line .col-title {
    padding-inline-start: 40px
}

.c-common-footer .top-box .lower-box .right-box .link-col.dividing-line .item-box {
    border-inline-start: 1px solid var(--border-f2f3f5);
    padding-inline-start: 40px
}

.c-common-footer .top-box .lower-box .right-box .link-col .col-title {
    color: var(--text-27282c);
    font-size: 16px;
    font-weight: 600;
    height: 24px;
    margin-bottom: 24px
}

.c-common-footer .top-box .lower-box .right-box .link-col a {
    color: var(--text-7d7f81);
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 18px;
    text-decoration: none;
    transition: color .3s
}

.c-common-footer .top-box .lower-box .right-box .link-col a:hover {
    color: var(--text-0ead98);
    transition: color .3s
}

.c-common-footer .bottom-box {
    background-color: var(--bg-0ead98);
    color: #fff;
    font-size: 12px;
    padding-bottom: 13px;
    padding-top: 18px
}

.c-common-footer .bottom-box .bottom-inner-box {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1280px
}

.c-common-footer .bottom-box .bottom-inner-box .right-box {
    display: flex
}

.c-common-footer .bottom-box .bottom-inner-box .right-box .label-text {
    margin-inline-end: 8px
}

.c-common-footer .img-day {
    display: block
}

.c-common-footer .img-night {
    display: none
}

.popper-wechat {
    padding: 0
}

.popper-wechat .wechat-qr-code {
    display: flex;
    justify-content: center
}

.popper-wechat .wechat-qrcode {
    height: 140px;
    width: 140px
}

.theme-night .c-common-footer .img-day {
    display: none
}

.theme-night .c-common-footer .img-night {
    display: block
}

.c-common-dialog-force-kyc .exit-btn {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 14px
}

.c-common-dialog-force-kyc .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-common-dialog-force-kyc .icon-wrap .icon-exclamation-mark {
    color: #f38b2c;
    font-size: 60px
}

.c-common-dialog-forbidden .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-common-dialog-forbidden .icon-wrap .icon-exclamation-mark {
    color: #f38b2c;
    font-size: 60px
}

.page-not-found {
    padding-bottom: 200px;
    padding-top: 150px;
    text-align: center
}

.page-not-found .img-404 {
    margin: 0 auto
}

.page-not-found .title {
    color: var(--text-161719);
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    margin-bottom: 12px;
    margin-top: 20px
}

.page-not-found .desc {
    color: var(--text-707580);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 40px
}

.l-default.content-fit-header .l-default-main .page-not-found {
    padding-top: 92px
}

.body-white-header .c-common-header {
    background-color: #fff
}

.body-white-header .c-common-header .left-nav-box .logo-box {
    background-image: url(../app-resources-d6/assets/c3f5b02b7af6e2fc2b8f470c8fb3e493_f0bd1c93ae9bfdfb740d.v2.png) !important
}

.body-white-header .c-common-header .left-nav-box .icon-more {
    color: #b8bacf !important
}

.body-white-header .c-common-header .left-nav-box .el-menu .el-menu-item,
.body-white-header .c-common-header .right-nav-box .el-menu .el-submenu .el-submenu__title,
.body-white-header .c-common-header .right-nav-box .iconfont {
    color: var(--text-27282c) !important
}

.body-error {
    background-color: #fff
}

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

.l-error .error-box {
    text-align: center
}

.l-error .error-box .img-error {
    display: inline-block;
    height: auto;
    margin-bottom: 40px;
    width: 346px
}

.l-error .error-box .error-msg {
    color: var(--text-27282c);
    font-size: 16px;
    line-height: 24px
}

.c-charity-brand-matrix {
    margin-inline-start: 20px
}

.c-charity-brand-matrix .brand-matrix .el-submenu__title {
    align-items: center;
    display: flex;
    padding: 0
}

.c-charity-brand-matrix .brand-matrix .el-submenu__title:hover .more-img {
    display: none
}

.c-charity-brand-matrix .brand-matrix .el-submenu__title:hover .more-img-hover {
    display: block
}

.c-charity-brand-matrix .brand-matrix .el-submenu__title .more-img,
.c-charity-brand-matrix .brand-matrix .el-submenu__title .more-img-hover {
    height: 24px;
    margin-top: 5px;
    width: 24px
}

.c-charity-brand-matrix .brand-matrix .el-submenu__title .el-submenu__icon-arrow {
    display: none
}

.charity-popper-brand-matrix {
    top: 60px !important
}

.charity-popper-brand-matrix .el-menu {
    background-color: #23262e;
    border-radius: 12px;
    padding: 0
}

.charity-popper-brand-matrix .el-menu .el-menu-item {
    background-color: #23262e;
    border-radius: 12px;
    height: auto;
    line-height: normal;
    padding: 10px
}

.charity-popper-brand-matrix .el-menu .el-menu-item .link {
    align-items: center;
    border-radius: 12px;
    display: flex;
    padding: 10px;
    padding-inline: 17px 90px;
    text-decoration: none
}

.charity-popper-brand-matrix .el-menu .el-menu-item .link:hover {
    background-color: #13171c
}

.charity-popper-brand-matrix .el-menu .el-menu-item .link .left-icon {
    height: 30px;
    margin-inline-end: 21px;
    width: 30px
}

.charity-popper-brand-matrix .el-menu .el-menu-item .link .right-text-box .top-text {
    color: #f9fbff;
    font-size: 16px;
    font-weight: 500
}

.charity-popper-brand-matrix .el-menu .el-menu-item .link .right-text-box .bottom-text {
    color: rgba(249, 251, 255, .8);
    font-size: 12px
}

.c-charity-header {
    --header-bg: #0f1114
}

.c-charity-header * {
    transition: .8s ease-out
}

.c-charity-header.header {
    color: #fff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.c-charity-header.header .header-con {
    margin: 0 auto;
    min-width: 800px;
    overflow: hidden;
    width: 90%
}

.c-charity-header.header .header-con .el-menu,
.c-charity-header.header .header-con .el-menu--horizontal>.el-submenu .el-submenu__title:hover {
    background-color: var(--header-bg)
}

.c-charity-header.header .header-con .more-img-hover {
    display: none
}

.c-charity-header.header .header-con .header-r {
    width: 120px
}

.c-charity-header.header .header-con .header-r .charity-select .el-input__inner {
    border: none;
    color: #fff
}

.c-charity-header.header .header-con .header-r .charity-select .el-input__prefix {
    color: #c0c4cc;
    height: 100%;
    left: 5px;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 10px
}

.c-charity-header.top {
    height: 110px
}

.c-charity-header.top .header-con {
    width: 100%
}

.c-charity-header.top .header-con .logo-box {
    padding: 30px 40px
}

.c-charity-header.top .header-con .logo-box img {
    height: 50px;
    width: 330px
}

.c-charity-header.top .header-con .c-charity-brand-matrix,
.c-charity-header.top .header-con .header-nav,
.c-charity-header.top .header-con .header-r {
    display: none
}

.c-charity-header.bar {
    background-color: var(--header-bg);
    height: 60px;
    overflow: hidden
}

.c-charity-header.bar .header-con {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 90%
}

.c-charity-header.bar .header-con .header-l {
    display: flex
}

.c-charity-header.bar .header-con .header-l .logo-box {
    cursor: pointer;
    display: flex;
    padding: 14px 0
}

.c-charity-header.bar .header-con .header-l .logo-box img {
    height: 32px;
    width: 220px
}

.c-charity-header.bar .header-con .header-l .c-charity-brand-matrix {
    display: initial
}

.c-charity-header.bar .header-con .header-nav {
    align-items: center;
    display: flex;
    margin-inline-start: 50px
}

.c-charity-header.bar .header-con .header-nav a {
    color: #fff;
    margin-inline-start: 40px
}

.c-charity-header.bar .header-con .header-nav a:hover {
    color: var(--text-0ead98)
}

.c-charity-header.bar .header-con .header-r {
    display: initial
}

.c-charity-select-pop-class.el-select-dropdown {
    background-color: #23262e !important;
    border-radius: 12px;
    top: 52px !important
}

.c-charity-select-pop-class.el-select-dropdown .el-select-dropdown__list {
    padding: 6px 10px
}

.c-charity-select-pop-class.el-select-dropdown .el-select-dropdown__item {
    background-color: #23262e;
    border-radius: 12px;
    color: #fff;
    height: auto
}

.c-charity-select-pop-class.el-select-dropdown .el-select-dropdown__item.hover {
    background-color: #23262e
}

.c-charity-select-pop-class.el-select-dropdown .el-select-dropdown__item.selected {
    background-color: #0f1114
}

.mobile-more .dropdown {
    background: rgba(0, 0, 0, .4);
    inset: 48px 0 0;
    position: fixed;
    z-index: 9999
}

.mobile-more .dropdown-list {
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.mobile-more .dropdown-item {
    color: #484852;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    line-height: 48px;
    text-align: center
}

.mobile-more .dropdown-item.active {
    color: #0f1114;
    font-weight: 600
}

.charity-pagination.via-pagination {
    justify-content: center
}

.charity-pagination.via-pagination .via-pager-box .btn-next,
.charity-pagination.via-pagination .via-pager-box .btn-prev {
    border: 1px solid #1f1f1f;
    height: 40px !important;
    line-height: 40px !important;
    min-width: 136px !important;
    text-align: center;
    transition: .4s
}

.charity-pagination.via-pagination .via-pager-box .btn-next:disabled,
.charity-pagination.via-pagination .via-pager-box .btn-prev:disabled {
    background: transparent !important;
    border: 1px solid #c0c4cc;
    color: #c0c4cc !important
}

.charity-pagination.via-pagination .via-pager-box .btn-next:hover,
.charity-pagination.via-pagination .via-pager-box .btn-prev:hover {
    background: #1f1f1f;
    color: #fff;
    transition: .4s
}

.charity-pagination.via-pagination .via-pager-box .via-pager li {
    border: 1px solid #1f1f1f;
    height: 40px !important;
    line-height: 40px !important;
    width: 40px !important
}

.charity-pagination.via-pagination .via-pager-box .via-pager li.active {
    background: #1f1f1f !important
}

.charity-pagination.via-pagination .via-pager-box .via-pager li:hover {
    background: #1f1f1f;
    color: #fff;
    transition: .4s
}

.charity-pagination.via-pagination .via-pagination-select-limit {
    flex: initial
}

.l-charity {
    min-height: 100vh;
    width: 100%
}

.l-charity.pingfang-family {
    font-family: Pingfang Sc
}

.l-charity.manrope-family {
    font-family: Manrope
}

.l-charity .l-charity-main {
    flex: 1 1 0%;
    min-height: 500px
}

.charity-page {
    min-width: 1200px
}

.charity-page .c-charity-footer .con-wrap,
.charity-page .c-charity-header .con-wrap {
    margin: 0 auto;
    max-width: 1800px;
    min-width: 1200px
}

.charity-page .c-charity-footer .con-wrap .header-con,
.charity-page .c-charity-header .con-wrap .header-con {
    padding: 0 2%;
    width: 100%
}

.charity-page .c-charity-footer .con-wrap .footer-con,
.charity-page .c-charity-header .con-wrap .footer-con {
    padding: 0 2%
}

.theme-night .l-charity .l-charity-main {
    background: var(--bg-fafafa)
}

.c-my-info-coupon-card-common .card-box {
    border-radius: 10px;
    box-shadow: 0 6px 10px hsla(223, 8%, 50%, .1);
    display: flex;
    overflow: hidden
}

.c-my-info-coupon-card-common .card-box .card-left {
    display: flex;
    position: relative
}

.c-my-info-coupon-card-common .card-box .card-left .card-bar {
    background-color: var(--bg-b4b7bd);
    border-end-start-radius: 10px;
    border-start-start-radius: 10px;
    height: 100%;
    -webkit-mask: radial-gradient(circle at -50% 50%, transparent 8px, #fff 0);
    mask: radial-gradient(circle at -50% 50%, transparent 8px, #fff 0);
    position: relative;
    width: 8px
}

.c-my-info-coupon-card-common .card-box .card-left .card-val {
    align-items: center;
    background-color: var(--bg-ffffff);
    border-inline-end: 2px dashed var(--border-e6e7eb);
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-mask: radial-gradient(circle at left top, transparent 0, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 8px, #fff 0) right top, radial-gradient(circle at right bottom, transparent 8px, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 0, #fff 0) left bottom;
    mask: radial-gradient(circle at left top, transparent 0, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 8px, #fff 0) right top, radial-gradient(circle at right bottom, transparent 8px, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 0, #fff 0) left bottom;
    padding: 8px;
    width: 136px
}

.c-my-info-coupon-card-common .card-box .card-left .card-val .val {
    color: var(--text-b4b7bd);
    font-size: 32px;
    font-weight: 700;
    line-height: 32px
}

.c-my-info-coupon-card-common .card-box .card-left .card-val .unit {
    color: var(--text-707580);
    font-size: 12px;
    line-height: 12px;
    margin-top: 4px
}

.c-my-info-coupon-card-common .card-box .card-left #id-operate-btn {
    height: auto;
    line-height: 16px;
    margin-top: 12px;
    min-width: auto;
    padding: 2px 12px
}

.c-my-info-coupon-card-common .card-box .card-right {
    background-color: var(--bg-ffffff);
    -webkit-mask: radial-gradient(circle at left top, transparent 8px, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 0, #fff 0) right top, radial-gradient(circle at right bottom, transparent 0, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 8px, #fff 0) left bottom;
    mask: radial-gradient(circle at left top, transparent 8px, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 0, #fff 0) right top, radial-gradient(circle at right bottom, transparent 0, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 8px, #fff 0) left bottom;
    min-height: 140px;
    padding: 8px 8px 20px 16px;
    position: relative;
    width: 360px
}

.c-my-info-coupon-card-common .card-box .card-right .row-status {
    text-align: end
}

.c-my-info-coupon-card-common .card-box .card-right .row-status .sec-status {
    background-color: var(--bg-b4b7bd);
    border-radius: 0 10px;
    color: var(--text-ffffff);
    display: inline-block;
    font-size: 12px;
    inset-inline-end: 0;
    padding: 3px 20px;
    position: absolute;
    top: 0
}

.c-my-info-coupon-card-common .card-box .card-right .info-box .coupon-title {
    color: var(--text-b4b7bd);
    display: -webkit-box;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 8px
}

.c-my-info-coupon-card-common .card-box .card-right .info-box .row-time {
    align-items: center;
    color: var(--text-7d7f81);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px
}

.c-my-info-coupon-card-common .card-box .card-right .info-box .row-rule {
    color: var(--text-7d7f81);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin-top: 4px;
    max-width: 236px;
    position: relative
}

.c-my-info-coupon-card-common .card-box .card-right .info-box .row-rule .rule-text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box !important
}

.c-my-info-coupon-card-common .card-box .card-right .info-box .row-rule .rule-icon {
    background-color: var(--bg-ffffff);
    inset-inline-end: -10px;
    position: absolute;
    top: 3px
}

.c-my-info-coupon-card-common .card-box .card-right .info-box #id-progress .el-progress-bar {
    margin-inline-end: -64px;
    max-width: 230px;
    padding-inline-end: 70px
}

.c-my-info-coupon-card-common .card-box .card-right .info-box #id-progress .el-progress-bar .el-progress-bar__outer {
    background-color: var(--bg-f2f3f5);
    height: 4px !important
}

.c-my-info-coupon-card-common .card-box .card-right .info-box #id-progress .el-progress-bar .el-progress-bar__outer .el-progress-bar__inner {
    background: var(--bg-b4b7bd)
}

.c-my-info-coupon-card-common .card-box .card-right .info-box #id-progress .el-progress__text {
    font-size: 12px !important;
    margin-inline-start: 0
}

.c-my-info-coupon-card-common .card-box .icon-claim-status {
    bottom: -28px;
    inset-inline-end: -18px;
    position: absolute;
    width: 98px
}

.c-my-info-coupon-card-common .card-box #id-claim-btn {
    font-size: 12px;
    height: 22px;
    inset-inline-end: 8px;
    line-height: 16px;
    min-width: auto;
    padding: 2px 32px;
    position: absolute;
    top: 8px
}

.c-my-info-coupon-card-common .card-box.is-active .card-left .card-bar {
    background-color: var(--active-color)
}

.c-my-info-coupon-card-common .card-box.is-active .card-left .card-val .val {
    color: var(--text-161719)
}

.c-my-info-coupon-card-common .card-box.is-active .card-right .row-status .sec-status {
    background-color: var(--active-color)
}

.c-my-info-coupon-card-common .card-box.is-active .card-right .info-box .coupon-title,
.c-my-info-coupon-card-common .card-box.is-active .card-right .info-box .row-rule,
.c-my-info-coupon-card-common .card-box.is-active .card-right .info-box .row-time {
    color: var(--text-161719)
}

.c-my-info-coupon-card-common .card-box.is-active .card-right #id-progress .el-progress-bar .el-progress-bar__outer .el-progress-bar__inner {
    background: var(--active-color)
}

.c-my-info-coupon-card-common .card-box.is-active #id-claim-btn,
.c-my-info-coupon-card-common .card-box.is-active #id-operate-btn {
    border: 1px solid var(--active-color);
    color: var(--active-color)
}

.c-my-info-coupon-card-common .card-box.is-active #id-claim-btn:hover,
.c-my-info-coupon-card-common .card-box.is-active #id-operate-btn:hover {
    background-color: var(--active-color);
    border: 1px solid transparent;
    color: #fff
}

.screen-md .c-my-info-coupon-card-common .card-box .card-left {
    flex: 1 1 0%
}

.screen-md .c-my-info-coupon-card-common .card-box .card-left .card-val {
    flex: 1 1 0%;
    width: 86px
}

.screen-md .c-my-info-coupon-card-common .card-box .card-left .card-val .val {
    font-size: 20px;
    line-height: 20px
}

.screen-md .c-my-info-coupon-card-common .card-box .card-right {
    flex: 3 1 0%;
    width: auto
}

.screen-md .c-my-info-coupon-card-common .card-box #id-operate-btn {
    border: 1px solid transparent !important
}

.theme-night .c-my-info-coupon-card-common .card-box {
    box-shadow: none
}

html[dir=rtl] .c-my-info-coupon-card-common .card-box .card-left .card-val,
html[dir=rtl] .c-my-info-coupon-card-common .card-box .card-right {
    -webkit-mask: none;
    mask: none
}

html[dir=rtl] .c-my-info-coupon-card-common .card-box .card-right .sec-status {
    border-radius: 10px 0
}

.coupon-dialog-rule {
    border-radius: 20px;
    color: var(--text-3a3d42)
}

.coupon-dialog-rule .el-dialog__body .rule-box {
    line-height: 20px;
    max-height: 500px;
    overflow-y: auto
}

.coupon-dialog-rule .el-dialog__body .rule-box .sec-title {
    color: var(--text-161719);
    font-weight: 700;
    margin-bottom: 8px
}

.coupon-dialog-rule .el-dialog__body .el-button {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    margin-top: 32px;
    width: 100%
}

.coupon-dialog-rule.via-dialog-wrapper {
    color: var(--text-3a3d42)
}

.coupon-dialog-rule.via-dialog-wrapper .via-dialog {
    padding: 25px 20px 30px
}

.coupon-dialog-rule.via-dialog-wrapper .via-dialog .via-dialog-header {
    margin-bottom: 10px
}

.coupon-dialog-rule.via-dialog-wrapper .via-dialog .rule-box {
    line-height: 20px;
    max-height: 500px;
    overflow-y: auto
}

.coupon-dialog-rule.via-dialog-wrapper .via-dialog .rule-box .sec-title {
    color: var(--text-161719);
    font-weight: 700;
    margin-bottom: 8px
}

.coupon-dialog-rule.via-dialog-wrapper .via-dialog .via-btn {
    border-radius: 20px;
    font-size: 14px;
    height: 40px;
    margin-top: 32px;
    width: 100%
}

.tooltip-progress {
    background-color: var(--bg-fefefe) !important
}

.c-coupon-future-card .card-box {
    height: 112px;
    position: relative
}

.c-coupon-future-card .card-box .card-right {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    min-height: auto;
    padding: 0 16px;
    width: auto
}

.c-coupon-future-card .card-box .card-right .row-status {
    display: none
}

.c-coupon-future-card .card-box .card-right .info-box {
    margin-top: 0 !important
}

.c-coupon-trade-card .card-box {
    height: 112px;
    position: relative
}

.c-coupon-trade-card .card-box .card-right {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    min-height: auto;
    padding: 0 16px;
    width: auto
}

.c-coupon-trade-card .card-box .card-right .row-status {
    display: none
}

.c-coupon-trade-card .card-box .card-right .info-box {
    margin-top: 0 !important
}

.c-coupon-finance-card .card-box {
    height: 112px;
    position: relative
}

.c-coupon-finance-card .card-box .card-right {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    min-height: auto;
    padding: 0 16px;
    width: auto
}

.c-coupon-finance-card .card-box .card-right .row-status {
    display: none
}

.c-coupon-finance-card .card-box .card-right .info-box {
    margin-top: 0 !important
}

.c-common-st-coin-logo {
    background-color: rgba(230, 88, 63, .1);
    border-radius: 4px;
    color: #e6583f;
    display: inline-block;
    font-size: 12px;
    line-height: normal;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap
}

.c-common-st-coin-logo.is-new {
    background-color: transparent;
    background-image: url(../app-resources-d6/assets/5af431f1a131ef19bf2f5f92b7bdc75e_7418832d815af83308e4.v2.svg);
    background-repeat: no-repeat;
    background-size: 32px 14px;
    border-radius: 0;
    color: transparent;
    height: 14px;
    padding: 0;
    width: 32px
}

html[dir=rtl] .c-common-st-coin-logo.is-new {
    background-image: url(../app-resources-d6/assets/f8bd265f960aded821075ff65793923f_873b3480a9761d83c3cc.v2.svg)
}

.c-coupon-cashback-card .card-box {
    height: 112px;
    position: relative
}

.c-coupon-cashback-card .card-box .card-right {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    min-height: auto;
    padding: 0 16px;
    width: auto
}

.c-coupon-cashback-card .card-box .card-right .row-status {
    display: none
}

.c-coupon-cashback-card .card-box .card-right .info-box {
    margin-top: 0 !important
}

.c-coupon-cashback-card .coupon-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.c-coupon-cashback-card .coupon-title .tag {
    background: rgba(128, 91, 233, .05);
    border-radius: 10px;
    color: #805be9;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    padding: 0 8px
}

.c-coupon-aidfund-card .card-box {
    height: 112px;
    position: relative
}

.c-coupon-aidfund-card .card-box .card-right {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    min-height: auto;
    padding: 0 16px;
    width: auto
}

.c-coupon-aidfund-card .card-box .card-right .row-status {
    display: none
}

.c-coupon-aidfund-card .card-box .card-right .info-box {
    margin-top: 0 !important
}

.c-coupon-aidfund-card .coupon-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.c-coupon-aidfund-card .coupon-title .tag {
    background: rgba(128, 91, 233, .05);
    border-radius: 10px;
    color: #805be9;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    padding: 0 8px
}

.c-coupon-future-copy-trading-card .card-box {
    min-height: 112px;
    position: relative
}

.c-coupon-future-copy-trading-card .card-box .card-right {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    min-height: auto;
    padding: 0 16px;
    width: auto
}

.c-coupon-future-copy-trading-card .card-box .card-right .row-status {
    display: none
}

.c-coupon-future-copy-trading-card .card-box .card-right .info-box {
    margin-top: 0 !important
}

.c-coupon-vip-card .card-box {
    height: 112px;
    position: relative
}

.c-coupon-vip-card .card-box .card-right {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    min-height: auto;
    padding: 0 16px;
    width: auto
}

.c-coupon-vip-card .card-box .card-right .row-status {
    display: none
}

.c-coupon-vip-card .card-box .card-right .info-box {
    margin-top: 0 !important
}

.c-coupon-vip-card .coupon-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.c-common-coin-logo {
    align-items: center;
    border-radius: 50%;
    overflow: hidden
}

.c-common-coin-logo img {
    display: block;
    height: 100%;
    width: 100%
}

.via-dialog-wrapper.c-common-coin-logo-preview .via-dialog {
    background: transparent;
    border-radius: 0;
    padding: 0
}

.via-dialog-wrapper.c-common-coin-logo-preview .via-dialog i.via-dialog-close {
    color: rgb(var(--ui0-text-black_primary));
    font-size: 32px;
    inset-inline-end: -30px !important;
    line-height: 32px;
    right: auto;
    top: -30px
}

.via-dialog-wrapper.c-common-coin-logo-preview .via-dialog i.via-dialog-close:before {
    content: ""
}

.via-dialog-wrapper.c-common-coin-logo-preview .via-dialog .c-common-coin-logo-preview-img {
    height: 254px;
    width: 254px
}

.c-header-copy-trading .btn-lead {
    padding: 4px 8px
}

.c-header-copy-trading .menu-order {
    color: var(--text-161719);
    font-size: 12px
}

.c-header-menu-sub-account {
    color: inherit;
    position: relative
}

.via-popover-container.popper-sub-account {
    background: var(--bg-ffffff);
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    margin: 0 !important;
    overflow: hidden;
    padding: 16px 12px;
    width: 280px !important
}

.via-popover-container.popper-sub-account .search-wrapper .via-input {
    background-color: var(--bg-f7f8fa);
    border-color: transparent
}

.via-popover-container.popper-sub-account .main-account-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    transition: .4s ease-out
}

.via-popover-container.popper-sub-account .main-account-item .img-account {
    background-image: url(../app-resources-d6/assets/6a2a6b4560e34ae4bf2a001847495ab1_83a3d36a253e8e73c63a.v2.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    height: 20px;
    position: relative;
    transition: .4s ease-out;
    width: 20px
}

.via-popover-container.popper-sub-account .main-account-item.active,
.via-popover-container.popper-sub-account .main-account-item:hover {
    color: var(--text-0ead98)
}

.via-popover-container.popper-sub-account .main-account-item.active .img-account,
.via-popover-container.popper-sub-account .main-account-item:hover .img-account {
    background-image: url(../app-resources-d6/assets/c0766d51f346cedd9af694a445aee1c3_a10a3bc1a33149cb9abc.v2.svg)
}

.via-popover-container.popper-sub-account .sub-account-wrapper {
    max-height: 150px;
    overflow-y: auto
}

.via-popover-container.popper-sub-account .sub-account-item {
    align-items: center;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    padding: 0 12px;
    position: relative;
    transition: .4s ease-out
}

.via-popover-container.popper-sub-account .sub-account-item:before {
    background-color: var(--bg-b4b7bd);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-inline-end: 8px;
    width: 6px
}

.via-popover-container.popper-sub-account .sub-account-item.active,
.via-popover-container.popper-sub-account .sub-account-item:hover {
    background-color: var(--bg-f7f8fa);
    border-radius: 8px;
    color: var(--text-0ead98);
    font-weight: 700
}

.via-popover-container.popper-sub-account .sub-account-item.active:before,
.via-popover-container.popper-sub-account .sub-account-item:hover:before {
    background-color: var(--bg-0ead98)
}

.c-common-empty {
    align-items: center;
    background: var(--bg-ffffff);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 300px;
    padding: 10px 0;
    width: 100%
}

.c-common-empty .empty-text {
    color: #7d7f81;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px
}

.theme-night .c-common-empty .day {
    display: none
}

.theme-night .c-common-empty .night {
    display: inline-block !important
}

.c-header-popup-msg {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 10px 40px 0 rgba(164, 197, 205, .31);
    height: 160px;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    right: -20px;
    top: 50px;
    transition: .3s;
    width: 408px;
    z-index: 2000
}

.c-header-popup-msg.onlyOne {
    height: 124px
}

.c-header-popup-msg .icon-error {
    color: var(--text-b4b7bd);
    inset-inline-end: 15px;
    position: absolute;
    top: 10px
}

[dir=rtl] .c-header-popup-msg .icon-error {
    left: 15px
}

[dir=ltr] .c-header-popup-msg .icon-error {
    right: 15px
}

.c-header-popup-msg .msg-title {
    font-weight: 700;
    width: 95%;
    -webkit-line-clamp: 1
}

.c-header-popup-msg .msg-content,
.c-header-popup-msg .msg-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical
}

.c-header-popup-msg .msg-content {
    color: var(--text-707580);
    min-height: 54px;
    width: 100%;
    -webkit-line-clamp: 3
}

.c-header-popup-msg .md-btn {
    display: flex;
    justify-content: center;
    margin-top: 12px
}

.c-header-popup-msg .md-btn span {
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    height: 6px;
    margin-inline-end: 8px;
    width: 6px
}

.c-header-popup-msg .md-btn span.active {
    background: #0ead98;
    border-radius: 6px;
    width: 16px
}

.c-header-popup-msg .msg-btn button {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 4px;
    color: var(--text-aeb0b3);
    display: flex;
    height: 24px;
    justify-content: center;
    outline: none !important;
    transition: .4s;
    width: 60px
}

.c-header-popup-msg .msg-btn button.active {
    background: var(--bg-0ead98-10);
    border-radius: 4px;
    color: var(--text-0ead98);
    transition: .4s
}

.c-header-popup-msg .msg-btn button:hover {
    background-color: var(--bg-0ead98-10);
    color: var(--text-0ead98);
    outline: none !important;
    transition: .4s
}

.c-header-popup-msg .msg-btn button:focus {
    outline: none !important
}

html[dir=rtl] .c-header-popup-msg {
    left: 20px;
    right: auto
}

.theme-night .c-header-popup-msg {
    box-shadow: none
}

.c-lang-select-mobile {
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-lang-select-mobile .lang-item-list-wrap {
    flex: 1 1 0%;
    overflow-y: auto
}

.c-lang-select-mobile .tab-list {
    line-height: 18px
}

.c-lang-select-mobile .tab-list .icon img {
    width: 20px
}

.c-lang-select-mobile .lang-item-list {
    color: var(--text-27282c)
}

.c-lang-select-mobile .lang-item-list.active {
    background-color: var(--bg-f8fcfb);
    color: var(--text-0ead98)
}

.c-lang-select-mobile .lang-item-list.active span {
    font-weight: 700
}

.c-lang-select-mobile .lang-item-list.active .icon-check {
    visibility: visible
}

.c-lang-select-mobile .lang-item-list .icon-check {
    visibility: hidden
}

.c-header-dialog-confirm-switch .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-header-dialog-confirm-switch .icon-wrap .el-icon-warning {
    color: #f38b2c;
    font-size: 60px
}

.c-header-dialog-confirm-switch .btn-40 {
    border-radius: 20px !important;
    height: 40px;
    line-height: 40px
}

.c-mobile-menu-sub-account {
    z-index: 999999 !important
}

.c-mobile-menu-sub-account .drawer-content {
    background: var(--bg-ffffff) !important;
    max-height: none !important
}

.c-mobile-menu-sub-account .search-wrapper {
    padding: 12px 20px 0
}

.c-mobile-menu-sub-account .search-wrapper .el-input .el-input__inner {
    background: var(--bg-f7f8fa);
    border: 1px solid var(--bg-f7f8fa);
    height: 30px;
    line-height: 28px;
    padding-inline: 30px 15px
}

.c-mobile-menu-sub-account .search-wrapper .el-input .el-input__icon {
    line-height: 28px
}

.c-mobile-menu-sub-account .main-account-item {
    align-items: center;
    display: flex;
    padding: 0 20px
}

.c-mobile-menu-sub-account .main-account-item .img-account {
    background: url(../app-resources-d6/assets/6a2a6b4560e34ae4bf2a001847495ab1_83a3d36a253e8e73c63a.v2.svg) 0 0/14px 14px;
    height: 14px;
    position: relative;
    width: 14px
}

.c-mobile-menu-sub-account .main-account-item.active {
    color: var(--text-0ead98)
}

.c-mobile-menu-sub-account .main-account-item.active .img-account {
    background-image: url(../app-resources-d6/assets/c0766d51f346cedd9af694a445aee1c3_a10a3bc1a33149cb9abc.v2.svg)
}

.c-mobile-menu-sub-account .sub-account-wrapper {
    height: 40vh;
    overflow-y: auto
}

.c-mobile-menu-sub-account .sub-account-item {
    border-bottom: 1px solid var(--border-ebedf0);
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    line-height: 16px;
    padding: 16px 20px;
    padding-inline-start: 40px;
    position: relative
}

.c-mobile-menu-sub-account .sub-account-item:last-child {
    border: none
}

.c-mobile-menu-sub-account .sub-account-item.active {
    color: var(--text-0ead98)
}

.c-mobile-menu-sub-account .sub-account-item.active:before {
    background: var(--bg-0ead98);
    border-radius: 50%;
    content: " ";
    height: 6px;
    inset-inline-start: 27px;
    position: absolute;
    top: 22px;
    width: 6px
}

.c-mobile-menu-sub-account .btn-cancel {
    border-top: 8px solid var(--border-f7f8fa);
    color: var(--text-3a3d42);
    height: 62px;
    line-height: 54px;
    text-align: center
}

.c-header-mobile-menu {
    height: 100%;
    overflow-y: auto
}

.c-header-mobile-menu .icon {
    background-size: contain !important;
    display: inline-block;
    height: 24px;
    width: 24px
}

.c-header-mobile-menu .split-line {
    border-bottom: 1px solid var(--border-f4f6fa);
    height: 0;
    margin: 8px 20px
}

.c-header-mobile-menu .username {
    color: var(--text-27282c);
    font-size: 16px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.c-header-mobile-menu .new-icon-tag {
    align-items: center;
    background-color: var(--bg-f38b2c);
    border-radius: 6px 6px 6px 0;
    display: inline-flex;
    font-size: 12px;
    height: 14px;
    justify-content: center;
    margin-inline-start: 12px;
    width: 32px
}

.c-header-mobile-menu .new-icon-tag.hot {
    background-color: #f06a5b
}

.c-header-mobile-menu .new-icon-tag>span {
    color: #fff !important;
    display: block;
    line-height: 12px;
    transform: scale(.7)
}

.c-header-mobile-menu .c-header-mobile-menu-item {
    cursor: pointer;
    min-height: 48px;
    padding: 0 24px
}

.c-header-mobile-menu .c-header-mobile-menu-item:active {
    background-color: var(--bg-f8fcfb)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-account-level {
    background: url(../app-resources-d6/assets/51f839170ac002806ffa1a50b4e23280_093ed15cd8375646276a.v2.webp)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-setting-img {
    background: url(../app-resources-d6/assets/40d91ad40336fbf610b050e580e54898_8208744253f553c3bafc.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-message-img {
    background: url(../app-resources-d6/assets/fc07ef20c2abee55eec9b93a39cc5f2b_38e6fde71fe1fd5bea4a.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-api-img {
    background: url(../app-resources-d6/assets/48682d1bb2d354b9b5e3f3c4e3a63d2a_e9e82a209c19c8c1494a.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-coupon-center {
    background-image: url(../app-resources-d6/assets/2795114c0f236a29739014ca3cd6edc4_ea4de0e713fca27651aa.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-cbox {
    background-image: url(../app-resources-d6/assets/a870e8e123edbda0d26d1b5aab1d4dff_c9e22971382678fd5fe7.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-refer-img {
    background: url(../app-resources-d6/assets/f72c5ac42af49e5ead7ed833c16fc26e_fff6897f6b2d9d7efcef.v2.webp)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-swap-header {
    background: url(../app-resources-d6/assets/f0058db4a8f5a40e024b3a7d99330134_d53fad51dd9a069de097.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-setting-acount-img {
    background: url(../app-resources-d6/assets/deacb043f96eaff45b1c62e622560e9b_9cdb20cc8be24ed54956.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-security-img {
    background: url(../app-resources-d6/assets/e559b6f1cbc98cbae4a30590d298de48_a71426e98353981431b2.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-kyc-img {
    background: url(../app-resources-d6/assets/bfb57bfc5ceb31d29e6a472eb5514d2f_38b0a1c03a16cadfbb46.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-lang-img {
    background: url(../app-resources-d6/assets/59d7c7de651e38451ccf03ab0a3205ed_e44efd1c629c0ebe1787.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-rate {
    background: url(../app-resources-d6/assets/3f8f7bc468f45ca88ba78483909e5923_22e3eec40bc77a116bec.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-dark-mode {
    background: url(../app-resources-d6/assets/4a7418d1b5b78e46a90d4f62313e0ffe_994669183984eaa16b47.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item:active .icon-download-img {
    background: url(../app-resources-d6/assets/57b15513d24785bc8d29872762bc3ad7_b3ea807796a2151b7d3b.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-account-level {
    background: url(../app-resources-d6/assets/b05a6ec7a005d1fa8e87900f38d27bcf_0abac58a440f42d057ba.v2.webp)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-setting-img {
    background: url(../app-resources-d6/assets/f4dbd96622aa1eb74058bbb18d79572b_523e31b91e3028988618.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-message-img {
    background: url(../app-resources-d6/assets/edc8a9b2d0fd0ed899333014a18ef8e1_15bec8e1a3e72b7a8ff3.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-api-img {
    background: url(../app-resources-d6/assets/3cd7cb825eeaeafee65838e44dd15710_aa1fd86063720bcd343b.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-coupon-center {
    background-image: url(../app-resources-d6/assets/d120d1f22c0db1b5571217df49b5e3b5_22a37a9f9a60e1d0856b.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-cbox {
    background-image: url(../app-resources-d6/assets/9ae12416c631177e5b8598117e1428bf_b93c2a915a3837d6876f.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-refer-img {
    background: url(../app-resources-d6/assets/54757c8bcf6b1ccc006cd65f1d09ede5_ff6d7377b35aa9116abb.v2.webp)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-market {
    background: url(../app-resources-d6/assets/0c92ab740e0eba11b5de02115d19e185_d46898fa2508da578f9a.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-swap-header {
    background: url(../app-resources-d6/assets/f1870207372497176bdd9fd8454f740d_979919d10c5fae118435.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-setting-acount-img {
    background: url(../app-resources-d6/assets/dcc5b70aa9eb50c25ad4d683cc144d5f_25e044bbf0f0c8d19d03.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-security-img {
    background: url(../app-resources-d6/assets/b2ee37072d8d6da2c36bdb09a359d2a4_9090415178589c87d6b8.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-kyc-img {
    background: url(../app-resources-d6/assets/00f3e73268996cf60bc33d4a2e12c5c6_9b7e73e04825b90a0ae4.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-lang-img {
    background: url(../app-resources-d6/assets/a971a525b6c5b4061b955627ec916d96_541317450e742277c795.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-rate {
    background: url(../app-resources-d6/assets/092bd568a41fb3f8afdc368f086bd211_ea0fdfabe62fe8e48acc.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-dark-mode {
    background: url(../app-resources-d6/assets/5d399248d0c7bbf27fc79dd7f0d67f9b_6ef49946dc31df3e4f6e.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .icon-download-img {
    background: url(../app-resources-d6/assets/1603ab9cc68451ae86e8868e100834ab_eed9a2fd1e9ebfe7b81c.v2.svg)
}

.c-header-mobile-menu .c-header-mobile-menu-item .coupon-amount {
    background-color: rgba(14, 173, 152, .2);
    border-radius: 20px;
    color: var(--text-0ead98);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    padding: 0 4px;
    text-align: center
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu {
    border-right: 0
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .title {
    color: var(--text-27282c)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .via-collapse-item__header {
    border-bottom: 0;
    overflow: hidden;
    padding-inline-start: 24px !important
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .via-collapse-item__header .via-collapse-item__arrow {
    margin-inline-end: 24px !important
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .via-collapse-item__wrap {
    border-bottom: 0
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .via-collapse-item__wrap .via-collapse-item__content {
    padding-bottom: 6px
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .via-collapse-item__wrap .via-collapse-item__content .child-nav-link {
    align-items: center;
    color: var(--text-707580);
    display: flex;
    font-size: 14px;
    height: 48px;
    padding-inline-start: 68px
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .via-collapse-item__wrap .via-collapse-item__content .child-collapse-menu .via-collapse-item .via-collapse-item__header {
    font-size: 14px;
    padding-inline-start: 68px !important
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .icon-order-img {
    background: url(../app-resources-d6/assets/df4225d698ab0ae2ac68137e8702644b_bb27e5f9fa120beb07f1.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .icon-asset-img {
    background: url(../app-resources-d6/assets/f8a58be7d571e4cdd1afac11d530965f_439d2a724869491ad872.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .icon-activity {
    background: url(../app-resources-d6/assets/94c4c994f02f2297f537099144a33277_44e3cec3417318bf5d89.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .icon-finance-img {
    background: url(../app-resources-d6/assets/4a127f4dd314cd300bbab14ce432c918_52a6935bb48e7dd8df92.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .icon-sub-account {
    background: url(../app-resources-d6/assets/5c3c40e02610f7252107473d890d9a3f_fba9d7ba03cdd6fd4a95.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .icon-futures {
    background: url(../app-resources-d6/assets/78fb604a2d92496c97477c6daa5c2f31_1ebf64a312c3c6aed5bb.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .icon-market {
    background: url(../app-resources-d6/assets/0c92ab740e0eba11b5de02115d19e185_d46898fa2508da578f9a.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .icon-currency-img {
    background: url(../app-resources-d6/assets/d45b048db94d801ad2e5baca1c03a379_59b21f369d41a1dd8c84.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .icon-exchange {
    background: url(../app-resources-d6/assets/28f07c707ac7837f55922d3327ea294c_be68c182ed59a563e3a4.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item .icon-more-img {
    background: url(../app-resources-d6/assets/685acd2ecb8a54423f63153c40a44397_4c56a9fa32d9d8e385a8.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item.is-active .via-collapse-item__header .title {
    color: var(--text-0ead98)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item.is-active .icon-order-img {
    background: url(../app-resources-d6/assets/11f5c3d4abee60aa3dde161dd78ef410_b79b3563e80be8155b34.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item.is-active .icon-asset-img {
    background: url(../app-resources-d6/assets/a498dc71625a10920845ff9e149a7068_96ce3e5c114bc2d8e2cb.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item.is-active .icon-activity {
    background: url(../app-resources-d6/assets/80d22d63b9bf5902f2f69c62cf76a943_9fa4ac5adc673af7f1d4.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item.is-active .icon-finance-img {
    background: url(../app-resources-d6/assets/cd502b3a20ce4635d1e7c1ee380308ea_04f687ae02bc86f61e54.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item.is-active .icon-market {
    background: url(../app-resources-d6/assets/61c68830867bf1b4530099d1396085a8_0959d390c7d58b46b969.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item.is-active .icon-currency-img {
    background: url(../app-resources-d6/assets/bea33b7fa06ac95855b133a9e76a7c9e_cf8a26c45be8fb3a0cae.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item.is-active .icon-futures {
    background: url(../app-resources-d6/assets/3063e8cb0da25c15136fe7a1b8578b20_4b477454879fd475178a.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item.is-active .icon-sub-account {
    background: url(../app-resources-d6/assets/3b6bcbfb25a622b1b214e33d4ee78679_1e12b99533228f833932.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item.is-active .icon-exchange {
    background: url(../app-resources-d6/assets/ac1468f0191466a1ad46a16486d1686c_a47306d96a3508b51068.v2.svg)
}

.c-header-mobile-menu .via-collapse.c-header-collapse-menu .via-collapse-item.is-active .icon-more-img {
    background: url(../app-resources-d6/assets/43980252e807df4e4e178a3b1280fd7c_a18bd7c56d7286114c31.v2.svg)
}

.c-header-mobile-menu .avatar {
    background: url(../app-resources-d6/assets/8b5b774a613ba21e78a4da5b95f33969_5ff45af5e0a58e9cd8d3.v2.webp) no-repeat;
    border-radius: 30px;
    overflow: hidden
}

.c-header-mobile-menu .btn-switch {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 4px;
    color: var(--text-0ead98);
    display: flex;
    font-size: 12px;
    height: 16px;
    justify-content: center;
    width: 16px
}

.c-header-mobile-menu .btn-switch i {
    transform: scale(.8)
}

.c-header-mobile-menu .level {
    height: 16px;
    line-height: 16px;
    text-align: center
}

.c-header-mobile-menu .rounded-30 {
    border-radius: 30px
}

.c-header-mobile-menu .tag-new {
    color: #161719;
    font-size: 12px;
    font-weight: 700;
    height: 14px;
    line-height: 13px;
    position: relative;
    text-align: center;
    width: 32px
}

.c-header-mobile-menu .tag-new img {
    inset: 0;
    position: absolute
}

.c-header-mobile-menu .tag-new .text {
    padding-inline-start: 4px;
    position: relative;
    transform: scale(.8);
    z-index: 10
}

.theme-night .c-header-mobile-menu .el-menu {
    background-color: var(--bg-ffffff)
}

html[dir=rtl] .c-header-mobile-menu .new-icon-tag {
    border-radius: 6px 6px 0
}

body.is-service-updating .via-drawer.c-mobile-menu-sub-account {
    z-index: 999999 !important
}

body.is-service-updating .via-dialog-wrapper.c-header-dialog-confirm-switch {
    z-index: 1000000 !important
}

body.is-service-updating .c-common-header {
    background-color: var(--bg-ffffff) !important
}

.c-header-mobile {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-header-mobile .c-header-mobile-mask {
    background-color: rgba(0, 0, 0, .2);
    inset: 58px 0 0;
    position: fixed;
    z-index: -1
}

.c-header-mobile .footer-download-tip {
    background-color: var(--bg-ffffff);
    border-radius: 12px;
    bottom: 20px;
    box-shadow: 0 0 20px #e1e1e1;
    height: 76px;
    left: 12px;
    position: fixed;
    right: 12px
}

.c-header-mobile .footer-download-tip .title {
    color: var(--text-27282c);
    font-size: 16px;
    font-weight: 700
}

.c-header-mobile .footer-download-tip .desc {
    color: var(--text-7d7f81);
    font-size: 12px
}

.c-header-mobile .footer-download-tip .el-button {
    min-width: 92px
}

.c-header-mobile .footer-download-tip .via-btn.download-btn {
    border-radius: 30px;
    font-size: 12px;
    font-weight: 400;
    min-height: 26px
}

.c-header-mobile .footer-download-tip .el-icon-close {
    inset-inline-end: 6px;
    position: absolute;
    top: 6px
}

[dir=rtl] .c-header-mobile .footer-download-tip .el-icon-close {
    left: 6px
}

[dir=ltr] .c-header-mobile .footer-download-tip .el-icon-close {
    right: 6px
}

.c-header-mobile a {
    text-decoration: none
}

.c-header-mobile .dropdown-panel {
    border-radius: 0 0 20px 20px;
    height: calc(-58px + 100vh);
    left: 0;
    min-width: 375px;
    overflow-y: auto;
    right: 0;
    top: 58px;
    transform-origin: center top;
    will-change: transform
}

.panel-fade-enter,
.panel-fade-leave-to {
    transform: rotateX(-90deg);
    z-index: -1
}

.panel-fade-enter-active,
.panel-fade-leave-active,
.slider-left-enter-active,
.slider-left-leave-active {
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.slider-left-enter,
.slider-left-leave-to {
    transform: rotateX(0deg)
}

[dir=rtl] .slider-left-enter,
[dir=rtl] .slider-left-leave-to {
    transform: translateX(-100%)
}

.theme-night .c-common-header .c-header-mobile .footer-download-tip {
    box-shadow: none
}

.c-activity-animation {
    background-position: bottom;
    background-size: cover;
    bottom: 0;
    height: 100vh;
    left: 0;
    pointer-events: none;
    position: fixed;
    width: 100vw;
    z-index: 1
}

.c-activity-animation .animation-container {
    height: 100vh;
    inset: 0;
    position: absolute;
    width: 100vw
}

.c-activity-logo {
    display: inline-block;
    height: 34px;
    width: 122px
}

.c-header-products-mobile .products-list {
    background-color: var(--text-ffffff);
    border-radius: 0 0 20px 20px;
    inset-inline-start: 0;
    padding: 10px 10px 20px;
    position: absolute;
    top: 58px;
    width: 100%
}

.c-header-products-mobile .products-list .products-list-item {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
    padding: 8px 12px
}

.c-header-products-mobile .products-list .products-list-item .text-box {
    margin-inline-start: 16px
}

.c-header-products-mobile .products-list .products-list-item .text-box .title {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 700
}

.c-header-products-mobile .products-list .products-list-item .text-box .desc {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 500
}

.c-header-products-mobile .products-slide-enter-active,
.c-header-products-mobile .products-slide-leave-active {
    overflow: hidden;
    transition: .1s ease-in-out
}

.c-header-products-mobile .products-slide-enter,
.c-header-products-mobile .products-slide-leave-to {
    height: 0
}

.c-dialog-novice-share .poster-wrapper {
    border-radius: 12px;
    height: 570px;
    overflow: hidden;
    position: relative;
    width: 320px
}

.c-dialog-novice-share .poster-wrapper .poster-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-dialog-novice-share .poster-wrapper .poster-content {
    padding: 28px 20px 0;
    position: relative;
    z-index: 1
}

.c-dialog-novice-share .poster-wrapper .poster-content .logo {
    display: block;
    width: 80px
}

.c-dialog-novice-share .poster-wrapper .poster-content .title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-top: 40px
}

.c-dialog-novice-share .poster-wrapper .poster-content .sub-title {
    color: #b4b7bd;
    font-size: 12px;
    margin-top: 8px
}

.c-dialog-novice-share .poster-wrapper .poster-footer {
    align-items: center;
    background: #f7f8fa;
    bottom: 0;
    display: flex;
    height: 90px;
    justify-content: space-between;
    left: 0;
    padding: 5px 12px;
    position: absolute;
    width: 100%
}

.c-dialog-novice-share .poster-wrapper .poster-footer .referral-code {
    color: #161719;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    white-space: normal
}

.c-dialog-novice-share .poster-wrapper .poster-footer .prompt {
    color: #3a3d42;
    font-size: 14px;
    line-height: 1;
    margin-top: 8px;
    white-space: normal
}

.c-dialog-novice-share .poster-wrapper .poster-footer .qrcode {
    background: #fff;
    border-radius: 4px;
    flex-shrink: 0;
    margin-inline-start: 10px;
    padding: 5px;
    width: 80px
}

.c-dialog-novice-share .share-wrapper {
    flex: 1 1 0%;
    margin-inline-start: 40px;
    padding-top: 20px;
    position: relative
}

.c-dialog-novice-share .share-wrapper .share-item {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 24px;
    display: flex;
    height: 48px;
    padding: 0 20px
}

.c-dialog-novice-share .share-wrapper .share-item .share-label {
    color: var(--text-707580);
    width: 120px
}

.c-dialog-novice-share .share-wrapper .share-item .share-content {
    color: var(--text-161719);
    flex: 1 1 0%;
    font-size: 16px;
    overflow: hidden;
    text-align: end;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 0
}

.c-dialog-novice-share .share-wrapper .share-item .btn-copy {
    color: var(--text-707580);
    cursor: pointer;
    margin-inline-start: 10px
}

.c-dialog-novice-share .share-wrapper .split-line {
    border-top: 1px solid var(--border-e6e7eb)
}

.c-dialog-novice-share .share-wrapper .share-row {
    display: flex;
    justify-content: center
}

.c-dialog-novice-share .share-wrapper .share-row a {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 90px
}

.c-dialog-novice-share .share-wrapper .share-row .sns-name {
    color: var(--text-3a3d42)
}

.c-dialog-novice-share .share-wrapper .btn-copy-link {
    align-items: center;
    background: var(--bg-0ead98);
    border-radius: 50%;
    color: var(--text-ffffff);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    margin: 0 auto;
    width: 32px
}

.c-dialog-novice-share .share-wrapper .btn-download {
    bottom: 0;
    position: absolute;
    width: 100%
}

.c-common-socialIcon .icon-wrapper {
    cursor: pointer;
    margin-inline-end: 12px;
    transition: opacity .4s
}

.c-common-socialIcon .icon-wrapper:hover {
    opacity: .8
}

.c-common-notification-dialog .via-dialog {
    padding: 0
}

.c-common-notification-dialog .via-dialog .via-dialog-header {
    margin-bottom: 0;
    padding: 25px 40px 10px
}

.c-common-notification-dialog .via-dialog .via-dialog-body {
    padding: 0 20px 30px;
    text-align: center
}

.c-common-notification-dialog .via-dialog .via-dialog-body .via-btn {
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    margin-top: 25px;
    padding: 0 50px
}

.c-common-notification-dialog .via-dialog .via-dialog-body .icon-bg-left,
.c-common-notification-dialog .via-dialog .via-dialog-body .icon-bg-right {
    color: var(--text-e0e3ed);
    margin-top: -15px;
    top: 50%
}

.c-common-notification-dialog .via-dialog .via-dialog-body .icon-bg-left.disabled,
.c-common-notification-dialog .via-dialog .via-dialog-body .icon-bg-right.disabled {
    color: var(--text-f2f2f2)
}

.c-common-notification-dialog .via-dialog .via-dialog-body .icon-bg-left:not(.disabled):hover,
.c-common-notification-dialog .via-dialog .via-dialog-body .icon-bg-right:not(.disabled):hover {
    color: var(--text-0ead98);
    cursor: pointer
}

.c-common-notification-dialog .via-dialog .via-dialog-body .icon-bg-left {
    left: 13px
}

.c-common-notification-dialog .via-dialog .via-dialog-body .icon-bg-right {
    right: 13px
}

.c-common-notification-dialog .via-dialog .via-dialog-body .notification-con {
    color: var(--text-3a3d42);
    display: inline-block;
    min-height: 100px;
    text-align: start
}

.c-common-notification-dialog .via-dialog .via-dialog-body .notification-con.content-padding {
    padding: 0 33px
}

.slider-container {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.slider-center-center {
    inset: 0;
    margin: auto;
    position: absolute;
    z-index: 1
}

.slider-touch {
    height: 100%
}

.swiper-container-horizontal>*>.slider-wrapper {
    flex-direction: row
}

.swiper-container-horizontal>*>.slider-wrapper,
.swiper-container-vertical>*>.slider-wrapper {
    align-items: center;
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1;
    -webkit-box-orient: vertical
}

.swiper-container-vertical>*>.slider-wrapper {
    flex-direction: column
}

.slider-item {
    align-items: center;
    color: #fff;
    display: flex;
    flex-shrink: 0;
    font-size: 40px;
    height: 100%;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%
}

.slider-fade .slider-item {
    left: 0;
    opacity: 0;
    position: absolute
}

.slider-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    z-index: 10
}

.swiper-container-horizontal>.slider-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal>*>.slider-pagination-bullet {
    background: none 0 0 repeat scroll #000;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 5px;
    opacity: .2;
    width: 8px
}

.swiper-container-vertical>.slider-pagination-bullets {
    inset: 50% 10px auto auto;
    transform: translate3d(0, -50%, 0);
    width: auto
}

.swiper-container-vertical>*>.slider-pagination-bullet {
    background: none 0 0 repeat scroll #000;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 8px;
    margin: 5px 0;
    opacity: .2;
    width: 8px
}

.swiper-container-horizontal .slider-pagination-bullet-active,
.swiper-container-vertical .slider-pagination-bullet-active {
    background: none 0 0 repeat scroll #fff;
    opacity: 1
}

.slider-loading {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 999
}

.swiper-container-cursorGrab {
    cursor: grab
}

.c-common-notification-bar {
    position: relative;
    top: 0;
    width: 100%
}

.c-common-notification-bar .slider-box-wrap {
    background-color: rgba(243, 139, 44, .05);
    padding: 0 20px;
    width: 100%
}

.c-common-notification-bar .slider-box-div {
    margin: 0 auto;
    max-width: 1920px
}

.c-common-notification-bar .slider-box {
    height: 40px;
    width: 100%
}

.c-common-notification-bar .slider-box .slider-item-box {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.c-common-notification-bar .slider-box .slider-item-box .icon-notice {
    color: var(--text-f38b2c);
    font-size: 16px;
    padding-inline-end: 5px
}

.c-common-notification-bar .slider-box .notice-con {
    max-width: 80%
}

.c-common-notification-bar .slider-box .check-detail {
    color: var(--text-f38b2c);
    margin-inline-start: 50px
}

.c-common-notification-bar .st-text {
    font-size: 14px;
    width: 100%
}

.adapt-notification-bar {
    overflow-y: auto !important;
    padding-right: 0 !important
}

.c-common-service-suspension-notice-mask {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: hsla(0, 0%, 96%, .9);
    inset: 58px 0 0;
    position: fixed;
    z-index: 999997
}

.c-common-service-suspension-notice-mask .gear1 {
    animation: gear1Rotation 8s linear 0s infinite normal none running;
    inset-inline-start: 37px;
    top: -73px
}

.c-common-service-suspension-notice-mask .gear1 .icon-gear {
    font-size: 50px
}

.c-common-service-suspension-notice-mask .gear2 {
    animation: gear2Rotation 8s linear 0s infinite normal none running;
    font-size: 34px;
    inset-inline-start: 5px;
    top: -54px
}

.c-common-service-suspension-notice-mask .gear2 .icon-gear {
    font-size: 34px
}

@keyframes gear1Rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes gear2Rotation {
    0% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(0deg)
    }
}

.c-common-service-suspension-notice-mask .p-time,
.c-common-service-suspension-notice-mask .p1,
.c-common-service-suspension-notice-mask .p2 {
    color: var(--text-161719)
}

.c-common-service-suspension-notice-mask .btn-link {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 16px
}

.theme-night .c-common-service-suspension-notice-mask {
    background: rgba(0, 0, 0, .8)
}

.c-common-service-suspension-notice-dialog .title-over {
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    width: 100%;
    word-break: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-common-service-suspension-notice-dialog .over-height {
    font-size: 14px;
    max-height: 300px;
    min-height: 60px;
    overflow: hidden auto;
    overflow-wrap: break-word;
    width: 100%;
    word-break: normal
}

.c-common-service-suspension-notice-dialog .two-factor {
    background: #fafafa;
    border: 1px solid #f0f1f4;
    border-radius: 4px;
    cursor: pointer;
    height: 146px;
    width: 238px
}

.z-999997 {
    z-index: 999997 !important
}

body.is-service-updating .v-modal {
    top: 58px
}

.c-common-forbidden-country .section-logo {
    margin: 6% 0 32px;
    position: relative;
    text-align: center
}

.c-common-forbidden-country .section-content {
    margin: 0 auto;
    max-width: 660px
}

.l-forbidden .section-logo {
    margin: 6% 0 32px;
    position: relative;
    text-align: center
}

.l-forbidden .section-content {
    margin: 0 auto;
    max-width: 660px
}

.c-common-box {
    background: var(--bg-ffffff);
    border-radius: 20px;
    color: var(--text-27282c);
    overflow: hidden
}

.c-common-box .box-header {
    font-size: 16px;
    font-weight: 500;
    padding: 12px 20px
}

.c-common-box .box-body {
    padding: 0
}

.via-input[data-v-5f9448a2] {
    align-items: center;
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 4px;
    display: flex;
    padding: 0 12px
}

.via-input .input-inner[data-v-5f9448a2] {
    background-color: transparent;
    color: var(--text-161719);
    flex: 1 1 0%;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    padding-bottom: 12px;
    padding-top: 12px
}

.via-input .input-inner[data-v-5f9448a2]::-webkit-input-placeholder {
    color: var(--text-b4b7bd);
    font-size: 14px;
    font-weight: 400
}

.via-input .input-inner[type=number][data-v-5f9448a2]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.via-input .textarea-inner[data-v-5f9448a2] {
    color: var(--text-161719);
    font-weight: 500;
    height: auto;
    min-height: 40px;
    padding: 5px 15px;
    resize: none
}

.via-input.is-active[data-v-5f9448a2] {
    border: 1px solid var(--border-0ead98);
    transition: .4s
}

.via-input.is-active .input-suffix .icon-cancel[data-v-5f9448a2],
.via-input:hover .input-suffix .icon-cancel[data-v-5f9448a2] {
    display: inline-block
}

.via-input.input-prefix .input-inner[data-v-5f9448a2] {
    padding-inline-start: 34px
}

.via-input.is-disable[data-v-5f9448a2] {
    background-color: var(--bg-e6e7eb);
    border: 1px solid transparent;
    cursor: not-allowed
}

.via-input.is-disable .input-inner[data-v-5f9448a2] {
    color: var(--text-b4b7bd);
    cursor: not-allowed
}

.via-input.is-textarea[data-v-5f9448a2] {
    padding: 0
}

.via-input.is-textarea .input-prefix[data-v-5f9448a2],
.via-input.is-textarea .input-suffix[data-v-5f9448a2] {
    display: none
}

.via-input[size=small][data-v-5f9448a2] {
    height: 32px
}

.via-input[size=big][data-v-5f9448a2] {
    height: 48px
}

.via-input[error][data-v-5f9448a2] {
    background-color: rgba(219, 85, 65, .05);
    border: 1px solid var(--border-db5541)
}

.via-input[style-type=area][data-v-5f9448a2]:not(.is-disable) {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent
}

.via-input[style-type=area]:not(.is-disable).is-active[data-v-5f9448a2],
.via-input[style-type=area][data-v-5f9448a2]:not(.is-disable):hover {
    background-color: rgba(14, 173, 152, .05);
    border: 1px solid var(--border-0ead98);
    box-shadow: 0 0 2px rgba(14, 173, 152, .75);
    transition: .4s
}

.via-input[style-type=area]:not(.is-disable)[error][data-v-5f9448a2] {
    background-color: rgba(219, 85, 65, .05);
    border: 1px solid var(--border-db5541)
}

.via-input[style-type=line][data-v-5f9448a2]:not(.is-disable) {
    border: 1px solid transparent;
    border-bottom: 1px solid var(--border-e6e7eb);
    -o-border-image: initial;
    border-image: initial;
    border-radius: 0
}

.via-input[style-type=line]:not(.is-disable).is-active[data-v-5f9448a2] {
    border-bottom: 1px solid var(--border-0ead98);
    box-shadow: 0 4px 2px -2px rgba(9, 159, 148, .42);
    transition: .4s
}

.via-input[style-type=line]:not(.is-disable)[error][data-v-5f9448a2] {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--border-db5541);
    -o-border-image: initial;
    border-image: initial;
    box-shadow: 0 4px 2px -2px rgba(219, 85, 65, .42)
}

.via-input .input-prefix[data-v-5f9448a2] {
    inset-inline-start: 12px;
    padding-inline-end: 4px
}

.via-input .input-suffix[data-v-5f9448a2] {
    align-items: center;
    display: flex;
    inset-inline-end: 12px;
    padding-inline-start: 4px
}

.via-input .input-suffix .icon-cancel[data-v-5f9448a2] {
    color: var(--text-b4b7bd);
    cursor: pointer;
    display: none
}

.via-input .via-input-prefix[data-v-5f9448a2] {
    align-items: center;
    display: flex;
    inset-inline-start: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.el-form-item.is-error .via-input,
.via-form-item.is-error .via-input {
    border: 1px solid var(--border-db5541) !important;
    box-shadow: none !important;
    transition: .4s
}

.el-form-item.is-error .via-input[style-type=area],
.via-form-item.is-error .via-input[style-type=area] {
    background-color: rgba(219, 85, 65, .05) !important
}

.via-search[data-v-f7f80ca0] {
    width: 260px
}

.via-search .input-box[data-v-f7f80ca0],
.via-search[data-v-f7f80ca0] {
    position: relative
}

.via-search .input-box .search-input[data-v-f7f80ca0] {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 4px;
    color: var(--text-161719);
    height: 30px;
    line-height: 30px;
    padding-inline: 32px 12px;
    width: 100%
}

.via-search .input-box .search-input[data-v-f7f80ca0]::-webkit-input-placeholder {
    color: var(--text-b4b7bd);
    font-size: 14px;
    font-weight: 400
}

.via-search .input-box .search-input[data-v-f7f80ca0]:focus,
.via-search .input-box .search-input[data-v-f7f80ca0]:hover {
    border: 1px solid var(--border-0ead98);
    transition: .4s
}

.via-search .input-box .el-icon-search[data-v-f7f80ca0] {
    inset-inline-start: 12px
}

.via-search .input-box .el-icon-error[data-v-f7f80ca0],
.via-search .input-box .el-icon-search[data-v-f7f80ca0] {
    color: var(--text-b4b7bd);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.via-search .input-box .el-icon-error[data-v-f7f80ca0] {
    cursor: pointer;
    inset-inline-end: 12px
}

.via-search[type=area] .input-box .search-input[data-v-f7f80ca0] {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent
}

.via-search .dropdown-box[data-v-f7f80ca0] {
    background-color: var(--bg-fefefe);
    border: 1px solid var(--border-fafbfc);
    border-radius: 4px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .31);
    inset-inline-start: 0;
    max-height: 370px;
    overflow-y: auto;
    position: absolute;
    top: 32px;
    transition: .4s;
    width: 100%;
    z-index: 11
}

.via-search .dropdown-box .option[data-v-f7f80ca0] {
    padding: 8px 12px
}

.via-search .dropdown-box .option[data-v-f7f80ca0]:hover {
    background-color: rgba(14, 173, 152, .05);
    cursor: default
}

.via-search[flex][data-v-f7f80ca0] {
    transition: .4s;
    width: 160px
}

.via-search.is-active .input-box .el-icon-search[data-v-f7f80ca0] {
    color: var(--text-0ead98)
}

.via-search.is-active[flex][data-v-f7f80ca0] {
    transition: .4s;
    width: 260px
}

.theme-night .via-search .dropdown-box {
    box-shadow: none
}

.via-switch[data-v-5f3f9f3a] {
    cursor: pointer;
    display: inline-block
}

.via-switch.disabled[data-v-5f3f9f3a] {
    cursor: not-allowed
}

.via-switch-core[data-v-5f3f9f3a] {
    background-color: var(--bg-f2f3f5);
    border-radius: 10px;
    height: 19px;
    position: relative;
    transition: background-color .3s
}

.via-switch-core[data-v-5f3f9f3a]:after {
    background-color: var(--bg-ffffff-gray1002);
    border-radius: 50%;
    box-shadow: 0 .5px 1px hsla(0, 0%, 65%, .25);
    content: "";
    display: inline-block;
    height: 15px;
    left: 2px;
    position: absolute;
    top: 2px;
    transform: translateZ(0);
    transition: left .3s;
    width: 15px
}

.via-switch input:checked+.via-switch-core[data-v-5f3f9f3a] {
    background-color: #0ead98
}

.via-switch input:checked+.via-switch-core[data-v-5f3f9f3a]:after {
    background-color: #fff;
    left: calc(100% - 17px)
}

.via-switch input[data-v-5f3f9f3a] {
    display: none
}

.via-switch.is-small .via-switch-core[data-v-5f3f9f3a] {
    height: 13px
}

.via-switch.is-small .via-switch-core[data-v-5f3f9f3a]:after {
    border: 1px solid var(--border-e6e7eb-gray0601);
    height: 21px;
    left: 0;
    top: -4px;
    width: 21px
}

.via-switch.is-small input:checked+.via-switch-core[data-v-5f3f9f3a]:after {
    left: calc(100% - 21px)
}

.theme-night .via-switch.is-small input:checked+.via-switch-core[data-v-5f3f9f3a]:after {
    border-color: #e6e7eb
}

.via-breadcrumb[data-v-db9370f6] {
    align-items: center;
    display: flex;
    line-height: 20px
}

.via-breadcrumb-item[data-v-e2b44236] {
    align-items: center;
    display: flex
}

.via-breadcrumb-item:last-of-type .via-breadcrumb-item-inner[data-v-e2b44236] {
    color: var(--text-161719);
    font-weight: 500
}

.via-breadcrumb-item:last-of-type .arrow[data-v-e2b44236] {
    display: none
}

.via-breadcrumb-item-inner[data-v-e2b44236] {
    color: var(--text-707580);
    font-size: 16px;
    font-weight: 400;
    transition: color .3s
}

.via-breadcrumb-item-inner.is-link[data-v-e2b44236] {
    cursor: pointer
}

.via-breadcrumb-item-inner.is-link[data-v-e2b44236]:hover {
    color: var(--text-0ead98)
}

.via-breadcrumb-item .arrow[data-v-e2b44236] {
    color: var(--text-b4b7bd);
    font-size: 20px;
    margin: 0 4px
}

.via-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    --slider-bg-color: var(--bg-0ead98)
}

.via-slider.via-slider-red {
    --slider-bg-color: var(--bg-db5541)
}

.via-slider.via-slider-gray {
    --slider-bg-color: var(--bg-e6e7eb)
}

.via-slider.via-slider-gray .via-slider-runway .via-slider-stops-wrap .via-slider-stops.active,
.via-slider.via-slider-gray .via-slider-runway .via-slider-thumb {
    background: var(--bg-707580)
}

.via-slider.via-slider-gray .via-slider-runway .via-slider-progress {
    background: var(--bg-b4b7bd)
}

.via-slider.via-slider-disabled,
.via-slider.via-slider-disabled .via-slider-runway .via-slider-stops-wrap .via-slider-stops {
    cursor: not-allowed
}

.via-slider .via-slider-runway {
    background: var(--bg-f2f3f5);
    height: 2px;
    margin: 5px 0;
    position: relative
}

.via-slider .via-slider-runway .via-slider-thumb {
    background: var(--slider-bg-color);
    border-radius: 6px;
    cursor: grab;
    height: 12px;
    position: absolute;
    top: -5px;
    transform: translateX(-50%);
    width: 12px;
    z-index: 10
}

.via-slider .via-slider-runway .via-slider-thumb.disabled,
.via-slider .via-slider-runway .via-slider-thumb.disabled:after {
    cursor: not-allowed
}

.via-slider .via-slider-runway .via-slider-thumb.active,
.via-slider .via-slider-runway .via-slider-thumb:not(.disabled):hover {
    border-radius: 8px;
    height: 16px;
    top: -8px;
    transform: translateX(-50%);
    width: 16px
}

.via-slider .via-slider-runway .via-slider-thumb.active:after,
.via-slider .via-slider-runway .via-slider-thumb:not(.disabled):hover:after {
    border-radius: 5px;
    height: 10px;
    width: 10px
}

.via-slider .via-slider-runway .via-slider-thumb.active .via-slider-mark,
.via-slider .via-slider-runway .via-slider-thumb:not(.disabled):hover .via-slider-mark {
    display: flex;
    opacity: 1
}

.via-slider .via-slider-runway .via-slider-thumb.active .via-slider-mark:after,
.via-slider .via-slider-runway .via-slider-thumb:not(.disabled):hover .via-slider-mark:after {
    display: block;
    opacity: 1
}

.via-slider .via-slider-runway .via-slider-thumb:after {
    background: var(--bg-ffffff);
    border-radius: 3px;
    content: "";
    display: block;
    height: 6px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 6px
}

.via-slider .via-slider-runway .via-slider-thumb .via-slider-mark {
    align-items: center;
    background-color: var(--bg-ffffff);
    border: 1px solid var(--slider-bg-color);
    border-radius: 4px;
    box-shadow: 0 4px 14px rgba(164, 197, 205, .3);
    color: var(--text-161719);
    display: none;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    left: 50%;
    line-height: 24px;
    opacity: 0;
    padding: 0 10px;
    position: absolute;
    top: -30px;
    transform: translateX(-50%)
}

.via-slider .via-slider-runway .via-slider-thumb .via-slider-mark:after {
    background: var(--bg-ffffff);
    border-bottom: 1px solid var(--slider-bg-color);
    border-right: 1px solid var(--slider-bg-color);
    content: "";
    display: none;
    height: 5px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 22px;
    transform: rotate(45deg) translateX(-50%);
    width: 5px
}

.via-slider .via-slider-runway .via-slider-stops-wrap {
    position: relative
}

.via-slider .via-slider-runway .via-slider-stops-wrap .via-slider-stops {
    background: var(--bg-e6e7eb);
    border-radius: 10px;
    cursor: pointer;
    height: 10px;
    position: absolute;
    top: -4px;
    transform: translateX(-50%);
    width: 10px;
    z-index: 9
}

.via-slider .via-slider-runway .via-slider-stops-wrap .via-slider-stops.active {
    background: var(--slider-bg-color)
}

.via-slider .via-slider-runway .via-slider-progress {
    background: var(--slider-bg-color);
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.theme-night .via-slider .via-slider-runway .via-slider-mark {
    box-shadow: none
}

.via-pagination {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    font-size: 14px;
    padding: 12px 0;
    width: 100%
}

.via-pagination .via-pagination-select-limit {
    flex: 1 1 0%
}

.via-pagination .via-pagination-select-limit .left-text {
    margin-inline-end: 20px
}

.via-pagination .via-pager-box {
    color: #27282c;
    font-weight: 700;
    margin-top: 0;
    text-align: right;
    white-space: nowrap
}

.via-pagination .via-pager-box:after,
.via-pagination .via-pager-box:before {
    content: "";
    display: table
}

.via-pagination .via-pager-box .btn-next,
.via-pagination .via-pager-box .btn-prev {
    border-radius: 2px;
    color: var(--text-27282c);
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 0 5px;
    min-width: 20px
}

.via-pagination .via-pager-box .btn-next .iconfont,
.via-pagination .via-pager-box .btn-prev .iconfont {
    display: block;
    font-size: 24px
}

.via-pagination .via-pager-box .btn-next:disabled,
.via-pagination .via-pager-box .btn-prev:disabled {
    color: #c0c4cc
}

.via-pagination .via-pager-box .via-pager {
    display: inline-block;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top
}

.via-pagination .via-pager-box .via-pager li {
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--text-707580);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin: 0 5px;
    min-width: 20px !important;
    padding: 0 4px;
    text-align: center;
    vertical-align: top
}

.via-pagination .via-pager-box .via-pager li.active {
    cursor: default
}

.via-pagination .via-pager-box .via-pager li:not(.disabled):hover {
    color: var(--text-0ead98)
}

.via-pagination .via-pager-box .via-pager li.active,
.via-pagination .via-pager-box .via-pager li:not(.disabled).active {
    background: var(--bg-0ead98) !important;
    color: #fff !important;
    font-weight: 700
}

.via-pagination .via-pager-box .via-pager li.more {
    font-weight: bolder
}

.via-pagination .via-pager-box .via-pager li.disabled {
    cursor: not-allowed
}

.via-pagination .via-pager-box button {
    border: none;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top
}

.via-pagination .via-pager-box button:disabled {
    cursor: not-allowed
}

.via-pagination .via-pager-box.is-background .btn-next,
.via-pagination .via-pager-box.is-background .btn-prev {
    background-color: var(--bg-fafbfc) !important
}

.via-pagination .via-pager-box.is-background .via-pager li {
    background-color: var(--bg-fafbfc)
}

.via-pagination.neutral-black .via-pager-box .btn-next,
.via-pagination.neutral-black .via-pager-box .btn-prev,
.via-pagination.neutral-black .via-pager-box .via-pager li {
    background: var(--bg-ffffff);
    border: 1px solid var(--border-707580);
    border-radius: 4px;
    color: var(--text-3a3d42);
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px
}

.via-pagination.neutral-black .via-pager-box button:disabled {
    background: var(--bg-f7f8fa-gray0801);
    border: 1px solid var(--border-e6e7eb-gray0601);
    color: var(--text-b4b7bd)
}

.via-pagination.neutral-black .via-pager-box .via-pager li.active {
    background-color: var(--bg-161719) !important;
    border: none;
    color: var(--text-ffffff) !important
}

.via-pagination.neutral-black .via-pager-box .via-pager li:hover {
    color: var(--text-3a3d42)
}

.via-pagination.neutral-black.size-small .via-pager-box .btn-next,
.via-pagination.neutral-black.size-small .via-pager-box .btn-prev,
.via-pagination.neutral-black.size-small .via-pager-box .via-pager li {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    width: 24px
}

.via-pagination-select-limit {
    align-items: center;
    display: flex
}

.via-pagination-select-limit .via-radio .via-radio__input {
    height: 14px
}

.via-pagination-select-limit .via-radio .via-radio__label,
.via-radio {
    font-size: 14px
}

.via-radio {
    color: var(--text-707580);
    margin-inline-end: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: normal
}

.via-radio,
.via-radio .via-radio__input {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    outline: 0;
    position: relative
}

.via-radio .via-radio__input {
    margin-inline-end: 4px;
    vertical-align: middle;
    white-space: nowrap
}

.via-radio .via-radio__input .via-radio__inner {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 100%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    position: relative;
    width: 12px
}

.via-radio .via-radio__input .via-radio__inner:after {
    background-color: var(--bg-ffffff-gray1003);
    border-radius: 100%;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s ease-in;
    width: 4px
}

.via-radio .via-radio__input .via-radio__original {
    inset: 0;
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1
}

.via-radio .via-radio__input.is-checked .via-radio__inner {
    background: var(--bg-0ead98);
    border-color: var(--border-0ead98)
}

.via-radio .via-radio__input.is-checked .via-radio__inner:after {
    transform: translate(-50%, -50%) scale(1)
}

.via-radio .via-radio__input.is-checked+.via-radio__label {
    color: var(--text-0ead98)
}

.via-radio .via-radio__input.is-disabled .via-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    cursor: not-allowed
}

.via-radio .via-radio__input.is-disabled .via-radio__inner:after {
    background-color: #c0c4cc
}

.via-radio .via-radio__input.is-disabled+span.via-radio__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.via-radio .via-radio__label {
    font-size: 14px;
    padding-inline-start: 2px
}

.theme-night .via-radio .via-radio__input.is-disabled .via-radio__inner {
    background-color: #2c3038;
    border-color: #393e47
}

.theme-night .via-radio .via-radio__input.is-disabled .via-radio__inner:after {
    background-color: #23272e
}

.theme-night .via-radio .via-radio__input.is-disabled.is-checked .via-radio__inner {
    border-color: #2c3038
}

.via-radio-button {
    display: inline-block;
    outline: 0;
    position: relative
}

.via-radio-button .border-none {
    border: none
}

.via-radio-button .via-radio-button__orig-radio {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1
}

.via-radio-button .via-radio-button__inner {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    outline: 0;
    padding: 0 8px;
    position: relative;
    text-align: center;
    transition: .3s cubic-bezier(.645, .045, .355, 1);
    vertical-align: middle;
    white-space: nowrap;
    width: 100%
}

.via-radio-button.is-disabled .via-radio-button__inner {
    background-image: none;
    border-color: #ebeef5;
    box-shadow: none;
    color: #c0c4cc;
    cursor: not-allowed
}

.via-radio-button.type-tab {
    margin-inline-start: -1px
}

.via-radio-button.type-tab .via-radio-button__inner {
    border: 1px solid var(--border-e6e7eb);
    border-inline-start: 0;
    color: var(--text-707580)
}

.via-radio-button.type-tab.is-active .via-radio-button__inner {
    background-color: var(--bg-0ead98-5);
    border-color: var(--text-0ead98);
    box-shadow: -1px 0 0 0 #0ead98;
    color: var(--text-0ead98);
    font-weight: 700
}

.via-radio-button.type-tab:first-child .via-radio-button__inner {
    border-inline-start: 1px solid var(--border-e6e7eb);
    border-radius: 4px 0 0 4px;
    box-shadow: none !important
}

.via-radio-button.type-tab:last-child .via-radio-button__inner {
    border-radius: 0 4px 4px 0
}

.via-radio-button.type-tab.is-active:first-child .via-radio-button__inner {
    border-inline-start: 1px solid var(--border-0ead98);
    border-radius: 4px 0 0 4px;
    box-shadow: none !important
}

.via-radio-button.type-button.via-radio-button--28 {
    margin-inline-end: 4px
}

.via-radio-button.type-button.via-radio-button--32,
.via-radio-button.type-button.via-radio-button--36 {
    margin-inline-end: 8px
}

.via-radio-button.type-button .via-radio-button__inner {
    background-color: var(--bg-fafbfc);
    border: 1px solid var(--border-fafbfc);
    border-radius: 4px;
    color: var(--text-707580)
}

.via-radio-button.type-button.is-active .via-radio-button__inner {
    background-color: var(--bg-0ead98-5);
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98);
    font-weight: 700
}

.via-radio-button.via-radio-button--28 .via-radio-button__inner {
    font-size: 12px;
    height: 28px;
    min-width: 88px
}

.via-radio-button.via-radio-button--32 .via-radio-button__inner {
    font-size: 14px;
    height: 32px;
    min-width: 96px
}

.via-radio-button.via-radio-button--36 .via-radio-button__inner {
    font-size: 14px;
    height: 36px;
    min-width: 114px
}

[dir=rtl] .via-radio-button.type-tab:first-child .via-radio-button__inner {
    border-radius: 0 4px 4px 0
}

[dir=rtl] .via-radio-button.type-tab:last-child .via-radio-button__inner {
    border-radius: 4px 0 0 4px
}

[dir=rtl] .via-radio-button.type-tab.is-active .via-radio-button__inner {
    box-shadow: 1px 0 0 0 #0ead98
}

[dir=rtl] .via-radio-button.type-tab.is-active:first-child .via-radio-button__inner {
    border-radius: 0 4px 4px 0;
    box-shadow: none !important
}

.via-radio-group {
    display: inline-block;
    font-size: 0;
    line-height: 1;
    vertical-align: middle
}

.tab-nav-underline .tab-item[data-v-1db9cb7d],
.tab-nav-underline[data-v-1db9cb7d] {
    display: flex;
    position: relative
}

.tab-nav-underline .tab-item[data-v-1db9cb7d] {
    align-items: center;
    color: var(--text-161719);
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    line-height: 1.2;
    padding: 0 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tab-nav-underline .tab-item[data-v-1db9cb7d]:first-of-type {
    padding-inline-start: 0 !important
}

.tab-nav-underline .tab-item[data-v-1db9cb7d]:last-of-type {
    padding-inline-end: 0 !important
}

.tab-nav-underline .tab-item.active[data-v-1db9cb7d] {
    color: var(--text-0ead98);
    font-weight: 500
}

.tab-nav-underline .tab-bar[data-v-1db9cb7d] {
    background-color: var(--bg-0ead98);
    bottom: 0;
    display: inline-block;
    height: 3px;
    left: 0;
    position: absolute;
    transition: transform .3s, width .3s;
    width: 30px
}

[dir=rtl] .tab-nav-underline .tab-bar[data-v-1db9cb7d] {
    display: none
}

[dir=rtl] .tab-nav-underline .tab-item[data-v-1db9cb7d]:first-of-type {
    margin-left: 20px;
    padding-left: 0 !important
}

[dir=rtl] .tab-nav-underline .tab-item[data-v-1db9cb7d]:last-of-type {
    margin-right: 20px;
    padding-right: 0 !important
}

[dir=rtl] .tab-nav-underline .tab-item.active[data-v-1db9cb7d]:after {
    background-color: var(--bg-0ead98);
    bottom: 0;
    content: "";
    display: inline-block;
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 30px
}

.tab-nav-facet[data-v-2bb245e0] {
    display: flex;
    position: relative
}

.tab-nav-facet .tab-item[data-v-2bb245e0] {
    color: var(--text-707580);
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 10
}

.tab-nav-facet .tab-item.active[data-v-2bb245e0],
.tab-nav-facet .tab-item[data-v-2bb245e0]:hover {
    color: var(--text-0ead98)
}

.tab-nav-facet .tab-bar[data-v-2bb245e0] {
    background-color: var(--bg-ffffff);
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(81, 91, 118, .15);
    display: inline-block;
    height: 22px;
    left: 0;
    position: absolute;
    top: 50%;
    transition: transform .3s, width .3s
}

[dir=rtl] .tab-nav-facet .tab-bar[data-v-2bb245e0] {
    display: none
}

[dir=rtl] .tab-nav-facet .tab-item.active[data-v-2bb245e0]:after {
    background-color: var(--bg-ffffff);
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(81, 91, 118, .15);
    content: "";
    display: inline-block;
    height: calc(100% - 8px);
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

.theme-night .tab-nav-facet .tab-bar[data-v-2bb245e0],
.theme-night .tab-nav-facet .tab-item.active[data-v-2bb245e0]:after {
    box-shadow: none
}

.tab-nav-radio[data-v-54b13894] {
    display: flex;
    position: relative
}

.tab-nav-radio .tab-item[data-v-54b13894] {
    border: 1px solid var(--text-e6e7eb);
    color: var(--text-707580);
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 28px;
    transition: background-color .3s, border-color .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tab-nav-radio .tab-item[data-v-54b13894]:hover {
    color: var(--text-0ead98)
}

.tab-nav-radio .tab-item[data-v-54b13894]:not(:last-of-type) {
    border-inline-end: 0
}

.tab-nav-radio .tab-item[data-v-54b13894]:first-of-type {
    border-radius: 4px 0 0 4px
}

.tab-nav-radio .tab-item[data-v-54b13894]:last-of-type {
    border-radius: 0 4px 4px 0
}

.tab-nav-radio .tab-item.active[data-v-54b13894] {
    background-color: var(--bg-0ead98-5);
    border-color: var(--border-0ead98);
    border-inline-end: 1px solid var(--border-0ead98);
    color: var(--text-0ead98);
    font-weight: 600
}

.tab-nav-radio .tab-item.active+.tab-item[data-v-54b13894] {
    border-inline-start: 0
}

[dir=rtl] .tab-nav-radio .tab-item[data-v-54b13894]:first-of-type {
    border-radius: 0 4px 4px 0
}

[dir=rtl] .tab-nav-radio .tab-item[data-v-54b13894]:last-of-type {
    border-radius: 4px 0 0 4px
}

.tab-nav-button[data-v-7b0aadf6] {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.tab-nav-button .tab-item[data-v-7b0aadf6] {
    background-color: var(--bg-fafbfc);
    border-color: transparent;
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    transition: background-color .3s, border-color .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tab-nav-button .tab-item[data-v-7b0aadf6]:hover {
    color: var(--text-0ead98)
}

.tab-nav-button .tab-item[data-v-7b0aadf6]:last-of-type {
    margin-inline-end: 0 !important
}

.tab-nav-button .tab-item.active[data-v-7b0aadf6] {
    background-color: var(--bg-0ead98-5) !important;
    border: 0 solid var(--border-0ead98);
    color: var(--text-0ead98);
    font-weight: 500
}

.tab-nav-button.size-small .tab-item[data-v-7b0aadf6] {
    font-size: 14px;
    height: 36px;
    line-height: 34px;
    margin-inline-end: 12px;
    padding: 0 36px
}

.tab-nav-button.size-32 .tab-item[data-v-7b0aadf6] {
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    margin-inline-end: 8px;
    padding: 0 20px
}

.size-small[data-v-1b158356] {
    --height: 40px;
    --padding: 32px;
    --fontSize: 14px;
    --bgColor: var(--bg-f7f8fa);
    --activeColor: var(--text-0ead98);
    --radius: 20px;
    --barHeight: 40px;
    --barBorderWidth: 24px
}

.size-medium[data-v-1b158356] {
    --height: 42px;
    --padding: 38px;
    --fontSize: 16px;
    --bgColor: #ecf4f7;
    --activeColor: var(--text-161719);
    --radius: 30px;
    --barHeight: 44px;
    --barBorderWidth: 34px
}

.theme-night .size-medium[data-v-1b158356] {
    --bgColor: #2c3038
}

.tab-nav-card[data-v-1b158356] {
    display: flex;
    position: relative
}

.tab-nav-card .tab-item[data-v-1b158356] {
    background-color: var(--bgColor);
    color: var(--text-707580);
    cursor: pointer;
    font-size: var(--fontSize);
    font-weight: 400;
    height: var(--height);
    line-height: var(--height);
    padding: 0 var(--padding);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tab-nav-card .tab-item[data-v-1b158356]:hover {
    color: var(--activeColor)
}

.tab-nav-card .tab-item[data-v-1b158356]:first-of-type {
    border-top-left-radius: var(--radius)
}

.tab-nav-card .tab-item[data-v-1b158356]:last-of-type {
    border-top-right-radius: var(--radius)
}

.tab-nav-card .tab-item.active[data-v-1b158356] {
    color: var(--activeColor);
    font-weight: 600
}

.tab-nav-card .tab-item.active .tab-bar[data-v-1b158356] {
    opacity: 1
}

.tab-nav-card .tab-bar[data-v-1b158356] {
    background-color: var(--bg-ffffff);
    bottom: 0;
    height: var(--barHeight);
    left: calc(var(--barBorderWidth)/2);
    opacity: 0;
    position: absolute;
    right: calc(var(--barBorderWidth)/2)
}

.tab-nav-card .tab-bar[data-v-1b158356]:before {
    border-right: var(--barBorderWidth) solid var(--bg-ffffff);
    left: 0;
    transform: translateX(-99%)
}

.tab-nav-card .tab-bar[data-v-1b158356]:after,
.tab-nav-card .tab-bar[data-v-1b158356]:before {
    border-top: var(--barHeight) solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1
}

.tab-nav-card .tab-bar[data-v-1b158356]:after {
    border-left: var(--barBorderWidth) solid var(--bg-ffffff);
    right: 0;
    transform: translateX(99%)
}

.tab-nav-card .tab-bar.first[data-v-1b158356] {
    border-top-left-radius: var(--radius);
    left: 0
}

.tab-nav-card .tab-bar.first[data-v-1b158356]:before {
    display: none
}

.tab-nav-card .tab-bar.last[data-v-1b158356] {
    border-top-right-radius: var(--radius);
    right: 0
}

.tab-nav-card .tab-bar.last[data-v-1b158356]:after {
    display: none
}

[dir=rtl] .tab-nav-card .tab-item[data-v-1b158356]:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: var(--radius)
}

[dir=rtl] .tab-nav-card .tab-item[data-v-1b158356]:last-of-type {
    border-top-left-radius: var(--radius);
    border-top-right-radius: 0
}

[dir=rtl] .tab-nav-card .tab-bar[data-v-1b158356]:before {
    border-left: var(--barBorderWidth) solid var(--bg-ffffff);
    border-right: 0;
    left: auto;
    right: 0;
    transform: translateX(99%)
}

[dir=rtl] .tab-nav-card .tab-bar[data-v-1b158356]:after {
    border-left: 0;
    border-right: var(--barBorderWidth) solid var(--bg-ffffff);
    left: 0;
    right: auto;
    transform: translateX(-99%)
}

[dir=rtl] .tab-nav-card .tab-bar.first[data-v-1b158356] {
    border-top-left-radius: 0;
    border-top-right-radius: var(--radius);
    left: calc(var(--barBorderWidth)/2);
    right: 0
}

[dir=rtl] .tab-nav-card .tab-bar.last[data-v-1b158356] {
    border-top-left-radius: var(--radius);
    border-top-right-radius: 0;
    left: 0;
    right: calc(var(--barBorderWidth)/2)
}

.size-medium[data-v-1ca5684e] {
    --height: 54px;
    --padding: 30px;
    --fontSize: 16px;
    --lineHeight: 20px;
    --radius: 12px;
    --activeColor: var(--text-161719)
}

.tab-nav-card-round .tab-item[data-v-1ca5684e],
.tab-nav-card-round[data-v-1ca5684e] {
    display: flex;
    position: relative
}

.tab-nav-card-round .tab-item[data-v-1ca5684e] {
    align-items: center;
    color: var(--text-707580);
    cursor: pointer;
    font-size: var(--fontSize);
    font-weight: 400;
    height: var(--height);
    line-height: var(--lineHeight);
    padding: 0 var(--padding);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tab-nav-card-round .tab-item.active[data-v-1ca5684e] {
    background: var(--bg-ffffff);
    border-radius: var(--radius) var(--radius) 0 0;
    box-shadow: 0 4px 4px rgba(221, 224, 240, .25);
    color: var(--activeColor);
    font-weight: 700
}

.tab-nav-card-round .tab-item.active[data-v-1ca5684e]:before {
    background: radial-gradient(farthest-side circle at 0 0, transparent var(--radius), var(--bg-ffffff));
    bottom: 0;
    content: " ";
    height: var(--radius);
    left: -12px;
    position: absolute;
    width: var(--radius)
}

.tab-nav-card-round .tab-item.active[data-v-1ca5684e]:after {
    background: radial-gradient(farthest-side circle at 100% 0, transparent var(--radius), var(--bg-ffffff));
    bottom: 0;
    content: " ";
    height: var(--radius);
    position: absolute;
    right: -12px;
    width: var(--radius)
}

.tab-nav-card-round .tab-item[data-v-1ca5684e]:first-of-type:before {
    display: none
}

[dir=rtl] .tab-nav-card-round .tab-item[data-v-1ca5684e]:first-of-type:before {
    display: block
}

[dir=rtl] .tab-nav-card-round .tab-item[data-v-1ca5684e]:first-of-type:after {
    display: none
}

.theme-night .tab-nav-card-round .tab-item.active[data-v-1ca5684e] {
    box-shadow: none
}

.size-medium[data-v-052a203b] {
    --padding: 12px;
    --fontSize: 16px;
    --activeColor: var(--text-161719)
}

.tab-nav-text[data-v-052a203b] {
    overflow-y: auto;
    position: relative
}

.tab-nav-text[data-v-052a203b]::-webkit-scrollbar {
    display: none
}

.tab-nav-text .tab-wrapper[data-v-052a203b] {
    display: flex;
    flex-wrap: nowrap
}

.tab-nav-text .tab-item[data-v-052a203b] {
    color: var(--text-707580);
    cursor: pointer;
    font-size: var(--fontSize);
    font-weight: 400;
    padding: 0 var(--padding);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.tab-nav-text .tab-item.active[data-v-052a203b] {
    color: var(--activeColor);
    font-weight: 700
}

.via-tabs[data-v-3af5c395] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.via-tabs .content[data-v-3af5c395],
.via-tabs[data-v-3af5c395] {
    position: relative
}

.fade-enter-active[data-v-799854b9],
.fade-leave-active[data-v-799854b9] {
    transition: opacity .3s
}

.fade-enter[data-v-799854b9],
.fade-leave-to[data-v-799854b9] {
    opacity: 0
}

.via-loading.is-circle[data-v-b085c85c] {
    color: var(--text-707580);
    display: inline-block;
    line-height: 1
}

.via-loading .circle[data-v-b085c85c] {
    animation: turn-around-b085c85c 2s linear 0s infinite normal none running
}

.via-loading .loading-gradient-conic[data-v-b085c85c] {
    background: conic-gradient(from 90deg at 50% 50%, var(--bg-ffffff) 0deg, #0ead98 1turn);
    border-radius: 50%;
    height: 100%;
    -webkit-mask: radial-gradient(transparent calc(50% - .5px), #fff 50%);
    mask: radial-gradient(transparent calc(50% - .5px), #fff 50%);
    width: 100%
}

@keyframes turn-around-b085c85c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.via-loading[data-v-b085c85c] {
    align-items: center;
    display: flex;
    justify-content: center
}

.via-loading.is-directive[data-v-b085c85c] {
    background-color: var(--bg-ffffff);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.via-loading.is-component[data-v-b085c85c] {
    min-height: 20px
}

.via-loading .via-loading-inner[data-v-b085c85c] {
    height: 18px;
    width: 24px;
    --c: linear-gradient(90deg, transparent 0.1em, var(--color) 0 calc(100% - 0.08em), transparent 0);
    animation: loading-animation-b085c85c .8s ease-in-out infinite;
    background: linear-gradient(90deg, transparent .1em, var(--color) 0 calc(100% - .08em), transparent 0) 0 100%, linear-gradient(90deg, transparent .1em, var(--color) 0 calc(100% - .08em), transparent 0) 50% 100%, linear-gradient(90deg, transparent .1em, var(--color) 0 calc(100% - .08em), transparent 0) 100% 100%;
    background: var(--c) 0 100%, var(--c) 50% 100%, var(--c) 100% 100%;
    background-repeat: no-repeat;
    background-size: 33.3333333333% 65%
}

@keyframes loading-animation-b085c85c {
    20% {
        background-position: 0 50%, 50% 100%, 100% 100%
    }

    40% {
        background-position: 0 0, 50% 50%, 100% 100%
    }

    60% {
        background-position: 0 100%, 50% 0, 100% 50%
    }

    80% {
        background-position: 0 100%, 50% 100%, 100% 0
    }
}

.via-checkbox {
    color: #7d7f81;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-inline-end: 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.via-checkbox:last-of-type {
    margin-inline-end: 0
}

.via-checkbox.is-disabled .via-checkbox__input.is-disabled .via-checkbox__inner {
    background-color: #edeff2;
    border-color: #e6e7eb;
    cursor: not-allowed
}

.via-checkbox.is-disabled .via-checkbox__input.is-disabled+span.via-checkbox__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.via-checkbox.is-checked .via-checkbox__input.is-checked .via-checkbox__inner {
    background-color: var(--bg-0ead98);
    border-color: var(--text-0ead98)
}

.via-checkbox.is-checked .via-checkbox__input.is-checked .via-checkbox__inner:after {
    transform: rotate(45deg) scaleY(1)
}

.via-checkbox.is-checked .via-checkbox__input.is-checked.is-disabled .via-checkbox__inner {
    background-color: var(--bg-e6e7eb);
    border-color: var(--border-e6e7eb)
}

.via-checkbox.is-checked .via-checkbox__input.is-checked.is-disabled .via-checkbox__inner:after {
    border-color: var(--border-ffffff)
}

.via-checkbox .via-checkbox__input {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    outline: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap
}

.via-checkbox .via-checkbox__input .via-checkbox__inner {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    height: 14px;
    position: relative;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
    width: 14px;
    z-index: 1
}

.via-checkbox .via-checkbox__input .via-checkbox__inner:after {
    border-bottom: 1.5px solid #fff;
    -o-border-image: initial;
    border-image: initial;
    border-left-color: initial;
    border-left-style: none;
    border-left-width: 0;
    border-right: 1.5px solid #fff;
    border-top-color: initial;
    border-top-style: none;
    border-top-width: 0;
    box-sizing: content-box;
    content: "";
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    transform-origin: center center;
    transition: transform .15s ease-in .05s;
    width: 3px
}

.via-checkbox .via-checkbox__input .via-checkbox__original {
    height: 0;
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    width: 0;
    z-index: -1
}

.via-checkbox .via-checkbox__label {
    color: var(--text-707580);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.theme-night .via-checkbox.is-disabled .via-checkbox__input.is-disabled .via-checkbox__inner {
    background-color: #2c3038;
    border-color: #393e47
}

.theme-night .via-checkbox.is-checked .via-checkbox__input.is-checked.is-disabled .via-checkbox__inner {
    background-color: #2c3038;
    border-color: #2c3038
}

.via-checkbox-button {
    display: inline-block;
    position: relative
}

.via-checkbox-button .via-checkbox-button__original {
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1
}

.via-checkbox-button .via-checkbox-button__inner {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-inline-start: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #7d7f81;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    outline: 0;
    padding: 12px 20px;
    position: relative;
    text-align: center;
    transition: .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.via-checkbox-button:first-child .via-checkbox-button__inner {
    border-inline-start: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    box-shadow: none !important
}

.via-checkbox-button:last-child .via-checkbox-button__inner {
    border-radius: 0 4px 4px 0
}

.via-checkbox-button.is-checked .via-checkbox-button__inner {
    background-color: #0ead98;
    border-color: #0ead98;
    box-shadow: -1px 0 0 0 #6ecec1;
    color: #fff
}

.via-checkbox-button.is-disabled .via-checkbox-button__inner {
    background-image: none;
    border-color: #ebeef5;
    box-shadow: none;
    color: #c0c4cc;
    cursor: not-allowed
}

[dir=rtl] .via-checkbox-button:first-child .via-checkbox-button__inner {
    border-radius: 0 4px 4px 0
}

[dir=rtl] .via-checkbox-button:last-child .via-checkbox-button__inner {
    border-radius: 4px 0 0 4px
}

.via-checkbox-group {
    font-size: 0
}

.via-steps--horizontal {
    display: flex;
    flex-wrap: nowrap
}

.via-step--horizontal {
    position: relative
}

.via-step--horizontal .via-step__index {
    display: flex
}

.via-step--horizontal .via-step__index span {
    border-radius: 50%;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 16px
}

.via-step--horizontal .via-step__line {
    position: absolute;
    top: 7px;
    width: 100%
}

.via-step--horizontal .via-step__line:before {
    border-top: 1px dashed var(--border-e6e7eb);
    content: " ";
    display: block;
    margin: 0 auto;
    width: 60%
}

.via-step--horizontal.via-step--wait .via-step__index span {
    background: var(--bg-b4b7bd);
    color: var(--text-ffffff)
}

.via-step--horizontal.via-step--success .via-step__index i {
    color: var(--text-0ead98);
    font-size: 16px;
    line-height: 16px
}

.via-step--horizontal.via-step--success .via-step__line:before {
    border-color: var(--border-0ead98)
}

.via-step--horizontal.via-step--process .via-step__index span {
    background: var(--bg-0ead98);
    color: #fff
}

.via-step--horizontal.via-step--finish .via-step__number {
    background: var(--bg-0ead98);
    color: var(--bg-ffffff)
}

.via-step--horizontal.via-step--start .via-step__index {
    justify-content: flex-start
}

.via-step--horizontal.via-step--start .via-step__line {
    inset-inline-start: 0;
    margin-inline-start: 8px
}

.via-step--horizontal.via-step--center {
    flex: 1 1 0%
}

.via-step--horizontal.via-step--center .via-step__index {
    justify-content: center
}

.via-step--horizontal.via-step--center .via-step__line {
    inset-inline-start: 50%
}

.via-step--vertical {
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative
}

.via-step--vertical .via-step__index {
    left: 0;
    position: absolute
}

.via-step--vertical .via-step__index span {
    border: 1px solid var(--border-e6e7eb);
    border-radius: 50%;
    color: var(--text-707580);
    display: block;
    font-size: 12px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    width: 18px
}

.via-step--vertical .via-step__line {
    height: 100%;
    left: 9px;
    margin-top: 6px;
    padding-bottom: 5px;
    padding-top: 22px;
    position: absolute
}

.via-step--vertical .via-step__line:before {
    border-left: 1px dashed var(--border-e6e7eb);
    content: " ";
    display: block;
    height: 100%
}

.via-step--vertical .via-step__content {
    border-radius: 12px
}

.via-step--vertical.via-step--wait .via-step__content {
    background: var(--bg-fafbfc)
}

.via-step--vertical.via-step--success .via-step__content {
    background: rgba(14, 173, 152, .05)
}

.via-message {
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    left: 50%;
    min-width: 800px;
    overflow: hidden;
    padding: 12px 16px;
    position: fixed;
    top: 20px;
    transform: translateX(-50%);
    transition: opacity .3s, transform .4s, top .4s
}

.via-message.is-center {
    justify-content: center
}

.via-message.is-closable {
    padding-inline-end: 32px
}

.via-message .via-message__icon {
    font-size: 14px;
    margin-inline-end: 4px
}

.via-message .via-message__content {
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    word-break: break-word
}

.via-message .via-message__close-btn {
    cursor: pointer;
    font-size: 16px;
    inset-inline-end: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.via-message .via-message__close-btn:focus {
    outline-width: 0
}

.via-message--info {
    background: rgba(243, 139, 44, .1);
    color: var(--text-f38b2c)
}

.via-message--success {
    background: #e7f7f5;
    color: var(--text-0ead98)
}

.via-message--warning {
    background: #fef4ea;
    color: var(--text-f38b2c)
}

.via-message--error {
    background: #fbeeec;
    color: var(--text-db5541)
}

.via-message-fade-enter,
.via-message-fade-leave-active {
    opacity: 0;
    transform: translate(-50%, -100%)
}

.via-msg-box-hidden {
    overflow: hidden
}

.via-message-box-wrapper {
    inset: 0;
    position: fixed
}

.via-message-box-wrapper.center {
    text-align: center
}

.via-message-box-wrapper.center:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.via-message-box-wrapper.center .via-message-box {
    display: inline-block;
    margin-top: 0;
    vertical-align: middle
}

.via-message-box-wrapper .via-message-box {
    background: var(--bg-ffffff);
    border-radius: 20px;
    margin: 20vh auto 0;
    min-height: 200px;
    padding: 32px;
    position: relative;
    width: 420px
}

.via-message-box-wrapper .via-message-box .via-message-box-header {
    color: var(--text-161718);
    font-size: 20px;
    margin-bottom: 20px
}

.via-message-box-wrapper .via-message-box .via-message-box-header .type-logo {
    align-items: center;
    border-radius: 100px;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

.via-message-box-wrapper .via-message-box .via-message-box-header .type-logo.warning {
    background: rgba(243, 139, 44, .1)
}

.via-message-box-wrapper .via-message-box .via-message-box-header .type-logo.warning .logo {
    background: url(../app-resources-d6/assets/a184ad7b8e3b01a4fba659dd98f4ad04_3b4f9ab72b10bbbc1d97.v2.svg)
}

.via-message-box-wrapper .via-message-box .via-message-box-header .type-logo.success {
    background: rgba(14, 173, 152, .1)
}

.via-message-box-wrapper .via-message-box .via-message-box-header .type-logo.success .logo {
    background: url(../app-resources-d6/assets/72b3abc570e84698667b157e462d947f_2d6d56e6dd9b8d1c2e19.v2.svg)
}

.via-message-box-wrapper .via-message-box .via-message-box-header .type-logo .logo {
    height: 62px;
    width: 62px
}

.via-message-box-wrapper .via-message-box .via-message-box-body {
    color: var(--text-161719);
    font-size: 14px
}

.via-message-box-wrapper .via-message-box .via-message-box-footer {
    display: flex;
    margin-top: 32px
}

.via-message-box-wrapper .via-message-box .via-message-box-footer button {
    flex: 1 1 0%
}

.via-message-box-wrapper .via-message-box .via-message-box-footer .cancel-button {
    background: rgba(14, 173, 152, .05);
    border: none
}

.via-message-box-wrapper .via-message-box .via-message-box-footer .cancel-button:hover {
    color: var(--text-0ead98)
}

.via-message-modal {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%
}

.via-message-box-fade-enter-active {
    animation: via-message-box-fade-in .3s ease 0s 1 normal none running
}

.via-message-box-fade-leave-active {
    animation: via-message-box-fade-out .3s ease 0s 1 normal none running
}

@keyframes via-message-box-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

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

@keyframes via-message-box-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

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

.upload-file-list .file-item {
    align-items: center;
    background: var(--bg-fafbfc);
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    height: 20px;
    justify-content: space-between;
    margin-top: 4px;
    padding: 0 8px
}

.upload-file-list .name {
    padding-inline-end: 20px;
    width: calc(100% - 12px)
}

.upload-file-list .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.via-upload {
    display: inline-block
}

.via-upload-trigger {
    cursor: pointer
}

.via-upload-input {
    display: none
}

.via-upload-image {
    align-items: center;
    background: var(--bg-fafbfc);
    border: 1px dashed var(--border-0ead98);
    border-radius: 4px;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.via-upload-image i {
    color: var(--text-0ead98);
    font-size: 18px;
    font-weight: 700
}

.via-upload-image .preview {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.via-upload-file {
    align-items: center;
    background: var(--bg-ffffff);
    border: 1px dashed var(--border-0ead98);
    border-radius: 4px;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center
}

.via-upload-file.disabled {
    border-color: var(--border-e6e7eb);
    color: var(--text-b4b7bd);
    cursor: default
}

.via-upload-dragger {
    align-items: center;
    background: var(--bg-fafbfc);
    border: 1px dashed var(--border-ebedf0);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 56px 0
}

.via-upload-dragger .icon {
    height: 80px;
    width: 80px
}

.via-drawer-item {
    background-color: var(--bg-ffffff);
    color: var(--text-3a3d42);
    padding: 16px 4px;
    text-align: center
}

.via-tooltip {
    background: var(--bg-fefefe);
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .31);
    color: var(--text-707580);
    font-size: 14px;
    font-weight: 400;
    max-width: 400px;
    padding: 12px;
    position: absolute
}

.via-tooltip .popper-arrow {
    border: 6px solid transparent;
    height: 0;
    position: absolute;
    width: 0
}

.via-tooltip[x-placement=top] .popper-arrow {
    border-bottom-width: 0;
    border-top-color: var(--border-ffffff);
    bottom: -5px;
    left: 50%
}

.via-tooltip[x-placement=bottom] .popper-arrow {
    border-bottom-color: var(--border-ffffff);
    border-top-width: 0;
    left: 50%;
    top: -5px
}

.via-tooltip[x-placement=left] .popper-arrow {
    border-left-color: var(--border-ffffff);
    border-right-width: 0;
    right: -5px;
    top: 50%
}

.via-tooltip[x-placement=right] .popper-arrow {
    border-left-width: 0;
    border-right-color: var(--border-ffffff);
    left: -5px;
    top: 50%
}

.theme-night .via-tooltip {
    box-shadow: none
}

.fade-enter-active[data-v-f4e3c940],
.fade-leave-active[data-v-f4e3c940] {
    transition: opacity .3s
}

.fade-enter[data-v-f4e3c940],
.fade-leave-to[data-v-f4e3c940] {
    opacity: 0
}

.via-table-body-table .collapse-enter-active,
.via-table-body-table .collapse-enter-to,
.via-table-body-table .collapse-leave-active,
.via-table-body-table .collapse-leave-to {
    overflow: hidden;
    position: relative;
    transition: height .5s
}

.via-table-body-table .icon-arrow-expand {
    transform: rotate(-90deg);
    transition: transform .2s linear
}

.via-table-body-table .icon-arrow-expand.expanded {
    transform: rotate(0deg)
}

[dir=rtl] .via-table-body-table .icon-arrow-expand {
    transform: rotate(90deg)
}

[dir=rtl] .via-table-body-table .icon-arrow-expand.expanded {
    transform: rotate(0deg)
}

.via-table-body-list-item {
    width: -moz-fit-content;
    width: fit-content
}

.via-table-body {
    table-layout: fixed;
    width: 100%
}

.via-table-body::-webkit-scrollbar-thumb {
    background-color: var(--bg-f2f3f5)
}

.via-table-body .table-prop {
    background-color: var(--bg-ffffff);
    color: var(--text-161719);
    font-size: 12px;
    font-weight: 500;
    height: 44px;
    min-height: 44px;
    padding: 0
}

.via-table-body .body-row.expanded {
    border-bottom: 1px solid var(--border-e6e7eb)
}

.via-table-body .body-row.expanded .table-prop,
.via-table-body .body-row.is-hover .table-prop,
.via-table-body .body-row:hover .table-prop {
    background-color: var(--bg-f7f8fa)
}

.via-table-body .table-prop-cell {
    align-items: center;
    border-bottom: 1px solid var(--border-f7f8fa);
    display: flex;
    height: 100%;
    padding: 5px 10px
}

.via-table-body .table-prop-cell.sortable:after {
    content: "";
    display: inline-block;
    pointer-events: none;
    visibility: hidden;
    width: 14px;
    z-index: -99
}

.via-table-body .body-row:last-child .table-prop-cell {
    border-bottom: none
}

.via-table-body .table-prop:first-child .table-prop-cell {
    padding-inline-start: 0
}

.via-table-body .table-prop:last-child .table-prop-cell {
    padding-inline-end: 0
}

.via-table-header {
    background-color: var(--bg-fafbfc);
    overflow: hidden
}

.via-table-header .table-header {
    table-layout: fixed;
    width: 100%
}

.via-table-header .table-header .table-label {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    min-height: 40px
}

.via-table-header .table-label-cell {
    align-items: center;
    display: flex;
    height: 100%;
    min-height: 40px;
    padding: 5px 10px
}

.via-table-header .table-label:first-child .table-label-cell {
    padding-inline-start: 0
}

.via-table-header .table-label:last-child .table-label-cell {
    padding-inline-end: 0
}

.via-table-header .cell-align-start {
    justify-content: flex-start;
    text-align: start
}

.via-table-header .cell-align-end {
    justify-content: flex-end;
    text-align: end
}

.via-table-header .cell-align-center {
    justify-content: center;
    text-align: center
}

.via-table-header .label-caret {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    height: 34px;
    justify-content: center;
    overflow: initial;
    position: relative;
    vertical-align: middle;
    width: 14px
}

.via-table-header .label-caret .sort-caret {
    border: 3px solid transparent;
    height: 0;
    left: 3px;
    position: absolute;
    width: 0
}

.via-table-header .label-caret .sort-caret.asc {
    border-bottom-color: #b4b7bd;
    top: 10px
}

.via-table-header .label-caret .sort-caret.asc.active {
    border-bottom-color: #0ead98
}

.via-table-header .label-caret .sort-caret.desc {
    border-top-color: #b4b7bd;
    bottom: 10px
}

.via-table-header .label-caret .sort-caret.desc.active {
    border-top-color: #0ead98
}

.via-table-default {
    position: relative
}

.via-table-default .fixed-start {
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

.via-table-default .fixed-end,
.via-table-default .fixed-start {
    background-color: inherit;
    bottom: 0
}

.via-table-default .fixed-end,
.via-table-default.scrollable-x.is-scroll-center:after,
.via-table-default.scrollable-x.is-scroll-start:after {
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

[dir=rtl] .via-table-default.scrollable-x.is-scroll-center:after,
[dir=rtl] .via-table-default.scrollable-x.is-scroll-start:after {
    left: 0
}

[dir=ltr] .via-table-default.scrollable-x.is-scroll-center:after,
[dir=ltr] .via-table-default.scrollable-x.is-scroll-start:after {
    right: 0
}

.via-table-default.scrollable-x.is-scroll-center:after,
.via-table-default.scrollable-x.is-scroll-start:after {
    background: linear-gradient(270deg, #fff 36.98%, hsla(0, 0%, 100%, .19));
    bottom: 0;
    content: "";
    display: block;
    width: 64px
}

.via-table-default.scrollable-x.is-scroll-center.is-fixed-end:after,
.via-table-default.scrollable-x.is-scroll-start.is-fixed-end:after {
    display: none !important
}

.via-table-default.scrollable-x.is-scroll-center .fixed-end:after,
.via-table-default.scrollable-x.is-scroll-start .fixed-end:after {
    background: linear-gradient(270deg, #fff 38.73%, hsla(0, 0%, 100%, 0) 108.82%);
    bottom: 2px;
    content: "";
    display: block;
    inset-inline-start: -1px;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    width: 64px
}

.via-table-default.scrollable-x.is-scroll-center .fixed-start:after,
.via-table-default.scrollable-x.is-scroll-end .fixed-start:after {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 38.73%, #fff 108.82%);
    bottom: 2px;
    content: "";
    display: block;
    inset-inline-end: -1px;
    position: absolute;
    top: 0;
    transform: translateX(100%);
    width: 60px
}

.via-table-default .table-header-wrapper {
    background-color: var(--bg-fafbfc);
    overflow: hidden
}

.via-table-default .table-header {
    table-layout: fixed;
    width: 100%
}

.via-table-default .table-header .table-label {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    min-height: 40px
}

.via-table-default .table-body-wrapper {
    overflow: hidden overlay
}

.via-table-default.scrollable-x .table-body-wrapper {
    overflow-x: overlay
}

.via-table-default.scrollable-x .table-body-wrapper::-webkit-scrollbar-corner {
    background-color: var(--bg-ffffff)
}

.via-table-default .table-label-cell {
    align-items: center;
    display: flex;
    height: 100%;
    min-height: 40px;
    padding: 5px 10px
}

.via-table-default .table-label:first-child .table-label-cell {
    padding-inline-start: 0
}

.via-table-default .table-label:last-child .table-label-cell {
    padding-inline-end: 0
}

.via-table-default .cell-align-start {
    justify-content: flex-start;
    text-align: start
}

.via-table-default .cell-align-end {
    justify-content: flex-end;
    text-align: end
}

.via-table-default .cell-align-center {
    justify-content: center;
    text-align: center
}

.via-table-default .label-caret {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    height: 34px;
    justify-content: center;
    overflow: initial;
    position: relative;
    vertical-align: middle;
    width: 14px
}

.via-table-default .label-caret .sort-caret {
    border: 3px solid transparent;
    height: 0;
    left: 3px;
    position: absolute;
    width: 0
}

.via-table-default .label-caret .sort-caret.asc {
    border-bottom-color: #b4b7bd;
    top: 10px
}

.via-table-default .label-caret .sort-caret.asc.active {
    border-bottom-color: #0ead98
}

.via-table-default .label-caret .sort-caret.desc {
    border-top-color: #b4b7bd;
    bottom: 10px
}

.via-table-default .label-caret .sort-caret.desc.active {
    border-top-color: #0ead98
}

.theme-night .via-table-default.scrollable-x.is-scroll-center:after,
.theme-night .via-table-default.scrollable-x.is-scroll-start:after {
    background: linear-gradient(270deg, #0d0e10, rgba(13, 14, 16, 0))
}

.theme-night .via-table-default.scrollable-x.is-scroll-center .fixed-end:after,
.theme-night .via-table-default.scrollable-x.is-scroll-start .fixed-end:after {
    background: linear-gradient(270deg, #1f2229 38.73%, rgba(31, 34, 41, .19) 108.82%)
}

.theme-night .via-table-default.scrollable-x.is-scroll-center .fixed-start:after,
.theme-night .via-table-default.scrollable-x.is-scroll-end .fixed-start:after {
    background: linear-gradient(270deg, rgba(31, 34, 41, .19) 38.73%, #1f2229 108.82%)
}

[dir=rtl] .via-table-default.scrollable-x.is-scroll-center:after,
[dir=rtl] .via-table-default.scrollable-x.is-scroll-start:after {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, .19) 36.98%, #fff)
}

[dir=rtl] .via-table-default.scrollable-x.is-scroll-center .fixed-end:after,
[dir=rtl] .via-table-default.scrollable-x.is-scroll-start .fixed-end:after {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 38.73%, #fff 108.82%);
    right: -1px;
    transform: translateX(100%)
}

[dir=rtl] .via-table-default.scrollable-x.is-scroll-center .fixed-start:after,
[dir=rtl] .via-table-default.scrollable-x.is-scroll-end .fixed-start:after {
    background: linear-gradient(270deg, #fff 38.73%, hsla(0, 0%, 100%, 0) 108.82%);
    transform: translateX(-100%)
}

[dir=rtl].theme-night .via-table-default.scrollable-x.is-scroll-center:after,
[dir=rtl].theme-night .via-table-default.scrollable-x.is-scroll-start:after {
    background: linear-gradient(270deg, rgba(13, 14, 16, 0), #0d0e10)
}

[dir=rtl].theme-night .via-table-default.scrollable-x.is-scroll-center .fixed-end:after,
[dir=rtl].theme-night .via-table-default.scrollable-x.is-scroll-center .fixed-start:after,
[dir=rtl].theme-night .via-table-default.scrollable-x.is-scroll-end .fixed-start:after,
[dir=rtl].theme-night .via-table-default.scrollable-x.is-scroll-start .fixed-end:after {
    background: linear-gradient(270deg, rgba(31, 34, 41, .19) 38.73%, #1f2229 108.82%)
}

.via-table-card .card-item {
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13);
    margin-bottom: 12px;
    padding: 0 12px
}

.via-table-card .card-body {
    padding: 20px 0
}

.via-table-card .card-label {
    color: var(--text-7d7f81);
    font-size: 14px;
    font-weight: 400;
    padding: 4px 0;
    padding-inline-end: 4px
}

.via-table-card .card-prop {
    color: var(--text-27282c);
    font-size: 14px;
    font-weight: 500;
    padding: 4px 0;
    padding-inline-start: 4px;
    text-align: end
}

.theme-night .via-table-card .card-item {
    box-shadow: none
}

.via-collapse .via-collapse-item:last-child {
    margin-bottom: -1px
}

.via-collapse .via-collapse-item.is-disabled .via-collapse-item__header {
    cursor: not-allowed
}

.via-collapse .via-collapse-item .via-collapse-item__header {
    align-items: center;
    background-color: var(--bg-ffffff);
    border-bottom: 1px solid var(--border-f0f1f2);
    color: var(--text-3a3d42);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 52px;
    line-height: 52px;
    outline: 0;
    padding-inline-start: 12px;
    transition: none
}

.via-collapse .via-collapse-item .via-collapse-item__header.is-active {
    background-color: var(--bg-0ead98-5);
    border-bottom: none;
    color: var(--text-0ead98)
}

.via-collapse .via-collapse-item .via-collapse-item__header.is-active .via-collapse-item__arrow i {
    color: var(--text-0ead98)
}

.via-collapse .via-collapse-item .via-collapse-item__header .via-collapse-item__arrow {
    margin: 0 8px 0 auto
}

.via-collapse .via-collapse-item .via-collapse-item__header .via-collapse-item__arrow i {
    color: var(--text-aeb0b3);
    display: inline-block;
    font-weight: 300;
    transition: transform .3s
}

.via-collapse .via-collapse-item .via-collapse-item__header .via-collapse-item__arrow.is-active i {
    transform: rotate(90deg)
}

.via-collapse .via-collapse-item .via-collapse-item__wrap {
    background-color: var(--bg-ffffff);
    border-bottom: 1px solid var(--border-e6e7eb-gray0602);
    box-sizing: border-box;
    overflow: hidden;
    will-change: height
}

.via-collapse .via-collapse-item .via-collapse-item__wrap .via-collapse-item__content {
    background-color: var(--bg-ffffff);
    color: var(--text-3a3d42);
    font-size: 14px;
    padding-bottom: 20px;
    padding-inline-start: 12px;
    padding-top: 6px
}

.via-dropdown .via-dropdown-reference {
    align-items: center;
    cursor: pointer;
    display: inline-flex
}

.via-dropdown .via-dropdown-reference.size-24 {
    font-size: 12px;
    height: 24px
}

.via-dropdown .via-dropdown-reference.size-28 {
    font-size: 12px;
    height: 28px
}

.via-dropdown .via-dropdown-reference.size-32 {
    font-size: 14px;
    height: 32px
}

.via-dropdown .via-dropdown-icon {
    color: var(--text-707580);
    display: inline-block
}

.via-dropdown .via-dropdown-icon.is-active {
    color: var(--text-0ead98);
    transform: rotate(180deg)
}

.via-dropdown-popover {
    background-color: var(--bg-ffffff-gray1004);
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .3);
    color: var(--text-707580);
    overflow: auto
}

.via-dropdown-popover .via-dropdown-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    list-style: none;
    padding: 0 20px
}

.via-dropdown-popover .via-dropdown-item:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.via-dropdown-popover.size-24 .via-dropdown-item {
    font-size: 12px;
    height: 24px
}

.via-dropdown-popover.size-28 .via-dropdown-item {
    font-size: 12px;
    height: 28px
}

.via-dropdown-popover.size-32 .via-dropdown-item {
    font-size: 14px;
    height: 32px
}

.via-dropdown-popover.size-40 .via-dropdown-item {
    font-size: 14px;
    height: 40px
}

.theme-night .via-dropdown-popover {
    box-shadow: none
}

.via-dropdown-fade-enter-active[data-v-85c94dd2],
.via-dropdown-fade-leave-active[data-v-85c94dd2] {
    transition: opacity .4s
}

.via-dropdown-fade-enter[data-v-85c94dd2],
.via-dropdown-fade-leave-to[data-v-85c94dd2] {
    opacity: 0
}

.via-progress .progress-bar {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.via-progress .bar-outer {
    height: 6px;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.via-progress .bar-inner {
    height: 100%;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: right;
    top: 0;
    transition: width .6s;
    white-space: nowrap
}

.via-video[data-v-39eecfc6] {
    display: flex;
    flex-grow: 1;
    max-height: 100%
}

.via-video .via-video-cover[data-v-39eecfc6] {
    background-color: var(--bg-f2f3f5);
    border-radius: 8px;
    flex-grow: 1;
    position: relative;
    width: 100%
}

.via-video .via-video-cover .via-video-cover-bg[data-v-39eecfc6] {
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 244px;
    z-index: 0
}

.via-video .via-video-cover .via-video-cover-play[data-v-39eecfc6] {
    cursor: pointer;
    font-size: 100px;
    left: 50%;
    line-height: 1;
    opacity: .4;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.via-video-dialog .via-dialog {
    max-height: 100%;
    padding-top: 20px
}

.via-video-dialog .via-dialog .via-dialog-header {
    margin-bottom: 12px !important
}

.via-video-dialog .via-dialog .via-dialog-body {
    max-height: 100%
}

.via-video-dialog .via-video-dialog-box {
    display: flex;
    min-height: 365px
}

.via-form-item {
    margin-bottom: 18px;
    position: relative
}

.via-form-item .form-item-label {
    color: var(--text-161719);
    display: inline-block;
    margin-bottom: 8px
}

.via-form-item .form-item-msg {
    font-size: 12px;
    inset-inline-start: 0;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%
}

.via-form-item.is-error .form-item-msg {
    color: var(--text-db5541)
}

.via-form-item.is-required:not(.is-no-asterisk) .form-item-label:after {
    color: #ed6e52;
    content: "*";
    display: inline-block;
    inset-inline-start: 3px;
    position: relative;
    top: 2px
}

.via-form-item .zoom-in-enter-active,
.via-form-item .zoom-in-leave-active {
    transition: transform .2s, opacity .2s
}

.via-form-item .zoom-in-enter,
.via-form-item .zoom-in-leave-to {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 50% 0
}

.via-text-ellipsis[data-v-d585ae24] {
    overflow-wrap: break-word;
    position: relative
}

.via-text-ellipsis .via-text-hidden[data-v-d585ae24] {
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.via-text-ellipsis .text-clamp[data-v-d585ae24] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.via-text-ellipsis .btn-more-inner .icon-drop-down[data-v-d585ae24] {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.via-text-ellipsis .btn-more-outer .icon-drop-down[data-v-d585ae24] {
    bottom: 0;
    cursor: pointer;
    inset-inline-end: -16px;
    line-height: 1.5;
    position: absolute
}

.via-text-ellipsis.expanded .btn-more-inner .icon-drop-down[data-v-d585ae24],
.via-text-ellipsis.expanded .btn-more-outer .icon-drop-down[data-v-d585ae24] {
    transform: rotate(180deg)
}

.via-container-elastic {
    margin: 0 auto
}

.via-row {
    overflow: hidden
}

.via-row .via-row-inner {
    display: flex
}

.via-row .row-justify-start {
    justify-content: flex-start
}

.via-row .row-justify-end {
    justify-content: flex-end
}

.via-row .row-justify-center {
    justify-content: center
}

.via-row .row-justify-around {
    justify-content: space-around
}

.via-row .row-justify-between {
    justify-content: space-between
}

.via-row .row-align-start {
    align-items: flex-start
}

.via-row .row-align-end {
    align-items: flex-end
}

.via-row .row-align-center {
    align-items: center
}

.via-row .row-align-baseline {
    align-items: baseline
}

.via-row .row-align-stretch {
    align-items: stretch
}

.via-col-0 {
    width: 0
}

.via-col-1 {
    width: 4.16667%
}

.via-col-2 {
    width: 8.33333%
}

.via-col-3 {
    width: 12.5%
}

.via-col-4 {
    width: 16.6667%
}

.via-col-5 {
    width: 20.8333%
}

.via-col-6 {
    width: 25%
}

.via-col-7 {
    width: 29.1667%
}

.via-col-8 {
    width: 33.3333%
}

.via-col-9 {
    width: 37.5%
}

.via-col-10 {
    width: 41.6667%
}

.via-col-11 {
    width: 45.8333%
}

.via-col-12 {
    width: 50%
}

.via-col-13 {
    width: 54.1667%
}

.via-col-14 {
    width: 58.3333%
}

.via-col-15 {
    width: 62.5%
}

.via-col-16 {
    width: 66.6667%
}

.via-col-17 {
    width: 70.8333%
}

.via-col-18 {
    width: 75%
}

.via-col-19 {
    width: 79.1667%
}

.via-col-20 {
    width: 83.3333%
}

.via-col-21 {
    width: 87.5%
}

.via-col-22 {
    width: 91.6667%
}

.via-col-23 {
    width: 95.8333%
}

.via-col-24 {
    width: 100%
}

.ui0-btn[data-v-b7ccf82c] {
    line-height: 1;
    outline: none;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ui0-btn.ui0-btn--fill.green[data-v-b7ccf82c] {
    background-color: #0ead98;
    color: #fff
}

.ui0-btn.ui0-btn--fill.green[data-v-b7ccf82c]:hover {
    background-color: #2cb8a0
}

.ui0-btn.ui0-btn--fill.green[data-v-b7ccf82c]:active {
    background-color: #00857c
}

.ui0-btn.ui0-btn--fill.green.disabled[data-v-b7ccf82c] {
    background-color: #e6e7eb
}

.ui0-btn.ui0-btn--fill.black[data-v-b7ccf82c] {
    background-color: #25262e;
    color: hsla(0, 0%, 100%, .95)
}

.ui0-btn.ui0-btn--fill.black[data-v-b7ccf82c]:hover {
    background-color: #3c3e47
}

.ui0-btn.ui0-btn--fill.black[data-v-b7ccf82c]:active {
    background-color: #0d0e10
}

.ui0-btn.ui0-btn--fill.black.disabled[data-v-b7ccf82c] {
    background-color: #e6e7eb
}

.ui0-btn.ui0-btn--fill.white[data-v-b7ccf82c] {
    background-color: #fff;
    color: rgba(13, 14, 16, .95)
}

.ui0-btn.ui0-btn--fill.white[data-v-b7ccf82c]:hover {
    background-color: hsla(0, 0%, 100%, .9)
}

.ui0-btn.ui0-btn--fill.white[data-v-b7ccf82c]:active {
    background-color: hsla(0, 0%, 100%, .8)
}

.ui0-btn.ui0-btn--fill.white.disabled[data-v-b7ccf82c] {
    background-color: #3c3e47
}

.ui0-btn.ui0-btn--fill.red[data-v-b7ccf82c] {
    background-color: #db5541;
    color: #fff
}

.ui0-btn.ui0-btn--fill.red[data-v-b7ccf82c]:hover {
    background-color: #f06a5b
}

.ui0-btn.ui0-btn--fill.red[data-v-b7ccf82c]:active {
    background-color: #b23819
}

.ui0-btn.ui0-btn--fill.red.disabled[data-v-b7ccf82c] {
    background-color: #e6e7eb
}

.ui0-btn.ui0-btn--line[data-v-b7ccf82c] {
    background-color: transparent
}

.ui0-btn.ui0-btn--line.green[data-v-b7ccf82c] {
    border: 1px solid #0ead98;
    color: #0ead98
}

.ui0-btn.ui0-btn--line.green[data-v-b7ccf82c]:hover {
    background-color: rgba(14, 173, 152, .05)
}

.ui0-btn.ui0-btn--line.green[data-v-b7ccf82c]:active {
    background-color: rgba(14, 173, 152, .1)
}

.ui0-btn.ui0-btn--line.green.disabled[data-v-b7ccf82c] {
    background-color: transparent;
    border-color: rgba(13, 14, 16, .1);
    color: rgba(13, 14, 16, .3)
}

.ui0-btn.ui0-btn--line.green-1[data-v-b7ccf82c] {
    border: 1px solid #0ead98;
    color: #0ead98
}

.ui0-btn.ui0-btn--line.green-1[data-v-b7ccf82c]:hover {
    background-color: #2cb8a0;
    color: hsla(0, 0%, 100%, .95)
}

.ui0-btn.ui0-btn--line.green-1[data-v-b7ccf82c]:active {
    background-color: #00857c;
    border-color: #00857c;
    color: #fff
}

.ui0-btn.ui0-btn--line.green-1.disabled[data-v-b7ccf82c] {
    background-color: transparent;
    border-color: rgba(13, 14, 16, .1);
    color: rgba(13, 14, 16, .3)
}

.ui0-btn.ui0-btn--line.black[data-v-b7ccf82c] {
    border: 1px solid #0d0e10;
    color: rgba(13, 14, 16, .95)
}

.ui0-btn.ui0-btn--line.black[data-v-b7ccf82c]:hover {
    background-color: rgba(13, 14, 16, .05)
}

.ui0-btn.ui0-btn--line.black[data-v-b7ccf82c]:active {
    background-color: rgba(13, 14, 16, .1)
}

.ui0-btn.ui0-btn--line.black.disabled[data-v-b7ccf82c] {
    background-color: transparent;
    border-color: rgba(13, 14, 16, .1);
    color: rgba(13, 14, 16, .3)
}

.ui0-btn.ui0-btn--line.white[data-v-b7ccf82c] {
    border: 1px solid #fff;
    color: #fff
}

.ui0-btn.ui0-btn--line.white[data-v-b7ccf82c]:hover {
    background-color: hsla(0, 0%, 100%, .05)
}

.ui0-btn.ui0-btn--line.white[data-v-b7ccf82c]:active {
    background-color: hsla(0, 0%, 100%, .15)
}

.ui0-btn.ui0-btn--line.white.disabled[data-v-b7ccf82c] {
    background-color: transparent;
    border-color: hsla(0, 0%, 100%, .15);
    color: hsla(0, 0%, 100%, .3)
}

.ui0-btn.ui0-btn--transparent.green[data-v-b7ccf82c] {
    background-color: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.ui0-btn.ui0-btn--transparent.green[data-v-b7ccf82c]:hover {
    background-color: rgba(14, 173, 152, .05)
}

.ui0-btn.ui0-btn--transparent.green[data-v-b7ccf82c]:active {
    background-color: rgba(14, 173, 152, .2)
}

.ui0-btn.ui0-btn--transparent.green.disabled[data-v-b7ccf82c] {
    background-color: #e6e7eb;
    color: #fff
}

.ui0-btn.ui0-btn--transparent.gray[data-v-b7ccf82c] {
    background-color: rgba(13, 14, 16, .05);
    color: rgba(13, 14, 16, .7)
}

.ui0-btn.ui0-btn--transparent.gray[data-v-b7ccf82c]:hover {
    background-color: rgba(13, 14, 16, .1)
}

.ui0-btn.ui0-btn--transparent.gray[data-v-b7ccf82c]:active {
    background-color: rgba(13, 14, 16, .3)
}

.ui0-btn.ui0-btn--transparent.gray.disabled[data-v-b7ccf82c] {
    background-color: #e6e7eb;
    color: #fff
}

.ui0-btn.ui0-btn--transparent.red[data-v-b7ccf82c] {
    background-color: rgba(219, 85, 65, .1);
    color: #db5541
}

.ui0-btn.ui0-btn--transparent.red[data-v-b7ccf82c]:hover {
    background-color: rgba(219, 85, 65, .05)
}

.ui0-btn.ui0-btn--transparent.red[data-v-b7ccf82c]:active {
    background-color: rgba(219, 85, 65, .2)
}

.ui0-btn.ui0-btn--transparent.red.disabled[data-v-b7ccf82c] {
    background-color: #e6e7eb;
    color: #fff
}

.ui0-btn.size-24[data-v-b7ccf82c] {
    border-radius: 4px;
    font-size: 12px;
    height: 24px;
    min-width: 72px;
    padding: 4px 12px
}

.ui0-btn.size-28[data-v-b7ccf82c] {
    height: 28px;
    min-width: 88px
}

.ui0-btn.size-28[data-v-b7ccf82c],
.ui0-btn.size-32[data-v-b7ccf82c] {
    border-radius: 4px;
    font-size: 12px;
    padding: 6px 12px
}

.ui0-btn.size-32[data-v-b7ccf82c] {
    height: 32px;
    min-width: 96px
}

.ui0-btn.size-40[data-v-b7ccf82c] {
    border-radius: 8px;
    font-size: 14px;
    height: 40px;
    min-width: 120px;
    padding: 10px 24px
}

.ui0-btn.size-48[data-v-b7ccf82c] {
    border-radius: 8px;
    font-size: 14px;
    height: 48px;
    min-width: 140px;
    padding: 14px 24px
}

.ui0-btn.disabled[data-v-b7ccf82c] {
    cursor: not-allowed
}

.ui0-btn.ui0-btn--loading[data-v-b7ccf82c] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    pointer-events: none;
    position: relative
}

.ui0-btn.ui0-btn--loading[data-v-b7ccf82c]:before {
    background-color: hsla(0, 0%, 100%, .35);
    border-radius: inherit;
    content: "";
    inset: -1px;
    pointer-events: none;
    position: absolute
}

.ui0-btn.ui0-btn--loading .animate-spin[data-v-b7ccf82c] {
    animation: rotating-b7ccf82c 2s linear 0s infinite normal none running;
    display: inline-block;
    font-size: 14px;
    margin-inline-end: 4px
}

@keyframes rotating-b7ccf82c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.theme-night .ui0-btn.ui0-btn--fill.green.disabled[data-v-b7ccf82c] {
    background-color: #3c3e47;
    color: rgba(13, 14, 16, .95)
}

.theme-night .ui0-btn.ui0-btn--fill.black[data-v-b7ccf82c] {
    background-color: #fff;
    color: rgba(13, 14, 16, .95)
}

.theme-night .ui0-btn.ui0-btn--fill.black[data-v-b7ccf82c]:hover {
    background-color: hsla(0, 0%, 100%, .9)
}

.theme-night .ui0-btn.ui0-btn--fill.black[data-v-b7ccf82c]:active {
    background-color: hsla(0, 0%, 100%, .8)
}

.theme-night .ui0-btn.ui0-btn--fill.black.disabled[data-v-b7ccf82c] {
    background-color: #3c3e47
}

.theme-night .ui0-btn.ui0-btn--fill.red.disabled[data-v-b7ccf82c] {
    background-color: #a8abb2;
    color: rgba(13, 14, 16, .95)
}

.theme-night .ui0-btn.ui0-btn--line.green.disabled[data-v-b7ccf82c] {
    border-color: hsla(0, 0%, 100%, .15);
    color: hsla(0, 0%, 100%, .3)
}

.theme-night .ui0-btn.ui0-btn--line.green-1[data-v-b7ccf82c]:hover {
    border-color: #2cb8a0
}

.theme-night .ui0-btn.ui0-btn--line.green-1[data-v-b7ccf82c]:active {
    border-color: #00857c
}

.theme-night .ui0-btn.ui0-btn--line.green-1.disabled[data-v-b7ccf82c] {
    border-color: hsla(0, 0%, 100%, .15);
    color: hsla(0, 0%, 100%, .3)
}

.theme-night .ui0-btn.ui0-btn--line.black[data-v-b7ccf82c] {
    border-color: hsla(0, 0%, 100%, .95);
    color: hsla(0, 0%, 100%, .95)
}

.theme-night .ui0-btn.ui0-btn--line.black[data-v-b7ccf82c]:hover {
    background-color: hsla(0, 0%, 100%, .05)
}

.theme-night .ui0-btn.ui0-btn--line.black[data-v-b7ccf82c]:active {
    background-color: hsla(0, 0%, 100%, .15)
}

.theme-night .ui0-btn.ui0-btn--line.black.disabled[data-v-b7ccf82c] {
    background-color: transparent;
    border-color: hsla(0, 0%, 100%, .15);
    color: hsla(0, 0%, 100%, .3)
}

.theme-night .ui0-btn.ui0-btn--transparent.green.disabled[data-v-b7ccf82c] {
    background-color: #3c3e47;
    color: rgba(13, 14, 16, .95)
}

.theme-night .ui0-btn.ui0-btn--transparent.gray[data-v-b7ccf82c] {
    background-color: hsla(0, 0%, 100%, .05);
    color: hsla(0, 0%, 100%, .7)
}

.theme-night .ui0-btn.ui0-btn--transparent.gray[data-v-b7ccf82c]:hover {
    background-color: hsla(0, 0%, 100%, .15)
}

.theme-night .ui0-btn.ui0-btn--transparent.gray[data-v-b7ccf82c]:active {
    background-color: hsla(0, 0%, 100%, .3)
}

.theme-night .ui0-btn.ui0-btn--transparent.gray.disabled[data-v-b7ccf82c],
.theme-night .ui0-btn.ui0-btn--transparent.red.disabled[data-v-b7ccf82c] {
    background-color: #3c3e47;
    color: rgba(13, 14, 16, .95)
}

.theme-night .ui0-btn.ui0-btn--loading[data-v-b7ccf82c]:before {
    background-color: rgba(0, 0, 0, .35)
}

.c-asset-withdraw-detail-step1 {
    color: var(--text-7d7f81)
}

.c-asset-withdraw-detail-step1 .email-box .bottom-sec,
.c-asset-withdraw-detail-step1 .email-box .top-sec {
    display: flex;
    justify-content: space-between
}

.c-asset-withdraw-detail-step1 .email-box .bottom-sec {
    align-items: center;
    font-size: 12px
}

.c-asset-withdraw-detail-step1 .email-box .btn-resend {
    height: auto !important;
    line-height: normal;
    min-width: auto;
    padding: 4px 8px !important
}

.c-asset-withdraw-detail-step1.phase1 .step-title .title-text,
.c-asset-withdraw-detail-step1.phase1 .step-title i,
.c-asset-withdraw-detail-step1.phase2 .step-title .title-text,
.c-asset-withdraw-detail-step1.phase2 .step-title i {
    color: var(--text-b4b7bd)
}

.c-asset-withdraw-detail-step1.phase3 .step-title i {
    color: var(--text-0ead98)
}

.c-asset-withdraw-detail-step1.phase3 .step-title .title-text {
    color: var(--text-161719)
}

.c-asset-withdraw-detail-step1 .nickname {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-asset-withdraw-detail-step2 {
    align-items: center;
    display: flex
}

.c-asset-withdraw-detail-step2.phase1,
.c-asset-withdraw-detail-step2.phase2 {
    color: var(--text-aeb0b3)
}

.c-asset-withdraw-detail-step2.phase3 i {
    color: var(--text-0ead98)
}

.c-asset-withdraw-detail-step2.phase3 .phase-text {
    color: var(--text-161719)
}

.c-asset-withdraw-detail-step3 {
    align-items: center;
    display: flex
}

.c-asset-withdraw-detail-step3.phase1,
.c-asset-withdraw-detail-step3.phase2 {
    color: var(--text-aeb0b3)
}

.c-asset-withdraw-detail-step3.phase3 i {
    color: var(--text-0ead98)
}

.c-asset-withdraw-detail-step3.phase3 .phase-text {
    color: var(--text-161719)
}

.c-asset-withdraw-detail-status .flex-sec {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-asset-withdraw-detail-status .scenario-one {
    margin-top: 10px
}

.c-asset-withdraw-detail-status .scenario-one .with-tip {
    border-bottom: 1px dashed var(--border-db5541)
}

.c-asset-withdraw-detail-status .scenario-one i {
    font-size: 16px;
    margin-inline-end: 5px
}

.c-asset-withdraw-detail-status .scenario-one .el-button {
    min-width: 66px
}

.c-asset-withdraw-detail-status .scenario-three .row-step {
    display: flex;
    width: 100%
}

.c-asset-withdraw-detail-status .scenario-three .row-step .left-num {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin-inline-end: 12px;
    position: relative
}

.c-asset-withdraw-detail-status .scenario-three .row-step .left-num .num-outer {
    background-color: var(--bg-ffffff);
    padding: 8px 0;
    position: relative;
    z-index: 11
}

.c-asset-withdraw-detail-status .scenario-three .row-step .left-num .num-outer .num-inner {
    border: 1px solid var(--border-e0e3ed);
    border-radius: 50%;
    color: var(--text-aeb0b3);
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 18px
}

.c-asset-withdraw-detail-status .scenario-three .row-step .left-num:after {
    border-left: 1px dashed var(--border-e0e3ed);
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 10
}

.c-asset-withdraw-detail-status .scenario-three .row-step .right-info {
    border-radius: 12px;
    margin: 5px 0;
    padding: 10px 20px;
    width: 100%
}

.c-asset-withdraw-detail-status .scenario-three .row-step .right-info i {
    font-size: 16px
}

.c-asset-withdraw-detail-status .scenario-three .cmp-step:first-of-type .left-num:after {
    height: 50%;
    top: 50%
}

.c-asset-withdraw-detail-status .scenario-three .cmp-step:last-of-type .left-num:after {
    height: 50%
}

.c-asset-withdraw-detail-status .scenario-three .cmp-step .status-processing {
    align-items: center;
    background: var(--text-0ead98);
    border-radius: 50%;
    display: flex;
    font-size: 12px;
    height: 16px;
    justify-content: center;
    width: 16px
}

.c-asset-withdraw-detail-status .scenario-three .cmp-step .status-processing i {
    color: #fff !important;
    font-size: 12px !important
}

.c-asset-withdraw-detail-status .scenario-three .cmp-step.phase1 .right-info {
    background-color: var(--bg-f7f8fa)
}

.c-asset-withdraw-detail-status .scenario-three .cmp-step.phase2 .right-info,
.c-asset-withdraw-detail-status .scenario-three .cmp-step.phase3 .right-info {
    background-color: rgba(14, 173, 152, .05)
}

.c-home-banner {
    --banner-max-width: 1900px;
    --banner-max-height: 642px
}

.c-home-banner .banner-inner-wrapper {
    border-radius: 30px;
    margin: 58px auto 0;
    max-width: var(--banner-max-width);
    min-height: var(--banner-max-height);
    overflow: hidden;
    position: relative;
    width: auto
}

.c-home-banner .title-wrapper {
    left: 50%;
    max-width: var(--banner-max-width);
    position: absolute;
    transform: translateX(-50%);
    width: 85%;
    z-index: 1
}

.c-home-banner .title-wrapper .title {
    font-size: 64px;
    line-height: 76px;
    max-width: 688px;
    white-space: break-spaces;
    word-break: auto-phrase
}

.c-home-banner .title-wrapper .subTitle {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 56px;
    max-width: 688px;
    word-break: auto-phrase
}

.c-home-banner.banner-activity {
    cursor: pointer
}

.c-home-banner.banner-activity .title {
    font-size: 44px;
    letter-spacing: -1.92px;
    line-height: 120%
}

.c-home-banner.banner-activity .subTitle {
    font-size: 20px;
    line-height: normal
}

.c-home-banner .banner_bg_img {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.c-home-banner .default_img {
    height: var(--banner-max-height);
    max-height: var(--banner-max-height);
    max-width: none;
    width: auto
}

.c-home-banner .via-input {
    background: rgb(var(--ui0-bg-card_white));
    border: 1px solid rgb(var(--ui0-line-heavy));
    border-radius: 8px;
    font-size: 14px;
    height: 48px;
    padding: 0 16px;
    width: 294px
}

.c-home-banner .via-btn {
    font-size: 14px !important;
    height: 48px
}

.c-common-sub-num .num-class .sub-num {
    color: var(--text-707580);
    display: inline-flex;
    font-size: 100%;
    margin: 0 -.35em;
    position: relative;
    transform: scale(.6)
}

.c-common-sub-num .num-class .sub-num.underline-dashed:after {
    border-bottom: 1px dashed var(--border-707580);
    bottom: -.6em;
    content: "";
    position: absolute;
    width: .6em
}

.theme-night .c-common-sub-num .num-class .sub-num {
    color: #909399
}

.c-home-market-list {
    height: 94px;
    margin-top: 26px;
    overflow: hidden
}

.c-home-market-list .market-item {
    cursor: pointer;
    width: 230px
}

.c-home-market-list .market-item .name {
    transition: .4s ease-out
}

.c-home-market-list .market-item.hover-name:hover .name {
    color: var(--text-0ead98) !important
}

.c-home-market-list .skeleton-screen {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.c-home-market-list .skeleton-screen .item {
    display: flex;
    flex: 1 1 0%;
    margin: 0 auto;
    padding: 0 20px;
    width: 230px
}

.c-home-market-list .skeleton-screen .item:first-child {
    padding-inline-start: 0
}

.c-home-market-list .skeleton-screen .item:last-child {
    padding-inline-end: 0
}

.c-home-market-list .skeleton-screen .item .end-box {
    margin-inline-start: 8px
}

.c-home-market-list .skeleton-screen .item .box-1 {
    height: 8px;
    width: 130px
}

.c-home-market-list .skeleton-screen .item .box-2 {
    height: 8px;
    margin-top: 12px;
    width: 100px
}

.c-home-market-list .skeleton-screen .item .box-3 {
    height: 8px;
    margin-top: 12px;
    width: 80px
}

.c-perpetual-topic-entrance {
    bottom: 130px;
    cursor: pointer;
    height: 56px;
    min-width: 56px;
    padding-left: 40px;
    position: fixed;
    right: 20px;
    z-index: 1000
}

.c-perpetual-topic-entrance img {
    height: 56px;
    left: 0;
    position: absolute;
    top: 0;
    width: 56px;
    z-index: 1
}

.c-perpetual-topic-entrance .entrance-text {
    background: #7a49df;
    border: 2px solid #ffbf73;
    border-radius: 0 18px 18px 0;
    box-sizing: border-box;
    color: #fff;
    font-weight: 700;
    line-height: 32px;
    margin-top: 16px;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    transition: .3s ease-out;
    white-space: nowrap
}

.c-perpetual-topic-entrance:hover .entrance-text {
    max-width: 250px;
    opacity: 1;
    padding: 0 20px
}

.c-home-news-list {
    --list-height: 520px;
    --font-size: 16px
}

.c-home-news-list .header-wrapper {
    position: relative
}

.c-home-news-list .header-wrapper .title {
    font-size: 24px
}

.c-home-news-list .header-wrapper .more-btn {
    align-items: center;
    border: 1px solid rgb(var(--ui0-line-heavy));
    border-radius: 4px;
    color: rgb(var(--ui0-text-tertiary));
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 37px;
    inset-inline-end: 0;
    justify-content: center;
    min-width: 78px;
    padding: 0 16px;
    position: absolute;
    top: 0
}

[dir=rtl] .c-home-news-list .header-wrapper .more-btn {
    left: 0
}

[dir=ltr] .c-home-news-list .header-wrapper .more-btn {
    right: 0
}

.c-home-news-list .header-wrapper .more-btn .icon-arrow-rise {
    color: rgb(var(--ui0-text-tertiary))
}

.c-home-news-list .header-wrapper .more-btn:hover {
    border: 1px solid rgb(var(--ui0-text-quaternary));
    color: rgb(var(--ui0-text-secondary))
}

.c-home-news-list .header-wrapper .more-btn:hover .icon-arrow-rise {
    color: rgb(var(--ui0-text-secondary))
}

.c-home-news-list .via-tabs .tab-nav {
    border-bottom: 1px solid var(--border-e6e7eb-gray0601);
    overflow-y: auto
}

.c-home-news-list .via-tabs .tab-nav::-webkit-scrollbar {
    display: none
}

.c-home-news-list .via-tabs .tab-nav .tab-item {
    color: var(--text-161719) !important;
    font-size: var(--font-size) !important;
    font-weight: 500;
    padding: 0 16px !important;
    white-space: nowrap !important
}

.c-home-news-list .via-tabs .tab-nav .tab-item.active {
    font-weight: 500 !important
}

.c-home-news-list .via-tabs .tab-nav .tab-item:first-of-type {
    padding-inline-start: 0 !important
}

.c-home-news-list .via-tabs .tab-nav .tab-item:last-of-type {
    padding-inline-end: 0 !important
}

.c-home-news-list .via-tabs .tab-bar {
    background: var(--border-161719) !important;
    height: 2px !important
}

.c-home-news-list .content-wrapper {
    height: var(--list-height);
    margin-left: -8px;
    overflow: hidden;
    width: calc(100% + 16px)
}

.c-home-news-list .content-wrapper::-webkit-scrollbar {
    width: 4px
}

.c-home-news-list .content-wrapper:hover {
    overflow-y: scroll
}

.c-home-news-list .content-wrapper:hover .inner-wrapper {
    padding-inline-end: 0
}

.c-home-news-list .content-wrapper .inner-wrapper {
    padding-inline-end: 4px
}

.c-home-news-list .slider-item {
    color: var(--text-161719);
    cursor: pointer;
    display: block;
    font-size: var(--font-size);
    font-weight: 500;
    height: auto;
    line-height: 19px;
    margin-bottom: 10px;
    padding: 8px;
    text-align: start
}

.c-home-news-list .slider-item:hover {
    background-color: rgb(var(--ui0-bg-hover_gray_heavy));
    border-radius: 8px
}

.c-home-news-list .ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-home-news-list .publish-time {
    color: rgb(var(--ui0-text-tertiary));
    font-size: 16px;
    font-weight: 500;
    margin-top: 8px
}

.c-home-news-list .empty-wrapper {
    height: var(--list-height)
}

.c-home-news-list .c-common-empty,
.c-home-news-list .via-loading {
    background-color: rgb(var(--ui0-bg-surface_white)) !important;
    height: 100%
}

[dir=rtl] .c-home-news-list .icon-arrow-rise {
    transform: rotate(315deg) !important
}

.c-home-market-info {
    border-bottom: 1px solid rgb(var(--ui0-line-heavy));
    border-top: 1px solid rgb(var(--ui0-line-heavy));
    padding: 25px 0
}

.c-home-market-info .market-info-value {
    font-size: 40px;
    line-height: 1.2
}

.c-home-download {
    background: rgb(var(--ui0-bg-card_gray));
    border: 1px solid rgb(var(--ui0-line-light));
    border-radius: 32px;
    height: 480px;
    overflow: hidden
}

.c-home-download .left-wrap {
    overflow: hidden;
    position: relative;
    width: 50%
}

.c-home-download .left-wrap .placeholder-wrap {
    height: 320px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 320px;
    z-index: 0
}

.c-home-download .left-wrap .download-bg {
    position: absolute;
    top: 0;
    z-index: 1
}

.c-home-download .right-wrap {
    align-items: center;
    display: flex;
    padding-inline-end: 40px;
    width: calc(50% - 12px)
}

.c-home-download .right-wrap .title {
    font-size: 40px;
    line-height: 1.2
}

.c-home-download .right-wrap .subTitle {
    line-height: 24px;
    margin-top: 32px
}

.c-home-download .right-wrap .dot {
    background: var(--bg-161719);
    border-radius: 100%;
    display: inline-block;
    height: 4px;
    margin: 0 8px;
    vertical-align: middle;
    width: 4px
}

.c-home-download .right-wrap .qrcode-popover .via-popover-container {
    padding: 0
}

.c-home-download .right-wrap .qrcode-wrap {
    align-items: center;
    background: #f7f7f7;
    border: 1px solid #525254;
    border-radius: 6px;
    display: flex;
    height: 71px;
    justify-content: center;
    width: 71px
}

.c-home-download .right-wrap .qrcode-wrap-hover {
    border: 1px solid rgba(0, 0, 0, .15);
    height: 150px;
    width: 150px
}

.c-home-download .right-wrap .qrcode-text {
    max-width: 205px
}

.c-home-download .right-wrap .bottom-wrap {
    margin-top: 56px;
    min-height: 71px
}

.c-home-download .right-wrap .bottom-wrap .logo-wrapper {
    height: 71px;
    justify-content: space-between;
    margin-inline-end: 20px;
    width: 300px
}

.c-home-download .right-wrap .bottom-wrap .logo-box {
    color: rgb(var(--ui0-text-tertiary));
    cursor: pointer
}

.c-home-download .right-wrap .bottom-wrap .logo-box:hover,
.c-home-download .right-wrap .bottom-wrap .logo-box:hover .icon-logo {
    color: rgb(var(--ui0-text-primary))
}

.c-home-download .right-wrap .bottom-wrap .icon-logo {
    align-items: center;
    color: var(--text-707580);
    display: flex;
    font-size: 44px;
    height: 44px;
    justify-content: center;
    margin: 0 auto;
    width: 44px
}

.c-home-download .right-wrap .bottom-wrap .icon-logo.icon-google-play {
    font-size: 38px
}

.c-home-information {
    display: flex;
    justify-content: space-between
}

.c-home-information .left-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.c-home-information .left-wrapper .title {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 64px;
    max-width: 616px;
    width: 80%;
    word-break: auto-phrase
}

.c-home-information .left-wrapper .img-wrapper {
    height: 64px;
    margin-inline-end: 16px;
    position: relative;
    width: 64px
}

.c-home-information .left-wrapper .img-wrapper:before {
    background-image: url(../app-resources-d6/assets/80b52f1973d526eedbca1d9038fc1c6f_9591d54579d6ab215699.v2.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-home-information .left-wrapper .img-title {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    white-space: normal;
    word-break: auto-phrase
}

.c-home-information .right-wrapper {
    width: calc(50% - 12px)
}

.c-home-information .right-wrapper .right-wrapper-title {
    font-size: 24px
}

.c-home-information .right-wrapper .title {
    color: rgb(var(--ui0-text-primary));
    font-size: 20px;
    font-weight: 700
}

.c-home-information .right-wrapper .subTitle {
    color: rgb(var(--ui0-text-secondary));
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px
}

.c-home-information .right-wrapper .trade-wrap {
    padding: 0
}

.c-home-information .right-wrapper .trade-wrap .trade-left {
    flex: 1 1 0%;
    padding-top: 32px;
    padding-inline-start: 32px
}

.c-home-information .right-wrapper .trade-wrap .trade-left .tradeImg {
    bottom: 0;
    inset-inline-start: 0;
    position: absolute
}

[dir=rtl] .c-home-information .right-wrapper .trade-wrap .trade-left .tradeImg {
    right: 0
}

[dir=ltr] .c-home-information .right-wrapper .trade-wrap .trade-left .tradeImg {
    left: 0
}

.c-home-information .right-wrapper .trade-wrap .trade-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px 22px 22px 10px
}

.c-home-information .right-wrapper .trade-wrap .trade-right .trade-btn {
    align-items: center;
    border-radius: 16px;
    display: flex;
    height: 109px;
    justify-content: space-between;
    padding: 20px 30px
}

.c-home-information .right-wrapper .trade-wrap .trade-right .trade-btn:hover {
    background: rgb(var(--ui0-bg-hover_gray_heavy))
}

.c-home-information .right-wrapper .trade-wrap .trade-right .trade-btn:hover .icon-arrow-rise {
    color: rgb(var(--ui0-text-secondary))
}

.c-home-information .right-wrapper .trade-wrap .trade-right .trade-btn .title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.36px;
    line-height: normal
}

.c-home-information .right-wrapper .trade-wrap .trade-right .trade-btn .subTitle {
    font-weight: 500;
    line-height: normal
}

.c-home-information .right-wrapper .item-wrap {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid rgb(var(--ui0-line-light));
    border-radius: 32px;
    flex: 1 1 0%;
    height: 278px;
    line-height: normal;
    position: relative
}

.c-home-information .right-wrapper .icon-arrow-rise {
    color: rgb(var(--ui0-text-quaternary));
    font-size: 32px;
    transform: rotate(45deg)
}

.c-home-information .right-wrapper .icon-arrow {
    inset-inline-end: 24px;
    position: absolute;
    top: 24px
}

[dir=rtl] .c-home-information .right-wrapper .icon-arrow {
    left: 24px
}

[dir=ltr] .c-home-information .right-wrapper .icon-arrow {
    right: 24px
}

.c-home-information .right-wrapper .icon-arrow-hover:hover .icon-arrow-rise {
    color: rgb(var(--ui0-text-secondary))
}

.c-home-information .right-wrapper .orders-wrap {
    background-image: url(../app-resources-d6/assets/de679a747bc208de210aab9b00e2bd2b_5cd04ea157cbc1d709f8.v2.webp);
    padding: 32px
}

.c-home-information .right-wrapper .loans-wrap {
    background-image: url(../app-resources-d6/assets/75b1ddd7f052ae3eaa593fab680cfe0c_bef5ab8b1851c8dd323b.v2.webp);
    padding: 32px
}

.theme-night .c-home-information .orders-wrap {
    background-image: url(../app-resources-d6/assets/726d7333d9a741e8f1bc3c9927b51b74_86915fcbb547e1166cea.v2.webp)
}

.theme-night .c-home-information .loans-wrap {
    background-image: url(../app-resources-d6/assets/b3fde8c3fb9fe4de39c36a280b4de3c5_1898e6e1af5ed8ccca67.v2.webp)
}

.theme-night .c-home-information .left-wrapper .img-wrapper:before {
    background-image: url(../app-resources-d6/assets/d524defec9207818292af5b9d5f93598_21e212437e949f405aa2.v2.svg)
}

[dir=rtl] .c-home-information .icon-arrow-rise {
    transform: rotate(-45deg)
}

.c-home-service {
    background-image: url(../app-resources-d6/assets/87ae7be2391fad6bdf931bc00d007fef_ccbb59fe0629cb3d3f34.v2.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 90% 100%;
    height: 300px
}

.c-home-service .service-wrap {
    padding: 48px 0 113px
}

.c-home-service .via-btn {
    font-size: 16px;
    font-weight: 700;
    height: 48px
}

.theme-night .c-home-service {
    background-color: transparent;
    background-image: url(../app-resources-d6/assets/4537a558ee813a8894ffd65672ae4f7b_a037e4929ec13b89100b.v2.svg)
}

.c-common-popper-container {
    transition: display .4s;
    z-index: 99
}

.c-common-popper-container .popper-arrow {
    border: 6px solid transparent;
    filter: drop-shadow(rgba(0, 0, 0, .03) 0 2px 12px);
    height: 0;
    width: 0
}

.c-common-popper-container .popper-arrow:after {
    border: 6px solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.c-common-popper-container[data-popper-placement^=top] .popper-arrow {
    border-bottom-width: 0;
    border-top-color: var(--border-e0e3ed);
    bottom: -6px
}

.c-common-popper-container[data-popper-placement^=top] .popper-arrow:after {
    border-bottom-width: 0;
    border-top-color: var(--border-ffffff);
    bottom: 1px;
    margin-inline-start: -6px
}

.c-common-popper-container[data-popper-placement^=bottom] .popper-arrow {
    border-bottom-color: var(--border-e0e3ed);
    border-top-width: 0;
    top: -6px
}

.c-common-popper-container[data-popper-placement^=bottom] .popper-arrow:after {
    border-bottom-color: var(--border-ffffff);
    border-top-width: 0;
    margin-inline-start: -6px;
    top: 1px
}

.c-common-popper-container[data-popper-placement^=right] .popper-arrow {
    border-inline-end-color: var(--border-e0e3ed);
    border-inline-start-width: 0;
    inset-inline-start: -6px
}

.c-common-popper-container[data-popper-placement^=right] .popper-arrow:after {
    border-inline-end-color: var(--border-ffffff);
    border-inline-start-width: 0;
    left: 1px;
    margin-top: -6px
}

.c-common-popper-container[data-popper-placement^=left] .popper-arrow {
    border-inline-end-width: 0;
    border-inline-start-color: var(--border-e0e3ed);
    inset-inline-end: -6px
}

.c-common-popper-container[data-popper-placement^=left] .popper-arrow:after {
    border-inline-end-width: 0;
    border-inline-start-color: var(--border-ffffff);
    inset-inline-end: 1px;
    margin-top: -6px
}

.c-common-rank-index {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    position: relative;
    text-align: center;
    width: 20px
}

.c-common-rank-index img {
    height: 20px;
    inset-inline-start: 2px;
    position: absolute;
    top: 0;
    width: 15px
}

.c-common-rank-index span {
    color: var(--text-aeb0b3);
    font-weight: 700
}

.c-market-follow-icon i.iconfont {
    color: var(--text-f2f2f2);
    cursor: pointer
}

.c-market-follow-icon i.iconfont.active {
    color: var(--text-f38b2c) !important
}

.c-market-coin-trending {
    border-radius: 4px;
    width: 260px
}

.c-market-coin-trending .coin-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 7px 15px;
    padding-inline-end: 40px;
    position: relative
}

.c-market-coin-trending .coin-item:hover {
    background: var(--text-f7f8fa)
}

.c-market-coin-trending .coin-item .asset-full-name {
    color: var(--text-aeb0b3);
    font-size: 12px;
    margin-inline-start: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-market-coin-trending .coin-item .icon-star {
    color: var(--text-f2f2f2);
    inset-inline-end: 15px;
    position: absolute;
    top: 0
}

.c-market-coin-trending .coin-item .icon-star.active {
    color: var(--text-f38b2c)
}

.c-market-search {
    position: relative
}

.c-market-search .search-input {
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 8px rgba(198, 203, 216, .2);
    transition: .2s;
    width: 300px
}

.c-market-search .search-input.input-active,
.c-market-search .search-input:hover {
    border: 1px solid var(--text-0ead98) !important
}

.c-market-search .search-input.input-active {
    width: 320px
}

.c-market-search .c-common-popper-container {
    inset: auto !important;
    inset-inline-end: 0 !important;
    transform: translate(0) !important;
    width: 320px !important
}

.c-market-search .popper-content {
    background: var(--bg-ffffff);
    border-radius: 8px;
    box-shadow: 0 8px 12px rgba(49, 50, 55, .05) !important;
    max-height: 476px;
    overflow: hidden auto
}

.c-market-search .tabs-wrapper {
    align-items: center;
    border-bottom: 1px solid var(--border-e6e7eb);
    display: flex;
    height: 47px;
    justify-content: space-between;
    padding: 0 20px
}

.c-market-search .tabs-wrapper .tab {
    color: var(--text-707580);
    cursor: pointer
}

.c-market-search .tabs-wrapper .tab.active {
    color: var(--text-3a3d42);
    font-weight: 700
}

.c-market-search .list-wrapper {
    height: 300px;
    overflow-y: auto
}

.c-market-search .search-item {
    color: var(--text-161719);
    cursor: pointer;
    height: 50px;
    padding: 0 20px
}

.c-market-search .search-item:hover {
    background: var(--text-f7f8fa)
}

.c-market-search .coin-empty-tip {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 150px
}

.c-market-search .c-market-coin-trending {
    max-height: none;
    width: auto
}

.theme-night .c-market-search .popper-content {
    background: #2c3038
}

.c-home-ranks {
    --tab-shadow: linear-gradient(270deg, #fff 36.62%, hsla(0, 0%, 100%, 0));
    --tab-position: 80px
}

.c-home-ranks .ranks-font-size,
.c-home-ranks .via-table .c-common-sub-num {
    font-size: 16px !important
}

.c-home-ranks .header-wrapper {
    position: relative
}

.c-home-ranks .header-wrapper .title {
    font-size: 24px
}

.c-home-ranks .header-wrapper .more-btn {
    align-items: center;
    border: 1px solid rgb(var(--ui0-line-heavy));
    border-radius: 4px;
    color: rgb(var(--ui0-text-tertiary));
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 37px;
    inset-inline-end: 0;
    justify-content: center;
    min-width: 78px;
    padding: 0 16px;
    position: absolute;
    top: 0
}

[dir=rtl] .c-home-ranks .header-wrapper .more-btn {
    left: 0
}

[dir=ltr] .c-home-ranks .header-wrapper .more-btn {
    right: 0
}

.c-home-ranks .header-wrapper .more-btn .icon-arrow-rise {
    color: rgb(var(--ui0-text-tertiary))
}

.c-home-ranks .header-wrapper .more-btn:hover {
    border: 1px solid rgb(var(--ui0-text-quaternary));
    color: rgb(var(--ui0-text-secondary))
}

.c-home-ranks .header-wrapper .more-btn:hover .icon-arrow-rise {
    color: rgb(var(--ui0-text-secondary))
}

.c-home-ranks .via-tabs .tab-nav {
    border-bottom: 1px solid var(--border-e6e7eb-gray0601);
    overflow-y: auto
}

.c-home-ranks .via-tabs .tab-nav>:first-child {
    width: 100%
}

.c-home-ranks .via-tabs .tab-nav::-webkit-scrollbar {
    display: none
}

.c-home-ranks .via-tabs .tab-nav .tab-item {
    color: var(--text-161719) !important;
    font-weight: 500;
    padding: 0 16px !important;
    white-space: nowrap !important
}

.c-home-ranks .via-tabs .tab-nav .tab-item.active {
    font-weight: 500 !important
}

.c-home-ranks .via-tabs .tab-nav .tab-item:first-of-type {
    padding-inline-start: 0 !important
}

.c-home-ranks .via-tabs .tab-nav .tab-item:last-of-type {
    padding-inline-end: 0 !important
}

.c-home-ranks .via-tabs .tab-bar {
    background: var(--border-161719) !important;
    height: 2px !important
}

.c-home-ranks .via-tabs .tab-nav-underline {
    overflow: hidden;
    width: calc(100% - var(--tab-position))
}

.c-home-ranks .tab-shadow {
    background: var(--tab-shadow);
    height: calc(100% - 2px);
    position: absolute;
    top: 0;
    width: 130px
}

.c-home-ranks .tab-shadow.is-left {
    left: 0;
    transform: scale(-1)
}

.c-home-ranks .tab-shadow.is-right {
    right: 48px
}

.c-home-ranks .tab-arrow-btn {
    bottom: 0;
    cursor: pointer;
    inset-inline-end: 48px;
    position: absolute;
    text-align: center;
    top: -2px
}

[dir=rtl] .c-home-ranks .tab-arrow-btn {
    left: 48px
}

[dir=ltr] .c-home-ranks .tab-arrow-btn {
    right: 48px
}

.c-home-ranks .ranks-search {
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

[dir=rtl] .c-home-ranks .ranks-search {
    left: 0
}

[dir=ltr] .c-home-ranks .ranks-search {
    right: 0
}

.c-home-ranks .ranks-search .search-input {
    border-radius: 4px !important;
    box-shadow: none;
    height: 34px;
    width: 320px
}

.c-home-ranks .ranks-search-mobile .search-input {
    border: 1px solid var(--border-dee0e3) !important;
    border-radius: 4px !important;
    box-shadow: none;
    height: 40px
}

.c-home-ranks .via-table {
    margin: 0 -8px
}

.c-home-ranks .via-table .via-table-header .table-label {
    color: var(--text-707580);
    font-size: 16px;
    font-weight: 500
}

.c-home-ranks .via-table .via-table-header .table-label-cell {
    padding: 10px 8px !important
}

.c-home-ranks .via-table .table-body-wrapper::-webkit-scrollbar-thumb {
    background-color: rgb(var(--ui0-bg-block_heavy))
}

.c-home-ranks .via-table .table-body-wrapper::-webkit-scrollbar-track {
    background-color: rgb(var(--ui0-bg-surface_white))
}

.c-home-ranks .via-table .via-table-body .table-prop {
    background-color: transparent;
    height: 40px
}

.c-home-ranks .via-table .via-table-body .table-prop .table-prop-cell {
    padding: 8px
}

.c-home-ranks .via-table .via-table-body .table-prop:first-of-type {
    border-radius: 8px 0 0 8px
}

.c-home-ranks .via-table .via-table-body .table-prop:last-of-type {
    border-radius: 0 8px 8px 0
}

.c-home-ranks .via-table .via-table-body .c-common-coin-logo {
    background: rgb(var(--ui0-bg-card_gray))
}

.c-home-ranks .via-table .via-table-body .is-hover .table-prop {
    background-color: rgb(var(--ui0-bg-hover_gray_heavy))
}

.c-home-ranks .via-table .c-common-sub-num {
    font-weight: 500 !important
}

.c-home-ranks .via-table .coin-fullName {
    max-width: 110px
}

.c-home-ranks .c-common-empty,
.c-home-ranks .via-loading {
    background-color: rgb(var(--ui0-bg-surface_white)) !important;
    height: 500px
}

[dir=rtl] .c-home-ranks .via-table .via-table-body .table-prop:first-of-type {
    border-radius: 0 8px 8px 0
}

[dir=rtl] .c-home-ranks .via-table .via-table-body .table-prop:last-of-type {
    border-radius: 8px 0 0 8px
}

[dir=rtl] .c-home-ranks .tab-shadow.is-left {
    left: 48px;
    transform: scale(-1)
}

[dir=rtl] .c-home-ranks .tab-shadow.is-right {
    right: 0
}

.theme-night .c-home-ranks {
    --tab-shadow: linear-gradient(270deg, #181a1f 36.62%, rgba(24, 26, 31, 0))
}

[dir=rtl] .c-home-ranks .icon-arrow-rise {
    transform: rotate(315deg) !important
}

.c-home-token-info {
    background: rgb(var(--ui0-bg-card_black));
    border: 1px solid rgb(var(--ui0-line-light));
    border-radius: 32px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 420px;
    justify-content: space-between;
    overflow: hidden;
    padding: 52px 52px 50px;
    position: relative
}

.c-home-token-info:hover .token-info-arrow {
    background-image: url(../app-resources-d6/assets/060033857fa33c1bec5d56b8a161eecd_af8e8b65747d4e64b4d4.v2.svg)
}

.c-home-token-info .token-info-bg {
    inset-inline-start: 0;
    max-width: none;
    position: absolute;
    width: auto
}

[dir=rtl] .c-home-token-info .token-info-bg {
    right: 0
}

[dir=ltr] .c-home-token-info .token-info-bg {
    left: 0
}

.c-home-token-info .token-info-bg {
    bottom: 0
}

.c-home-token-info .token-info-click {
    height: 80px;
    inset-inline-end: 50px;
    position: absolute;
    top: 50px;
    width: 80px
}

[dir=rtl] .c-home-token-info .token-info-click {
    left: 50px
}

[dir=ltr] .c-home-token-info .token-info-click {
    right: 50px
}

.c-home-token-info .token-info-click {
    -webkit-backdrop-filter: blur(4.8px);
    backdrop-filter: blur(4.8px);
    background: hsla(0, 0%, 100%, .2);
    border-radius: 50%
}

.c-home-token-info .token-info-arrow {
    background-image: url(../app-resources-d6/assets/8992d5b7e41d9ca92bfb5f517310af5d_4528d3c91e314b1c43c8.v2.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 40px;
    width: 40px
}

.c-home-token-info .title-wrapper {
    color: #fafbfc;
    font-weight: 700
}

.c-home-token-info .title-wrapper .title {
    font-size: 40px
}

.c-home-token-info .title-wrapper .sub-title {
    color: rgb(var(--ui0-text-black_tertiary));
    max-width: 625px;
    word-break: auto-phrase
}

.c-home-token-info .token-info {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    z-index: 1
}

.c-home-token-info .token-info .item-box {
    margin-inline-end: 90px
}

.c-home-token-info .token-info .item-box:last-child {
    margin-inline-end: 20px
}

.c-home-token-info .token-info .item-box .top-val {
    color: rgb(var(--ui0-text-black_primary));
    font-size: 40px;
    line-height: 56px
}

.c-home-token-info .token-info .item-box .bottom-text {
    color: rgb(var(--ui0-text-black_tertiary));
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px
}

.c-home-token-info .token-info .item-box .bottom-text .dashed-border {
    border-bottom: 1px dashed #707580
}

.p-index {
    background-color: rgb(var(--ui0-bg-surface_white))
}

.p-index .content-width {
    max-width: 1900px;
    width: 82%
}

.p-index .ranks-width {
    width: 60%
}

.p-index .newsList-width {
    width: 30%
}

.p-index .box-top80 {
    margin-top: 60px
}

.p-index .box-top100,
.p-index .box-top120,
.p-index .box-top150 {
    margin-top: 80px
}

.p-index .disable-tip {
    align-items: center;
    background-color: rgba(243, 139, 44, .1);
    color: var(--text-f38b2c);
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 16px;
    min-height: 32px;
    padding: 8px 20px;
    text-align: center
}

.p-index .placeholder-wrap.skeleton-animation {
    background-image: linear-gradient(135deg, #fff 30%, #f7f8fa 50%, #fff 70%) !important
}

.p-index .img-gradient,
.p-index img {
    animation: gradient .5s ease 0s 1 normal none running
}

@keyframes gradient {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.theme-night .p-index .placeholder-wrap.skeleton-animation {
    background-image: linear-gradient(90deg, var(--bg-f7f8fa) 25%, var(--bg-ebedf0) 37%, var(--bg-f7f8fa) 63%) !important
}

.c-newbie-banner {
    background-image: url(../app-resources-d6/assets/eb5317903497e530dbd5f1c40c9ab753_1317aa2ddb78f1f9eaf0.v2.webp);
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 40px
}

.c-newbie-banner .title-box {
    color: var(--text-3a3d42);
    text-align: center
}

.c-newbie-banner .title-box .small-title {
    font-size: 20px;
    font-weight: 500
}

.c-newbie-banner .title-box .big-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2
}

.c-newbie-banner .title-box .big-title .text-highlight {
    color: #9244f4
}

.c-newbie-banner .operate-guide-box {
    margin-top: 64px
}

.c-newbie-banner .operate-guide-box .row-title {
    align-items: center;
    color: var(--text-707580);
    display: flex;
    font-weight: 500;
    justify-content: center;
    line-height: 20px
}

.c-newbie-banner .operate-guide-box .steps-box {
    align-items: baseline;
    background-color: var(--ffffff);
    border-radius: 20px;
    box-shadow: 0 10px 30px hsla(39, 22%, 57%, .1);
    display: flex;
    justify-content: space-between;
    padding: 28px 20px
}

.c-newbie-banner .operate-guide-box .steps-box .step-box {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column
}

.c-newbie-banner .operate-guide-box .steps-box .step-box .step-icon {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 20px;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px
}

.c-newbie-banner .operate-guide-box .steps-box .step-box .step-icon img {
    width: 36px
}

.c-newbie-banner .operate-guide-box .steps-box .step-box .step-title {
    color: var(--text-3a3d42);
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-top: 12px
}

.c-newbie-banner .operate-guide-box .steps-box .step-box .step-title .icon-arrow-down {
    color: var(--text-707580);
    font-size: 12px
}

.c-newbie-banner .operate-guide-box .steps-box .step-box.register-box.is-active {
    cursor: default
}

.c-newbie-banner .operate-guide-box .steps-box .step-box.is-active .step-icon {
    background-color: #f6eafd
}

.c-newbie-banner .operate-guide-box .steps-box .step-arrow-box {
    display: flex
}

.c-newbie-banner .operate-guide-box .steps-box .step-arrow-box img {
    width: 27px
}

.newbie-dropdown {
    display: flex;
    justify-content: center
}

.newbie-dropdown .via-dropdown-reference {
    height: auto !important
}

.newbie-dropdown .via-dropdown-popover {
    border: none;
    border-radius: 12px;
    margin-top: 2px !important;
    min-width: 200px;
    overflow: hidden;
    padding: 0
}

.newbie-dropdown .via-dropdown-popover .via-dropdown-item {
    font-size: 16px;
    font-weight: 500;
    height: 60px !important;
    line-height: 60px;
    padding: 0 32px
}

.theme-night .c-newbie-banner {
    background-image: url(../app-resources-d6/assets/e8ec6b69a22060cef2cbdb17f8d0b283_1e905a9560fce95e9731.v2.webp)
}

.theme-night .c-newbie-banner .step-arrow-box img {
    filter: opacity(.2)
}

.c-newbie-share-poster {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.c-newbie-share-poster .img-poster {
    display: inline-block
}

.c-newbie-share-poster .act-info-box {
    color: #823df3;
    font-weight: 500;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 42px;
    width: 100%;
    word-break: break-word
}

.c-newbie-share-poster .act-info-box .intro-box {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2
}

.c-newbie-share-poster .act-info-box .intro-box.use-small {
    font-size: 24px
}

.c-newbie-share-poster .bottom-info-box {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .8);
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 16px 20px;
    position: absolute;
    width: 100%
}

.c-newbie-share-poster .bottom-info-box .left-slogan-box {
    max-width: calc(100% - 120px);
    text-align: start
}

.c-newbie-share-poster .bottom-info-box .left-slogan-box .img-logo {
    height: 24px
}

.c-newbie-share-poster .bottom-info-box .left-slogan-box .slogan-text {
    color: #161719;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.c-newbie-share-poster .bottom-info-box .right-qr-code-box {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    bottom: 16px;
    display: flex;
    flex-shrink: 0;
    height: 112px;
    inset-inline-end: 24px;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 112px
}

.c-common-share {
    display: flex;
    flex-wrap: wrap
}

.c-newbie-share-index {
    display: inline-block
}

.c-newbie-share-index .share-text {
    align-items: center;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex;
    font-weight: 500
}

.c-newbie-share-index .btn-share {
    align-items: center;
    display: flex;
    font-weight: 500;
    justify-content: center;
    min-width: 148px
}

.c-newbie-share-index .btn-share.is-blue {
    background-color: #9244f4;
    color: #fff;
    transition: .4s
}

.c-newbie-share-index .btn-share.is-blue:hover {
    background-color: #a65fff;
    transition: .4s
}

.c-newbie-share-index .share-icon {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 24px
}

.c-newbie-share-dialog .via-dialog-header {
    font-size: 24px !important;
    margin-bottom: 8px !important
}

.c-newbie-share-dialog .via-dialog-body .row-share {
    text-align: center
}

.c-newbie-share-dialog .via-dialog-body .row-share .c-common-share {
    justify-content: center
}

.c-newbie-share-dialog .via-dialog-body .row-share .c-common-share .icon-wrapper {
    margin: 0 20px
}

.c-newbie-share-dialog .via-dialog-body .row-operate {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-newbie-share-dialog .via-dialog-body .row-operate .via-btn {
    flex: 1 1 0%
}

.c-newbie-dialog-rule .via-dialog .via-dialog-body {
    color: var(--text-3a3d42)
}

.c-newbie-dialog-rule .via-dialog .via-dialog-body .rule-list li {
    padding-inline-start: 12px;
    position: relative
}

.c-newbie-dialog-rule .via-dialog .via-dialog-body .rule-list li:before {
    background-color: var(--bg-3a3d42);
    border-radius: 50%;
    content: "";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 7px;
    width: 6px
}

.c-newbie-dialog-rule .via-dialog .via-dialog-body .sec-title {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 600
}

.c-newbie-dialog-fail .condition-list li {
    align-items: baseline;
    display: flex
}

.c-newbie-dialog-fail .condition-list li:before {
    background-color: var(--bg-3a3d42);
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 6px;
    margin-inline-end: 8px;
    position: relative;
    top: -2px;
    width: 6px
}

.c-newbie-present {
    margin-top: 120px
}

.c-newbie-present .present-top-box {
    text-align: center
}

.c-newbie-present .present-top-box .row-title .title-inner {
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    padding: 0 40px;
    position: relative
}

.c-newbie-present .present-top-box .row-title .title-inner .text-highlight {
    color: #9244f4
}

.c-newbie-present .present-box {
    margin: 0 auto;
    max-width: 1406px;
    position: relative
}

.c-newbie-present .present-box .present-img {
    height: auto;
    left: -20px;
    position: relative;
    width: 100%
}

.c-newbie-present .present-box .present-intro {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 50%;
    padding: 0 80px;
    position: absolute;
    top: 32px;
    transform: translateX(-50%);
    width: 100%
}

.c-newbie-present .present-box .present-intro.is-other {
    top: 24px
}

.c-newbie-present .present-box .present-intro .present-title {
    color: #3a3d42;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    min-height: 60px;
    text-align: center
}

.c-newbie-present .present-box .present-intro .row-time-status {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.c-newbie-present .present-box .present-intro .row-time-status .sec-time {
    color: #3a3d42;
    font-weight: 500;
    text-align: center
}

.c-newbie-present .present-box .present-intro .row-time-status .sec-status {
    display: inline-block
}

.c-newbie-present .present-box .present-intro .row-time-status .sec-status .act-status {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    padding: 2px 4px
}

.c-newbie-present .present-box .present-intro .row-time-status .sec-status .act-status .img-status {
    margin-inline-end: 4px;
    width: 18px
}

.c-newbie-present .present-box .present-intro .row-time-status .sec-status .act-status.in-progress {
    background: rgba(146, 68, 244, .1);
    color: #9244f4
}

.c-newbie-present .present-box .present-intro .row-time-status .sec-status .act-status.not-start {
    background: rgba(255, 160, 18, .1);
    color: #ff9e0f
}

.c-newbie-present .present-box .present-intro .row-time-status .sec-status .act-status.over {
    background: rgba(58, 61, 66, .1);
    color: var(--text-707580)
}

.c-newbie-present .present-box .present-intro .coupon-box {
    align-items: center;
    background-image: url(../app-resources-d6/assets/01c4cc001ab5c99d9ec3398256d04130_12bb2a6d9fe3dc1de358.v2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 149px;
    justify-content: center;
    position: relative;
    width: 363px
}

.c-newbie-present .present-box .present-intro .coupon-box .row-coupon-val {
    position: relative
}

.c-newbie-present .present-box .present-intro .coupon-box .row-coupon-val .val {
    font-size: 60px;
    font-weight: 700;
    line-height: 60px
}

.c-newbie-present .present-box .present-intro .coupon-box .row-coupon-val .unit {
    bottom: 0;
    font-weight: 700;
    inset-inline-start: calc(100% + 4px);
    position: absolute
}

.c-newbie-present .present-box .present-intro .coupon-box .coupon-title {
    font-size: 16px;
    font-weight: 700
}

.c-newbie-present .present-box .present-intro .coupon-box .coupon-status {
    background-image: url(../app-resources-d6/assets/bcdad9632ee1054b736a5763d83c2377_b3993c9769544db98b55.v2.webp);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    inset-inline-end: -8px;
    position: absolute;
    top: -24px;
    width: 100px
}

.c-newbie-present .present-box .present-intro .coupon-box .coupon-status .status-text {
    font-size: 12px;
    font-weight: 500;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
    word-break: keep-all
}

.c-newbie-present .present-box .present-intro .coupon-detail {
    color: #9618d5;
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.c-newbie-present .present-box .btn-claim {
    background-image: url(../app-resources-d6/assets/f6e6a5b983356c037e75108ad87d5193_f0172a228900c85cb15a.v2.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -45px;
    cursor: pointer;
    height: 90px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 436px
}

.c-newbie-present .present-box .btn-claim.is-disabled {
    background-image: url(../app-resources-d6/assets/b4c3d806c0cccdf7b518487ecf19ea30_804eb99f28f77672db91.v2.webp);
    cursor: not-allowed
}

.c-newbie-present .present-box .btn-claim .btn-text {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    text-align: center;
    top: 24px
}

.c-newbie-present .row-rule {
    margin-top: 12px;
    text-align: center
}

.c-newbie-present .row-rule .rule-text {
    color: #9244f4;
    cursor: pointer;
    font-weight: 700
}

.c-newbie-gift-bag-my-reward .my-reward-box {
    align-items: center;
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 6px 20px 0 rgba(210, 215, 222, .25);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 36px 54px
}

.c-newbie-gift-bag-my-reward .my-reward-box .reward-left {
    align-items: center;
    display: flex
}

.c-newbie-gift-bag-my-reward .my-reward-box .reward-left .sec-reward-val {
    margin-inline-start: 72px
}

.c-newbie-gift-bag-my-reward .my-reward-box .reward-left .sec-reward-val .current-reward {
    color: #9244f4;
    font-size: 32px;
    font-weight: 700
}

.c-newbie-gift-bag-my-reward .my-reward-box .reward-left .sec-reward-val .total-reward {
    color: var(--text-707580);
    font-size: 16px;
    font-weight: 500
}

.c-newbie-gift-bag-my-reward .not-login-box {
    text-align: center
}

.c-newbie-gift-bag-my-reward .not-login-box .via-btn {
    font-weight: 500;
    margin: 0 10px;
    min-width: 176px
}

.c-newbie-gift-bag-my-reward .not-login-box .via-btn.btn-register {
    background-color: #9244f4;
    color: #fff;
    transition: .4s
}

.c-newbie-gift-bag-my-reward .not-login-box .via-btn.btn-register:hover {
    background-color: #a65fff;
    transition: .4s
}

.c-newbie-gift-bag-my-reward .not-login-box .via-btn.btn-login {
    background-color: rgba(146, 68, 244, .1);
    color: #9244f4;
    transition: .4s
}

.c-newbie-gift-bag-my-reward .not-login-box .via-btn.btn-login:hover {
    background-color: #9244f4;
    color: #fff;
    transition: .4s
}

.c-newbie-dialog-rule .via-dialog .via-dialog-header {
    margin-bottom: 12px
}

.c-newbie-dialog-rule .via-dialog .via-dialog-body {
    max-height: 420px;
    overflow-y: scroll
}

.c-newbie-dialog-rule .via-dialog .via-dialog-body .rule-content-box {
    color: var(--text-3a3d42)
}

.c-newbie-dialog-rule .via-dialog .via-dialog-body .rule-content-box .sec-title {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    font-size: 16px;
    font-weight: 600
}

.c-newbie-dialog-rule .via-dialog .via-dialog-body .rule-content-box .sec-title:before {
    background-color: var(--bg-0ead98);
    content: "";
    display: inline-block;
    height: 16px;
    margin-inline-end: 5px;
    width: 2px
}

.c-newbie-gift-bag-coupon {
    max-height: 853px;
    overflow-y: auto;
    padding: 0 40px
}

.c-newbie-gift-bag-coupon .task-item-name {
    color: var(--text-161719);
    font-weight: 700;
    margin-bottom: 10px
}

.c-newbie-gift-bag-coupon .task-group:last-of-type {
    min-height: 820px
}

.c-newbie-gift-bag-coupon .task-num {
    background-color: hsla(220, 6%, 72%, .1);
    border-radius: 50%;
    color: #707580;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    margin-inline-end: 8px;
    text-align: center;
    width: 20px
}

.c-newbie-gift-bag-coupon .coupon-box {
    background-image: url(../app-resources-d6/assets/37719c23f42e6660a52080bde364e4ff_6924dd82799d9d389866.v2.webp);
    background-size: cover;
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 20px
}

.c-newbie-gift-bag-coupon .coupon-box .row-intro {
    color: #3a3d42;
    font-size: 12px;
    font-weight: 500
}

.c-newbie-gift-bag-coupon .coupon-box .progress-box {
    max-width: 487px
}

.c-newbie-gift-bag-coupon .coupon-box .progress-box .progress-top {
    align-items: center;
    color: #707580;
    display: flex;
    justify-content: space-between
}

.c-newbie-gift-bag-coupon .coupon-box .progress-box .via-progress .progress-bar {
    border: 2px solid #fff;
    border-radius: 4px
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card {
    border: 1px solid #e6e7eb;
    border-radius: 20px;
    overflow: hidden
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card .card-left {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex: 5 1 0%;
    flex-wrap: wrap;
    padding: 16px 32px
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card .card-left .img-coupon {
    width: 80px
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card .card-left .coupon-val {
    color: #f38b2c;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card .card-right {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex: 2 1 0%;
    justify-content: center;
    padding: 16px 24px
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card .card-right .claim-btn {
    position: relative;
    width: 140px
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card .card-right .claim-btn .btn-text {
    border-radius: 30px;
    font-weight: 700;
    height: 40px;
    line-height: 32px;
    padding: 4px;
    position: relative;
    text-align: center;
    z-index: 2
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card .card-right .claim-btn:before {
    border-radius: 30px;
    bottom: -4px;
    content: "";
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card .card-right .claim-btn.is-qualify .btn-text {
    background: linear-gradient(90deg, #fbeb9f .29%, #f4b479 99.65%);
    border: 1px solid #fff8e0;
    color: #d66700;
    cursor: pointer
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card .card-right .claim-btn.is-qualify:before {
    background: linear-gradient(90deg, #ffbb7d .29%, #d95910 87.28%, #f8cc8a 99.65%);
    box-shadow: 0 4px 4px 0 hsla(31, 55%, 78%, .56)
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card .card-right .claim-btn.is-disabled .btn-text {
    background: linear-gradient(90deg, #eff2f8 .29%, #e7eaf1 99.65%);
    border: 1px solid #fff;
    color: #b4b7bd;
    cursor: not-allowed
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card .card-right .claim-btn.is-disabled:before {
    background: linear-gradient(90deg, rgba(123, 142, 181, .18) .29%, #d2d5da 87.28%, #eff2f8 99.65%)
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card.is-pc {
    display: flex
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card.is-pc .card-left {
    border-inline-end: 1px dashed #dee0e3;
    -webkit-mask: radial-gradient(circle at left top, transparent 0, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 8px, #fff 0) right top, radial-gradient(circle at right bottom, transparent 8px, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 0, #fff 0) left bottom;
    mask: radial-gradient(circle at left top, transparent 0, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 8px, #fff 0) right top, radial-gradient(circle at right bottom, transparent 8px, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 0, #fff 0) left bottom
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card.is-pc .card-right {
    -webkit-mask: radial-gradient(circle at left top, transparent 8px, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 0, #fff 0) right top, radial-gradient(circle at right bottom, transparent 0, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 8px, #fff 0) left bottom;
    mask: radial-gradient(circle at left top, transparent 8px, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 0, #fff 0) right top, radial-gradient(circle at right bottom, transparent 0, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 8px, #fff 0) left bottom
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card.is-mobile .card-left {
    border-bottom: 1px dashed #dee0e3;
    -webkit-mask: radial-gradient(circle at left top, transparent 0, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 0, #fff 0) right top, radial-gradient(circle at right bottom, transparent 12px, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 12px, #fff 0) left bottom;
    mask: radial-gradient(circle at left top, transparent 0, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 0, #fff 0) right top, radial-gradient(circle at right bottom, transparent 12px, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 12px, #fff 0) left bottom
}

.c-newbie-gift-bag-coupon .coupon-box .coupon-card.is-mobile .card-right {
    -webkit-mask: radial-gradient(circle at left top, transparent 12px, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 12px, #fff 0) right top, radial-gradient(circle at right bottom, transparent 0, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 0, #fff 0) left bottom;
    mask: radial-gradient(circle at left top, transparent 12px, #fff 0) left top/51% 51% no-repeat, radial-gradient(circle at right top, transparent 12px, #fff 0) right top, radial-gradient(circle at right bottom, transparent 0, #fff 0) right bottom, radial-gradient(circle at left bottom, transparent 0, #fff 0) left bottom
}

.theme-night .c-newbie-gift-bag-coupon::-webkit-scrollbar-thumb {
    background-color: #e4e8f1 !important
}

.theme-night .task-item-name {
    color: #f9fbfe
}

.theme-night .coupon-box {
    background-color: #333339;
    background-image: none
}

.theme-night .coupon-box .row-intro {
    color: #babdc2
}

.theme-night .coupon-box .progress-top {
    color: #909399 !important
}

.theme-night .coupon-box .progress-bar {
    border: 2px solid #393e47 !important
}

.theme-night .coupon-box .coupon-card {
    border: none
}

.theme-night .coupon-box .coupon-card .card-left {
    background-color: #161719;
    color: #f9fbfe
}

.theme-night .coupon-box .coupon-card .card-right {
    background-color: #161719
}

.theme-night .coupon-box .coupon-card .card-right .claim-btn.is-qualify:before {
    box-shadow: none
}

.theme-night .tasks-box.is-pc .card-left {
    border-inline-end: 1px dashed #464a52 !important
}

.theme-night .tasks-box.is-mobile .card-left {
    border: none !important
}

.theme-night .tasks-box.is-mobile .top-intro .task-name {
    color: #f9fbfe !important
}

.theme-night .tasks-box.is-mobile .top-intro.is-active>.task-name {
    color: #f38b2c !important
}

.c-newbie-gift-bag-tasks .tasks-wrapper {
    background: linear-gradient(103deg, #ffecd0 4.25%, #ffba94 59.02%, #fff5d4 101.91%);
    border-radius: 20px;
    color: #161719;
    overflow: hidden;
    padding: 30px;
    position: relative
}

.c-newbie-gift-bag-tasks .tasks-wrapper .img-stars {
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 400px
}

.c-newbie-gift-bag-tasks .tasks-wrapper .img-present {
    inset-inline-end: 0;
    position: absolute;
    top: -30px;
    width: 349px
}

.c-newbie-gift-bag-tasks .tasks-wrapper .task-title-box {
    color: #161719;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 28px;
    padding: 3px 24px 0;
    position: relative;
    z-index: 2
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box {
    background-image: url(../app-resources-d6/assets/693537954f966b4d22e5637c90e2e38b_d2cfa37ad7bcf31f61b8.v2.webp);
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc {
    display: flex
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .task-list {
    border-inline-end: 1px solid #f2f3f5;
    flex: 1 1 0%;
    padding-bottom: 100px;
    position: relative
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .task-list .sec-task {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 40px 20px
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .task-list .sec-task .left-intro {
    align-items: center;
    display: flex
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .task-list .sec-task .left-intro .task-num {
    background-color: hsla(220, 6%, 72%, .1);
    border-radius: 50%;
    color: #707580;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    margin-inline-end: 26px;
    text-align: center;
    width: 25px
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .task-list .sec-task .left-intro .task-name {
    font-size: 16px;
    font-weight: 700
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .task-list .sec-task .left-intro .task-reward {
    color: #707580;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-top: 6px
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .task-list .sec-task .right-arrow .icon-arrow {
    color: #b4b7bd;
    font-weight: 700
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .task-list .sec-task.is-active {
    background-color: #fff;
    box-shadow: 5px 6px 16px rgba(230, 234, 239, .37);
    position: relative
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .task-list .sec-task.is-active:after {
    background-color: #fff;
    content: "";
    height: 100%;
    inset-inline-end: -1px;
    position: absolute;
    top: 0;
    width: 1px
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .task-list .sec-task.is-active .left-intro .task-num {
    background-color: rgba(243, 139, 44, .1);
    color: #f38b2c
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .task-list .sec-task.is-active .left-intro .task-name,
.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .task-list .sec-task.is-active .right-arrow .icon-arrow {
    color: #f38b2c
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .task-list .img-triple-arrow {
    bottom: 40px;
    height: 32px;
    inset-inline-start: 20px;
    position: absolute
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .coupon-list {
    flex: 2 1 0%
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .coupon-list .sec-coupon .sec-title {
    align-items: center;
    display: flex;
    margin-bottom: 8px
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-pc .coupon-list .sec-coupon .sec-title .sec-title-text {
    font-weight: 700;
    line-height: 24px
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-mobile {
    padding: 12px
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-mobile .via-steps .via-step__number {
    background-color: hsla(220, 6%, 72%, .1);
    border: none;
    color: var(--text-707580);
    font-family: Manrope;
    line-height: 18px
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-mobile .via-steps .via-step__content {
    background-color: transparent
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-mobile .via-steps .via-step__content .sec-task .top-intro .task-name {
    color: #161719;
    font-size: 16px;
    font-weight: 700
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-mobile .via-steps .via-step__content .sec-task .top-intro .task-reward {
    color: #707580;
    font-size: 12px;
    font-weight: 500
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-mobile .via-steps .via-step__content .sec-task .top-intro.is-active .task-name {
    color: #f38b2c
}

.c-newbie-gift-bag-tasks .tasks-wrapper .tasks-box.is-mobile .step-active .via-step__number {
    background-color: rgba(243, 139, 44, .1);
    color: #f38b2c
}

.theme-night .tasks-wrapper {
    background: linear-gradient(103deg, #dfbb85 4.25%, #f59e6d 59.02%, #ffdb95 101.91%)
}

.theme-night .tasks-wrapper .tasks-box {
    background: linear-gradient(134deg, #313132 5.91%, rgba(30, 33, 41, .98) 23.43%, #1e2129 53.51%, rgba(48, 50, 55, .89) 111.2%);
    scrollbar-color: #51545c #1d1f24;
    scrollbar-width: thin
}

.theme-night .tasks-wrapper .tasks-box.is-pc .task-list {
    background-color: #1f2229;
    border: none
}

.theme-night .tasks-wrapper .tasks-box.is-pc .task-list .task-name {
    color: #f9fbfe !important
}

.theme-night .tasks-wrapper .tasks-box.is-pc .task-list .is-active {
    background-attachment: scroll;
    background-clip: initial;
    background-color: transparent !important;
    background-image: linear-gradient(134deg, #313132 5.91%, rgba(30, 33, 41, .98) 23.43%, #1e2129 53.51%, rgba(48, 50, 55, .89) 111.2%);
    background-origin: initial;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: initial;
    box-shadow: none !important
}

.theme-night .tasks-wrapper .tasks-box.is-pc .task-list .is-active .task-name {
    color: #f38b2c !important
}

.theme-night .tasks-wrapper .tasks-box.is-pc .task-list .is-active:after {
    width: 0 !important
}

.theme-night .tasks-wrapper .tasks-box.is-mobile .via-steps .via-step__line:before {
    border-color: #3a3d42
}

.theme-night .tasks-wrapper .tasks-box.is-mobile .via-steps .via-step__number {
    background-color: rgba(90, 94, 102, .1)
}

.theme-night .tasks-wrapper .tasks-box::-webkit-scrollbar {
    width: 10px
}

.theme-night .tasks-wrapper .tasks-box::-webkit-scrollbar-thumb {
    background-color: #51545c;
    border-radius: 10px
}

.theme-night .tasks-wrapper .tasks-box::-webkit-scrollbar-track {
    background-color: #1d1f24
}

.c-newbie-gift-bag .banner-box {
    background-image: url(../app-resources-d6/assets/eb5317903497e530dbd5f1c40c9ab753_1317aa2ddb78f1f9eaf0.v2.webp);
    background-position: top;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    padding-top: 80px;
    text-align: center
}

.c-newbie-gift-bag .banner-box .big-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 40px
}

.c-newbie-gift-bag .banner-box .big-title .text-highlight {
    color: #9244f4
}

.c-newbie-gift-bag .banner-box .act-time {
    align-items: center;
    color: var(--text-3a3d42);
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 500;
    justify-content: center
}

.c-newbie-gift-bag .banner-box .row-rule .btn-act-rule {
    background-color: rgba(146, 68, 244, .1);
    color: #9244f4;
    min-width: 176px;
    transition: .4s
}

.c-newbie-gift-bag .banner-box .row-rule .btn-act-rule:hover {
    background-color: #9244f4;
    color: #fff;
    transition: .4s
}

.theme-night .c-newbie-gift-bag .banner-box {
    background-image: url(../app-resources-d6/assets/e8ec6b69a22060cef2cbdb17f8d0b283_1e905a9560fce95e9731.v2.webp)
}

.c-common-dialog-video .video-box {
    height: 414px;
    width: 736px
}

.c-common-dialog-video .iframe-wrapper {
    height: 100%
}

.c-common-dialog-video .iframe-wrapper iframe {
    height: 414px;
    width: 736px
}

.c-common-dialog-video .video-cover {
    background: var(--bg-3a3d42);
    border-radius: 8px;
    cursor: pointer;
    height: 414px;
    overflow: hidden;
    position: relative;
    width: 736px
}

.c-common-dialog-video .video-cover .img-cover {
    display: block;
    height: 100%;
    width: 100%
}

.c-common-dialog-video .video-cover .btn-play {
    height: 80px;
    left: 50%;
    line-height: 80px;
    margin: -40px 0 0 -40px;
    position: absolute;
    top: 50%;
    width: 80px
}

.c-common-dialog-video .video-cover .btn-play .icon-video-play {
    color: rgba(0, 0, 0, .4);
    font-size: 80px
}

.c-common-dialog-video .video-wrapper video {
    height: 414px;
    max-width: 100%;
    width: 736px
}

.c-newbie-video-course {
    margin-top: 60px;
    padding-bottom: 20px
}

.c-newbie-video-course .videos-box {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-newbie-video-course .videos-box .video-box {
    width: 410px
}

.c-newbie-video-course .videos-box .video-box .img-box {
    background-image: var(--bg-img), radial-gradient(50% 50% at 50% 50%, #fff 0, #e7edfa 100%);
    background-position: 50%;
    background-size: cover;
    border-radius: 20px;
    cursor: pointer;
    height: 180px;
    position: relative;
    width: 100%;
    z-index: 1
}

.c-newbie-video-course .videos-box .video-box .img-box .img-mask {
    align-items: center;
    background-color: transparent;
    border-radius: 20px;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color .4s;
    width: 100%;
    z-index: 2
}

.c-newbie-video-course .videos-box .video-box .img-box .img-mask .icon-video-play {
    color: hsla(0, 0%, 100%, .8);
    font-size: 70px;
    visibility: hidden
}

.c-newbie-video-course .videos-box .video-box .img-box:hover .img-mask {
    background-color: rgba(0, 0, 0, .1);
    transition: background-color .4s
}

.c-newbie-video-course .videos-box .video-box .img-box:hover .img-mask .icon-video-play {
    visibility: visible
}

.c-newbie-video-course .videos-box .video-box .img-box .video-img {
    width: 100%
}

.c-newbie-video-course .videos-box .video-box .video-title {
    color: var(--text-27282c);
    font-size: 16px;
    font-weight: 700
}

.theme-night .c-newbie-video-course .video-box .img-box {
    background-position: 50%;
    background-size: cover
}

.c-newbie-must-see .tips-box .row-tip {
    background: var(--bg-ffffff);
    border-radius: 12px;
    margin-bottom: 12px;
    transition: .4s
}

.c-newbie-must-see .tips-box .row-tip .num {
    color: #dee0e3;
    font-size: 24px;
    font-weight: 700
}

.c-newbie-must-see .tips-box .row-tip .question {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 500
}

.c-newbie-must-see .tips-box .row-tip .category {
    background: rgba(14, 173, 152, .1);
    border-radius: 8px;
    color: var(--text-0ead98);
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 12px
}

.c-newbie-must-see .tips-box .row-tip .iconfont {
    color: var(--text-aeb0b3);
    font-size: 16px;
    font-weight: 700
}

.c-newbie-must-see .tips-box .row-tip:hover {
    box-shadow: 0 10px 30px rgba(210, 215, 231, .25);
    transition: .4s
}

.c-newbie-must-see .tips-box .row-tip:hover .question {
    color: var(--text-0ead98)
}

.c-newbie-must-see .tips-box.is-pc .row-tip {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 20px
}

.c-newbie-must-see .tips-box.is-pc .row-tip .left-sec {
    align-items: center;
    display: flex
}

.c-newbie-must-see .tips-box.is-h5 .row-tip {
    display: block;
    padding: 12px 20px
}

.c-newbie-must-see .tips-box.is-h5 .row-tip .top-sec {
    align-items: center;
    display: flex
}

.c-newbie-must-see .tips-box.is-h5 .row-tip .bottom-sec {
    display: flex;
    justify-content: space-between
}

.theme-night .c-newbie-must-see .row-tip {
    box-shadow: none !important
}

.p-newbie {
    background: url(../app-resources-d6/assets/a53e31ed0681a16ee80f2b91d4559d00_b95ef55b63b25439562f.v2.webp) top/contain no-repeat, linear-gradient(#f9f2ff, #fff 17.81%);
    color: var(--text-161719);
    padding-top: 60px
}

.p-newbie .content-box .sec-title {
    color: var(--text-27282c);
    font-size: 24px;
    font-weight: 700
}

.p-newbie .content-box .must-see-box {
    background-color: var(--bg-fafbfc);
    padding-bottom: 120px;
    padding-top: 80px
}

.theme-night .p-newbie {
    background: #121417
}

.no-mobile-padding .l-default-main {
    padding-top: 0 !important
}

#asset-select-time-range .el-radio-button {
    margin-inline-end: 4px;
    margin-bottom: 4px
}

#asset-select-time-range .el-radio-button .el-radio-button__inner {
    background-color: var(--bg-fbfbfb);
    border: none;
    border-radius: 4px;
    box-shadow: none;
    color: var(--text-7d7f81);
    font-weight: 400;
    height: 30px;
    line-height: 20px;
    min-width: 90px;
    padding: 6px 24px
}

#asset-select-time-range .el-radio-button.is-active .el-radio-button__inner,
#asset-select-time-range .el-radio-button:hover .el-radio-button__inner {
    background-color: var(--bg-0ead98-10);
    border: none;
    color: var(--text-0ead98);
    font-weight: 400;
    transition: .4s
}

.c-asset-position-history .el-dialog__header {
    padding-bottom: 14px
}

.c-asset-position-history .el-dialog__header .row-title {
    align-items: center;
    display: flex
}

.c-asset-position-history .el-dialog__header .row-title .title-text {
    font-size: 20px;
    font-weight: 700
}

.c-asset-position-history .chart-box {
    min-height: 300px
}

.c-asset-position-history .custom-x-axis {
    align-items: center;
    color: var(--text-7d7f81);
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    margin-top: -20px;
    min-height: 18px
}

.c-asset-summary-valuation .row-label,
.c-asset-summary-valuation .row-label .sec-label-left {
    align-items: center;
    display: flex
}

.c-asset-summary-valuation .row-label .sec-label-left .account-label .tip-text {
    border-bottom: 1px dashed var(--border-7d7f81)
}

.c-asset-summary-valuation .row-label .sec-label-left .via-popover {
    margin-inline-end: 20px
}

.c-asset-summary-valuation .row-label .sec-label-left .via-icon-arrow-down {
    background-color: var(--bg-f2f3f5);
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    height: 22px;
    padding: 0 12px;
    transition: .2s
}

.c-asset-summary-valuation .row-label .sec-label-left .via-icon-arrow-down:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98);
    transition: .2s
}

.c-asset-summary-valuation .row-label .sec-hide-asset .iconfont {
    color: var(--text-b4b7bd);
    cursor: pointer;
    font-size: 20px
}

.c-asset-summary-valuation .row-value {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.c-asset-summary-valuation .row-value .sec-coin-val {
    font-size: 32px;
    font-weight: 700;
    line-height: 30px;
    word-break: break-all
}

.c-asset-summary-valuation .row-value .sec-legal-val {
    align-items: center;
    color: var(--text-707580);
    display: flex;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    word-break: break-all
}

.c-asset-summary-valuation .row-value .sec-capital-history {
    background-color: var(--bg-f8f8fc);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: .2s;
    width: 30px
}

.c-asset-summary-valuation .row-value .sec-capital-history .icon-capital-history {
    color: var(--text-b4b7bd);
    font-size: 14px
}

.c-asset-summary-valuation .row-value .sec-capital-history:hover {
    background-color: rgba(14, 173, 152, .05);
    transition: .2s
}

.c-asset-summary-valuation .row-value .sec-capital-history:hover .icon-capital-history {
    color: var(--text-0ead98)
}

.c-asset-summary-valuation.with-bottom-line:after {
    border-bottom: 1px solid var(--border-f2f3f5);
    content: "";
    display: block;
    margin: 20px 0
}

.c-asset-summary-valuation .c-asset-summary-valuation-dropdown-asset {
    background-color: var(--bg-f2f3f5);
    border-radius: 4px;
    color: var(--text-707580);
    display: inline-block;
    font-weight: 700;
    height: 22px;
    padding: 4px 12px
}

.c-asset-summary-valuation .c-asset-summary-valuation-dropdown-asset:hover {
    background-color: rgba(14, 173, 152, .05)
}

.c-asset-summary-valuation .c-asset-summary-valuation-dropdown-asset .via-dropdown-reference {
    display: flex;
    height: 100% !important
}

.c-asset-summary-pnl .row-pnl,
.c-asset-summary-pnl .row-pnl .pnl-left {
    align-items: center;
    display: flex
}

.c-asset-summary-pnl .row-pnl .pnl-left .sec-arrow {
    align-items: center;
    background-color: var(--bg-f2f3f5);
    border-radius: 8px;
    color: var(--text-b4b7bd);
    display: flex;
    justify-content: center;
    padding: 10px
}

.c-asset-summary-pnl .row-pnl .pnl-left .sec-arrow .float-icon {
    font-size: 20px;
    font-weight: 700
}

.c-asset-summary-pnl .row-pnl .pnl-left .sec-arrow.up {
    background: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.c-asset-summary-pnl .row-pnl .pnl-left .sec-arrow.down {
    background: rgba(219, 85, 65, .1);
    color: var(--text-db5541)
}

.c-asset-summary-pnl .row-pnl .pnl-left .pnl-val {
    align-items: center;
    color: var(--text-707580);
    display: flex;
    flex-wrap: wrap
}

.c-asset-summary-pnl .row-pnl .pnl-left .sec-open-pnl .sec-has-data {
    align-items: center;
    display: flex
}

.c-asset-summary-pnl .row-pnl .pnl-left .sec-open-pnl .sec-has-data .float-amount.up {
    color: var(--text-0ead98)
}

.c-asset-summary-pnl .row-pnl .pnl-left .sec-open-pnl .sec-has-data .float-amount.down {
    color: var(--text-db5541)
}

.c-asset-summary-pnl .row-pnl .pnl-left .sec-open-pnl .sec-has-data .float-amount .float-val {
    font-size: 20px;
    font-weight: 700
}

.c-asset-summary-pnl-tooltip {
    max-width: 300px !important
}

.c-common-chart {
    height: 300px
}

.c-asset-total-half-ring {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    text-align: center;
    width: 240px
}

.c-asset-total-half-ring .chart-box {
    display: inline-block;
    position: relative;
    width: 200px
}

.c-asset-total-half-ring .chart-box .chart-title {
    font-weight: 500;
    text-align: center
}

.c-asset-total-half-ring .chart-box .chart-wrapper {
    height: 100px;
    overflow: hidden
}

.c-asset-total-half-ring .chart-box .chart-wrapper .cmp-chart {
    height: 200px;
    width: 200px
}

.c-asset-total-half-ring .chart-box .chart-tip {
    bottom: -10px;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translateX(-50%)
}

.c-asset-total-half-ring .chart-box .chart-tip .tip-title {
    color: var(--text-707580)
}

.c-asset-total-half-ring .chart-box .chart-tip .tip-percent {
    font-size: 32px;
    font-weight: 700;
    line-height: 30px
}

.c-asset-total-circle-percent {
    align-items: flex-end;
    background-color: var(--bg-ffffff);
    display: flex;
    flex-direction: column
}

.c-asset-total-circle-percent .circle-box {
    background: conic-gradient(from var(--arc-start), var(--arc-color) var(--arc-size), #f2f3f5 0deg);
    border-radius: 50%;
    display: flex;
    font-size: 0;
    height: 45px;
    width: 45px
}

.c-asset-total-circle-percent .circle-box:after {
    background-color: var(--bg-ffffff);
    border-radius: 50%;
    content: "";
    margin: 6px;
    width: 100%
}

.c-asset-total-circle-percent .percent {
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px
}

.c-asset-total-account-stat {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    margin-top: 20px;
    padding: 20px;
    width: calc(50% - 10px)
}

.c-asset-total-account-stat .pc-box {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-asset-total-account-stat .account-left-box .row-account-title {
    align-items: center;
    display: flex
}

.c-asset-total-account-stat .account-left-box .row-account-title .title-icon {
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    margin-inline-end: 8px;
    transition: .3s;
    width: 20px
}

.c-asset-total-account-stat .account-left-box .row-account-title .title-icon.i-spot {
    background-image: url(../app-resources-d6/assets/cac906546d4752eae0777a0d52f533a9_b9da28bb665b82e06614.v2.webp)
}

.c-asset-total-account-stat .account-left-box .row-account-title .title-icon.i-margin {
    background-image: url(../app-resources-d6/assets/945df608f7013009e4852eedef9eea77_675942c1d7fee713828a.v2.webp)
}

.c-asset-total-account-stat .account-left-box .row-account-title .title-icon.i-contract {
    background-image: url(../app-resources-d6/assets/4b51cdcec9ce67fcdacdc73c43cd0127_1a11d2334b2b51802d26.v2.webp)
}

.c-asset-total-account-stat .account-left-box .row-account-title .title-icon.i-finance {
    background-image: url(../app-resources-d6/assets/a5436b1857d1ae57ccc8b65539abdeed_6d357d87a76b0ff464b5.v2.webp)
}

.c-asset-total-account-stat .account-left-box .row-account-title .title-icon.i-making {
    background-image: url(../app-resources-d6/assets/ae4b5fb8ca1b0ceca2ae74acab246026_2216348b800993792619.v2.webp)
}

.c-asset-total-account-stat .account-left-box .row-account-title .title-icon.i-loans {
    background-image: url(../app-resources-d6/assets/423050297be3276da19f5f0b68011c15_7b5bc950b9ca4e4ff38f.v2.webp)
}

.c-asset-total-account-stat .account-left-box .row-account-title .title-icon.i-subaccount {
    background-image: url(../app-resources-d6/assets/97b435ed3fb1b51c32c41585e8b4980b_7c786e4bd21577624385.v2.webp)
}

.c-asset-total-account-stat .account-left-box .row-account-title .title-text {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 700
}

.c-asset-total-account-stat .account-left-box .row-account-value {
    align-items: baseline;
    display: flex;
    margin-top: 4px
}

.c-asset-total-account-stat .account-left-box .row-account-value .coin-value {
    font-size: 20px;
    font-weight: 700;
    margin-inline-end: 12px
}

.c-asset-total-account-stat .account-left-box .row-account-value .legal-value {
    color: var(--text-707580);
    font-size: 12px;
    font-weight: 700
}

.c-asset-total-account-stat:hover {
    cursor: pointer
}

.c-asset-total-account-stat:hover .row-account-title .title-icon.i-spot {
    background-image: url(../app-resources-d6/assets/9dc8c957cd9cb710bed18253e7975df4_61d2e8b6020e5f80d063.v2.webp)
}

.c-asset-total-account-stat:hover .row-account-title .title-icon.i-margin {
    background-image: url(../app-resources-d6/assets/f8882fea691379a0a16437c336eb9732_7dc1c16299cd9cef0323.v2.webp)
}

.c-asset-total-account-stat:hover .row-account-title .title-icon.i-contract {
    background-image: url(../app-resources-d6/assets/35eff193870c3567d6892fb28594f7c4_8946bcdcd2bc8f16e03b.v2.webp)
}

.c-asset-total-account-stat:hover .row-account-title .title-icon.i-finance {
    background-image: url(../app-resources-d6/assets/9e1695774eb615cf1257f5014933c7ca_c25e596fb88cfd4da203.v2.webp)
}

.c-asset-total-account-stat:hover .row-account-title .title-icon.i-making {
    background-image: url(../app-resources-d6/assets/8bd2dcf7b50c739f4d0c98fdb4ff6a54_c008b06f5fbf65014aea.v2.webp)
}

.c-asset-total-account-stat:hover .row-account-title .title-icon.i-loans {
    background-image: url(../app-resources-d6/assets/c4e1a1323437074b0210aa85460162e5_5a5218861d938d3b582c.v2.webp)
}

.c-asset-total-account-stat:hover .row-account-title .title-icon.i-subaccount {
    background-image: url(../app-resources-d6/assets/433fc1db3bc0938552c3678187b51083_a536d651f6bf45cd9478.v2.webp)
}

.c-asset-total-all-account-overview .all-account-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-asset-total-all-account-overview .btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: -4px
}

.c-asset-total-all-account-overview .btn-wrapper .via-btn {
    margin-top: 4px;
    margin-inline-end: 4px
}

.c-perpetual-topic-dialog-lottery .via-dialog {
    background-attachment: scroll;
    background-clip: initial;
    background-color: #fff;
    background-image: url(../app-resources-d6/assets/d1abde71b457251ae3443e7bdd92bd6d_05444ed166cff0dec4a2.v2.webp);
    background-origin: initial;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover !important;
    border-radius: 20px;
    display: block;
    padding: 0
}

.c-perpetual-topic-dialog-lottery .via-dialog .via-dialog-body {
    height: 423px;
    padding: 32px
}

.c-perpetual-topic-dialog-lottery .btn-close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 30px;
    inset-inline-end: 20px;
    justify-content: center;
    position: absolute;
    top: 20px;
    width: 30px
}

.c-perpetual-topic-dialog-lottery .btn-close .el-icon-close {
    color: var(--text-aeb0b3);
    font-size: 18px
}

.c-perpetual-topic-dialog-lottery .btn-wrapper {
    bottom: 32px;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%
}

.c-perpetual-topic-dialog-lottery .btn-confirm {
    min-width: 256px
}

.theme-night .c-perpetual-topic-dialog-lottery .el-dialog {
    background: url(../app-resources-d6/assets/29bad7857bdfc73154c2e4e487fae3b1_9dc165224f2cc90f07c0.v2.webp) 0 0/cover no-repeat #1f2229
}

.c-perpetual-dialog-lottery-fail .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-perpetual-dialog-lottery-fail .icon-wrap .el-icon-warning {
    color: #f38b2c;
    font-size: 60px
}

.c-asset-total-deposit-entrance {
    display: flex;
    padding-bottom: 80px
}

.c-asset-total-deposit-entrance a {
    flex: 1 1 0%
}

.c-asset-total-deposit-entrance .entrance-item {
    align-items: center;
    background: var(--bg-ffffff);
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    height: 140px;
    padding: 0 32px;
    transition: .4s ease-out
}

.c-asset-total-deposit-entrance .entrance-item .text-title {
    color: var(--text-161719);
    font-size: 18px;
    font-weight: 700
}

.c-asset-total-deposit-entrance .entrance-item .text-desc {
    color: var(--text-707580)
}

.c-asset-total-deposit-entrance .entrance-item .icon-arrow {
    color: var(--text-707580);
    font-size: 20px
}

.c-asset-total-deposit-entrance .entrance-item:hover {
    background: rgba(14, 173, 152, .05)
}

.c-asset-total-deposit-entrance .entrance-item:hover .icon-arrow,
.c-asset-total-deposit-entrance .entrance-item:hover .text-desc,
.c-asset-total-deposit-entrance .entrance-item:hover .text-title {
    color: var(--text-0ead98)
}

.page-asset-total .top-row {
    display: flex
}

.page-asset-total .top-row .overview-box {
    flex: 7 1 0%
}

.page-asset-total .top-row .distribution-box {
    flex: 2 1 0%
}

.page-asset-total .buy-coin-btn {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-weight: 700;
    height: 40px
}

.c-asset-spot-record-item .record-item {
    align-items: center;
    color: var(--text-3a3d42);
    display: flex;
    font-weight: 500
}

.c-asset-spot-record-item .record-item .record-indicator {
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin-inline-end: 12px;
    position: relative;
    width: 10px
}

.c-asset-spot-record-item .record-item .record-indicator:after {
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px
}

.c-asset-spot-record-item .record-item .record-indicator.is-deposit {
    background-color: rgba(14, 173, 152, .2)
}

.c-asset-spot-record-item .record-item .record-indicator.is-deposit:after {
    background-color: var(--bg-0ead98)
}

.c-asset-spot-record-item .record-item .record-indicator.is-withdraw {
    background-color: rgba(219, 85, 65, .2)
}

.c-asset-spot-record-item .record-item .record-indicator.is-withdraw:after {
    background-color: var(--bg-db5541)
}

.c-asset-spot-record-item .record-item:first-of-type {
    margin-top: 0
}

.c-asset-spot-flow-record {
    align-items: flex-start;
    border-top: 1px solid var(--bg-f2f3f5);
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.c-asset-spot-flow-record .el-carousel {
    flex: 5 1 0%
}

.c-asset-spot-flow-record .el-carousel .el-carousel__indicators {
    display: none
}

.c-asset-spot-flow-record .record-box {
    flex: 5 1 0%;
    margin-bottom: -20px
}

.c-asset-spot-flow-record .toggle-box {
    color: var(--text-0ead98);
    cursor: pointer;
    flex: 1 0 0%;
    text-align: end
}

.c-asset-spot-flow-record .toggle-box .el-icon-arrow-down {
    transition: .4s
}

.c-asset-spot-flow-record .toggle-box .el-icon-arrow-down.is-open {
    transform: rotate(180deg);
    transition: .4s
}

.c-asset-common-slot-table-filter {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 20px
}

.c-asset-common-slot-table-filter .filter-left {
    align-items: center;
    display: flex
}

.c-asset-common-slot-table-filter .filter-left .el-input {
    margin-inline-end: 36px;
    width: 212px
}

.c-asset-common-slot-table-filter .filter-left .el-input .el-input__inner {
    background-color: var(--bg-f8f8fc);
    border: 1px solid transparent;
    border-radius: 8px;
    height: 40px;
    line-height: 38px
}

.c-asset-common-slot-table-filter .filter-left .el-input .el-input__inner:focus,
.c-asset-common-slot-table-filter .filter-left .el-input .el-input__inner:hover {
    border: 1px solid var(--border-0ead98);
    box-shadow: none
}

.c-asset-common-slot-table-filter .flex-center-between {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-exchangge-rank-gift.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.c-exchangge-rank-gift.animated.infinite {
    animation-iteration-count: infinite
}

.c-exchangge-rank-gift.rubberBand {
    animation-name: rubberBand
}

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

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

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

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

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

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

    to {
        transform: scaleX(1)
    }
}

.c-exchange-rank-index {
    line-height: 1
}

.c-exchange-rank-index .cup .iconfont {
    color: #f7b977
}

.c-exchange-rank-index .icon-wrap {
    cursor: pointer;
    display: inline-block;
    height: 14px;
    width: 14px
}

.c-asset-spot-operate .operate-pc {
    align-items: center;
    display: flex
}

.c-asset-spot-operate .list-item {
    display: flex;
    font-weight: 500;
    justify-content: space-between;
    padding: 9px 20px
}

.c-asset-spot-operate .list-item:hover {
    background: var(--bg-f7f8fa)
}

.c-asset-spot-operate-popover .list-item {
    display: flex;
    font-weight: 500;
    justify-content: space-between;
    padding: 9px 12px
}

.c-asset-spot-operate-popover .list-item:hover {
    background: var(--bg-f7f8fa)
}

.c-asset-spot-delist-img {
    height: 14px;
    width: 14px
}

.c-asset-spot-asset-list .table-box .via-table .col-name .short-name {
    font-weight: 700
}

.c-asset-spot-asset-list .table-box .via-table .col-name .full-name {
    color: var(--text-707580);
    font-size: 12px;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popper-spot-frozen .row-tip {
    align-items: center;
    display: flex;
    font-size: 12px
}

.popper-spot-frozen .row-tip .tip-field {
    color: var(--text-707580);
    margin-inline-end: 8px
}

.popper-spot-frozen .row-tip .tip-val {
    color: var(--text-161719);
    font-weight: 700
}

.popper-spot-frozen .row-tip .tip-val .has-link {
    align-items: center;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex
}

.asset-spot-operate-btns {
    margin-top: 28px
}

.asset-spot-operate-btns .row-operate {
    display: flex;
    flex-wrap: wrap
}

.asset-spot-operate-btns .row-operate .operate-btn {
    align-items: center;
    background-color: rgba(14, 173, 152, .05);
    border-radius: 8px;
    color: var(--text-0ead98);
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    padding: 0 24px;
    transition: .4s
}

.asset-spot-operate-btns .row-operate .operate-btn.type-area {
    background-color: var(--bg-0ead98);
    color: #fff
}

.asset-spot-operate-btns .row-operate .operate-btn.type-area:hover {
    background-color: var(--bg-1bbeb2)
}

.asset-spot-operate-btns .row-operate .operate-btn:hover {
    background-color: var(--bg-0ead98);
    color: var(--text-ffffff);
    transition: .4s
}

.asset-spot-operate-btns .row-operate .operate-btn img {
    margin-inline-end: 4px
}

.page-asset-spot .overview-box .overview-top .top-part {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.page-asset-spot .overview-box .overview-bottom {
    padding-top: 20px
}

.c-asset-spot-select-coin .selector {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 4px;
    display: flex;
    height: 40px;
    justify-content: space-between;
    line-height: normal;
    padding-inline-start: 15px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-asset-spot-select-coin .selector .selector-left-name {
    align-items: center;
    display: flex
}

.c-asset-spot-select-coin .selector .selector-left-name .icon-box {
    border-radius: 50%;
    height: 24px;
    margin-inline-end: 5px;
    overflow: hidden;
    width: 24px
}

.c-asset-spot-select-coin .selector .selector-left-name .icon-box .img-coin {
    display: inline-block;
    width: 100%
}

.c-asset-spot-select-coin .selector .selector-left-name .short-name {
    font-weight: 700
}

.c-asset-spot-select-coin .selector .selector-left-name .full-name {
    color: var(--text-b4b7bd);
    font-size: 12px;
    margin-inline-start: 12px
}

.c-asset-spot-select-coin .selector .selector-right-icon {
    color: var(--text-aeb0b3);
    font-weight: 700;
    margin-inline-end: 16px;
    transition: .4s
}

.c-asset-spot-select-coin .selector:hover {
    cursor: pointer
}

.c-asset-spot-select-coin .selector.is-active .selector-right-icon {
    color: var(--text-0ead98);
    transform: rotate(180deg);
    transition: .4s
}

.popper-select-coin {
    background-color: var(--bg-ffffff-gray1004);
    border: none;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .3);
    margin-top: 0 !important;
    padding: 0;
    width: 540px
}

.popper-select-coin .popper-content-box .search-box .via-input {
    background-color: var(--bg-fafafa);
    height: 30px
}

.popper-select-coin .popper-content-box .search-box .via-input .input-inner {
    font-size: 12px
}

.popper-select-coin .popper-content-box .search-box .via-input .input-inner::-moz-placeholder {
    font-size: 12px
}

.popper-select-coin .popper-content-box .search-box .via-input .input-inner::placeholder {
    font-size: 12px
}

.popper-select-coin .popper-content-box .search-box .via-input .icon-search1 {
    font-size: 12px
}

.popper-select-coin .popper-content-box .sec-title {
    color: var(--text-161719);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 4px
}

.popper-select-coin .popper-content-box .history-coin-box .item-coin,
.popper-select-coin .popper-content-box .hot-coin-box .item-coin {
    background-color: var(--bg-fafafa);
    border-radius: 20px;
    color: var(--text-7d7f81);
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
    margin-inline-end: 8px;
    padding: 4px 20px
}

.popper-select-coin .popper-content-box .history-coin-box .item-coin:hover,
.popper-select-coin .popper-content-box .hot-coin-box .item-coin:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.popper-select-coin .popper-content-box .coin-list-box .all-list .list-item {
    padding-inline: 15px 5px
}

.popper-select-coin .popper-content-box .coin-list-box .all-list .list-item .item-inner {
    border-bottom: 1px solid var(--border-f2f3f5);
    cursor: pointer;
    display: flex;
    line-height: 40px
}

.popper-select-coin .popper-content-box .coin-list-box .all-list .list-item .item-inner .left-sec {
    align-items: center;
    display: flex
}

.popper-select-coin .popper-content-box .coin-list-box .all-list .list-item .item-inner .left-sec .img-coin {
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    margin-inline-end: 5px;
    width: 16px
}

.popper-select-coin .popper-content-box .coin-list-box .all-list .list-item .item-inner .left-sec .short-name {
    color: var(--text-161719);
    display: inline-block;
    min-width: 70px
}

.popper-select-coin .popper-content-box .coin-list-box .all-list .list-item .item-inner .full-name {
    color: var(--text-707580);
    font-size: 12px;
    margin-inline-start: 10px
}

.popper-select-coin .popper-content-box .coin-list-box .all-list .list-item:hover {
    background-color: rgba(14, 173, 152, .05)
}

.popper-select-coin .popper-content-box .coin-list-box .all-list .list-item:hover .full-name,
.popper-select-coin .popper-content-box .coin-list-box .all-list .list-item:hover .short-name {
    color: var(--text-0ead98) !important
}

.c-asset-select-chain .sec-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-asset-select-chain .sec-title .left-sec,
.c-asset-select-chain .sec-title .right-sec {
    align-items: center;
    display: flex
}

.c-asset-select-chain .chains-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-asset-select-chain .chains-box .item-box {
    width: 264px
}

.c-asset-select-chain .chains-box .item-box .select-item {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    min-height: 50px;
    padding: 8px 15px
}

.c-asset-select-chain .chains-box .item-box .select-item .left-name {
    align-items: center;
    display: flex
}

.c-asset-select-chain .chains-box .item-box .select-item .left-name .chain-name {
    font-weight: 700
}

.c-asset-select-chain .chains-box .item-box .select-item .left-name .disable-text {
    color: var(--text-f38b2c);
    font-size: 12px;
    margin-inline-start: 15px
}

.c-asset-select-chain .chains-box .item-box .select-item .right-fee {
    font-size: 12px;
    line-height: 16px;
    text-align: end
}

.c-asset-select-chain .chains-box .item-box .select-item:hover {
    cursor: pointer
}

.c-asset-select-chain .chains-box .item-box .select-item.active,
.c-asset-select-chain .chains-box .item-box .select-item:hover {
    background-color: var(--bg-f8fcfb);
    border: 1px solid var(--border-0ead98);
    transition: .4s
}

.c-asset-select-chain .chains-box .item-box .select-item.disable.active,
.c-asset-select-chain .chains-box .item-box .select-item.disable:hover {
    background-color: rgba(243, 139, 44, .05);
    border: 1px solid var(--border-f38b2c);
    transition: .4s
}

.c-asset-select-chain .chains-box .item-box .contract-addr {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 500;
    justify-content: space-between
}

.c-asset-select-chain .chains-box .via-loading {
    min-height: 50px
}

.c-asset-spot-dialog-popup .tip-title {
    align-items: center;
    display: flex;
    font-size: 20px
}

.c-asset-spot-dialog-popup .tip-title .el-icon-warning {
    color: #f38b2c;
    margin-inline-end: 8px
}

.c-asset-spot-dialog-popup .tip-title .title-text {
    font-weight: 700
}

.c-asset-spot-dialog-popup .tip-content {
    color: var(--text-161719);
    word-break: break-word
}

.c-asset-spot-dialog-popup .row-button {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.c-asset-spot-dialog-popup .row-button .next-box {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.c-asset-spot-dialog-popup .row-button .el-button {
    border-radius: 20px;
    flex: 1 1 0%;
    height: 40px;
    line-height: 40px
}

.c-asset-spot-popup-index .popup-info {
    align-items: center;
    background-color: rgba(243, 139, 44, .05);
    border-radius: 4px;
    color: #f38b2c;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px 0 12px;
    transition: .4s
}

.c-asset-spot-popup-index .popup-info .left-sec {
    align-items: center;
    display: flex;
    width: 100%
}

.c-asset-spot-popup-index .popup-info .left-sec .el-carousel {
    height: 32px;
    line-height: 32px;
    margin: 0 6px;
    width: 100%
}

.c-asset-spot-popup-index .popup-info .left-sec .el-carousel .info-title {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-asset-spot-popup-index .popup-info:hover {
    background-color: rgba(243, 139, 44, .1);
    transition: .4s
}

.c-asset-deposit-address {
    align-items: center;
    background-color: var(--bg-e6e7eb);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    position: relative;
    word-break: break-all
}

.c-asset-deposit-address .addr-val {
    font-weight: 400
}

.c-asset-deposit-address .operate-box {
    align-items: center;
    display: flex
}

.c-asset-deposit-address .operate-box .el-icon-copy-document,
.c-asset-deposit-address .operate-box .icon-qr {
    background-color: var(--bg-ffffff);
    border-radius: 50%;
    color: var(--text-aeb0b3);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin-inline-start: 10px;
    text-align: center;
    width: 26px
}

.c-asset-deposit-address .operate-box .el-icon-copy-document:hover,
.c-asset-deposit-address .operate-box .icon-qr:hover {
    background-color: rgba(14, 173, 152, .1);
    color: var(--text-0ead98);
    transition: .4s
}

.c-asset-deposit-addr-dialog-history-addr .record-box .row-title {
    align-items: center;
    color: #7d7f81;
    display: flex;
    font-size: 12px;
    justify-content: space-between
}

.c-asset-deposit-addr-dialog-history-addr .record-box .row-record {
    border-bottom: 1px solid var(--border-e0e3ed);
    padding: 16px 0
}

.c-asset-deposit-addr-dialog-history-addr .record-box .row-record:last-child {
    border: none
}

.c-asset-deposit-addr-info .check-explore {
    font-size: 12px
}

.c-asset-deposit-addr-info .addr-box {
    margin-top: 20px
}

.c-asset-deposit-addr-info .addr-box .row-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-asset-deposit-addr-info .addr-box .row-title .addr-operate .operate-item {
    color: #0ead98;
    cursor: pointer;
    font-size: 12px
}

.c-asset-deposit-addr-info .addr-box .tip-text {
    background: rgba(243, 139, 44, .05);
    border-radius: 4px;
    color: var(--text-f38b2c);
    font-size: 12px;
    margin-top: 12px;
    padding: 4px 12px
}

.c-asset-deposit-addr-info .memo-box .tip-text {
    color: var(--text-db5541);
    font-size: 12px;
    margin-top: 5px
}

.c-asset-deposit-addr-warn .warn-box {
    border: 1px dashed var(--border-e0e3ed);
    border-radius: 4px;
    padding: 20px;
    text-align: center
}

.c-asset-deposit-addr-warn .warn-box .warn-title {
    font-weight: 700
}

.c-asset-deposit-addr-warn .confirm-btn {
    height: 40px;
    margin-top: 30px;
    padding: 10px;
    width: 100%
}

.c-asset-stop-reason {
    min-height: 200px
}

.c-asset-stop-reason .suspend-box {
    text-align: center
}

.c-asset-stop-reason .suspend-box .img-maintain {
    display: inline-block;
    width: 100px
}

.c-asset-stop-reason .suspend-box .reason-text {
    font-weight: 700;
    margin-top: 15px
}

.c-asset-stop-reason .suspend-box .close-time {
    color: #7d7f81;
    font-size: 12px;
    margin-top: 5px
}

.c-asset-stop-reason .suspend-box .detail {
    font-size: 12px;
    margin-top: 5px
}

.c-asset-stop-reason .suspend-box .subscribe-box {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.c-asset-stop-reason .suspend-box .subscribe-box .el-switch {
    margin-inline-end: 10px
}

.c-asset-stop-reason .suspend-box .subscribe-box .tip-text {
    color: #7d7f81;
    font-size: 12px
}

.c-asset-stop-reason .remind-title {
    font-size: 20px
}

.c-asset-stop-reason .remind-title .el-icon-warning {
    color: #f38b2c;
    margin-inline-end: 8px
}

.c-asset-stop-reason .remind-title .title-text {
    font-weight: 700
}

.c-asset-stop-reason .remind-content .remind-text {
    color: #7d7f81
}

.c-asset-stop-reason .remind-content .channel-box {
    margin-top: 20px
}

.c-asset-stop-reason .remind-content .channel-box .channel {
    line-height: 20px;
    margin-top: 10px
}

.c-asset-stop-reason .remind-content .channel-box .channel:before {
    background-color: #0ead98;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-inline-end: 10px;
    width: 6px
}

.c-asset-stop-reason .dialog-footer {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 0
}

.c-asset-stop-reason .dialog-footer .el-button {
    border-radius: 20px;
    flex: 1 1 0%;
    height: 40px;
    line-height: 40px
}

.c-asset-spot-privacy-asset-kyc {
    border: 1px dashed var(--border-e0e3ed);
    border-radius: 4px;
    margin-top: 20px;
    padding: 20px;
    text-align: center
}

.c-asset-spot-privacy-asset-kyc .min-w-186 {
    min-width: 186px
}

.c-asset-deposit-dialog-guide .btn-course {
    align-items: center;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex
}

.c-asset-deposit-dialog-guide .steps-wrapper {
    width: 338px
}

.c-asset-deposit-dialog-guide .img-wrapper {
    background: var(--bg-f7f8fa);
    border-radius: 24px;
    padding: 16px
}

.c-asset-deposit-dialog-guide .img-wrapper img {
    display: block;
    width: 336px
}

.c-asset-deposit-dialog-guide .step-item {
    border-bottom: 1px solid var(--border-edeff2)
}

.c-asset-deposit-dialog-guide .step-item:last-of-type {
    border: none
}

.c-asset-deposit-dialog-guide .step-item .step-title {
    border-radius: 8px;
    color: var(--text-3a3d42);
    cursor: pointer;
    display: flex;
    padding: 16px 12px
}

.c-asset-deposit-dialog-guide .step-item .step-title .iconfont {
    display: none;
    margin-inline-start: 10px
}

.c-asset-deposit-dialog-guide .step-item .desc-wrapper {
    display: none;
    padding: 12px 0;
    padding-inline-start: 12px
}

.c-asset-deposit-dialog-guide .step-item .desc-wrapper .desc-item {
    color: var(--text-707580);
    font-size: 12px;
    padding-inline-start: 10px;
    position: relative
}

.c-asset-deposit-dialog-guide .step-item .desc-wrapper .desc-item:before {
    background: var(--bg-b4b7bd);
    border-radius: 50%;
    content: " ";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    top: 6px;
    width: 6px
}

.c-asset-deposit-dialog-guide .step-item.active {
    border: none
}

.c-asset-deposit-dialog-guide .step-item.active .step-title {
    background: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.c-asset-deposit-dialog-guide .step-item.active .desc-wrapper,
.c-asset-deposit-dialog-guide .step-item.active .step-title .iconfont {
    display: block
}

.c-asset-deposit-notes .sec-title {
    font-weight: 700
}

.c-asset-deposit-notes .notes-box .stat-box .row-stat {
    align-items: center;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    margin-top: 10px
}

.c-asset-deposit-notes .notes-box .stat-box .row-stat .left-field {
    color: var(--text-7d7f81)
}

.c-asset-deposit-notes .notes-box .stat-box .row-stat .right-val .val {
    color: var(--text-f38b2c);
    font-weight: 700
}

.c-asset-deposit-notes .question-box {
    margin-top: 30px
}

.c-asset-deposit-notes .question-box .row-title {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-asset-deposit-notes .question-box .row-question {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    justify-content: space-between;
    margin-top: 10px
}

.c-asset-deposit-notes .question-box .row-question .sec-link {
    color: var(--text-161719);
    cursor: pointer;
    transition: .2s
}

.c-asset-deposit-notes .question-box .row-question .sec-link .iconfont {
    color: var(--text-f38b2c)
}

.c-asset-deposit-notes .question-box .row-question .sec-link:hover {
    color: var(--text-0ead98);
    transition: .2s
}

.c-asset-deposit-notes .trade-box {
    margin-top: 30px
}

.c-asset-deposit-notes .trade-box .markets-box {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px
}

.c-asset-deposit-notes .trade-box .markets-box .trade-pair {
    background-color: var(--bg-f7f8fa);
    border-radius: 20px;
    color: var(--text-3a3d42);
    display: inline-block;
    font-size: 12px;
    margin-top: 5px;
    margin-inline-end: 10px;
    padding: 3px 10px;
    transition: .3s
}

.c-asset-deposit-notes .trade-box .markets-box .trade-pair:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.c-asset-spot-overview {
    align-items: center;
    display: flex
}

.c-asset-spot-overview .pie-chart {
    height: 100px;
    width: 100px
}

.c-asset-spot-overview .right-asset-box {
    flex: 1 1 0%
}

.c-asset-spot-overview .right-asset-box .row-total {
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: space-between
}

.c-asset-spot-overview .right-asset-box .legend-box {
    margin-inline-start: 10px
}

.c-asset-spot-overview .right-asset-box .legend-box .row-legend {
    align-items: center;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    line-height: 20px
}

.c-asset-spot-overview .right-asset-box .legend-box .row-legend .legend-label {
    align-items: center;
    color: var(--text-707580);
    display: flex
}

.c-asset-spot-overview .right-asset-box .legend-box .row-legend .legend-label:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 10px;
    margin-inline-end: 5px;
    width: 10px
}

.c-asset-spot-overview .right-asset-box .legend-box .row-legend .legend-label.label-1:before {
    background-color: #8995fd
}

.c-asset-spot-overview .right-asset-box .legend-box .row-legend .legend-label.label-2:before {
    background-color: #dcdfe7
}

.c-asset-spot-overview .right-asset-box .legend-box .row-legend .legend-val {
    color: var(--text-3a3d42)
}

.popper-froze .row-tip {
    align-items: center;
    display: flex
}

.popper-froze .row-tip .tip-field {
    color: var(--text-707580);
    margin-inline-end: 8px
}

.popper-froze .row-tip .tip-val {
    color: var(--text-161719);
    font-weight: 700
}

.popper-froze .row-tip .tip-val .has-link {
    align-items: center;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex
}

.c-asset-deposit-detail-slot-steps .row-step {
    display: flex
}

.c-asset-deposit-detail-slot-steps .row-step .left-num {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin-inline-end: 12px;
    position: relative
}

.c-asset-deposit-detail-slot-steps .row-step .left-num .num-outer {
    background-color: var(--bg-ffffff);
    padding: 5px 0;
    position: relative;
    z-index: 11
}

.c-asset-deposit-detail-slot-steps .row-step .left-num .num-outer .num-inner {
    border: 1px solid var(--border-e0e3ed);
    border-radius: 50%;
    color: var(--text-aeb0b3);
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 18px
}

.c-asset-deposit-detail-slot-steps .row-step .left-num:after {
    border-left: 1px dashed var(--border-e0e3ed);
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 10
}

.c-asset-deposit-detail-slot-steps .row-step .right-info {
    background-color: rgba(14, 173, 152, .05);
    border-radius: 12px;
    margin: 5px 0;
    padding: 10px 20px;
    width: 100%
}

.c-asset-deposit-detail-slot-steps .row-step:first-of-type .left-num:after {
    height: 50%;
    top: 50%
}

.c-asset-deposit-detail-slot-steps .row-step:last-of-type .left-num:after {
    height: 50%
}

.c-asset-deposit-detail-slot-steps.fail .step2 .right-info {
    background-color: rgba(219, 85, 65, .05)
}

.c-asset-deposit-detail-status .flex-sec {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-asset-deposit-detail-status .scenario-one {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.c-asset-deposit-detail-status .scenario-one .with-tip {
    border-bottom: 1px dashed var(--border-db5541)
}

.c-asset-deposit-detail-status .scenario-one i {
    font-size: 16px;
    margin-inline-end: 5px
}

.c-asset-deposit-record-table {
    background: var(--bg-ffffff);
    border-radius: 20px;
    overflow: hidden
}

.c-asset-deposit-record-table .via-table .via-table-default {
    min-height: 482px
}

.c-asset-deposit-record-table .via-table .via-table-body .table-prop-cell {
    line-height: 16px;
    padding-bottom: 16px;
    padding-top: 16px
}

.c-asset-deposit-record-table .via-table .via-table-card .card-item {
    border-bottom: 1px solid var(--border-f7f8fa);
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 20px 20px 12px
}

.c-asset-deposit-record-table .via-table .via-table-card .card-item .card-body {
    padding: 12px 0 0
}

.c-asset-deposit-record-table .via-table .via-table-card .card-item .card-body .card-label {
    font-size: 12px
}

.c-asset-deposit-record-table .via-table .via-table-card .card-item .card-body .card-prop {
    font-size: 12px;
    text-align: end
}

.c-asset-deposit-record-table .empty-container,
.c-asset-deposit-record-table .empty-container .c-common-empty {
    min-height: 450px
}

.c-asset-deposit-record-table .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-asset-deposit-record-index {
    margin-top: 20px
}

.c-asset-deposit-record-index .box-header {
    border-bottom: none
}

.c-asset-deposit-record-index .header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-asset-deposit-record-index .header .left-sec {
    align-items: center;
    display: flex
}

.c-asset-deposit-record-index .header .left-sec .el-icon-refresh {
    color: var(--text-0ead98);
    cursor: pointer;
    font-weight: 700;
    margin-inline-start: 10px
}

.c-asset-deposit-record-index .header .left-sec .el-icon-refresh.loading {
    animation: rotating 2s linear 0s infinite normal none running
}

.c-asset-deposit-record-index .header .el-button {
    line-height: 24px;
    padding: 0 10px !important
}

.c-asset-spot-line-step {
    display: flex
}

.c-asset-spot-line-step .step-left-num {
    align-items: baseline;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin-inline-end: 12px;
    position: relative
}

.c-asset-spot-line-step .step-left-num .num-outer {
    background-color: var(--bg-ffffff);
    padding: 5px 0;
    position: relative;
    top: -3px;
    z-index: 11
}

.c-asset-spot-line-step .step-left-num .num-outer .num-inner {
    background-color: var(--bg-f8fcfb);
    border-radius: 50%;
    color: var(--text-0ead98);
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 18px
}

.c-asset-spot-line-step .step-left-num:after {
    border-left: 1px dashed var(--border-e0e3ed);
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 10
}

.c-asset-spot-line-step .step-right-content {
    width: 100%
}

.c-asset-spot-line-step .step-right-content .step-num {
    background-color: var(--bg-f8fcfb);
    border-radius: 50%;
    color: var(--text-0ead98);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 18px
}

.c-asset-spot-line-step.last .step-left-num:after {
    display: none
}

.p-asset-deposit .header-box {
    justify-content: space-between
}

.p-asset-deposit .header-box,
.p-asset-deposit .header-box .header-left {
    align-items: center;
    display: flex
}

.p-asset-deposit .header-box .header-left .header-text {
    color: var(--text-161719);
    font-size: 24px;
    font-weight: 700
}

.p-asset-deposit .header-box .header-left .btn-video {
    align-items: center;
    background: rgba(14, 173, 152, .05);
    border-radius: 8px;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 30px;
    padding: 0 15px;
    transition: .4s ease-out
}

.p-asset-deposit .header-box .header-left .btn-video:hover {
    background: rgba(14, 173, 152, .1)
}

.p-asset-deposit .header-box .header-right {
    align-items: center;
    color: var(--text-0ead98);
    display: flex;
    line-height: 24px
}

.p-asset-deposit .deposit-body-box {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 30px
}

.p-asset-deposit .deposit-body-box .left-box {
    width: 570px
}

.p-asset-deposit .deposit-body-box .left-box .step-content-box .row-title {
    font-weight: 700;
    margin-bottom: 8px
}

.p-asset-deposit .deposit-body-box .right-box {
    width: 420px
}

.theme-night .p-asset-deposit .visa-img {
    background-image: url(../app-resources-d6/assets/dfef6cdc811b09cf3873d7836b263194_ca575f940dbd44509ea8.v2.webp)
}

.c-asset-transfer-record-table {
    background: var(--bg-ffffff);
    border-radius: 20px;
    overflow: hidden
}

.c-asset-transfer-record-table .via-table .via-table-default {
    min-height: 482px
}

.c-asset-transfer-record-table .via-table .via-table-body .table-prop-cell {
    line-height: 16px;
    padding-bottom: 16px;
    padding-top: 16px
}

.c-asset-transfer-record-table .via-table .via-table-card .card-item {
    border-bottom: 1px solid var(--border-f7f8fa);
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 20px 20px 12px
}

.c-asset-transfer-record-table .via-table .via-table-card .card-item .card-body {
    padding: 12px 0 0
}

.c-asset-transfer-record-table .via-table .via-table-card .card-item .card-body .card-label {
    font-size: 12px
}

.c-asset-transfer-record-table .via-table .via-table-card .card-item .card-body .card-prop {
    font-size: 12px;
    text-align: end
}

.c-asset-transfer-record-table .empty-container,
.c-asset-transfer-record-table .empty-container .c-common-empty {
    min-height: 450px
}

.c-asset-transfer-account-select {
    background-color: var(--bg-fafbfc);
    border: 1px solid var(--border-fafbfc);
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    transition: border .2s ease-in
}

.c-asset-transfer-account-select:hover {
    border: 1px solid var(--border-0ead98)
}

.c-asset-transfer-account-select.active i.iconfont.icon-arrow-down {
    color: var(--text-0ead98);
    transform: rotate(-180deg)
}

.c-asset-transfer-account-select i.iconfont.icon-arrow-down {
    color: var(--text-b4b7bd);
    display: inline-block;
    margin-inline: 8px 5px;
    transition: transform .2s ease-in-out
}

.c-asset-transfer-account-select .account-select {
    height: 28px
}

.c-asset-transfer-account-select .account-select .separator {
    background-color: var(--bg-e6e7eb);
    height: 14px;
    width: 1px
}

.c-asset-transfer-account-select-popper {
    font-size: 12px
}

.c-asset-transfer-account-select-popper .account-list .account-item {
    color: var(--text-707580);
    cursor: pointer;
    margin-bottom: 12px
}

.c-asset-transfer-account-select-popper .account-list .account-item:last-of-type {
    margin-bottom: 0
}

.c-asset-transfer-account-select-popper .account-list .account-item.active,
.c-asset-transfer-account-select-popper .account-list .account-item:hover {
    color: var(--text-0ead98)
}

.p-deposit-record .btn-refresh {
    background: var(--bg-ffffff);
    border-radius: 4px;
    cursor: pointer;
    height: 24px;
    justify-content: center;
    width: 24px
}

.p-deposit-record .btn-refresh,
.p-deposit-record .form-item {
    align-items: center;
    display: flex
}

.p-deposit-record .form-item .label {
    color: var(--text-161719);
    font-size: 12px;
    margin-inline-end: 20px
}

.p-deposit-record .rotating {
    animation: rotating 2s linear 0s infinite normal none running
}

.p-deposit-record .drawer-asset-filter .via-select {
    width: 180px
}

.c-aboutus-introduce {
    padding-top: 78px;
    position: relative
}

.c-aboutus-introduce .title {
    color: var(--text-161719);
    font-size: 60px;
    font-weight: 700;
    line-height: 68px;
    position: relative;
    text-align: center;
    z-index: 1
}

.c-aboutus-introduce .title .sub-title {
    -webkit-text-stroke: 2px var(--text-161719);
    color: transparent
}

.c-aboutus-introduce .title .sub-title.sub-title-vi {
    color: var(--text-161719);
    -webkit-text-stroke: 0
}

.c-aboutus-introduce .desc {
    color: var(--text-3a3d42);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px;
    position: relative;
    text-align: center;
    z-index: 1
}

.c-aboutus-introduce .earth-wrapper {
    height: 342px;
    margin: 0 auto;
    position: relative;
    top: -80px;
    width: 716px
}

.c-aboutus-introduce .earth-wrapper .earth-ain {
    height: 716px;
    position: absolute;
    width: 716px
}

.c-aboutus-introduce .data-info {
    align-items: center;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
    z-index: 1
}

.c-aboutus-introduce .data-info .data-item {
    color: var(--text-7d7f81);
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.c-aboutus-introduce .data-info .data-item .num {
    color: var(--text-161719);
    font-size: 42px;
    font-weight: 800;
    line-height: 54px
}

.c-aboutus-introduce .about-us {
    margin: 100px auto 90px;
    max-width: 1280px
}

.c-aboutus-introduce .about-us .content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px
}

.c-aboutus-introduce .about-us .sub-title {
    color: var(--text-161719);
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 20px
}

.c-aboutus-introduce .about-us .introduce {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.c-aboutus-introduce .about-us .ecology {
    color: var(--text-3a3d42);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-inline-start: 155px
}

.c-aboutus-introduce .about-us .via-btn {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-width: 178px
}

.c-aboutus-introduce .about-us .via-btn .circle {
    align-items: center;
    background: #fff;
    border-radius: 26px;
    display: flex;
    height: 26px;
    justify-content: center;
    width: 26px
}

.theme-night .c-aboutus-introduce .earth-wrapper svg>g>.png {
    opacity: .05
}

.c-aboutus-mission {
    color: var(--text-161719);
    margin: 100px auto;
    width: 1280px
}

.c-aboutus-mission .section-mission-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 1280px
}

.c-aboutus-mission .left-wrapper {
    background-color: #161719;
    border-radius: 60px;
    color: #fff;
    flex: 1 1 0%;
    padding: 58px 46px 20px
}

.c-aboutus-mission .left-wrapper .title {
    font-size: 42px;
    font-weight: 700;
    line-height: 32px
}

.c-aboutus-mission .left-wrapper .line {
    background: hsla(0, 0%, 100%, .2);
    display: block;
    height: 1px;
    margin: 24px 0 46px
}

.c-aboutus-mission .right-wrapper {
    background-color: var(--bg-f7f8fa);
    border-radius: 60px;
    flex: 1 1 0%;
    margin-inline-start: 40px;
    overflow: hidden;
    padding: 58px 46px;
    position: relative
}

.c-aboutus-mission .right-wrapper .title {
    color: var(--text-27282c);
    font-size: 42px;
    font-weight: 700;
    line-height: 32px;
    position: relative;
    z-index: 3
}

.c-aboutus-mission .right-wrapper .title.vision {
    margin-top: 125px
}

.c-aboutus-mission .right-wrapper .desc {
    border-bottom: 1px solid var(--border-e6e7eb);
    color: var(--text-161719);
    font-size: 24px;
    line-height: 28px;
    margin-top: 16px;
    padding-bottom: 24px;
    position: relative;
    z-index: 3
}

.c-aboutus-mission .right-wrapper .bg-content {
    background-color: var(--bg-f2f3f5);
    border-radius: 50% 50% 0 0;
    bottom: -260px;
    height: 508px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 706px;
    z-index: 1
}

.c-aboutus-mission .right-wrapper .bg-content:before {
    background-color: var(--bg-f7f8fa);
    border-radius: 50%;
    content: "";
    display: block;
    height: 386px;
    left: 50%;
    position: absolute;
    top: 60px;
    transform: translateX(-50%);
    width: 520px;
    z-index: 2
}

.c-aboutus-mission .right-wrapper .bg-content:after {
    background-color: var(--bg-ffffff);
    border-radius: 50%;
    content: "";
    display: block;
    height: 242px;
    left: 50%;
    position: absolute;
    top: 140px;
    transform: translateX(-50%);
    width: 336px;
    z-index: 3
}

.theme-night .c-aboutus-mission .right-wrapper {
    background-color: var(--bg-f7f8fa-gray0802)
}

.theme-night .c-aboutus-mission .right-wrapper .bg-content {
    opacity: .4
}

.c-aboutus-advantage {
    background-color: var(--bg-f7f8fa);
    color: var(--text-161719);
    min-height: 750px;
    min-width: 1280px;
    padding: 80px 0
}

.c-aboutus-advantage .content {
    color: var(--text-161719);
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1280px
}

.c-aboutus-advantage .content .left-content {
    max-width: 450px
}

.c-aboutus-advantage .content .left-content .desc {
    color: var(--text-27282c);
    font-size: 42px;
    font-weight: 700;
    line-height: 50px
}

.c-aboutus-advantage .content .left-content .line {
    background: var(--bg-3a3d42);
    display: block;
    height: 4px;
    margin-bottom: 200px;
    margin-top: 40px;
    width: 30px
}

.c-aboutus-advantage .content .right-content .list-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 680px
}

.c-aboutus-advantage .content .right-content .list-wrapper .advantage-item {
    background-color: var(--bg-ffffff);
    border-radius: 68px;
    margin-bottom: 32px;
    min-height: 380px;
    padding: 60px 20px 0;
    width: 324px
}

.c-aboutus-advantage .content .right-content .list-wrapper .advantage-item:nth-child(2n) {
    margin-inline-start: 32px;
    transform: translateY(57px)
}

.c-aboutus-advantage .content .right-content .list-wrapper .advantage-item .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 12px;
    margin-top: 32px
}

.c-aboutus-advantage .content .right-content .list-wrapper .advantage-item .desc {
    color: var(--text-707580);
    font-size: 14px;
    min-height: 93px
}

.c-aboutus-advantage .content .right-content .list-wrapper .advantage-item .num {
    color: rgba(14, 173, 152, .1);
    font-size: 42px;
    font-style: italic;
    font-weight: 700;
    line-height: 28px;
    margin-top: 30px;
    padding-bottom: 30px
}

.theme-night .c-aboutus-advantage {
    background-color: var(--bg-dee0e3-gray0502)
}

.c-aboutus-ecology {
    margin: 0 auto;
    max-width: 1280px;
    padding: 90px 0
}

.c-aboutus-ecology .sub-title {
    color: var(--text-27282c);
    font-size: 42px;
    font-weight: 700;
    line-height: 50px
}

.c-aboutus-ecology .ecology-wrapper {
    display: flex;
    flex-wrap: wrap
}

.c-aboutus-ecology .ecology-list {
    border-bottom: 1px solid var(--border-dee0eb);
    min-height: 220px;
    padding-bottom: 32px;
    padding-top: 40px;
    width: 620px
}

.c-aboutus-ecology .ecology-list a:hover .title {
    color: var(--text-0ead98)
}

.c-aboutus-ecology .ecology-list:nth-child(2n) {
    margin-inline-start: 40px
}

.c-aboutus-ecology .ecology-list .logo {
    align-items: center;
    background-color: var(--bg-f2f3f5);
    border-radius: 20px;
    display: flex;
    height: 62px;
    justify-content: center;
    margin-bottom: 12px;
    width: 62px
}

.c-aboutus-ecology .ecology-list .logo img {
    width: 32px
}

.c-aboutus-ecology .ecology-list .title {
    color: var(--text-27282c);
    font-size: 20px;
    font-weight: 800
}

.c-aboutus-ecology .ecology-list .desc {
    color: var(--text-3a3d42);
    font-size: 14px;
    margin-top: 10px
}

.c-aboutus-entrance {
    background-color: #161719;
    padding: 44px 0
}

.c-aboutus-entrance .content {
    align-items: center;
    background: url(../app-resources-d6/assets/29c306c5ae425beeb5c908ed9e2bd6c8_ec2ba03e0eaffef7633b.v2.webp) 50%/contain no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    min-height: 216px;
    width: 846px
}

.c-aboutus-entrance .content .entrance-title {
    color: #f9fbfe;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px
}

.c-aboutus-entrance .content .via-btn {
    background-color: #f9fbfe;
    color: #161719;
    min-width: 200px
}

.c-aboutus-entrance .content .via-btn:hover {
    background-color: var(--bg-0ead98);
    color: #fff;
    transition: .4s
}

.theme-night .c-aboutus-entrance .via-btn {
    background-color: #fff;
    color: #161719
}

.c-aboutus-partners {
    background: var(--bg-f7f8fa);
    padding-bottom: 100px
}

.c-aboutus-partners .partners-content {
    margin: 0 auto;
    max-width: 1240px;
    padding-top: 96px
}

.c-aboutus-partners .title {
    color: var(--text-161719);
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
    text-align: center
}

.c-aboutus-partners .partners-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 42px
}

.c-aboutus-partners .partners-wrap .partners-item {
    align-items: center;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-bottom: 20px;
    width: 206px
}

.theme-night .c-aboutus-partners {
    background: var(--bg-ffffff-gray1002)
}

.p-aboutus {
    background-color: var(--bg-ffffff);
    min-height: 100%;
    padding-top: 52px;
    position: relative
}

.p-aboutus .animated.fadeInUp {
    animation-duration: 1.5s
}

.theme-night .p-aboutus {
    background-color: var(--bg-ffffff-gray1003)
}

.c-contract-base {
    direction: ltr;
    font-family: Custom-Hyphen, PingFangSC-Regular, SF Pro Text, SF Pro Icons, DIN, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 0 auto 80px;
    max-width: 1440px
}

.c-contract-base .left-nav-box {
    max-height: calc(-120px + 100vh);
    overflow-y: auto
}

.c-contract-base .left-nav-box .title-item {
    align-items: center;
    border-radius: 10px;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    padding: 10px 32px;
    word-break: break-word
}

.c-contract-base .left-nav-box .title-item.active,
.c-contract-base .left-nav-box .title-item:hover {
    background-color: var(--bg-0ead98-5);
    color: var(--text-0ead98)
}

.c-contract-base .right-info-box {
    padding-inline-start: 60px;
    position: relative
}

.c-contract-base .right-info-box::-webkit-scrollbar {
    display: none
}

.c-contract-base .right-info-box h3 {
    color: var(--text-3a3d42);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 32px
}

.c-contract-base .right-info-box p {
    color: var(--text-707580);
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 16px
}

.c-asset-twostep .ts-main .item {
    background-color: var(--bg-fafbfc);
    border: 1px solid var(--border-e0e3ed);
    flex: 1 1 0%;
    padding: 15px;
    text-align: center
}

.c-asset-twostep .ts-main .item .num {
    background-color: var(--bg-f2f2f2);
    border-radius: 50%;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px
}

.c-asset-twostep .ts-main .iconfont {
    color: var(--text-e0e3ed);
    font-size: 50px;
    line-height: 116px;
    margin: 0 -6px 0 -3px
}

.c-common-select-search {
    position: relative
}

.c-common-select-search .selector-box {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 4px;
    display: flex;
    height: 40px;
    justify-content: space-between;
    line-height: normal;
    padding-inline-start: 15px;
    position: relative;
    transition: .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-common-select-search .selector-box .selector-left-name {
    align-items: center;
    display: flex;
    font-size: 12px
}

.c-common-select-search .selector-box .selector-right-icon {
    color: var(--text-aeb0b3);
    font-size: 12px;
    font-weight: 700;
    margin-inline-end: 12px;
    transition: .4s
}

.c-common-select-search .selector-box:hover {
    cursor: pointer
}

.c-common-select-search .selector-box.active .selector-right-icon {
    color: var(--text-0ead98);
    transform: rotate(180deg);
    transition: .4s
}

.c-common-select-search .selector-box.active,
.c-common-select-search .selector-box:hover {
    background-color: var(--bg-fafafa);
    border: 1px solid var(--border-0ead98);
    transition: .4s
}

.c-common-select-search .popper-box {
    background-color: var(--bg-ffffff);
    border: none;
    border-radius: 4px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .3);
    left: 0;
    margin-top: 1px !important;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 40px;
    width: 500px;
    z-index: 11
}

.c-common-select-search .popper-box .search-box .el-input .el-input__inner {
    background-color: var(--bg-fafafa);
    border: 1px solid transparent;
    font-size: 14px;
    height: 40px;
    line-height: 40px
}

.c-common-select-search .popper-box .search-box .el-input .el-input__inner::-webkit-input-placeholder {
    color: var(--text-aeb0b3);
    font-size: 14px
}

.c-common-select-search .popper-box .search-box .el-input .el-input__inner:focus,
.c-common-select-search .popper-box .search-box .el-input .el-input__inner:hover {
    border: 1px solid var(--border-0ead98);
    transition: .4s
}

.c-common-select-search .popper-box .search-box .el-input .el-input__icon {
    line-height: 40px
}

.c-common-select-search .popper-box .select-item-box {
    background: var(--bg-ffffff);
    overflow-y: auto
}

.c-common-select-search .popper-box .select-item-box .all-list .list-item {
    padding-inline: 15px 5px
}

.c-common-select-search .popper-box .select-item-box .all-list .list-item .item-inner {
    align-items: center;
    border-bottom: 1px solid var(--border-f4f6fa);
    cursor: pointer;
    display: flex;
    line-height: 40px
}

.c-common-select-search .popper-box .select-item-box .all-list .list-item .item-inner .left-sec {
    align-items: center;
    display: flex;
    min-width: 100px;
    padding-inline-end: 10px
}

.c-common-select-search .popper-box .select-item-box .all-list .list-item .item-inner .left-sec .img-coin {
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    margin-inline-end: 5px;
    width: 16px
}

.c-common-select-search .popper-box .select-item-box .all-list .list-item .item-inner .left-sec .short-name {
    color: var(--text-161719);
    display: inline-block
}

.c-common-select-search .popper-box .select-item-box .all-list .list-item .item-inner .full-name {
    color: var(--text-707580);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-common-select-search .popper-box .select-item-box .all-list .list-item:hover {
    background-color: rgba(14, 173, 152, .05)
}

.c-common-select-search .popper-box .select-item-box .all-list .list-item:hover .short-name {
    color: var(--text-0ead98) !important
}

.c-common-select-search.small .selector-box {
    background-color: transparent;
    border: 1px solid var(--border-e0e3ed);
    height: 24px;
    width: 100px
}

.c-common-select-search.small .selector-box.active {
    border: 1px solid var(--border-0ead98)
}

.c-common-select-search.small .selector-box:after {
    height: 6px;
    inset-inline-end: 10px;
    width: 6px
}

.c-common-select-search.small .selector-box:focus,
.c-common-select-search.small .selector-box:hover {
    background-color: var(--bg-fafafa);
    border: 1px solid var(--border-0ead98);
    transition: .4s
}

.c-common-select-search.small .popper-box {
    top: 24px;
    width: 190px
}

.c-common-select-search.small .popper-box .search-box .el-input .el-input__inner {
    font-size: 12px;
    height: 30px;
    line-height: 30px
}

.c-common-select-search.small .popper-box .search-box .el-input .el-input__inner::-webkit-input-placeholder {
    font-size: 12px
}

.c-common-select-search.small .popper-box .search-box .el-input .el-input__icon {
    line-height: 30px
}

.theme-night .c-common-select-search .popper-box {
    border: 1px solid var(--border-f4f6fa);
    box-shadow: none
}

.c-asset-withdraw-address-extra .addr-extra-box .with-tip {
    border-bottom: 1px dashed var(--text-aeb0b3);
    display: inline-block
}

.c-asset-withdraw-address-extra .addr-extra-box .el-select .el-input .el-input__inner {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.c-asset-withdraw-address-extra .addr-extra-box .el-select .el-input .el-input__inner:focus,
.c-asset-withdraw-address-extra .addr-extra-box .el-select .el-input .el-input__inner:hover {
    border: 1px solid var(--border-0ead98);
    transition: .4s
}

.c-common-input-countdown .el-input__inner {
    padding-inline-end: 120px !important
}

.c-common-input-countdown .el-input__suffix {
    align-items: center;
    display: flex;
    inset-inline-end: 0
}

.c-common-input-countdown .btn-send {
    color: var(--text-0ead98);
    cursor: pointer;
    line-height: 20px;
    max-width: 120px;
    padding: 0 10px
}

.c-common-input-countdown .tip-countdown {
    color: var(--text-b4b7bd);
    cursor: not-allowed;
    line-height: 20px;
    max-width: 128px;
    padding: 0 10px
}

.c-security-form-verify-email {
    min-height: 90px
}

.c-common-virtual-select .virtual-list {
    background-color: var(--bg-ffffff-gray1004);
    border: none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.c-common-virtual-select .virtual-list .option-item {
    box-sizing: border-box;
    color: #7d7f81;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-common-virtual-select .virtual-list .option-item.is-selected,
.c-common-virtual-select .virtual-list .option-item:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.c-security-form-input-mobile .c-common-popper .c-common-popper-container {
    min-width: 476px
}

.c-security-form-verify-passkey .passkey-overlay {
    background: rgba(0, 0, 0, .4);
    inset: 0;
    position: fixed;
    transition-duration: .3s;
    z-index: 10100
}

.c-security-form-2fa {
    min-height: 122px;
    position: relative
}

.c-security-form-2fa .btn-switch {
    color: var(--text-0ead98);
    inset-inline-end: 0;
    line-height: 14px;
    padding-top: 4px;
    text-align: end
}

.c-security-form-2fa.passkey {
    min-height: auto
}

.c-security-form-2fa.passkey .btn-switch {
    margin-inline-start: 40px;
    text-align: start
}

.c-security-form-2fa.with-switch .el-form-item__error {
    max-width: 60%
}

.c-account-unable-get-code-dialog .dot {
    align-items: center;
    display: flex !important;
    padding-inline-start: 16px;
    position: relative
}

.c-account-unable-get-code-dialog .dot:before {
    background: var(--bg-0ead98);
    border-radius: 50%;
    content: "";
    height: 6px;
    inset-inline-start: 0;
    position: absolute;
    width: 6px
}

.c-security-business-resetlink {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 14px;
    transition-duration: .3s
}

.c-security-business-resetlink:hover {
    color: var(--text-1bbeb2)
}

.c-security-email .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

.c-security-email .icon-wrap .el-icon-success {
    color: #0ead98;
    font-size: 60px
}

.c-security-form-bind-totp .qrcode-wrapper {
    background: #fff;
    border: 1px solid var(--border-e0e3ed);
    border-radius: 4px;
    margin: 0 auto;
    padding: 5px;
    width: 152px
}

.c-security-form-bind-totp .secret-wrapper {
    align-items: center;
    background: var(--bg-f2f3f5);
    border-radius: 4px;
    display: flex;
    padding: 8px 12px
}

.c-security-form-bind-totp .tip-wrapper {
    background: rgba(243, 139, 44, .05);
    border-radius: 4px;
    color: var(--text-f38b2c);
    font-size: 12px;
    padding: 5px 8px
}

.c-security-totp .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

.c-security-totp .icon-wrap .el-icon-success {
    color: #0ead98;
    font-size: 60px
}

.c-security-mobile .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

.c-security-mobile .icon-wrap .el-icon-success {
    color: #0ead98;
    font-size: 60px
}

.c-security-phishing .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

.c-security-phishing .icon-wrap .el-icon-success {
    color: #0ead98;
    font-size: 60px
}

.c-my-info-basic-input-pwd.el-form .el-form-item__label {
    color: var(--text-3a3d42)
}

.c-my-info-basic-input-pwd.el-form .el-input .el-input__inner[type=password]+.el-input__suffix .el-icon-view:before {
    color: var(--text-707580);
    content: "";
    font-family: iconfont
}

.c-my-info-basic-input-pwd.el-form .el-input .el-input__inner[type=text]+.el-input__suffix .el-icon-view:before {
    color: var(--text-707580);
    content: "";
    font-family: iconfont
}

.c-my-info-basic-input-pwd.el-form .el-input .el-input__inner::-webkit-input-placeholder {
    color: var(--text-b4b7bd)
}

.c-my-info-basic-withdraw-pwd-bind .tip-text {
    color: var(--text-db5541);
    font-size: 12px
}

.c-security-business-withdraw-pwd .business-title {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 700
}

.c-security-business-withdraw-pwd .success-box .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

.c-security-business-withdraw-pwd .success-box .icon-wrap .el-icon-success {
    color: #0ead98;
    font-size: 60px
}

.c-security-business-withdraw-pwd .success-box .success-text {
    font-size: 20px;
    font-weight: 500
}

.c-my-info-basic-trade-pwd-bind .tip-text {
    color: var(--text-db5541);
    font-size: 12px
}

.c-security-business-trade-pwd .business-title {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 700
}

.c-security-business-trade-pwd .success-box .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

.c-security-business-trade-pwd .success-box .icon-wrap .el-icon-success {
    color: #0ead98;
    font-size: 60px
}

.c-security-business-trade-pwd .success-box .success-text {
    font-size: 20px;
    font-weight: 500
}

.c-common-lineinput {
    display: inline-block;
    position: relative;
    width: 100%
}

.c-common-lineinput .decor {
    background-color: var(--bg-0ead98);
    display: none;
    height: 20px;
    left: -12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 2px
}

.c-common-lineinput .lineinput {
    border-bottom: 1px solid var(--border-d4d4db);
    transition: .3s
}

.c-common-lineinput .lineinput .el-input__inner {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--text-27282c);
    font-size: 16px !important;
    padding-left: 0
}

.c-common-lineinput .lineinput .el-input__inner::-webkit-input-placeholder {
    font-size: 12px
}

.c-common-lineinput .lineinput .el-input__inner:focus,
.c-common-lineinput .lineinput .el-input__inner:hover {
    border: none;
    box-shadow: none
}

.c-common-lineinput .lineinput .el-input__inner::-moz-placeholder {
    color: var(--text-aeb0b3)
}

.c-common-lineinput .lineinput .el-input__inner::placeholder {
    color: var(--text-aeb0b3)
}

.c-common-lineinput .lineinput.el-input.el-input--suffix .el-input__inner {
    padding-left: 0 !important;
    padding-right: 45px !important
}

.c-common-lineinput .lineinput.el-input.is-disabled .el-input__inner {
    background-color: transparent;
    border: none;
    color: var(--text-27282c)
}

.c-common-lineinput .lineinput .el-input__clear.el-icon-circle-close {
    display: none !important
}

.c-common-lineinput .lineinput .el-input__suffix {
    left: auto;
    right: 0
}

.c-common-lineinput .lineinput .el-input-group__append,
.c-common-lineinput .lineinput .el-input-group__prepend {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--text-7d7f81);
    font-size: 14px;
    padding: 0
}

.c-common-lineinput .lineinput .el-icon-circle-close,
.c-common-lineinput .lineinput .el-icon-view,
.c-common-lineinput .lineinput .el-input__clear {
    color: #7d7f81;
    transition: .3s
}

.c-common-lineinput .lineinput .el-icon-circle-close:hover,
.c-common-lineinput .lineinput .el-icon-view:hover,
.c-common-lineinput .lineinput .el-input__clear:hover {
    color: var(--text-0ead98)
}

.c-common-lineinput .lineinput .el-input__validateIcon.el-icon-circle-close {
    display: none
}

.c-common-lineinput .lineinput .el-input__validateIcon.el-icon-circle-check {
    color: var(--text-0ead98);
    font-size: 18px;
    transition: .3s
}

.c-common-lineinput .lineinput .el-input__validateIcon.el-icon-loading {
    display: none
}

.c-common-lineinput .lineinput.status-disabled .el-input__validateIcon {
    display: none !important
}

.c-common-lineinput+.el-form-item__error {
    color: var(--text-db5541);
    font-size: 12px;
    padding-top: 5px
}

.is-focused .lineinput {
    border-color: var(--border-0ead98);
    box-shadow: 0 4px 6px -4px rgba(9, 159, 148, .42)
}

.is-focused .lineinput .el-input__clear.el-icon-circle-close {
    display: inline-block !important;
    font-size: 18px
}

.is-focused .lineinput .el-input__suffix .el-input__validateIcon.el-icon-circle-check {
    display: none
}

.is-error .lineinput {
    border-color: var(--text-db5541);
    box-shadow: 0 4px 6px -4px rgba(230, 88, 63, .42)
}

.is-error .decor {
    background-color: var(--text-db5541);
    display: block
}

.password-icon-modify .el-input__inner[type=password]+.el-input__suffix .el-icon-view:before {
    content: "";
    font-family: iconfont;
    font-size: 18px
}

.password-icon-modify .el-input__inner[type=text]+.el-input__suffix .el-icon-view:before {
    content: "";
    font-family: iconfont;
    font-size: 18px
}

.password-icon-modify .el-icon-circle-check {
    display: block;
    left: -46px;
    position: absolute;
    top: calc(50% - 9px)
}

.password-icon-modify .el-input__suffix>.el-icon-circle-check {
    height: auto;
    left: -22px;
    line-height: 1 !important;
    width: auto
}

.c-common-type-area .type-area-normal .el-input-group__append,
.c-common-type-area .type-area-normal .el-input-group__prepend {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--text-7d7f81);
    font-size: 14px;
    padding: 0
}

.c-common-type-area .type-area-normal .el-icon-circle-close,
.c-common-type-area .type-area-normal .el-icon-view,
.c-common-type-area .type-area-normal .el-input__clear {
    color: #7d7f81;
    transition: .3s
}

.c-common-type-area .type-area-normal .el-icon-circle-close:hover,
.c-common-type-area .type-area-normal .el-icon-view:hover,
.c-common-type-area .type-area-normal .el-input__clear:hover {
    color: var(--text-0ead98)
}

.c-common-type-area .type-area-normal .el-input__clear.el-icon-circle-close {
    display: none !important
}

.c-common-type-area .type-area-normal .el-input__validateIcon.el-icon-circle-close {
    display: none
}

.c-common-type-area .type-area-normal .el-input__validateIcon.el-icon-circle-check {
    color: var(--text-0ead98);
    font-size: 18px;
    transition: .3s
}

.c-common-type-area .type-area-normal .el-input__validateIcon.el-icon-loading {
    display: none
}

.c-common-type-area .type-area-normal.status-disabled .el-input__validateIcon {
    display: none !important
}

.c-common-type-area .type-area-normal .el-input__inner::-moz-placeholder {
    color: var(--text-b4b7bd)
}

.c-common-type-area .type-area-normal .el-input__inner::placeholder {
    color: var(--text-b4b7bd)
}

.c-common-type-area .type-area-normal .el-input__inner::-webkit-contacts-auto-fill-button,
.c-common-type-area .type-area-normal .el-input__inner::-webkit-credentials-auto-fill-button {
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
    visibility: hidden
}

.c-common-type-area .type-area-normal.el-input--suffix .el-input__inner {
    padding-left: 15px !important;
    padding-right: 45px !important
}

.c-common-type-area.is-focused .type-area-normal {
    border-color: var(--border-0ead98)
}

.c-common-type-area.is-focused .type-area-normal .el-input__clear.el-icon-circle-close {
    display: inline-block !important;
    font-size: 18px
}

.c-common-type-area.is-focused .type-area-normal .el-input__suffix .el-input__validateIcon.el-icon-circle-check {
    display: none
}

.c-common-type-area .el-icon-circle-check {
    display: block;
    left: -52px;
    position: absolute;
    top: calc(50% - 9px)
}

.c-common-type-area .el-input__suffix>.el-icon-circle-check {
    height: auto;
    left: -22px;
    line-height: 1 !important;
    width: auto
}

.rules-out {
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(167, 185, 193, .19);
    min-width: 160px;
    padding: 8px 2px 8px 10px
}

.theme-night .rules-out {
    border-color: transparent !important
}

.theme-night .rules-out,
.theme-night .rules-out .rules-content {
    background: #1f2124 !important
}

.theme-night .rules-out.el-popper[x-placement^=right] .popper__arrow:after {
    border-right-color: #1f2124
}

.c-security-password .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

.c-security-password .icon-wrap .el-icon-success {
    color: #0ead98;
    font-size: 60px
}

.c-security-form-forminputpasskey .passkey-overlay {
    background: rgba(0, 0, 0, .4);
    inset: 0;
    position: fixed;
    transition-duration: .3s;
    z-index: 10100
}

.c-security-passkey .icon-wrap {
    align-items: center;
    background: rgba(14, 173, 152, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

.c-security-passkey .icon-wrap .el-icon-success {
    color: #0ead98;
    font-size: 60px
}

.c-security-dialog-security .via-dialog-close {
    z-index: 90 !important
}

.c-security-dialog-security .via-steps .via-step .via-step__content {
    overflow-wrap: break-word;
    padding-inline-end: 10px;
    word-break: break-word
}

.c-security-dialog-security .via-steps .via-step:last-child .via-step__content {
    padding-inline-end: 0
}

.c-security-dialog-security .c-common-input-countdown .tip-countdown {
    max-width: 130px !important
}

.c-asset-withdraw-address-add {
    color: var(--text-161719)
}

.c-asset-withdraw-address-add .title-text {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 700
}

.c-asset-withdraw-address-add .tip-icon {
    color: var(--text-b4b7bd);
    font-size: 18px
}

.c-asset-withdraw-address-add .row-addr-type-tip {
    background-color: rgba(243, 139, 44, .05);
    border-radius: 4px;
    color: var(--text-f38b2c);
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px;
    padding: 8px 16px
}

.c-asset-withdraw-address-add .el-form-item {
    margin-bottom: 20px
}

.c-asset-withdraw-address-add .el-input .el-input__inner {
    background-color: var(--bg-f7f8fa);
    border: 1px solid var(--bg-f7f8fa);
    border-radius: 4px !important;
    height: 40px !important
}

.c-asset-withdraw-address-add .el-input .el-input__inner:focus,
.c-asset-withdraw-address-add .el-input .el-input__inner:hover {
    border: 1px solid var(--border-0ead98)
}

.c-asset-withdraw-address-add .ex-button {
    border-radius: 20px !important;
    height: 40px !important;
    line-height: 40px;
    margin-top: 30px;
    width: 100%
}

.c-asset-withdraw-address-add .select-transfer-type-box .via-radio-button__inner {
    min-width: 140px !important
}

.c-asset-withdraw-address-dialog-del .row-btn {
    display: flex;
    margin-top: 30px
}

.c-asset-withdraw-address-dialog-del .row-btn .el-button {
    border-radius: 20px;
    flex: 1 1 0%;
    height: 40px
}

.c-asset-withdraw-address-input {
    display: inline-block;
    width: 100%
}

.c-asset-withdraw-address-input .addr-input-box {
    position: relative
}

.c-asset-withdraw-address-input .addr-input-box .row-input {
    align-items: center;
    display: flex;
    position: relative
}

.c-asset-withdraw-address-input .addr-input-box .row-input .el-textarea .el-textarea__inner {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    color: var(--text-161719);
    font-weight: 400;
    line-height: 28px;
    min-height: 40px !important;
    padding-inline-end: 55px
}

.c-asset-withdraw-address-input .addr-input-box .row-input .el-textarea .el-textarea__inner:focus,
.c-asset-withdraw-address-input .addr-input-box .row-input .el-textarea .el-textarea__inner:hover {
    border: 1px solid var(--border-0ead98);
    transition: .4s
}

.c-asset-withdraw-address-input .addr-input-box .row-input .icon-cancel {
    color: #aeb0b3;
    cursor: pointer;
    font-size: 14px;
    inset-inline-end: 45px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.c-asset-withdraw-address-input .addr-input-box .operate-addr .img-addr {
    cursor: pointer;
    inset-inline-end: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.popover-operate-addr {
    background: var(--bg-ffffff);
    margin-top: 2px !important;
    padding: 0;
    width: 540px !important
}

.popover-operate-addr .addr-content {
    padding-top: 16px
}

.popover-operate-addr .addr-content .tip-text {
    color: var(--text-f38b2c);
    font-size: 12px;
    padding: 0 16px;
    word-break: break-word
}

.popover-operate-addr .addr-content .cmp-empty {
    min-height: 100px
}

.popover-operate-addr .addr-content .cmp-empty .empty-img {
    width: 98px
}

.popover-operate-addr .addr-content .cmp-empty .empty-text {
    font-size: 12px
}

.popover-operate-addr .addr-content .list {
    overflow-y: auto
}

.popover-operate-addr .addr-content .list .item .item-inner {
    align-items: baseline;
    border-bottom: 1px solid var(--border-f4f6fa);
    display: flex;
    justify-content: space-between;
    padding: 15px
}

.popover-operate-addr .addr-content .list .item .item-inner:last-of-type {
    border-bottom: none
}

.popover-operate-addr .addr-content .list .item .item-inner .left-sec {
    cursor: pointer;
    flex: 20 1 0%;
    padding-inline-end: 20px
}

.popover-operate-addr .addr-content .list .item .item-inner .left-sec .row-tag {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.popover-operate-addr .addr-content .list .item .item-inner .left-sec .row-tag .tag-sec {
    background-color: var(--bg-f7f8fa);
    border-radius: 4px;
    color: var(--text-707580);
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-inline-end: 8px;
    min-height: 20px;
    padding: 2px 6px
}

.popover-operate-addr .addr-content .list .item .item-inner .left-sec .row-tag .tag-sec.tag-remark {
    align-items: center;
    background: rgba(14, 173, 152, .05);
    color: var(--text-0ead98);
    display: flex
}

.popover-operate-addr .addr-content .list .item .item-inner .left-sec .row-tag .tag-sec.tag-remark .remark-text {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popover-operate-addr .addr-content .list .item .item-inner .left-sec .row-tag .tag-sec.tag-remark i {
    font-size: 12px;
    margin-inline-end: 3px
}

.popover-operate-addr .addr-content .list .item .item-inner .left-sec .addr-memo-box .row-addr {
    color: var(--text-161719);
    font-weight: 700
}

.popover-operate-addr .addr-content .list .item .item-inner .left-sec .addr-memo-box .row-extra,
.popover-operate-addr .addr-content .list .item .item-inner .left-sec .addr-memo-box .row-memo {
    align-items: center;
    color: var(--text-707580);
    display: flex;
    font-size: 12px;
    margin-top: 5px
}

.popover-operate-addr .addr-content .list .item .item-inner .left-sec .addr-memo-box .row-extra:before,
.popover-operate-addr .addr-content .list .item .item-inner .left-sec .addr-memo-box .row-memo:before {
    background-color: var(--bg-e6e7eb);
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 5px;
    margin-inline-end: 4px;
    width: 5px
}

.popover-operate-addr .addr-content .list .item .item-inner .right-icon {
    cursor: pointer;
    text-align: center;
    width: 20px
}

.popover-operate-addr .addr-content .list .item .item-inner .right-icon:hover {
    color: var(--text-db5541)
}

.popover-operate-addr .addr-content .list .item:hover {
    background-color: var(--bg-f8fcfb)
}

.popover-operate-addr .addr-content .list .item:hover .left-sec .row-tag .tag-sec {
    background-color: rgba(14, 173, 152, .1);
    transition: .4s
}

.popover-operate-addr .addr-content .row-btn {
    padding: 10px 15px 15px;
    text-align: end
}

.theme-night .popover-operate-addr {
    border-color: #49556b
}

.c-asset-withdraw-normal-dialog-fee-change .tip-text {
    color: var(--text-7d7f81)
}

.c-asset-withdraw-normal-dialog-fee-change .row-btn {
    display: flex;
    margin-top: 30px
}

.c-asset-withdraw-normal-dialog-fee-change .row-btn .el-button {
    border-radius: 20px;
    flex: 1 1 0%;
    height: 40px
}

.c-asset-withdraw-actual-amount .row-label {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px
}

.c-asset-withdraw-actual-amount .row-label .available-amount-sec {
    color: var(--text-7d7f81);
    font-size: 12px
}

.c-asset-withdraw-actual-amount .row-label .available-amount-sec .with-tip {
    border-bottom: 1px dashed #aeb0b3
}

.c-asset-withdraw-actual-amount .row-label .available-amount-sec .val {
    color: var(--text-0ead98);
    cursor: pointer
}

.c-asset-withdraw-actual-amount .row-label .available-amount-sec .unit {
    color: var(--text-aeb0b3)
}

.c-asset-withdraw-actual-amount .amount-box {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 4px;
    overflow: hidden
}

.c-asset-withdraw-actual-amount .amount-box .el-input .el-input__inner {
    background-color: transparent;
    border: none;
    color: var(--text-161719);
    font-weight: 700;
    height: 40px;
    padding-inline-end: 100px;
    transition: .4s
}

.c-asset-withdraw-actual-amount .amount-box .el-input .el-input__suffix .input-suffix {
    align-items: center;
    display: flex;
    line-height: 40px;
    margin-inline-end: 14px
}

.c-asset-withdraw-actual-amount .amount-box .el-input .el-input__suffix .input-suffix .coin-name {
    color: var(--text-161719)
}

.c-asset-withdraw-actual-amount .amount-box .el-input .el-input__suffix .input-suffix .sep-line {
    background-color: var(--bg-e0e3ed);
    display: inline-block;
    height: 16px;
    margin: 0 15px;
    width: 1px
}

.c-asset-withdraw-actual-amount .amount-box .el-input .el-input__suffix .input-suffix .all {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 12px
}

.c-asset-withdraw-actual-amount .amount-box .fee-box {
    padding: 0 15px
}

.c-asset-withdraw-actual-amount .amount-box .fee-box .fee-inner {
    border-top: 1px dashed var(--border-e0e3ed);
    padding: 6px 0
}

.c-asset-withdraw-actual-amount .amount-box .fee-box .fee-inner .row-item {
    align-items: center;
    display: flex;
    font-size: 12px;
    padding: 6px 0
}

.c-asset-withdraw-actual-amount .amount-box .fee-box .fee-inner .row-item .field {
    color: var(--text-7d7f81);
    margin-inline-end: 30px;
    min-width: 80px
}

.c-asset-withdraw-actual-amount .amount-box .fee-box .fee-inner .row-item .val {
    color: var(--text-161719);
    margin-inline-end: 3px
}

.c-asset-withdraw-actual-amount .amount-box .fee-box .fee-inner .row-item .unit {
    color: var(--text-aeb0b3)
}

.c-asset-withdraw-actual-amount .amount-box.is-active,
.c-asset-withdraw-actual-amount .amount-box:hover {
    border-color: var(--border-0ead98);
    box-shadow: 0 0 6px rgba(27, 190, 178, .1);
    transition: .4s
}

.c-asset-withdraw-actual-amount .row-tip {
    color: var(--text-db5541);
    font-size: 12px;
    margin-top: 4px
}

.c-asset-withdraw-remark .el-textarea .el-textarea__inner {
    background-color: var(--bg-f8f8fc);
    border: 1px solid var(--border-e0e3ed)
}

.c-asset-withdraw-remark .row-btn {
    align-items: center;
    display: flex;
    margin-top: 20px
}

.c-asset-withdraw-remark .row-btn .el-button {
    border-radius: 20px;
    flex: 1 1 0%;
    height: 40px;
    line-height: 40px
}

.c-asset-withdraw-remark .row-edit {
    font-size: 12px;
    margin-top: 5px
}

.c-asset-withdraw-remark .row-edit .field {
    color: var(--text-7d7f81);
    margin-inline-end: 3px
}

.c-asset-withdraw-remark .row-edit .edit {
    color: var(--text-0ead98);
    cursor: pointer;
    display: inline-block
}

.c-asset-withdraw-dialog-auth .cmp-input-pwd .el-form-item__label {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 12px
}

.c-asset-withdraw-dialog-auth .cmp-2fa .security-label {
    font-size: 20px;
    font-weight: 500
}

.c-asset-withdraw-dialog-auth .auth-error-box {
    background: var(--volcano-10, rgba(219, 85, 65, .1));
    border-radius: 4px;
    color: #e6583f;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: -36px 0 10px;
    padding: 4px;
    text-align: center
}

.c-asset-withdraw-normal-dialog-contract-addr-tip .title-text {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 700
}

.c-asset-withdraw-normal-dialog-contract-addr-tip .tip-text {
    color: var(--text-7d7f81)
}

.c-asset-withdraw-normal-dialog-contract-addr-tip .el-checkbox {
    color: #161617;
    font-size: 12px;
    margin-top: 20px
}

.c-asset-withdraw-normal-dialog-contract-addr-tip .row-btn {
    display: flex;
    margin-top: 20px
}

.c-asset-withdraw-normal-dialog-contract-addr-tip .row-btn .el-button {
    border-radius: 20px;
    flex: 1 1 0%;
    height: 40px
}

.c-asset-withdraw-normal-dialog-local-addr .via-dialog .tip-text {
    color: var(--text-3a3d42);
    display: block;
    margin-top: 20px
}

.c-asset-withdraw-normal-dialog-local-addr .via-dialog .row-btn {
    align-items: center;
    display: flex
}

.c-asset-withdraw-normal-dialog-local-addr .via-dialog .row-btn .via-btn {
    flex: 1 1 0%
}

.c-asset-withdraw-normal-dialog-repetition .via-dialog-header {
    margin-bottom: 20px
}

.c-asset-withdraw-normal-dialog-repetition .title-text {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.c-asset-withdraw-normal-dialog-repetition .tip-text {
    color: var(--text-3a3d42);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.c-asset-withdraw-normal-withdraw-info .row-tip {
    color: var(--text-db5541);
    font-size: 12px;
    margin-top: 4px
}

.c-asset-withdraw-normal-withdraw-info .addr-box .row-label {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-top: 10px
}

.c-asset-withdraw-normal-withdraw-info .addr-box .row-label .kda-tip {
    color: #f38b2c;
    font-size: 12px;
    margin-inline-end: 15px
}

.c-asset-withdraw-normal-withdraw-info .addr-box .row-label .wallet-tip {
    color: #7d7f81;
    font-size: 12px
}

.c-asset-withdraw-normal-withdraw-info .memo-box {
    margin-top: 20px
}

.c-asset-withdraw-normal-withdraw-info .memo-box .el-input .el-input__inner {
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.c-asset-withdraw-normal-withdraw-info .memo-box .el-input .el-input__suffix .el-icon-circle-close:before {
    color: var(--text-aeb0b3);
    content: "";
    font-family: iconfont;
    font-size: 14px
}

.c-asset-withdraw-normal-withdraw-info .row-btn {
    margin-top: 30px
}

.c-asset-withdraw-normal-withdraw-info .row-btn .el-button {
    height: 40px;
    line-height: 40px
}

.c-asset-withdraw-local-index .row-btn {
    margin-top: 30px
}

.c-asset-withdraw-local-index .row-btn .el-button {
    height: 40px;
    line-height: 40px
}

.c-asset-withdraw-dialog-improve-limit .improve-step-box {
    margin-top: 20px
}

.c-asset-withdraw-dialog-improve-limit .improve-step-box .step-box {
    align-items: center;
    background: var(--bg-fafafa);
    border-radius: 4px;
    color: var(--text-161719);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 20px 20px 20px 15px
}

.c-asset-withdraw-dialog-improve-limit .improve-step-box .step-box .step-left {
    align-items: center;
    display: flex
}

.c-asset-withdraw-dialog-improve-limit .improve-step-box .step-box .step-left .iconfont {
    font-size: 24px;
    margin-inline-end: 10px
}

.c-asset-withdraw-dialog-improve-limit .improve-step-box .step-box .step-left .status {
    border: 1px solid #e0e3ed;
    border-radius: 4px;
    color: #aeb0b3;
    font-size: 12px;
    margin-inline-start: 7px;
    padding: 0 8px
}

.c-asset-withdraw-dialog-improve-limit .improve-step-box .step-box .el-icon-arrow-right {
    color: #aeb0b3
}

.c-asset-withdraw-normal-dialog-disable-withdraw .title-box {
    text-align: center
}

.c-asset-withdraw-normal-dialog-disable-withdraw .title-box .row-icon {
    background-color: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: inline-block;
    height: 100px;
    width: 100px
}

.c-asset-withdraw-normal-dialog-disable-withdraw .title-box .row-icon .el-icon-warning {
    color: #f38b2c;
    font-size: 70px;
    line-height: 100px
}

.c-asset-withdraw-normal-dialog-disable-withdraw .title-box .title-text {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px
}

.c-asset-withdraw-normal-dialog-disable-withdraw .tip-text-box {
    color: var(--text-3a3d42)
}

.c-asset-withdraw-normal-dialog-disable-withdraw .tip-text-box .sec-time {
    color: var(--text-161719);
    font-weight: 700
}

.c-asset-withdraw-normal-dialog-disable-withdraw .row-btn {
    display: flex;
    margin-top: 32px
}

.c-asset-withdraw-normal-dialog-disable-withdraw .row-btn .el-button {
    border-radius: 20px;
    flex: 1 1 0%;
    height: 40px
}

.c-asset-withdraw-guide.via-dialog-wrapper .via-dialog .via-dialog-header {
    margin-bottom: 12px
}

.c-asset-withdraw-guide .via-collapse .via-collapse-item .is-active {
    border-radius: 8px
}

.c-asset-withdraw-guide .via-collapse .via-collapse-item .via-collapse-item__header {
    line-height: 1.2
}

.c-asset-withdraw-guide .step-img {
    margin-inline-end: -12px
}

.c-asset-withdraw-guide .sticker {
    bottom: 0;
    inset-inline-end: 0;
    position: absolute;
    width: 188px
}

.c-asset-withdraw-guide li {
    color: var(--text-707580);
    font-size: 12px;
    line-height: 18px;
    list-style-type: disc;
    margin-inline-start: 12px
}

.c-asset-withdraw-notes .sec-title {
    font-weight: 700
}

.c-asset-withdraw-notes .limit-box .stat-box .row-stat,
.c-asset-withdraw-notes .notes-box .stat-box .row-stat {
    align-items: center;
    color: #7d7f81;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    margin-top: 10px
}

.c-asset-withdraw-notes .limit-box .stat-box .row-stat .right-val .val,
.c-asset-withdraw-notes .notes-box .stat-box .row-stat .right-val .val {
    color: #f38b2c;
    font-weight: 700
}

.c-asset-withdraw-notes .limit-box .row-link {
    font-size: 12px;
    margin-top: 10px;
    text-align: end
}

.c-asset-withdraw-notes .limit-box .row-link .link-text {
    color: var(--text-0ead98);
    cursor: pointer
}

.c-asset-withdraw-notes .question-box .row-title {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-asset-withdraw-notes .question-box .row-question {
    font-size: 12px;
    margin-top: 10px
}

.c-asset-withdraw-notes .question-box .row-question .sec-link {
    color: var(--text-161719);
    cursor: pointer;
    transition: .2s
}

.c-asset-withdraw-notes .question-box .row-question .sec-link .iconfont {
    color: var(--text-f38b2c)
}

.c-asset-withdraw-notes .question-box .row-question .sec-link:hover {
    color: var(--text-0ead98);
    transition: .2s
}

.c-asset-withdraw-notes .btn-opacity {
    align-items: center;
    background: rgba(14, 173, 152, .05);
    border-radius: 4px;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 30px;
    padding: 0 15px;
    transition: .4s ease-out
}

.c-asset-withdraw-notes .btn-opacity:hover {
    background: rgba(14, 173, 152, .1)
}

.c-asset-withdraw-record-index {
    margin-top: 20px
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.c-asset-withdraw-record-index .box-header {
    border-bottom: none
}

.c-asset-withdraw-record-index .header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-asset-withdraw-record-index .header .left-sec {
    align-items: center;
    display: flex
}

.c-asset-withdraw-record-index .header .left-sec .el-icon-refresh {
    color: var(--text-0ead98);
    cursor: pointer;
    font-weight: 700;
    margin-inline-start: 10px
}

.c-asset-withdraw-record-index .header .left-sec .el-icon-refresh.loading {
    animation: rotating 2s linear 0s infinite normal none running
}

.c-asset-withdraw-record-index .header .el-button {
    line-height: 24px;
    padding: 0 10px !important
}

.p-asset-withdraw .header-box {
    justify-content: space-between
}

.p-asset-withdraw .header-box,
.p-asset-withdraw .header-box .header-left {
    align-items: center;
    display: flex
}

.p-asset-withdraw .header-box .header-left .header-text {
    color: var(--text-161719);
    font-size: 24px;
    font-weight: 700
}

.p-asset-withdraw .header-box .header-right {
    align-items: center;
    color: var(--text-0ead98);
    display: flex;
    line-height: 24px
}

.p-asset-withdraw .withdraw-body-box {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 30px
}

.p-asset-withdraw .withdraw-body-box .left-box {
    width: 570px
}

.p-asset-withdraw .withdraw-body-box .left-box .step-content-box .row-title {
    font-weight: 700;
    margin-bottom: 8px
}

.p-asset-withdraw .withdraw-body-box .right-box {
    width: 420px
}

.p-asset-withdraw .withdraw-body-box .ex-radio-group .via-radio-button__inner {
    min-width: 140px !important
}

.c-aboutus-contact .section-contact {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-aboutus-contact .section-contact .right-wrapper {
    width: 420px
}

.c-aboutus-contact .section-contact .right-wrapper img {
    display: block;
    width: 100%
}

.c-aboutus-contact .section-tools {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.c-aboutus-contact .section-tools li {
    background-color: var(--bg-ffffff);
    border-radius: 10px;
    min-height: 142px;
    overflow: hidden;
    padding: 20px 25px;
    position: relative;
    top: 0;
    transition: .4s ease-out;
    width: 305px
}

.c-aboutus-contact .section-tools li:last-child {
    margin: 0
}

.c-aboutus-contact .section-tools li .card-bg {
    color: #6daead;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: .4s ease-out;
    width: 100%
}

.c-aboutus-contact .section-tools li .card-bg .icon-semicircle {
    font-size: 28px;
    left: 17px;
    opacity: .1;
    position: absolute;
    top: 12px
}

.c-aboutus-contact .section-tools li .card-bg .icon-logo-bg {
    bottom: -75px;
    font-size: 120px;
    opacity: .05;
    position: absolute;
    right: -14px
}

.c-aboutus-contact .section-tools li .card-content {
    position: relative;
    z-index: 1
}

.c-aboutus-contact .section-tools li .card-content .icon-copy {
    cursor: pointer
}

.c-aboutus-contact .section-tools li .card-content .item-name {
    color: var(--text-27282c);
    transition: .4s ease-out
}

.c-aboutus-contact .section-tools li .card-content .item-content {
    color: var(--text-7d7f81);
    transition: .4s ease-out
}

.c-aboutus-contact .section-tools li:hover {
    background-color: #f3fdfa;
    top: -5px
}

.theme-night .c-aboutus-contact .section-tools li:hover {
    background-color: #2f3c38
}

.c-aboutus-contact-cooperate {
    margin-top: 104px
}

.c-aboutus-contact-cooperate .left-wrapper {
    width: 580px
}

.c-aboutus-contact-cooperate .cooperate-item {
    position: relative;
    top: 0;
    transition: .4s ease-out
}

.c-aboutus-contact-cooperate .cooperate-item:hover {
    top: -10px
}

.c-aboutus-contact-cooperate .link-more {
    bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    inset-inline-start: 0;
    position: absolute
}

.c-aboutus-contact-cooperate .cooperate-name {
    color: var(--text-27282c);
    font-size: 24px;
    font-weight: 700;
    transition: .4s ease-out
}

.c-aboutus-contact-cooperate .cooperate-name:hover {
    color: var(--text-0ead98)
}

.c-aboutus-contact-cooperate .ellipsis-2,
.c-aboutus-contact-cooperate .ellipsis-3,
.c-aboutus-contact-cooperate .ellipsis-mult {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.c-aboutus-contact-cooperate .ellipsis-2 {
    -webkit-line-clamp: 2
}

.c-aboutus-contact-cooperate .ellipsis-3 {
    -webkit-line-clamp: 3
}

.c-aboutus-contact-attention {
    margin-top: 104px
}

.c-aboutus-contact-attention .social-list {
    display: flex;
    justify-content: space-between;
    margin-top: 64px
}

.c-aboutus-contact-attention .social-list li {
    color: var(--text-7d7f81);
    position: relative;
    top: 0;
    transition: .4s ease-out;
    width: 100px
}

.c-aboutus-contact-attention .social-list li .social-icon {
    height: 48px;
    margin: 0 auto;
    position: relative;
    width: 48px
}

.c-aboutus-contact-attention .social-list li .social-icon img {
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .4s ease-out;
    width: 48px
}

.c-aboutus-contact-attention .social-list li .social-icon .icon-show {
    opacity: 1
}

.c-aboutus-contact-attention .social-list li .social-icon .icon-hover {
    opacity: 0
}

.c-aboutus-contact-attention .social-list li .social-name {
    color: var(--text-7d7f81);
    margin-top: 8px;
    text-align: center
}

.c-aboutus-contact-attention .social-list li:hover {
    cursor: pointer;
    top: -3px
}

.c-aboutus-contact-attention .social-list li:hover .social-icon .icon-show {
    opacity: 0
}

.c-aboutus-contact-attention .social-list li:hover .social-icon .icon-hover {
    opacity: 1
}

.c-aboutus-contact-attention .social-list .item-email:hover .social-name {
    color: #5c9bf8
}

.c-aboutus-contact-attention .social-list .item-telegram:hover .social-name {
    color: #279fd1
}

.c-aboutus-contact-attention .social-list .item-twitter:hover .social-name {
    color: #1ea1f2
}

.c-aboutus-contact-attention .social-list .item-facebook:hover .social-name {
    color: #0b82ed
}

.c-aboutus-contact-attention .social-list .item-medium:hover .social-name {
    color: var(--text-27282c)
}

.c-aboutus-contact-attention .social-list .item-reddit:hover .social-name {
    color: #fc471e
}

.c-aboutus-contact-attention .social-list .item-instagram:hover .social-name {
    color: #d9408c
}

.c-aboutus-contact-attention .social-list .item-youtube:hover .social-name {
    color: #f61c0d
}

.c-aboutus-contact-attention .social-list .item-note:hover .social-name {
    color: #41c9b4
}

.c-aboutus-contact-attention .social-list .item-vk:hover .social-name {
    color: #07f
}

.c-aboutus-contact-attention .social-list .item-line:hover .social-name {
    color: #06c755
}

.c-aboutus-contact-attention .social-list .item-tiktok:hover .social-name {
    color: var(--text-27282c)
}

.c-aboutus-contact-attention .social-list .item-naver-blog:hover .social-name {
    color: #06c755
}

.p-aboutus-contact {
    min-height: 100%;
    position: relative
}

.p-aboutus-contact .contact-wrapper {
    margin: 0 auto;
    padding: 48px 0 108px;
    width: 1280px
}

.c-token-row {
    overflow: hidden
}

.c-token-row .row-inner {
    display: flex;
    margin: 0 var(--gutter-margin)
}

.c-token-row .row-justify-between {
    justify-content: space-between
}

.c-token-row .row-align-center {
    align-items: center
}

.c-token-row.disabled .row-inner {
    display: block
}

.c-token-row.disabled .c-token-col {
    width: auto !important
}

.c-token-col.col-8 {
    padding: 0 var(--gutter-padding);
    width: 33.3333%
}

.c-token-col.col-12 {
    padding: 0 var(--gutter-padding);
    width: 50%
}

.c-token-col.col-16 {
    padding: 0 var(--gutter-padding);
    width: 66.6667%
}

.c-token-col.col-24 {
    padding: 0 var(--gutter-padding);
    width: 100%
}

.c-token-intro {
    padding-bottom: 60px
}

.c-token-intro .section-banner {
    align-items: center;
    background: var(--bg-161719);
    border-radius: 32px;
    display: flex;
    height: 280px;
    overflow: hidden;
    padding-inline-start: 80px;
    position: relative
}

.c-token-intro .section-banner .bg {
    height: 100%;
    inset-inline-end: 0;
    max-width: none;
    position: absolute;
    top: 0
}

.c-token-intro .section-banner .text-cet {
    color: transparent;
    -webkit-text-stroke: 1px var(--text-ffffff)
}

.c-token-intro .intro-title-wrap .title-line {
    background: var(--bg-161719);
    height: 5px;
    width: 60px
}

.c-token-intro .section-intro {
    align-items: center
}

.c-token-intro .intro-btn {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1.1;
    overflow-wrap: break-word;
    word-break: break-word
}

.c-token-chart-markets .chart-cet {
    height: 320px;
    width: 100%
}

.c-token-chart-destroyed,
.c-token-chart-destroyed .chart-destroyed {
    height: 184px;
    width: 184px
}

.c-token-cet-circulation {
    background: rgb(var(--ui0-bg-surface_gray));
    overflow-wrap: break-word;
    padding: 145px 0;
    word-break: break-word
}

.c-token-cet-circulation .title-line {
    background: var(--bg-161719);
    height: 5px;
    width: 60px
}

.c-token-cet-circulation .text-56 {
    font-size: 56px
}

.c-token-cet-circulation .price-wrap {
    background: rgb(var(--ui0-bg-card_white));
    border-radius: 24px;
    height: 600px;
    overflow: hidden;
    position: relative
}

.c-token-cet-circulation .price-wrap .chart-markets {
    bottom: 0;
    height: 320px;
    left: 0;
    position: absolute;
    width: 100%
}

.c-token-cet-circulation .destroyed-wrap {
    align-items: center;
    padding: 0 32px
}

.c-token-cet-circulation .destroyed-wrap,
.c-token-cet-circulation .info-item {
    background: rgb(var(--ui0-bg-card_white));
    border-radius: 24px;
    display: flex;
    height: 184px;
    justify-content: space-between
}

.c-token-cet-circulation .info-item {
    flex-direction: column;
    padding: 32px
}

.c-token-cet-circulation .info-item .item-name {
    color: var(--text-707580);
    font-size: 20px
}

.c-token-cet-circulation .info-item .item-value {
    color: var(--text-161719);
    font-size: 30px;
    font-weight: 700
}

.c-token-cet-circulation .record-wrap {
    background: rgb(var(--ui0-bg-card_white));
    border-radius: 24px;
    display: flex;
    padding: 16px 0
}

.c-token-cet-circulation .record-wrap .record-item {
    border-inline-end: 1px solid var(--border-f2f3f5);
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    min-height: 140px;
    padding: 0 40px
}

.c-token-cet-circulation .record-wrap .record-item:last-of-type {
    border: none
}

.c-token-cet-equity {
    padding: 120px 0
}

.c-token-cet-equity .title-line {
    background: var(--bg-161719);
    height: 5px;
    width: 60px
}

.c-token-cet-equity .title-bg {
    display: block;
    margin-top: 90px
}

.c-token-cet-equity .equity-wrap {
    background: rgb(var(--ui0-bg-card_gray));
    border-radius: 24px;
    padding: 32px
}

.c-token-cet-equity .equity-wrap .equity-item {
    display: flex;
    flex: 1 1 0%
}

.c-token-cet-equity .equity-wrap .equity-item2 {
    align-items: center;
    display: flex;
    flex: 1 1 0%
}

.c-token-cet-equity .equity-wrap .item-icon {
    height: 40px;
    width: 40px
}

.c-token-cet-equity .equity-wrap .icon-wrap {
    flex-shrink: 0
}

.c-token-cet-ecology .title-line {
    background: var(--bg-161719);
    height: 5px;
    width: 60px
}

.c-token-cet-ecology .ecology-item {
    background: transparent;
    border-radius: 20px;
    cursor: pointer;
    height: 205px;
    padding: 24px;
    position: relative;
    transition: .4s ease-out
}

.c-token-cet-ecology .ecology-item .logo {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 20px;
    display: flex;
    height: 62px;
    justify-content: center;
    transition: .4s ease-out;
    width: 62px
}

.c-token-cet-ecology .ecology-item .logo img {
    width: 50px
}

.c-token-cet-ecology .ecology-item .icon-goto {
    color: var(--text-3a3d42);
    font-size: 24px;
    inset-inline-end: 24px;
    line-height: 1;
    opacity: 0;
    position: absolute;
    top: 24px;
    transition: .4s ease-out
}

.c-token-cet-ecology .ecology-item:hover {
    background: rgb(var(--ui0-bg-card_gray))
}

.c-token-cet-ecology .ecology-item:hover .logo {
    background: rgb(var(--ui0-bg-surface_white))
}

.c-token-cet-ecology .ecology-item:hover .icon-goto {
    opacity: 1
}

.c-token-cet-ecology .ecology-more {
    align-items: center;
    color: var(--text-707580);
    display: flex;
    font-size: 24px;
    font-weight: 700;
    height: 200px;
    padding: 24px
}

.p-token {
    background-size: 1920px 855px;
    padding-bottom: 150px;
    padding-top: 52px
}

.p-token .content-elastic {
    margin: 0 auto
}

.p-token .section-title {
    display: flex;
    flex-direction: column;
    height: 360px;
    justify-content: center;
    text-align: center
}

.p-token .section-title .main-title {
    color: var(--text-161719);
    font-size: 48px;
    font-weight: 700;
    line-height: 52px;
    margin: 0 auto;
    max-width: 700px
}

.p-token .section-title .sub-title {
    color: var(--text-707580);
    font-size: 20px;
    line-height: 24px;
    margin: 0 auto;
    max-width: 828px
}

.theme-night .p-token {
    background-image: url(../app-resources-d6/assets/5ca1d45140c1fc2704bca8b7e1518520_ea9b78475b2acdff8ec2.v2.webp)
}

.p-blog {
    min-height: 800px;
    position: relative
}

.p-blog>div {
    position: relative;
    z-index: 2
}

.c-sec_solutions-account .box-item {
    align-items: center;
    border: 1px solid rgb(var(--ui0-line-heavy));
    border-radius: 12px;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 20px
}

.c-sec_solutions-account .box-item.tick-bg {
    background-image: url(../app-resources-d6/assets/15057058d700c209334e06e97e04b2ab_fca49f51ff0ad2b222a2.v2.svg);
    background-position: 100% 0;
    background-repeat: no-repeat
}

.c-sec_solutions-account .box-item .item-icon-2fa {
    height: 40px;
    width: 40px
}

.c-sec_solutions-account .box-item .set-btn {
    border-radius: 6px !important;
    flex-shrink: 0;
    font-size: 12px;
    height: 32px !important;
    line-height: 16px;
    margin-inline-start: 12px;
    min-height: auto !important;
    padding: 6px 20px
}

.c-sec_solutions-account .box-item .item-icon-wrap {
    align-items: center;
    background-color: rgb(var(--ui0-bg-card_gray));
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 48px;
    justify-content: center;
    width: 48px
}

.c-sec_solutions-account .box-item .item-icon {
    height: 32px;
    width: 32px
}

.c-sec_solutions-assets .box-item {
    background-color: rgb(var(--ui0-bg-card_lightgray));
    border: 1px solid rgb(var(--ui0-line-light));
    border-radius: 20px;
    display: flex;
    margin-bottom: 40px;
    padding: 48px 60px
}

.c-sec_solutions-assets .box-item .box-item-l {
    flex-shrink: 0;
    width: 400px
}

.c-sec_solutions-assets .box-item .via-row-inner {
    flex-wrap: wrap;
    padding-bottom: 13px
}

.c-sec_solutions-assets .box-item .design-item {
    border-bottom: 1px solid rgb(var(--ui0-line-heavy));
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin-top: 32px;
    padding-bottom: 4px
}

.c-sec_solutions-assets .box-item .design-item .designIndex-color {
    color: rgb(var(--ui0-line-heavy))
}

.c-sec_solutions-assets .proof-name {
    color: rgb(var(--ui0-text-primary));
    font-size: 24px;
    font-weight: 700;
    margin-inline-end: 40px;
    width: 240px
}

.c-sec_solutions-assets .proof-icon {
    height: 40px;
    margin-inline-end: 16px;
    width: 40px
}

.c-sec_solutions-assets .proof-dec {
    color: rgb(var(--ui0-text-secondary));
    width: 762px
}

.c-sec_solutions-verification {
    align-items: center;
    background-color: rgb(var(--ui0-bg-card_black));
    background-image: url(../app-resources-d6/assets/0a5273f8cf15f46a49c2d6d107f14d73_f40a86d29ed8b997717a.v2.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    padding: 54px 60px
}

.c-sec_solutions-teamwork .tab-nav>div {
    width: 100%
}

.c-sec_solutions-teamwork .tab-nav-underline {
    overflow-x: auto
}

.c-sec_solutions-teamwork .tab-nav-underline::-webkit-scrollbar {
    display: none
}

.c-sec_solutions-teamwork .tab-nav-underline .tab-item {
    color: rgb(var(--ui0-text-tertiary));
    height: auto !important;
    min-height: 40px
}

.c-sec_solutions-teamwork .h-420px {
    height: 420px
}

.c-sec_solutions-teamwork .item-left {
    margin-inline-end: 150px;
    max-width: 800px
}

.c-sec_solutions-tips .tip-item {
    align-items: center;
    border: 1px solid rgb(var(--ui0-line-heavy));
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    height: 100%;
    margin-bottom: 24px;
    padding: 20px
}

.c-sec_solutions-tips .tip-item:hover {
    background-color: rgb(var(--ui0-bg-card_gray))
}

.c-sec_solutions-tips .tip-item .item-icon-wrap {
    align-items: center;
    background-color: rgb(var(--ui0-bg-card_gray));
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 52px;
    justify-content: center;
    margin-inline-end: 10px;
    width: 52px
}

.c-sec_solutions-tips .tip-item .item-icon {
    height: 36px;
    width: 36px
}

.p-sec_solutions-type {
    margin-top: -48px
}

.p-sec_solutions-type.bg-img {
    background-image: url(../app-resources-d6/assets/1cc95b23e7c449ca0ed227225bc30147_ede1ccb0a6892e932824.v2.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 1000px
}

.p-sec_solutions-type .mt-120 {
    margin-top: 120px
}

.p-sec_solutions-type .via-row-inner {
    flex-wrap: wrap
}

.p-sec_solutions-type .via-col-8 {
    margin-bottom: 20px
}

.p-sec_solutions-type .banner {
    padding-bottom: 90px;
    padding-top: 142px;
    text-align: center
}

.p-sec_solutions-type .nav-bar {
    background-color: rgb(var(--ui0-bg-primary_gray));
    padding: 8px 0;
    position: sticky;
    top: 58px;
    z-index: 10
}

.p-sec_solutions-type .nav-bar .nav-inner {
    display: flex
}

.p-sec_solutions-type .nav-bar .nav-inner .nav-item {
    border-radius: 8px;
    color: rgb(var(--ui0-text-secondary));
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    margin-inline-end: 12px;
    padding: 12px 24px
}

.p-sec_solutions-type .nav-bar .nav-inner .nav-item.active {
    background-color: rgb(var(--ui0-bg-card_white));
    color: rgb(var(--ui0-text-primary));
    font-weight: 700
}

.theme-night .p-sec_solutions-type.bg-img {
    background-image: url(../app-resources-d6/assets/081cf6908dff37d5221ed339fb6e347e_64b36aeff83211f940d1.v2.webp)
}

.c-popular-list {
    width: 305px
}

.c-popular-list .c-popular-list-item {
    margin-bottom: 24px
}

.c-popular-list .c-popular-list-item .c-popular-list-item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--text-3a3d42);
    display: -webkit-box;
    font-size: 14px;
    line-height: 18px
}

.c-popular-list .c-popular-list-item .time {
    color: var(--text-707580);
    font-size: 12px;
    margin-top: 8px
}

.c-blog-follow .c-blog-follow-list {
    display: flex
}

.c-blog-follow .c-blog-follow-list .icon-wrapper {
    margin-inline-end: 12px
}

.c-tab-menu {
    align-items: center;
    overflow: hidden
}

.c-tab-menu.is-line {
    align-items: flex-start
}

.c-tab-menu.is-line .c-tab-menu-scroll .c-tab-menu-wrap .c-tab-menu-item {
    color: var(--text-707580);
    font-size: 20px;
    padding: 0 16px 16px;
    position: relative
}

.c-tab-menu.is-line .c-tab-menu-scroll .c-tab-menu-wrap .c-tab-menu-item.active {
    background: transparent;
    border-radius: 4px;
    color: var(--text-161719);
    font-weight: 400
}

.c-tab-menu.is-line .c-tab-menu-scroll .c-tab-menu-wrap .c-tab-menu-item.active:after {
    background: var(--bg-0ead98);
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 36px
}

.c-tab-menu.is-line .c-tab-menu-scroll .c-tab-menu-wrap .c-tab-menu-item:hover {
    color: var(--text-161719)
}

.c-tab-menu .c-tab-nav-button {
    align-items: center;
    background: var(--bg-f7f8fa);
    border: 1px solid rgba(13, 14, 16, .1);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    transition: .4s;
    width: 18px
}

.c-tab-menu .c-tab-nav-button.is-disabled {
    background: var(--bg-ffffff);
    cursor: not-allowed
}

.c-tab-menu .c-tab-nav-button.is-disabled:hover {
    border-color: rgba(13, 14, 16, .1)
}

.c-tab-menu .c-tab-nav-button.is-disabled:hover i.iconfont {
    color: var(--text-3a3d42)
}

.c-tab-menu .c-tab-nav-button i.iconfont {
    color: var(--text-3a3d42);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    transform: scale(.6)
}

.c-tab-menu .c-tab-nav-button:hover {
    border-color: var(--border-0ead98)
}

.c-tab-menu .c-tab-nav-button:hover i.iconfont {
    color: var(--text-0ead98)
}

.c-tab-menu .c-tab-menu-scroll {
    overflow: hidden
}

.c-tab-menu .c-tab-menu-scroll .c-tab-menu-wrap {
    float: inline-start;
    transition: transform .4s;
    white-space: nowrap
}

.c-tab-menu .c-tab-menu-scroll .c-tab-menu-wrap .c-tab-menu-item {
    color: var(--text-161719);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 6px 16px;
    transition: .2s
}

.c-tab-menu .c-tab-menu-scroll .c-tab-menu-wrap .c-tab-menu-item:hover {
    color: var(--text-0ead98)
}

.c-tab-menu .c-tab-menu-scroll .c-tab-menu-wrap .c-tab-menu-item.active {
    background: rgba(14, 173, 152, .05);
    border-radius: 4px;
    color: var(--text-0ead98);
    font-weight: 700
}

html[dir=rtl] .c-tab-menu .c-tab-nav-button i.iconfont {
    transform: rotate(180deg)
}

.theme-night .c-tab-menu .c-tab-nav-button {
    background: #131519
}

.c-common-back-to-top {
    align-items: center;
    background: #fff;
    border: 1px solid #e3e5f0;
    border-radius: 4px;
    bottom: 150px;
    cursor: pointer;
    display: flex;
    height: 50px;
    inset-inline-end: 46px;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    width: 50px
}

.c-common-back-to-top .iconfont {
    color: #bbbec1;
    font-size: 50px
}

.c-common-back-to-top .iconfont:hover {
    color: #0ead98
}

.screen-md .c-common-back-to-top {
    bottom: 80px;
    height: 35px;
    inset-inline-end: 28px;
    width: 35px
}

.screen-md .c-common-back-to-top .iconfont {
    font-size: 30px
}

.c-common-community-entrance {
    width: 348px
}

.p-blog-index {
    display: flex;
    margin: 0 auto;
    max-width: 1280px
}

.p-blog-index .fixed-top-box {
    background-color: var(--bg-ffffff);
    border-top: 1px solid var(--bg-dee0e3);
    box-shadow: 0 12px 30px rgba(45, 56, 68, .05);
    height: 48px;
    left: 0;
    position: fixed;
    top: 58px;
    width: 100%;
    z-index: 111
}

.p-blog-index .fixed-top-box .c-tab-menu {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    width: 1280px
}

.p-blog-index .p-blog-index-content-list {
    width: 860px
}

.p-blog-index .popular-wrap {
    width: 348px
}

.p-blog-index .popular-content {
    position: sticky;
    top: 130px
}

.p-blog-index .blog-list-wrap {
    flex: 1 1 0%;
    min-width: 0
}

.p-blog-index .blog-list-wrap .c-common-empty {
    background: transparent;
    min-height: 600px
}

.p-blog-index .blog-list-wrap .blog-list-item {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 224px;
    margin-bottom: 20px;
    padding: 20px;
    position: relative
}

.p-blog-index .blog-list-wrap .blog-list-item:hover {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 6px 20px rgba(210, 215, 222, .25);
    transition: .4s
}

.p-blog-index .blog-list-wrap .blog-list-item .content {
    flex: 1 1 0%;
    padding-inline-end: 48px;
    width: 0
}

.p-blog-index .blog-list-wrap .blog-list-item .content .abstract {
    display: -webkit-box;
    line-height: 18px;
    margin-bottom: 8px;
    max-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.p-blog-index .blog-list-wrap .blog-list-item .content .title {
    display: -webkit-box;
    line-height: 26px;
    margin-bottom: 8px;
    max-height: 70px;
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.p-blog-index .blog-list-wrap .blog-list-item .content .title .top-tag {
    background-color: var(--bg-f38b2c);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    margin-bottom: 3px;
    margin-inline-end: 10px;
    min-width: 26px;
    padding: 0 6px;
    vertical-align: middle
}

.p-blog-index .blog-list-wrap .blog-list-item .content .tag {
    background: rgba(14, 173, 152, .05);
    border-radius: 4px;
    color: var(--text-0ead98);
    display: inline-block;
    margin-inline-end: 8px;
    padding: 3px 16px
}

.p-blog-index .blog-list-wrap .blog-list-item .content .time {
    bottom: 20px;
    position: absolute
}

.p-blog-index .blog-list-wrap .blog-list-item .cover {
    border-radius: 8px;
    height: 200px;
    overflow: hidden;
    width: 200px
}

.p-blog-index .blog-list-wrap .blog-list-item .cover img {
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%
}

.c-broker-join-step {
    display: flex;
    flex-wrap: nowrap;
    width: calc(100% - 488px)
}

.c-broker-join-step .steps {
    display: flex;
    flex-wrap: nowrap;
    width: 100%
}

.c-broker-join-step .steps .step {
    flex: 1 1 0%;
    position: relative
}

.c-broker-join-step .steps .step .line {
    inset-inline-start: 110px;
    position: absolute;
    top: 66px;
    width: 66%
}

.c-broker-join-step .steps .step .line:before {
    border-top: 1px dashed var(--border-0ead98);
    content: " ";
    display: block;
    margin: 0 auto;
    width: 60%
}

.c-broker-join-step .steps .step .content {
    color: var(--text-3a3d42);
    margin-top: 12px;
    text-align: center;
    width: 140px
}

.c-broker-join-step .icon-box {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 50%;
    display: flex;
    height: 129px;
    justify-content: center;
    width: 129px
}

.c-broker-join-step .icon-box .icon-box-circle {
    align-items: center;
    background-color: var(--bg-ffffff);
    border-radius: 50%;
    display: flex;
    height: 93px;
    justify-content: center;
    width: 93px
}

.c-broker-join-step .icon-box .icon-box-circle .iconfont {
    color: var(--text-161719);
    font-size: 24px
}

.c-broker-my-refer {
    background-color: var(--bg-ffffff);
    min-height: 356px;
    width: 100%
}

.c-broker-my-refer .refer-inner {
    margin: 0 auto;
    padding: 40px 0;
    width: 1280px
}

.c-broker-my-refer .refer-inner .refer-icon-box {
    height: 60px;
    width: 92px
}

.c-broker-my-refer .refer-inner .id-box {
    background-color: var(--bg-f7f8fa);
    border-radius: 4px;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 14px
}

.c-broker-my-refer .refer-inner .refer-user {
    width: 190px
}

.c-broker-my-refer .refer-inner .refer-amount {
    padding-inline-start: 106px;
    width: 470px
}

.c-broker-my-refer .refer-md-box-wrap {
    background: transparent
}

.c-broker-my-refer .refer-md-box-wrap .refer-md-box {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 4px 30px 0 rgba(213, 217, 222, .25);
    overflow: hidden
}

.c-broker-my-refer .refer-md-box-wrap .refer-md-box .box-t {
    background-color: var(--bg-f2f3f5);
    padding: 20px 12px
}

.c-broker-my-refer .refer-md-box-wrap .refer-md-box .refer-icon-box-md {
    height: 38px;
    width: 58px
}

.c-broker-my-refer .refer-md-box-wrap .refer-md-box .box-b {
    padding: 18px 12px
}

.c-broker-my-refer .refer-md-box-wrap .refer-data-page-wrap {
    background-color: var(--bg-ffffff);
    padding: 32px 20px
}

.c-broker-my-refer .refer-md-box-wrap .refer-data-page-wrap .refer-icon-box-md {
    height: 60px;
    width: 92px
}

.c-broker-my-refer .refer-md-box-wrap .refer-data-page-wrap .id-box {
    background-color: var(--bg-f7f8fa);
    margin-top: 10px;
    padding: 3px 17px
}

.theme-night .c-broker-my-refer .refer-md-box-wrap .refer-md-box {
    box-shadow: none
}

.p-broker-index {
    padding: 116px 0 80px
}

.p-broker-index .min-w-140 {
    min-width: 140px
}

.p-broker-index .img-box {
    left: 50%;
    position: absolute;
    top: 45px;
    transform: translateX(-50%);
    width: 218px
}

.p-broker-index .img-box img {
    width: 100%
}

.p-broker-index .p-broker-index-inner {
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
    width: 100%;
    z-index: 10
}

.p-broker-index .p-broker-index-inner .title-text {
    color: var(--text-161719);
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 12px
}

.p-broker-index .p-broker-index-inner .know-more {
    font-weight: 400;
    margin-top: 50px;
    min-width: 176px;
    transition: .2s
}

.p-broker-index .p-broker-index-inner .know-more:hover {
    background-color: var(--bg-1bbeb2);
    border: 1px solid transparent;
    color: #fff;
    transition: .2s
}

.p-broker-index .p-broker-index-inner .our-product {
    margin-bottom: 100px
}

.p-broker-index .p-broker-index-inner .our-product .title-wrapper {
    padding-top: 32px;
    position: relative;
    width: 400px
}

.p-broker-index .p-broker-index-inner .our-product .title-wrapper .title-bg {
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

.p-broker-index .p-broker-index-inner .our-product .title-wrapper .title-bg img {
    display: block
}

.p-broker-index .p-broker-index-inner .our-product .title-wrapper .title-content {
    color: var(--text-161719);
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
    width: 300px
}

.p-broker-index .p-broker-index-inner .characteristics-box {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 4px 30px 0 rgba(213, 217, 222, .25);
    min-height: 298px;
    padding: 10px 40px;
    width: 410px
}

.p-broker-index .p-broker-index-inner .characteristics-box .box-icon {
    height: 60px;
    margin: 54px 0 34px;
    width: 60px
}

.p-broker-index .p-broker-index-inner .characteristics-box .box-title {
    color: var(--text-27282c);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding-bottom: 32px
}

.p-broker-index .p-broker-index-inner .characteristics-box .box-dec {
    color: var(--text-707580);
    font-size: 14px;
    line-height: 20px
}

.p-broker-index .p-broker-index-inner .join-step-box {
    margin-top: 110px;
    width: 100%
}

.p-broker-index .p-broker-index-inner .join-step-box .box-l {
    width: 488px
}

.p-broker-index .p-broker-index-inner .join-step-box .box-l .l-top {
    display: flex;
    flex-direction: column;
    height: 142px;
    justify-content: center
}

.p-broker-index .p-broker-index-inner .btn-group .via-btn {
    min-width: 140px
}

.theme-night .p-broker-index {
    background-image: none
}

.theme-night .p-broker-index .img-box {
    opacity: .1
}

.theme-night .p-broker-index .characteristics-box {
    box-shadow: none
}

.p-activity-body header {
    background-color: transparent;
    z-index: 99
}

.c-activity-banner {
    background-image: url(../app-resources-d6/assets/d30345c62db137850181b66ed87979a0_959c9f69d85d20f5a6bb.v2.webp), linear-gradient(#363639, #1d1d1f);
    margin-top: -52px;
    padding-bottom: 30px;
    padding-top: 100px
}

.c-activity-banner .banner-inner-box {
    display: flex;
    justify-content: space-between
}

.c-activity-banner .banner-inner-box .left-box .title-text {
    color: var(--text-ffffff);
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px
}

.c-activity-banner .banner-inner-box .left-box .intro-box {
    color: var(--text-ffffff);
    margin-bottom: 60px;
    max-width: 800px
}

.c-activity-banner .banner-inner-box .left-box .el-button span {
    white-space: normal
}

.c-activity-maket-maker-dialog-contact .el-dialog {
    border-radius: 20px
}

.c-activity-maket-maker-dialog-contact .dialog-title-box {
    color: var(--text-27282c);
    font-size: 18px;
    font-weight: 700;
    padding-right: 16px;
    text-align: center
}

.c-activity-maket-maker-dialog-contact .dialog-content-box {
    direction: ltr
}

.c-activity-maket-maker-dialog-contact .dialog-content-box .info-box {
    color: #2c3341;
    font-size: 12px;
    font-weight: 700;
    margin-top: 30px
}

.c-activity-maket-maker-dialog-contact .dialog-content-box .info-box .row-box {
    display: flex;
    margin-bottom: 10px
}

.c-activity-maket-maker-dialog-contact .dialog-content-box .info-box .row-box .left-item {
    white-space: nowrap
}

.c-activity-maket-maker-dialog-contact .dialog-content-box .info-box .row-box .right-item {
    margin-left: 10px;
    text-align: right;
    word-break: break-word
}

.c-activity-maket-maker-dialog-contact .dialog-content-box .qr-code-box {
    margin-top: 40px;
    text-align: center
}

.c-activity-maket-maker-dialog-contact .dialog-content-box .qr-code-box .qr-img {
    display: inline-block;
    width: 120px
}

.c-activity-market-maker-rights {
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 8px 25px rgba(225, 232, 238, .55);
    padding: 40px 60px
}

.c-activity-market-maker-rights .sec-box .sec-title-text {
    color: #7d7f81;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.c-activity-market-maker-rights .trade-rights-box .sec-content-box .sec-items {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.c-activity-market-maker-rights .trade-rights-box .sec-content-box .sec-items .sec-item-box {
    background-color: var(--bg-ffffff);
    border-radius: 4px;
    box-shadow: 0 6px 23px hsla(236, 7%, 56%, .1);
    width: 276px
}

.c-activity-market-maker-rights .trade-rights-box .sec-content-box .sec-items .sec-item-box .top-box {
    background-color: #fbfcfd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: var(--text-27282C);
    padding: 25px 20px;
    position: relative
}

.c-activity-market-maker-rights .trade-rights-box .sec-content-box .sec-items .sec-item-box .top-box .top-text {
    font-size: 16px;
    font-weight: 700
}

.c-activity-market-maker-rights .trade-rights-box .sec-content-box .sec-items .sec-item-box .top-box .bottom-text {
    font-size: 12px
}

.c-activity-market-maker-rights .trade-rights-box .sec-content-box .sec-items .sec-item-box .bottom-box {
    padding-inline-start: 20px
}

.c-activity-market-maker-rights .trade-rights-box .sec-content-box .sec-items .sec-item-box .bottom-box hr {
    color: #f0f0f4;
    width: 236px
}

.c-activity-market-maker-rights .trade-rights-box .sec-content-box .sec-items .sec-item-box .bottom-box .sec-row {
    color: var(--text-27282C);
    font-size: 12px;
    padding: 12px 0
}

.c-activity-market-maker-rights .trade-rights-box .sec-content-box .sec-items .sec-item-box .bottom-box .sec-row:before {
    background-color: #0ead98;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-right: 5px;
    width: 8px
}

.c-activity-market-maker-rights .trade-rights-box .sec-content-box .sec-items .sec-item-box .bottom-box .sec-row .link-text {
    color: #0ead98
}

.c-activity-market-maker-rights .service-rights-box {
    margin-top: 50px
}

.c-activity-market-maker-rights .service-rights-box .sec-content-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.c-activity-market-maker-rights .service-rights-box .sec-content-box .sec-box {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center
}

.c-activity-market-maker-rights .service-rights-box .sec-content-box .sec-box .sec-img {
    height: 80px;
    width: auto
}

.c-activity-market-maker-rights .service-rights-box .sec-content-box .sec-box .sec-text {
    color: var(--text-27282C);
    margin-top: 12px;
    text-align: center
}

.screen-md .c-activity-market-maker-rights {
    border-radius: 0;
    box-shadow: none
}

.screen-md .c-activity-market-maker-rights .sec-content-box .sec-items .sec-item-box {
    border-radius: 20px;
    box-shadow: 0 6px 23px hsla(236, 7%, 56%, .1)
}

.cmp-level-progress {
    display: flex
}

.cmp-level-progress .el-progress {
    width: 100%
}

.cmp-level-progress .el-progress .el-progress-circle svg {
    transform: rotateY(180deg)
}

.cmp-level-progress .el-progress .el-progress-bar {
    margin-inline-end: 0;
    padding-inline-end: 0
}

.cmp-level-progress .el-progress .el-progress-bar__outer {
    background: var(--border-f3f4f5)
}

.cmp-level-progress .el-progress .el-progress__text {
    color: #0ead98;
    display: none;
    font-family: monospace;
    font-size: 30px !important;
    font-weight: 700
}

.cmp-level-progress .el-progress .el-progress-bar__inner {
    background: linear-gradient(#0ead98, #e5e7ee)
}

.cmp-level-progress .level-mark {
    background: linear-gradient(225deg, #93f1cc, #159fa7);
    border-radius: 50%;
    color: #fff;
    flex-shrink: 0;
    font-size: 18px;
    font-weight: 500;
    height: 90px;
    line-height: 90px;
    text-align: center;
    width: 90px
}

.cmp-level-progress .level-detail {
    flex: 1 1 0%;
    margin-inline-start: 20px
}

.cmp-level-progress .level-detail .row-volume {
    display: flex;
    justify-content: space-between
}

.cmp-level-progress .level-detail .row-volume .left-info .label {
    color: var(--text-27282c);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.cmp-level-progress .level-detail .row-volume .left-info .num,
.cmp-level-progress .level-detail .row-volume .left-info .unit {
    color: #0bccc7;
    font-size: 24px;
    font-weight: 400;
    margin-inline-start: 18px
}

.cmp-level-progress .level-detail .row-volume .left-info .unit {
    margin-inline-start: 3px
}

.cmp-level-progress .level-detail .row-volume .right-check {
    color: #0ead98;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500
}

.cmp-level-progress .level-detail .level-progress {
    display: flex
}

.cmp-level-progress .level-detail .level-progress .progress-item {
    background: #d8dce6;
    flex: 1 1 0%;
    height: 3px;
    margin-inline-start: 2px
}

.cmp-level-progress .level-detail .level-progress .progress-item:first-child {
    margin-inline-start: 0
}

.cmp-level-progress .level-detail .level-progress .progress-item.active {
    background-color: var(--text-0ead98)
}

.cmp-level-progress .level-detail .bind-addr .el-button {
    margin-top: 6px
}

.cmp-level-progress .level-detail .bind-addr .el-button span {
    white-space: normal
}

.cmp-level-progress .level-detail .bind-addr a {
    font-size: 12px;
    line-height: 22px
}

.cmp-level-progress .level-detail .bind-addr .iconfont {
    font-weight: 300;
    margin-inline-start: 3px
}

.cmp-level-progress .level-detail .bind-addr .addr-out {
    height: 30px;
    line-height: 30px;
    padding: 0 10px
}

.cmp-level-progress .level-detail .progress-label {
    color: var(--text-7d7f81);
    display: flex;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px
}

.cmp-level-progress .level-detail .progress-label .label {
    flex: 1 1 0%
}

.cmp-level-progress .records {
    display: inline-block;
    margin-inline-start: 15px;
    position: relative
}

.cmp-level-progress .records #trade-tip .arrow:before {
    display: none
}

.cmp-level-progress .records #trade-tip .tooltip .tooltip-inner {
    border-radius: 4px;
    font-size: 12px;
    padding: 0;
    width: 228px
}

.cmp-level-progress .records #trade-tip .tooltip .tooltip-inner .trade-container {
    background-color: var(--bg-ffffff);
    box-shadow: 0 4px 8px 0 rgba(39, 49, 62, .1);
    height: 196px
}

.cmp-level-progress .records #trade-tip .tooltip .tooltip-inner .list-row {
    border-bottom: 1px solid #ececec;
    display: flex;
    padding-inline-end: 10px
}

.cmp-level-progress .records #trade-tip .tooltip .tooltip-inner .list-row p {
    background-color: var(--bg-ffffff);
    line-height: 30px;
    padding-top: 0;
    padding-inline-start: 10px;
    z-index: 3
}

.cmp-level-progress .records #trade-tip .tooltip .tooltip-inner .list-row.header {
    background: #f6f7f8;
    border-bottom: 0;
    height: 30px
}

.cmp-level-progress .records #trade-tip .tooltip .tooltip-inner .list-row.header p {
    background-color: #f6f7f8
}

.cmp-level-progress .records #trade-tip .tooltip .tooltip-inner .list-row .date {
    width: 90px
}

.cmp-level-progress .records #trade-tip .tooltip .tooltip-inner .list-row .amount {
    flex: 1 1 0%;
    text-align: end
}

.cmp-level-progress .records #trade-tip .tooltip .tooltip-inner .list-row-container {
    height: 166px;
    overflow-y: auto
}

.screen-md .cmp-level-progress .level-mark {
    height: 50px;
    line-height: 50px;
    width: 50px
}

.cmp-level-marketleveldes .tip-lh20 {
    line-height: 22px
}

.c-activity-market-maker-apply-dialog .via-dialog {
    margin-top: 5vh
}

.c-activity-market-maker-apply-dialog .el-form .el-form-item {
    margin-bottom: 20px
}

.c-activity-market-maker-apply-dialog .el-form .el-form-item.is-required .el-form-item__label:after {
    color: var(--text-db5541);
    content: "*";
    margin-left: 4px
}

.c-activity-market-maker-apply-dialog .el-form-item__label {
    color: var(--text-161719);
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 4px
}

.c-activity-market-maker-apply-dialog .el-form-item__content {
    clear: both
}

.c-activity-market-maker-apply-dialog .el-input .el-input__inner {
    background-color: var(--bg-f7f8fa);
    border-color: var(--bg-f7f8fa);
    height: 40px
}

.c-activity-market-maker-apply-dialog .el-input .el-input__inner::-webkit-input-placeholder {
    color: var(--text-b4b7bd)
}

.c-activity-market-maker-apply-dialog .el-textarea__inner {
    background-color: var(--bg-f7f8fa);
    border-color: var(--bg-f7f8fa);
    color: var(--text-27282c);
    height: 80px
}

.c-activity-market-maker-apply-dialog .el-checkbox .el-checkbox__label {
    color: var(--text-707580);
    font-size: 14px
}

.c-activity-market-maker-apply-dialog .via-radio-group {
    margin-top: 10px
}

.c-activity-market-maker-apply-dialog .via-radio-group .via-radio {
    color: var(--text-707580);
    margin-bottom: 12px
}

.component-market-level .level-progress-container {
    position: relative
}

.component-market-level .level-progress-container .btn-out {
    height: 36px !important;
    min-width: 120px
}

.component-market-level .level-progress-container .see-detail {
    height: 30px;
    padding: 0 16px
}

.component-market-level .via-dialog-table {
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%
}

.component-market-level .via-dialog-table table,
.component-market-level .via-dialog-table thead,
.component-market-level .via-dialog-table tr {
    width: 100%
}

.component-market-level .via-dialog-table .top {
    overflow: auto hidden
}

.component-market-level .via-dialog-table .sec-table {
    height: 315px;
    overflow: hidden auto
}

.c-dialog-market-level.via-dialog-wrapper .via-dialog {
    overflow: hidden;
    padding: 0
}

.c-dialog-market-level.via-dialog-wrapper .via-dialog .via-dialog-header {
    background: var(--bg-f2f2f2);
    border-bottom: 1px solid var(--border-e7ecf2);
    padding: 20px 52px 10px 32px
}

.c-dialog-market-level.via-dialog-wrapper .via-dialog .via-dialog-body {
    padding: 0 32px 32px
}

.component-market-level {
    background: var(--bg-ffffff)
}

.component-market-level .el-message-box .el-message-box__btns .el-button {
    width: 100%
}

.component-market-level .action-btn {
    height: 30px;
    min-width: 100px;
    padding: 0 5px !important
}

.component-market-level .last-container {
    height: 315px;
    overflow: scroll
}

.component-market-level .apply-modal .msg {
    margin-bottom: 30px
}

.component-market-level .level-table .level-row .level-col.level {
    flex: 0 0 auto;
    width: 100px
}

.component-market-level .level-table .level-row .contract {
    display: flex;
    flex-direction: column
}

.component-market-level .level-table .level-row.header .level-col {
    border-bottom: none
}

.component-market-level .level-table .level-alone .level-col {
    height: 50px;
    padding: 0
}

.component-market-level .level-table .level-alone .level-col:first-child {
    border-bottom-left-radius: 4px
}

.component-market-level .level-table .level-alone .level-col:last-child {
    border-bottom-right-radius: 4px
}

.component-market-level .updown {
    background-color: var(--bg-fbfbfb);
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.component-market-level .icon-hotcet {
    display: inline-block;
    height: 15px;
    margin-inline-end: 3px !important;
    width: 15px
}

.c-dialog-contract-level.via-dialog-wrapper .via-dialog {
    overflow: hidden;
    padding: 0
}

.c-dialog-contract-level.via-dialog-wrapper .via-dialog .via-dialog-header {
    background: var(--bg-f2f2f2);
    border-bottom: 1px solid var(--border-e7ecf2);
    padding: 20px 52px 10px 32px
}

.c-dialog-contract-level.via-dialog-wrapper .via-dialog .via-dialog-body {
    padding: 0 32px 32px
}

.c-common-tabs .market-tabs {
    height: 45px
}

.c-common-tabs .market-tabs .tab {
    background-color: var(--bg-f2f2f2);
    line-height: 16px;
    max-width: 300px;
    min-width: 186px;
    padding: 0 15px 0 25px
}

.c-common-tabs .market-tabs .tab.active {
    background-color: var(--bg-ffffff);
    box-shadow: 0 0 15px rgba(225, 232, 238, .55);
    position: relative
}

.c-common-tabs .market-tabs .tab.active .corner-start {
    background-color: var(--bg-f2f2f2);
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: var(--border-ffffff);
    border-right-width: 30px;
    border-top-color: transparent;
    border-top-width: 45px;
    content: "";
    display: block;
    left: -15px;
    position: absolute;
    top: 0;
    z-index: 99
}

.c-common-tabs .market-tabs .tab.active .corner-end {
    background-color: var(--bg-f2f2f2);
    border-bottom-color: transparent;
    border-left-color: var(--border-ffffff);
    border-left-width: 30px;
    border-right-color: transparent;
    border-top-color: transparent;
    border-top-width: 45px;
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    top: 0;
    z-index: 99
}

.screen-md .c-common-tabs .market-tabs .tab {
    min-width: 120px
}

.c-activity-market-maker-add-email .via-dialog {
    margin-top: 20vh
}

.c-activity-market-maker-add-email .text-f38B2c {
    color: #f38b2c
}

.c-activity-market-maker-add-email div.via-input {
    background-color: var(--bg-f7f8fa);
    border-color: var(--bg-f7f8fa)
}

.c-activity-market-maker-add-email div.via-input[error] {
    background-color: var(--bg-f7f8fa)
}

.c-activity-market-maker-add-email .el-textarea__inner {
    background: var(--bg-f7f8fa);
    border-color: var(--bg-f7f8fa);
    box-shadow: none;
    height: 80px;
    transition: .4s
}

.c-activity-market-maker-add-email .el-textarea.error .el-textarea__inner {
    border: 1px solid var(--border-db5541)
}

.c-activity-market-maker-add-email .err-text {
    color: var(--text-db5541);
    font-size: 12px;
    pointer-events: none;
    transition: .1s
}

.c-activity-market-maker-emails-dialog .via-dialog {
    margin-top: 20vh;
    padding-left: 0;
    padding-right: 0
}

.c-activity-market-maker-emails-dialog .via-table-default:after {
    opacity: 0;
    pointer-events: none
}

.c-activity-market-maker-emails-dialog .via-btn {
    margin-inline-start: 32px;
    width: calc(100% - 64px)
}

.c-activity-market-maker-emails-dialog .min-h-270 {
    min-height: 270px
}

.level-box .market-level-progress {
    background: var(--bg-ffffff);
    border-radius: 4px;
    padding: 25px 25px 20px;
    position: relative
}

.level-box .market-level-progress .level-title {
    color: #333;
    font-size: 18px;
    font-weight: 700
}

.level-box .market-level-progress .m-progress {
    display: flex;
    margin-top: 20px
}

.level-box .market-level-progress .m-progress .p-item {
    color: #989eb0;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.level-box .market-level-progress .m-progress .p-item .status {
    display: flex
}

.level-box .market-level-progress .m-progress .p-item .status .iconfont {
    color: #ccc;
    margin-inline-end: 6px
}

.level-box .market-level-progress .m-progress .p-item .status span {
    line-height: 22px
}

.level-box .market-level-progress .m-progress .p-item .status.active {
    color: #333
}

.level-box .market-level-progress .m-progress .p-item .status.active .iconfont {
    color: #edc651
}

.level-box .market-level-progress .m-progress .p-item .link {
    font-size: 12px;
    margin: 2px;
    min-height: 19px;
    padding-inline-start: 19px
}

.level-box .market-level-progress .m-progress .p-item .btn-apply-market {
    background: linear-gradient(-50deg, #1de1bb, #01bccd);
    border: 0;
    border-radius: 4px;
    color: var(--text-ffffff);
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    min-width: auto;
    padding: 0 8px
}

.level-box .market-level-progress .m-progress .p-item .btn-apply-market.disable {
    background: #f9f9f9;
    border: 1px solid #eaecf0;
    color: #989eb0;
    line-height: 24px
}

.level-box .level-rank {
    padding: 0 25px
}

.level-box .level-table {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 6px 23px hsla(236, 7%, 56%, .1);
    margin: 0 25px;
    overflow: hidden;
    text-align: center
}

.level-box .level-table .icon-question-circle {
    color: #999
}

.level-box .level-table .level-row {
    color: var(--text-7d7f81);
    display: flex
}

.level-box .level-table .level-row .el-icon-success {
    color: #0ead98;
    visibility: hidden
}

.level-box .level-table .level-row .level-col {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    font-size: 12px;
    justify-content: center;
    line-height: 16px;
    padding: 19px 0
}

.level-box .level-table .level-row .level-col img {
    margin: -10px 0
}

.level-box .level-table .header {
    background-color: var(--bg-ffffff);
    color: var(--text-27282c);
    padding: 0 30px
}

.level-box .level-table .header .level-col {
    border-bottom: 1px solid var(--border-f4f6fa);
    color: var(--text-7d7f81);
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    padding: 12px 0
}

.level-box .level-table .header .level-col:first-child {
    border-top-left-radius: 4px
}

.level-box .level-table .header .level-col:last-child {
    border-top-right-radius: 4px
}

.level-box .level-table .level-table-body {
    background-color: var(--bg-ffffff)
}

.level-box .level-table .level-table-body .level-row {
    padding: 0 30px
}

.level-box .level-table .level-table-body .level-row .level-col {
    border-bottom: 1px solid var(--border-f4f6fa);
    color: var(--text-27282c);
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-height: 50px;
    padding: 0
}

.level-box .level-table .level-table-body .level-row.active {
    background-color: var(--bg-ffffff);
    border: 1px solid var(--text-0ead98);
    border-radius: 4px
}

.level-box .level-table .level-table-body .level-row.active .level-col {
    color: var(--text-0ead98)
}

.level-box .level-table .level-table-body .level-row.active .level-col .el-icon-success {
    visibility: visible
}

.level-box .level-table .level-table-body .level-row:last-child.active {
    border-radius: 4px 4px 20px 20px
}

.level-box .level-table .level-table-body .level-row:last-child .level-col {
    border-bottom: 0
}

.level-box .level-table .level-table-body .level-row:last-child .level-col:first-child {
    border-bottom-left-radius: 4px
}

.level-box .level-table .level-table-body .level-row:last-child .level-col:last-child {
    border-bottom-right-radius: 4px
}

.level-box .level-des {
    background-color: var(--bg-ffffff);
    margin-top: 35px
}

.level-box .level-des .component-language {
    display: inline
}

.level-box .level-des .tip {
    color: #192330;
    font-size: 14px;
    padding: 20px 30px 0
}

.level-box .level-des .subtip {
    color: #222a3d;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-top: 10px;
    padding-inline-start: 30px
}

.level-box .level-des .tip-ul {
    color: #4a5067;
    font-size: 12px;
    line-height: 24px;
    padding: 10px 30px 22px
}

.level-box .level-des .tip-ul li {
    margin-top: 10px
}

.screen-md .level-table {
    overflow: auto
}

.screen-md .level-table .level-table-content {
    min-width: 600px
}

.screen-md .level-table .level-table-content .level-table-body .level-row {
    padding: 0 15px
}

.screen-md .level-table .level-table-content .level-table-body .level-row .level-col {
    font-size: 12px
}

.screen-md .level-table .level-table-content .header {
    padding: 0 15px
}

.p-activity-maket-maker {
    background-color: #fff;
    color: var(--text-27282c)
}

.p-activity-maket-maker .top-banner-wrap {
    background-image: linear-gradient(90deg, #f4faf9, #f1f7f6)
}

.p-activity-maket-maker .top-banner {
    background: url(../app-resources-d6/assets/23ecd25c52f9d345a8d901c6e758ba33_4f2253e9a38d5ff3d333.v2.webp) 50%/1920px 436px;
    margin: 0 auto -50px;
    min-height: 437px;
    width: 1280px
}

.p-activity-maket-maker .top-banner .banner-text {
    max-width: 640px
}

.p-activity-maket-maker .block-title-box {
    text-align: center
}

.p-activity-maket-maker .block-title-box .title-text {
    color: var(--text-27282c);
    font-size: 32px;
    font-weight: 600;
    margin-top: 4px
}

.p-activity-maket-maker .maker-rights-box {
    background-color: var(--bg-ffffff);
    padding-top: 50px
}

.p-activity-maket-maker .discount-box {
    background-color: var(--bg-ffffff);
    border-radius: 50px 50px 0 0;
    position: relative;
    top: -30px
}

.p-activity-maket-maker .discount-box .g-inner-box .discount-box-content {
    background: #fff;
    border-radius: 0 30px 30px;
    box-shadow: 0 8px 25px rgba(225, 232, 238, .55);
    padding: 40px 60px
}

.p-activity-maket-maker .discount-box .g-inner-box .discount-box-content .amm-table {
    border-radius: 20px;
    box-shadow: 0 6px 23px hsla(236, 7%, 56%, .1);
    overflow: hidden
}

.p-activity-maket-maker .discount-box .g-inner-box .discount-box-content .amm-table thead tr {
    height: 46px;
    line-height: 46px
}

.p-activity-maket-maker .discount-box .g-inner-box .market-tabs .corner-end,
.p-activity-maket-maker .discount-box .g-inner-box .market-tabs .corner-start {
    z-index: 1 !important
}

.p-activity-maket-maker .discount-box .maker-info-box .row-title {
    align-self: center;
    display: flex;
    margin-bottom: 10px
}

.p-activity-maket-maker .discount-box .maker-info-box .row-title .sec-title-text {
    color: #7d7f81;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.p-activity-maket-maker .discount-box .maker-info-box .row-title .login {
    color: var(--text-27282c);
    line-height: 28px;
    margin-inline-start: 35px
}

.p-activity-maket-maker .discount-box .maker-info-box .row-title .login .login-text {
    color: #0ead98;
    cursor: pointer
}

.p-activity-maket-maker .discount-box .detail-box {
    margin-top: 40px
}

.p-activity-maket-maker .discount-box .detail-box .detail-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 20px
}

.p-activity-maket-maker .discount-box .detail-box .detail-text {
    color: #7d7f81;
    line-height: 26px
}

.p-activity-maket-maker .discount-box .level-cmp .market-level-progress {
    padding: 0 0 20px
}

.p-activity-maket-maker .discount-box .level-cmp .market-level-progress .right-check {
    color: #0ead98
}

.p-activity-maket-maker .discount-box .level-cmp .level-rank {
    padding: 0
}

.p-activity-maket-maker .discount-box .level-cmp .level-table {
    margin: 0
}

.p-activity-maket-maker .discount-box .level-cmp .level-table .level-table-body .level-row.active {
    border: 1px solid #0ead98
}

.p-activity-maket-maker .c-activity-banner {
    padding-bottom: 0;
    padding-top: 0
}

.p-activity-maket-maker .el-dialog__header {
    padding-bottom: 16px !important;
    padding-right: 45px !important
}

.p-activity-maket-maker .separate {
    background: var(--bg-e6e7eb);
    display: inline-block;
    height: 12px;
    margin: 0 20px;
    width: 1px
}

.screen-md .p-activity-maket-maker .top-banner {
    background: url(../app-resources-d6/assets/4014e001e1b6638a15d23251c82bdbfc_7d9f9a9b7e0c8c10e77f.v2.webp) 0 0/100% 100%;
    width: auto
}

.screen-md .p-activity-maket-maker .maker-rights-box {
    background-color: var(--bg-ffffff)
}

.screen-md .p-activity-maket-maker .discount-box,
.screen-md .p-activity-maket-maker .maker-rights-box {
    border-radius: 30px;
    box-shadow: 0 8px 25px rgba(225, 232, 238, .55)
}

.screen-md .p-activity-maket-maker .discount-box .g-inner-box .discount-box-content {
    box-shadow: none
}

.c-vip-fee .via-table {
    border: 1px solid var(--border-f2f3f5)
}

.c-vip-fee .via-table .via-table-body .body-row.is-active {
    position: relative
}

.c-vip-fee .via-table .via-table-body .body-row.is-active .table-prop {
    color: var(--text-0ead98);
    font-weight: 700
}

.c-vip-fee .via-table .via-table-body .body-row.is-active:after {
    border: 1px solid var(--border-0ead98);
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-vip-fee .via-table .via-table-body .body-row .table-prop-cell {
    font-weight: 600
}

.c-vip-fee .via-table .via-table-body .body-row:hover .table-prop {
    background-color: var(--bg-f7f8fa-gray0802)
}

.c-vip-fee .table-h5-wrapper {
    border: 1px solid var(--border-e6e7eb)
}

.c-vip-fee .table-h5-wrapper .table-h5 .t-col .t-td:last-of-type,
.c-vip-fee .table-h5-wrapper .table-h5 .t-col .t-th:last-of-type {
    flex: 2 1 0%
}

.c-vip-fee .tip-box {
    line-height: 20px;
    margin-top: 20px
}

.c-vip-fee .tip-box .tip-title {
    font-weight: 700
}

.c-vip-fee .tip-box .tip-texts {
    color: var(--text-3a3d42);
    font-weight: 500
}

.c-vip-level {
    background-color: var(--bg-fafbfc);
    border: 1px solid var(--border-e6e7eb);
    border-radius: 20px
}

.c-vip-level .my-level-box {
    background-image: url(../app-resources-d6/assets/78813cf160c59389ba64662e1787b0d5_9fdee2f864f5eaf7045f.v2.webp);
    background-size: 100% 100%;
    border-radius: 20px;
    box-shadow: 0 8px 30px 0 rgba(35, 115, 140, .15);
    justify-content: space-between;
    padding: 24px 40px 24px 60px
}

.c-vip-level .my-level-box,
.c-vip-level .my-level-box .level-left {
    align-items: center;
    display: flex
}

.c-vip-level .my-level-box .level-left .img-vip {
    margin-inline-end: 42px;
    width: 64px
}

.c-vip-level .my-level-box .level-left .my-info-box {
    color: #fff
}

.c-vip-level .my-level-box .level-left .my-info-box .my-info-text {
    align-items: center;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    line-height: normal
}

.c-vip-level .my-level-box .level-left .my-info-box .my-info-text .my-vip {
    color: var(--text-f0af34);
    margin-inline-end: 12px
}

.c-vip-level .my-level-box .level-left .my-info-box .my-info-text .my-vip-buff {
    background-color: var(--bg-0ead98-5);
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    padding: 0 12px
}

.c-vip-level .my-level-box .level-right {
    align-items: center;
    display: flex
}

.c-vip-level .my-level-box .level-right .link-bind {
    color: #0ead98;
    cursor: pointer;
    min-width: 204px
}

.c-vip-level .my-level-box .level-right .btn-buy {
    align-items: center;
    background-color: #fff;
    border-radius: 30px;
    color: #161719;
    display: flex;
    font-weight: 600;
    padding: 10px 32px
}

.c-vip-level .my-level-box .level-right .btn-buy .btn-arrow {
    background-color: #161719;
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    width: 24px
}

.c-vip-level .my-level-box .level-right .btn-buy .btn-arrow .iconfont {
    color: #fff;
    font-size: 20px;
    left: 1px;
    position: relative
}

.c-vip-level .my-level-box .level-right .btn-buy:hover {
    background-color: var(--bg-0ead98);
    color: #fff;
    transition: .4s
}

.c-vip-level .my-level-box .level-right .btn-buy:hover .btn-arrow {
    background-color: #fff
}

.c-vip-level .my-level-box .level-right .btn-buy:hover .btn-arrow .iconfont {
    color: #0ead98
}

.c-vip-level .vip-table-box {
    padding-bottom: 20px
}

.c-vip-level .vip-table-box .vip-title {
    padding: 0 24px
}

.c-vip-level .vip-table-box .vip-title .vip-title-inner {
    border-bottom: 1px solid var(--border-e6e7eb);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding: 20px 0
}

.c-vip-level .vip-table-box .table-h5-wrapper .table-h5 .t-col .t-td:nth-of-type(odd),
.c-vip-level .vip-table-box .table-h5-wrapper .table-h5 .t-col .t-th:nth-of-type(odd) {
    background-color: var(--bg-fafbfc)
}

.c-vip-level .vip-table-box .table-h5-wrapper .table-h5 .t-col .t-td:nth-of-type(2n),
.c-vip-level .vip-table-box .table-h5-wrapper .table-h5 .t-col .t-th:nth-of-type(2n) {
    background-color: var(--bg-f2f3f5)
}

.c-vip-level .vip-table-box .via-table .via-table-header {
    background-color: transparent
}

.c-vip-level .vip-table-box .via-table .via-table-body .body-row.is-active {
    position: relative
}

.c-vip-level .vip-table-box .via-table .via-table-body .body-row.is-active .table-prop {
    color: var(--text-0ead98);
    font-weight: 700
}

.c-vip-level .vip-table-box .via-table .via-table-body .body-row.is-active:after {
    border: 1px solid var(--border-0ead98);
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.c-vip-level .vip-table-box .via-table .via-table-body .body-row.is-buff {
    cursor: pointer
}

.c-vip-level .vip-table-box .via-table .via-table-body .body-row.is-buff .table-prop {
    color: var(--text-b4b7bd)
}

.c-vip-level .vip-table-box .via-table .via-table-body .body-row.is-buff .table-prop:first-child {
    color: var(--text-161719)
}

.c-vip-level .vip-table-box .via-table .via-table-body .table-prop {
    background-color: transparent
}

.c-vip-level .vip-table-box .via-table .via-table-body .table-prop .table-prop-cell {
    padding-inline-end: 28px;
    position: relative
}

.c-vip-level .vip-table-box .via-table .via-table-body .table-prop .table-prop-cell .icon-success {
    color: var(--text-0ead98);
    inset-inline-end: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.c-vip-level .vip-table-box .via-table .via-table-body .col-vip {
    align-items: center;
    display: flex
}

.c-vip-level .vip-table-box .via-table .via-table-body .col-vip .img-wrapper {
    align-items: center;
    background-color: var(--bg-ffffff);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    margin-inline-end: 8px;
    width: 40px
}

.c-vip-level .vip-table-box .via-table .via-table-body .col-vip .img-wrapper .img-vip {
    width: 28px
}

.c-vip-level .vip-table-box .via-table .via-table-body .col-vip .vip-text {
    flex-shrink: 0;
    font-weight: 700
}

.theme-night .c-vip-level .my-level-box {
    background-image: url(../app-resources-d6/assets/17a2a3bdef3be8cc43131871d6161f7b_9fdee2f864f5eaf7045f.v2.webp)
}

.c-vip-rights {
    display: flex;
    justify-content: space-between
}

.c-vip-rights .rights-left {
    flex: 1 1 0%;
    margin-inline-end: 280px
}

.c-vip-rights .rights-left .img-big-icon {
    margin-top: 160px;
    width: 333px
}

.c-vip-rights .rights-right {
    display: flex;
    flex: 2 1 0%;
    flex-wrap: wrap
}

.c-vip-rights .rights-right .sec-rights {
    margin-bottom: 90px;
    padding-inline-end: 8px;
    width: 33%;
    word-break: break-word
}

.c-vip-rights .rights-right .sec-rights .img-icon {
    width: 42px
}

.c-vip-rights .rights-right .sec-rights .main-text {
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 27px
}

.c-vip-rights .rights-right .sec-rights .sub-text {
    font-weight: 500
}

.c-vip-bind-addr-dialog .via-text {
    color: var(--text-3a3d42)
}

.c-vip-bind-addr-dialog .input-textarea textarea {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    height: 100px
}

.c-vip-bind-addr-dialog .input-textarea textarea:focus {
    background-color: rgba(14, 173, 152, .05)
}

.c-vip-bind-addr-dialog .tip {
    inset-inline-end: 0;
    line-height: 17px;
    max-width: 280px;
    position: absolute;
    top: 0;
    transform: translateY(-100%)
}

.c-vip-bind-addr-dialog .tip i {
    line-height: 17px
}

.c-vip-bind-addr-dialog .min-w-700 {
    min-width: 700px
}

.c-vip-bind-addr-dialog .via-tabs .tab-item {
    white-space: nowrap
}

.c-vip-bind-addr-dialog .via-tabs.is-ru_KZ .tab-nav-button .tab-item {
    padding: 0 12px !important
}

.p-vip {
    background-color: var(--bg-ffffff);
    color: var(--text-161719);
    padding-bottom: 80px;
    padding-top: 108px
}

.p-vip.is-native {
    padding-top: 32px !important
}

.p-vip .sec-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px
}

.p-vip .sec-sub-title {
    color: var(--text-3a3d42);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 12px
}

.p-vip .dash {
    background-color: var(--bg-161719);
    height: 4px;
    width: 26px
}

.p-vip .table-h5-wrapper {
    border-radius: 20px;
    overflow: hidden
}

.p-vip .table-h5-wrapper .table-h5 {
    display: flex;
    position: relative
}

.p-vip .table-h5-wrapper .table-h5 .t-head {
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

.p-vip .table-h5-wrapper .table-h5 .t-head .t-th {
    padding-inline-start: 20px;
    width: 120px;
    word-break: break-word
}

.p-vip .table-h5-wrapper .table-h5 .t-body {
    display: flex;
    overflow-x: auto;
    padding-inline-start: 120px
}

.p-vip .table-h5-wrapper .table-h5 .t-body::-webkit-scrollbar {
    display: none
}

.p-vip .table-h5-wrapper .table-h5 .t-body .t-col .sec-vip {
    align-self: center;
    border: 1px solid var(--border-b4b7bd);
    border-radius: 4px;
    display: flex;
    font-weight: 700;
    width: 52px
}

.p-vip .table-h5-wrapper .table-h5 .t-body .t-col .sec-vip .vip-text {
    background-color: var(--bg-b4b7bd);
    border-radius: 2px;
    color: var(--bg-ffffff);
    font-style: italic;
    padding: 0 4px
}

.p-vip .table-h5-wrapper .table-h5 .t-body .t-col .sec-vip .vip-val {
    color: var(--text-b4b7bd);
    padding: 0 6px
}

.p-vip .table-h5-wrapper .table-h5 .t-body .t-col.is-active {
    background: linear-gradient(#f1cc85, #fff3b1);
    border-radius: 4px
}

.p-vip .table-h5-wrapper .table-h5 .t-body .t-col.is-active .t-td {
    background-color: transparent !important;
    color: #593107;
    font-weight: 600
}

.p-vip .table-h5-wrapper .table-h5 .t-body .t-col.is-active .sec-vip {
    border: 1px solid var(--border-f0af34)
}

.p-vip .table-h5-wrapper .table-h5 .t-body .t-col.is-active .sec-vip .vip-text {
    background-color: var(--text-f0af34);
    color: #fff3b1
}

.p-vip .table-h5-wrapper .table-h5 .t-body .t-col.is-active .sec-vip .vip-val {
    color: var(--text-f0af34)
}

.p-vip .table-h5-wrapper .table-h5 .t-body .t-col.is-buff .t-td {
    color: rgba(89, 49, 7, .4)
}

.p-vip .table-h5-wrapper .table-h5 .t-body .t-td {
    color: var(--text-707580);
    min-width: 90px;
    text-align: center
}

.p-vip .table-h5-wrapper .table-h5 .t-col {
    display: flex;
    flex-direction: column;
    height: 100%
}

.p-vip .table-h5-wrapper .table-h5 .t-col .t-td,
.p-vip .table-h5-wrapper .table-h5 .t-col .t-th {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    font-weight: 500;
    justify-content: center;
    min-height: 48px;
    padding: 4px 8px
}

.p-vip .table-h5-wrapper .table-h5 .t-col .t-td:nth-of-type(odd),
.p-vip .table-h5-wrapper .table-h5 .t-col .t-th:nth-of-type(odd) {
    background-color: var(--bg-f2f3f5)
}

.p-vip .table-h5-wrapper .table-h5 .t-col .t-td:nth-of-type(2n),
.p-vip .table-h5-wrapper .table-h5 .t-col .t-th:nth-of-type(2n) {
    background-color: var(--bg-fafbfc)
}

.p-vip .title-box .privilege-box {
    align-items: center;
    display: flex
}

.p-vip .title-box .privilege-box .sec-privilege {
    font-size: 16px;
    font-weight: 500;
    margin-inline-end: 20px
}

.p-vip .title-box .privilege-box .sec-privilege .icon-yes {
    color: var(--text-0ead98);
    margin-inline-end: 4px
}

.p-vip .title-box .title-text {
    display: inline-block;
    font-size: 52px;
    margin-top: 40px;
    max-width: 800px;
    position: relative
}

.p-vip .title-box .title-text .title-one {
    display: inline-block;
    font-weight: 800;
    line-height: 50px;
    position: relative
}

.p-vip .title-box .title-text .title-one .vip {
    background: linear-gradient(207deg, #e68c06 12.27%, #ffe090 82.93%) text;
    -webkit-text-fill-color: transparent;
    position: relative
}

.p-vip .title-box .title-text .title-one .vip:after {
    background-image: url(../app-resources-d6/assets/5b634eb7ecb4f18a3539b2cd6491408b_f7aea9be9ce474d5d901.v2.webp);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 24px;
    inset-inline-end: -40px;
    position: absolute;
    top: 0;
    width: 24px
}

.p-vip .title-box .title-text .title-two {
    display: block;
    font-weight: 500;
    line-height: 60px;
    margin-top: 14px
}

.p-vip .title-box .title-text .img-arrow-pc {
    height: 368px;
    inset-inline-end: -200px;
    position: absolute;
    top: -115px;
    width: 356px
}

.p-vip .title-box .title-text .img-arrow-pc.is-cn {
    inset-inline-end: -300px
}

.p-vip .title-box .title-text .img-arrow-h5 {
    bottom: -32px;
    height: 200px;
    inset-inline-end: -20px;
    position: absolute;
    width: 153px
}

.p-vip .buy-box {
    margin-top: 60px
}

.p-vip .buy-box .buy-btn {
    background-color: var(--bg-161719);
    border-radius: 12px;
    color: var(--text-ffffff);
    font-weight: 700;
    margin-top: 24px;
    padding: 11px 56px
}

.p-vip .buy-box .buy-btn:hover {
    background-color: var(--bg-0ead98);
    transition: .4s
}

.theme-night .p-vip {
    background-color: #121417
}

.theme-night .p-vip .title-one .vip:after {
    background-image: url(../app-resources-d6/assets/bf8ad626097fd1b5f923ccbfa129f7b3_39494ec87063e22b53e9.v2.webp) !important
}

.c-ambassador-banner {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1280px;
    min-height: 200px;
    overflow: hidden;
    position: relative
}

.c-ambassador-banner .bg-icon {
    height: 200px;
    inset-inline-end: 20px;
    position: absolute;
    top: 0;
    width: 200px
}

.c-ambassador-banner .content {
    line-height: 1.25;
    max-width: 800px;
    overflow-wrap: break-word;
    word-break: break-word
}

.theme-night .c-ambassador-banner .bg-icon {
    opacity: .1
}

.c-ambassador-summary {
    align-items: center;
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 6px 20px 0 rgba(210, 215, 222, .25);
    display: flex;
    height: 124px;
    margin: 0 auto;
    padding-inline: 30px 50px;
    width: 1280px
}

.c-ambassador-summary .level-wrapper {
    align-items: center;
    display: flex;
    width: 420px
}

.c-ambassador-summary .level-icon {
    background: var(--bg-f7f8fa);
    border-radius: 50%;
    flex-shrink: 0;
    height: 80px;
    overflow: hidden;
    width: 80px
}

.c-ambassador-summary .level-icon .level-icon-img {
    display: block;
    margin-left: 2px;
    margin-top: 3px;
    width: 100%
}

.c-ambassador-summary .item-label {
    color: var(--text-707580);
    font-size: 12px
}

.c-ambassador-summary .item-val {
    color: var(--text-161719);
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 6px
}

.c-ambassador-summary .split-line {
    border-left: 1px solid var(--border-e6e7eb);
    height: 56px
}

.c-ambassador-summary .coupons-entrance {
    color: var(--text-ffffff);
    height: 48px;
    margin-bottom: 6px;
    position: relative
}

.c-ambassador-summary .coupons-entrance .coupons-img-dialog {
    height: 48px;
    position: absolute;
    width: 100%
}

.c-ambassador-summary .coupons-entrance .coupons-img-gift {
    height: 42px;
    inset-inline-start: -5px;
    position: absolute;
    top: -5px;
    width: 42px;
    z-index: 1
}

.c-ambassador-summary .coupons-entrance .coupons-text {
    align-items: center;
    color: #fff;
    display: flex;
    height: 48px;
    justify-content: center;
    line-height: 1;
    margin-inline: 36px 12px;
    padding-bottom: 14px;
    padding-top: 3px;
    position: relative;
    text-align: center;
    z-index: 1
}

.c-ambassador-summary .coupons-position {
    margin-top: -50px
}

.c-ambassador-summary .btn {
    min-width: 160px
}

.c-ambassador-rebate-privilege {
    margin: 0 auto;
    width: 1280px
}

.c-ambassador-rebate-privilege .grade-wrapper {
    display: flex;
    justify-content: space-between
}

.c-ambassador-rebate-privilege .grade-wrapper .grade-item {
    align-items: center;
    background: rgb(var(--ui0-bg-card_gray));
    border-radius: 20px;
    display: flex;
    height: 142px;
    padding: 0 40px;
    width: 416px
}

.c-ambassador-rebate-privilege .grade-wrapper .grade-icon-wrapper {
    height: 110px;
    overflow: hidden;
    position: relative;
    width: 110px
}

.c-ambassador-rebate-privilege .grade-wrapper .grade-icon-wrapper .grade-icon {
    left: 0;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%
}

.c-ambassador-rebate-privilege .grade-wrapper .grade-text {
    color: rgb(var(--ui0-text-secondary));
    font-size: 16px
}

.c-ambassador-rebate-privilege .grade-wrapper .grade-rate {
    color: rgb(var(--ui0-base-warning));
    font-size: 28px;
    font-weight: 700
}

.c-ambassador-other-privilege {
    margin: 0 auto;
    width: 1280px
}

.c-ambassador-other-privilege .privilege-item {
    width: 235px
}

.c-ambassador-other-privilege .privilege-item .item-icon {
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    width: 60px
}

.c-ambassador-other-privilege .privilege-item .item-icon img {
    display: block;
    width: 100%
}

.c-ambassador-other-privilege .privilege-item .item-title {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
    text-align: center
}

.c-ambassador-other-privilege .privilege-item .item-desc {
    color: var(--text-707580);
    margin-top: 12px;
    text-align: center
}

.c-ambassador-requirement .requirement-wrapper {
    margin: 0 auto;
    width: 1280px
}

.c-ambassador-requirement .requirement-wrapper .item {
    align-items: center;
    background: var(--bg-ffffff);
    border-radius: 12px;
    display: flex;
    margin-top: 8px;
    padding: 14px 0
}

.c-ambassador-requirement .requirement-wrapper .item-index {
    border-inline-end: 1px solid var(--border-dee0eb);
    color: var(--text-161719);
    font-weight: 700;
    text-align: center;
    width: 170px
}

.c-ambassador-requirement .requirement-wrapper .item-content {
    color: var(--text-3a3d42);
    flex: 1 1 0%;
    padding: 0 30px
}

.c-ambassador-level-intro {
    margin: 0 auto;
    width: 1280px
}

.c-ambassador-level-intro .grade-wrapper .title-row {
    display: flex
}

.c-ambassador-level-intro .grade-wrapper .title-row>span {
    color: var(--text-707580);
    text-align: center;
    width: 20%
}

.c-ambassador-level-intro .grade-wrapper .grade-row {
    align-items: center;
    border-radius: 40px 20px 20px 40px;
    display: flex;
    height: 80px;
    margin-top: 12px
}

.c-ambassador-level-intro .grade-wrapper .grade-row>span {
    color: var(--text-161719);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    width: 20%
}

.c-ambassador-level-intro .grade-wrapper .grade-row .grade-icon-wrapper {
    background: var(--bg-ffffff);
    border-radius: 50%;
    box-shadow: 2px 8px 20px 0 hsla(213, 5%, 65%, .12);
    height: 80px;
    overflow: hidden;
    width: 80px
}

.c-ambassador-level-intro .grade-wrapper .grade-row .grade-icon-wrapper .grade-icon {
    margin: 3px 0 0 2px;
    width: 100%
}

.c-ambassador-level-intro .md-grade-row {
    border-radius: 12px;
    margin-top: 12px;
    padding: 20px
}

.c-ambassador-level-intro .md-grade-row .grade-icon-wrapper {
    background: var(--bg-ffffff);
    border-radius: 50%;
    box-shadow: 2px 8px 20px 0 hsla(213, 5%, 65%, .12);
    height: 42px;
    overflow: hidden;
    width: 42px
}

.c-ambassador-level-intro .md-grade-row .grade-icon-wrapper .grade-icon {
    margin: 2px 0 0 1px;
    width: 100%
}

.c-ambassador-level-intro .md-grade-row .item-label {
    color: var(--text-707580);
    font-size: 12px
}

.c-ambassador-level-intro .md-grade-row .item-value {
    color: var(--text-161719);
    font-weight: 700;
    white-space: nowrap
}

.theme-night .c-ambassador-rebate-privilege .grade-wrapper .grade-row {
    background: var(--bg-ffffff) !important
}

.theme-night .c-ambassador-rebate-privilege .grade-wrapper .grade-row .grade-icon-wrapper {
    box-shadow: none
}

.theme-night .c-ambassador-rebate-privilege .md-grade-row {
    background: var(--bg-ffffff) !important
}

.theme-night .c-ambassador-rebate-privilege .md-grade-row .grade-icon-wrapper {
    box-shadow: none
}

.c-ambassador-banner-recommend {
    padding: 40px 0
}

.c-ambassador-banner-recommend .recommend-wrapper {
    margin: 0 auto;
    padding: 28px 0 56px;
    position: relative;
    width: 1280px
}

.c-ambassador-banner-recommend .recommend-wrapper .illustration {
    inset-inline-end: 20px;
    position: absolute;
    top: -30px;
    width: 338px
}

.c-ambassador-banner-recommend .recommend-wrapper .tip-wrapper {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 700;
    width: 580px
}

.c-ambassador-guides {
    display: flex;
    margin: 0 auto;
    width: 1280px
}

.c-ambassador-guides .steps {
    display: flex;
    justify-content: space-between;
    width: 798px
}

.c-ambassador-guides .steps .step-item {
    position: relative;
    width: 200px
}

.c-ambassador-guides .steps .step-item .step-icon {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 50%;
    display: flex;
    height: 130px;
    justify-content: center;
    margin: 0 auto;
    width: 130px
}

.c-ambassador-guides .steps .step-item .step-icon>div {
    align-items: center;
    background: var(--bg-ffffff);
    border-radius: 50%;
    display: flex;
    height: 94px;
    justify-content: center;
    width: 94px
}

.c-ambassador-guides .steps .step-item .step-icon i {
    color: var(--text-161719);
    font-size: 24px
}

.c-ambassador-guides .steps .step-item .step-desc {
    color: var(--text-3a3d42);
    margin-top: 10px;
    text-align: center
}

.c-ambassador-guides .steps .step-item:after {
    border-top: 1px dashed var(--border-0ead98);
    content: " ";
    inset-inline-start: 190px;
    position: absolute;
    top: 65px;
    width: 120px
}

.c-ambassador-guides .steps .step-item:last-of-type:after {
    display: none
}

.c-ambassador-intro {
    padding-bottom: 100px;
    padding-top: 48px
}

.c-activity-ambassador-selectNode-dialog .nodes-list .item {
    align-items: center;
    background-color: var(--bg-f5f6f7);
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--text-3a3d42);
    cursor: pointer;
    display: flex;
    font-weight: 500;
    height: 50px;
    margin-top: 12px;
    padding: 0 22px;
    transition: color .2s, background-color .2s
}

.c-activity-ambassador-selectNode-dialog .nodes-list .item:hover {
    background-color: var(--bg-0ead98-5);
    color: var(--text-0ead98)
}

.c-activity-ambassador-selectNode-dialog .nodes-list .item i {
    color: var(--text-e6e7eb)
}

.c-activity-ambassador-selectNode-dialog .nodes-list .item.active {
    background-color: var(--bg-0ead98-5);
    border-color: var(--border-0ead98);
    color: var(--text-0ead98)
}

.c-activity-ambassador-selectNode-dialog .nodes-list .item.active i {
    color: var(--text-0ead98)
}

.c-activity-ambassador-selectNode-dialog .el-button[type=button] {
    height: 40px
}

.c-activity-ambassador-selectNode-dialog .el-button[type=button].is-plain {
    background-color: rgba(14, 173, 152, .1);
    border-color: transparent
}

.c-activity-ambassador-node-map {
    margin-bottom: 80px
}

.c-activity-ambassador-node-map .title {
    color: var(--text-161719);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center
}

.c-activity-ambassador-node-map .map {
    display: inline-block;
    margin: 0 auto;
    position: relative
}

.c-activity-ambassador-node-map .map-img {
    width: 996px
}

.c-activity-ambassador-node-map .map .node {
    cursor: pointer;
    position: absolute;
    transition: transform .3s
}

.c-activity-ambassador-node-map .map .node:hover {
    transform: scale(1.5)
}

.c-activity-ambassador-node-map .map .node-img {
    background: url(../app-resources-d6/assets/c5a3bb605f70101e6feba74de45c6de2_826f8e9042adc80fc018.v2.webp) 50%/120% 120% no-repeat;
    height: 26px;
    width: 26px
}

.c-activity-ambassador-node-map .map .my-location {
    align-items: center;
    display: flex;
    flex-direction: column;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, -50%)
}

.c-activity-ambassador-node-map .map .my-location span {
    background: rgba(243, 139, 44, .1);
    border-radius: 12px;
    color: #f38b2c;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    white-space: nowrap
}

.c-activity-ambassador-node-map .map .my-location img {
    height: 25px;
    margin-top: 6px;
    width: 20px
}

.c-activity-ambassador-node-map .light-button.el-button {
    border-radius: 30px;
    min-width: 260px
}

.ambassador-node-popper {
    background-color: var(--bg-ffffff);
    border: none
}

.ambassador-node-popper .content .avatar-box {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ambassador-node-popper .content .avatar {
    border-radius: 50%;
    height: 44px;
    width: 44px
}

.ambassador-node-popper .content .star-icon {
    height: 26px;
    width: 26px
}

.theme-night .c-activity-ambassador-node-map .map-img {
    opacity: .2
}

.theme-night .c-activity-ambassador-node-map .map .node-img {
    background: url(../app-resources-d6/assets/823be60d31f5907f8994e645b48899eb_6a880ae59f7dc8bc1320.v2.webp) 50%/contain no-repeat;
    height: 18px;
    width: 18px
}

.c-activity-ambassador-style {
    margin: 40px auto 0;
    padding-bottom: 80px;
    width: 1200px
}

.c-activity-ambassador-style .star-box .sec-title {
    color: var(--text-161719);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
    text-align: center;
    white-space: nowrap;
    word-break: keep-all
}

.c-activity-ambassador-style .star-box .sec-content-box {
    display: flex;
    flex-wrap: wrap
}

.c-activity-ambassador-style .star-box .sec-content-box .star-item-box {
    background: var(--bg-f7f8fa);
    border-radius: 8px;
    margin-bottom: 32px;
    min-height: 216px;
    overflow: hidden;
    padding: 27px 24px;
    position: relative;
    transition: background-color .3s;
    width: 380px
}

.c-activity-ambassador-style .star-box .sec-content-box .star-item-box:not(:nth-of-type(3n)) {
    margin-inline-end: 30px
}

.c-activity-ambassador-style .star-box .sec-content-box .star-item-box:after {
    background-color: var(--bg-0ead98);
    content: "";
    display: block;
    height: 6px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s
}

.c-activity-ambassador-style .star-box .sec-content-box .star-item-box:hover {
    background: var(--bg-ffffff);
    box-shadow: 0 6px 20px rgba(201, 205, 225, .25)
}

.c-activity-ambassador-style .star-box .sec-content-box .star-item-box:hover:after {
    opacity: 1
}

.c-activity-ambassador-style .star-box .sec-content-box .star-item-box .avatar-box {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-activity-ambassador-style .star-box .sec-content-box .star-item-box .avatar-box .avatar {
    background-color: var(--bg-ffffff);
    border-radius: 50%;
    height: 60px;
    width: 60px
}

.c-activity-ambassador-style .star-box .sec-content-box .star-item-box .avatar-box .star-icon {
    height: 32px;
    width: 32px
}

.c-activity-ambassador-style .star-box .sec-content-box .star-item-box .info-box .name {
    color: var(--text-27282c);
    display: -webkit-box;
    font-weight: 500;
    margin-top: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.c-activity-ambassador-style .star-box .sec-content-box .star-item-box .info-box .describe {
    color: #7d7f81;
    display: -webkit-box;
    font-size: 12px;
    line-height: 20px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.c-activity-ambassador-style .star-box .more-btn {
    background-color: rgba(14, 173, 152, .1);
    border-color: transparent;
    border-radius: 30px;
    color: var(--text-0ead98);
    height: 40px;
    min-width: 168px
}

.c-activity-ambassador-style .star-box .more-btn:hover {
    background: var(--bg-0ead98);
    color: #fff
}

.theme-night .c-activity-ambassador-style .sec-content-box .star-item-box:hover {
    background-color: #131519;
    box-shadow: none
}

.c-ambassador-activity-tag-status {
    align-items: center;
    border-radius: 12px;
    display: inline-flex;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    padding: 0 12px
}

.c-ambassador-activity-tag-status .dot {
    border-radius: 50%;
    height: 6px;
    margin-inline-end: 4px;
    width: 6px
}

.c-ambassador-activity-tag-status.status-pending {
    background: rgba(243, 139, 44, .1);
    color: var(--text-f38b2c)
}

.c-ambassador-activity-tag-status.status-pending .dot {
    background: var(--text-f38b2c)
}

.c-ambassador-activity-tag-status.status-started {
    background: rgba(14, 173, 152, .1);
    color: var(--text-0ead98)
}

.c-ambassador-activity-tag-status.status-started .dot {
    background: var(--text-0ead98)
}

.c-ambassador-activity-tag-status.status-finished {
    background: hsla(219, 7%, 47%, .1);
    color: var(--text-707580)
}

.c-ambassador-activity-tag-status.status-finished .dot {
    background: var(--text-707580)
}

.c-ambassador-activity-dialog-records .table-wrapper {
    min-height: 368px
}

.c-ambassador-activity-dialog-records .via-table .table-header tr .table-label {
    height: 48px
}

.c-ambassador-activity-dialog-records .via-table .table-body-wrapper .body-row .table-prop {
    font-size: 14px;
    height: 64px
}

.c-ambassador-activity-dialog-records .empty-container .c-common-empty {
    min-height: 318px
}

.c-ambassador-activity-list {
    margin: 0 auto;
    padding-bottom: 100px;
    padding-top: 48px;
    width: 1280px
}

.c-ambassador-activity-list .activity-item {
    background: var(--bg-ffffff);
    border-radius: 30px;
    box-shadow: 0 8px 25px 0 rgba(225, 232, 238, .55);
    display: flex;
    margin-top: 20px;
    padding: 30px 30px 30px 40px
}

.c-ambassador-activity-list .activity-item .poster-wrapper {
    border-radius: 20px;
    flex-shrink: 0;
    height: 204px;
    overflow: hidden;
    position: relative;
    width: 458px
}

.c-ambassador-activity-list .activity-item .poster-wrapper .poster {
    background-size: cover;
    height: 100%;
    width: 100%
}

.c-ambassador-activity-list .activity-item .poster-wrapper .blur {
    filter: blur(20px)
}

.c-ambassador-activity-list .activity-item .poster-wrapper .mask-tip {
    align-items: center;
    background: rgba(0, 0, 0, .1);
    color: #fff;
    display: flex;
    font-size: 20px;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-ambassador-activity-list .activity-item .info-wrapper {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: space-between;
    margin-inline-start: 60px
}

.c-ambassador-activity-list .activity-item .activity-title {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

.c-ambassador-activity-list .activity-item .activity-title .title-row {
    color: var(--text-161719);
    display: -webkit-box;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 0;
    -webkit-box-orient: vertical;
    flex: 1 1 0%;
    -webkit-line-clamp: 2
}

.c-ambassador-activity-list .empty-container .c-common-empty {
    min-height: 318px
}

.c-ambassador-activity-list .via-pagination {
    justify-content: center
}

.c-ambassador-activity-list .via-pagination .via-pagination-select-limit {
    display: none
}

.c-activity-ambassador-activity {
    align-items: center;
    background-color: var(--bg-ffffff);
    border-radius: 8px;
    bottom: 240px;
    box-shadow: 0 6px 20px rgba(201, 205, 225, .25);
    display: flex;
    height: 74px;
    overflow: hidden;
    padding: 0 30px;
    position: fixed;
    right: 20px;
    transform: translateZ(0);
    width: 368px;
    z-index: 1
}

.c-activity-ambassador-activity:before {
    background-color: #f38b2c;
    content: "";
    display: block;
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    width: 4px
}

.c-activity-ambassador-activity:after {
    background: url(../app-resources-d6/assets/3390da502cfdaa06a8dc95c2136bfc3d_a2573aa65eadae9fd34b.v2.webp) 50%/cover no-repeat;
    content: "";
    display: block;
    height: 100%;
    inset-inline-end: 0;
    pointer-events: none;
    position: absolute;
    width: 74px
}

.c-activity-ambassador-activity .ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.c-activity-ambassador-activity .text-f58c2c {
    color: #f58c2c
}

.c-activity-ambassador-activity .close-btn {
    color: var(--text-b4b7bd);
    font-size: 12px;
    inset-inline-end: 0;
    padding: 13px;
    position: absolute;
    top: 0;
    z-index: 1
}

.theme-night .c-activity-ambassador-activity {
    box-shadow: none
}

[dir=rtl] .c-activity-ambassador-activity:after {
    transform: scaleX(-1)
}

.slide-enter-active .c-activity-ambassador-activity[data-v-5ce04b16],
.slide-leave-active .c-activity-ambassador-activity[data-v-5ce04b16] {
    transition: transform .3s
}

.slide-enter .c-activity-ambassador-activity[data-v-5ce04b16],
.slide-leave-to .c-activity-ambassador-activity[data-v-5ce04b16] {
    transform: translateX(120%)
}

.p-ambassador {
    overflow: hidden
}

.p-ambassador .wrapper {
    background: rgba(0, 0, 0, 1);
    border-radius: 40px 40px 0 0;
    display: inline-block;
    margin-top: 116px;
    width: 100%
}

.p-ambassador .summary {
    margin-top: -62px
}

.p-ambassador .tabs {
    border-bottom: 1px solid var(--border-f2f3f5);
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 1280px
}

.p-ambassador .tabs .tab-item {
    cursor: pointer;
    margin-inline-end: 80px;
    padding: 12px 0;
    position: relative
}

.p-ambassador .tabs .tab-item:last-of-type {
    margin-inline-end: 0 !important
}

.p-ambassador .tabs .tab-item .tab-icon-wrapper {
    display: flex;
    justify-content: center
}

.p-ambassador .tabs .tab-item .tab-icon-wrapper img {
    height: 40px;
    width: 40px
}

.p-ambassador .tabs .tab-item .tab-icon-wrapper .active-icon {
    display: none
}

.p-ambassador .tabs .tab-item .tab-label {
    color: var(--text-707580);
    margin-top: 8px;
    text-align: center;
    word-break: break-word
}

.p-ambassador .tabs .tab-item.active .tab-icon-wrapper .tab-icon {
    display: none
}

.p-ambassador .tabs .tab-item.active .tab-icon-wrapper .active-icon {
    display: block
}

.p-ambassador .tabs .tab-item.active .tab-label {
    color: var(--text-0ead98)
}

.p-ambassador .tabs .tab-item.active:after {
    background-color: var(--bg-0ead98);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.theme-night .p-ambassador .tabs .tab-item .tab-icon-wrapper img {
    opacity: .2
}

.theme-night .p-ambassador .tabs .tab-item.active .tab-icon-wrapper img {
    opacity: 1
}

.c-referral-carouse-rewards .el-carousel {
    background: linear-gradient(90deg, hsla(223, 6%, 47%, 0) 2.44%, rgba(71, 74, 80, .15) 49.69%, hsla(223, 6%, 47%, 0) 96.94%);
    font-size: 12px;
    width: 800px
}

.c-referral-carouse-rewards .el-carousel__item {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-referral-banner {
    margin: 0 auto;
    max-width: 1280px;
    padding-top: 64px
}

.c-referral-banner .text-52 {
    font-size: 52px
}

.c-refer-tab .tab-item {
    min-width: 120px;
    padding: 0 12px !important;
    text-align: center
}

.c-refer-link-intro {
    text-align: center
}

.c-referral-rebate-ratio {
    padding: 20px;
    width: 260px
}

.c-referral-rebate-ratio .section-title {
    border-bottom: 1px solid rgb(var(--ui0-line-heavy));
    color: rgb(var(--ui0-text-primary));
    font-size: 14px;
    padding-bottom: 12px
}

.c-referral-rebate-ratio .section-title .link {
    color: var(--text-0ead98);
    cursor: pointer
}

.c-referral-rebate-ratio .level-item {
    color: rgb(var(--ui0-text-primary));
    display: flex;
    font-size: 12px;
    font-weight: 700;
    margin-top: 4px
}

.c-refer-info-vip {
    align-items: center;
    background: linear-gradient(90deg, #eaf2ff, #f3f8fe);
    border-radius: 20px;
    display: flex;
    height: 138px;
    padding-inline: 40px 420px;
    position: relative
}

.c-refer-info-vip .avatar img {
    display: block;
    height: 68px;
    width: 68px
}

.c-refer-info-vip .btn-apply,
.c-refer-info-vip .info-vip-bg {
    inset-inline-end: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.theme-night .c-refer-info-vip {
    background: linear-gradient(90deg, #2b313b, #20262d)
}

.c-refer-info-ambassador {
    background: linear-gradient(90deg, #eaf2ff, #f3f8fe);
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    padding: 25px 60px 25px 25px
}

.c-refer-info-ambassador .user-level {
    align-items: center;
    display: flex
}

.c-refer-info-ambassador .user-level .level-icon {
    height: 80px;
    overflow: visible;
    width: 80px
}

.c-refer-info-ambassador .user-level .level-icon img {
    margin-left: -17px;
    margin-top: -12px;
    max-width: none;
    width: 120px
}

.c-refer-info-ambassador .level-list {
    display: flex
}

.c-refer-info-ambassador .level-list .level-item {
    background: rgb(var(--ui0-bg-mask_white));
    border: 1px solid rgb(var(--ui0-bg-mask_white));
    border-radius: 12px;
    height: 88px;
    margin-inline-start: 12px;
    padding: 20px 12px 0;
    position: relative;
    width: 120px
}

.c-refer-info-ambassador .level-list .level-item .level-ratio {
    color: rgb(var(--ui0-text-quaternary));
    font-size: 20px;
    font-weight: 700;
    margin-top: 12px
}

.c-refer-info-ambassador .level-list .level-item .level-icon {
    border-radius: 50%;
    box-shadow: 2px 8px 20px 0 hsla(213, 5%, 65%, .12);
    height: 32px;
    inset-inline-end: 12px;
    overflow: hidden;
    position: absolute;
    top: 12px;
    width: 32px
}

.c-refer-info-ambassador .level-list .level-item .level-icon img {
    margin: 1px 0 0 1px;
    width: 100%
}

.c-refer-info-ambassador .level-list .level-item.active {
    border-color: var(--border-0ead98)
}

.c-refer-info-ambassador .level-list .level-item.active .level-ratio {
    color: rgb(var(--ui0-text-primary))
}

.theme-night .c-refer-info-ambassador {
    background: linear-gradient(90deg, #2b313b, #20262d)
}

.c-refer-info-business {
    background: linear-gradient(90deg, #edf9f8, #f3f8fe);
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    padding: 20px 60px 20px 40px
}

.c-refer-info-business .user-level {
    align-items: center;
    display: flex
}

.c-refer-info-business .user-level .level-icon {
    height: 80px;
    overflow: visible;
    width: 80px
}

.c-refer-info-business .user-level .level-icon img {
    margin-left: -17px;
    margin-top: -12px;
    max-width: none;
    width: 120px
}

.theme-night .c-refer-info-business {
    background: linear-gradient(90deg, #2b313b, #20262d)
}

.c-refer-btn-gift {
    align-items: center;
    background: linear-gradient(101deg, #ffecd0 -1.68%, #ffba94 86.66%, #fff5d4 155.84%) !important;
    border: none !important;
    color: #c96024 !important;
    display: flex
}

.c-refer-btn-gift img {
    width: 24px
}

.c-refer-dialog-qrcode .qrcode {
    align-items: center;
    border: 1px solid rgb(var(--ui0-line-heavy));
    display: flex;
    height: 234px;
    justify-content: center;
    margin: 24px auto;
    width: 234px
}

.c-refer-dialog-share .poster-slider {
    height: 570px;
    position: relative;
    width: 320px
}

.c-refer-dialog-share .poster-slider .btn-slider {
    align-items: center;
    border: 1px solid var(--border-dee0e3);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: center;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    width: 28px
}

.c-refer-dialog-share .poster-slider .btn-slider .iconfont {
    color: var(--text-3a3d42)
}

.c-refer-dialog-share .poster-slider .btn-slider-left {
    left: -30px
}

.c-refer-dialog-share .poster-slider .btn-slider-right {
    right: -30px;
    transform: rotateY(180deg)
}

.c-refer-dialog-share .poster-slider .slider-pagination {
    bottom: -20px;
    display: flex;
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.c-refer-dialog-share .poster-slider .slider-pagination .page-item {
    background: var(--bg-e6e7eb);
    cursor: pointer;
    height: 3px;
    margin: 0 3px;
    width: 12px
}

.c-refer-dialog-share .poster-slider .slider-pagination .page-item.active {
    background: var(--bg-3a3d42);
    width: 20px
}

.c-refer-dialog-share .poster-wrapper {
    border-radius: 12px;
    height: 570px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 320px
}

.c-refer-dialog-share .poster-wrapper .poster-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-refer-dialog-share .poster-wrapper .poster-footer {
    align-items: center;
    background: #f7f8fa;
    bottom: 0;
    display: flex;
    font-size: 14px;
    height: 90px;
    justify-content: space-between;
    left: 0;
    padding: 5px 12px;
    position: absolute;
    text-align: start;
    width: 100%
}

.c-refer-dialog-share .poster-wrapper .poster-footer .referral-code {
    color: #161719;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    white-space: normal
}

.c-refer-dialog-share .poster-wrapper .poster-footer .prompt {
    color: #3a3d42;
    font-size: 14px;
    line-height: 1;
    margin-top: 8px;
    white-space: normal
}

.c-refer-dialog-share .poster-wrapper .poster-footer .qrcode {
    background: #fff;
    border-radius: 4px;
    flex-shrink: 0;
    margin-inline-start: 10px;
    padding: 5px;
    width: 80px
}

.c-refer-dialog-share .share-wrapper {
    flex: 1 1 0%;
    margin-inline-start: 40px;
    padding-top: 20px;
    position: relative
}

.c-refer-dialog-share .share-wrapper .share-item {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 24px;
    display: flex;
    height: 48px;
    padding: 0 20px
}

.c-refer-dialog-share .share-wrapper .share-item .share-label {
    color: var(--text-707580);
    width: 120px
}

.c-refer-dialog-share .share-wrapper .share-item .share-content {
    color: var(--text-161719);
    flex: 1 1 0%;
    font-size: 16px;
    overflow: hidden;
    text-align: end;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 0
}

.c-refer-dialog-share .share-wrapper .share-item .btn-copy {
    color: var(--text-707580);
    cursor: pointer;
    margin-inline-start: 10px
}

.c-refer-dialog-share .share-wrapper .split-line {
    border-top: 1px solid var(--border-e6e7eb)
}

.c-refer-dialog-share .share-wrapper .share-row {
    display: flex;
    justify-content: center
}

.c-refer-dialog-share .share-wrapper .share-row a {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 90px
}

.c-refer-dialog-share .share-wrapper .share-row a img {
    border-radius: 50%
}

.c-refer-dialog-share .share-wrapper .share-row .sns-name {
    color: var(--text-3a3d42)
}

.c-refer-dialog-share .share-wrapper .btn-copy-link {
    align-items: center;
    background: var(--bg-0ead98);
    border-radius: 50%;
    color: var(--text-ffffff);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    margin: 0 auto;
    width: 32px
}

.c-refer-dialog-share .share-wrapper .btn-download {
    bottom: 32px;
    position: absolute;
    width: 100%
}

.c-referral-invitation {
    align-items: flex-end;
    display: flex
}

.c-referral-invitation .code-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.c-referral-invitation .code-wrapper .info-name {
    color: var(--text-707580);
    font-size: 12px
}

.c-referral-invitation .code-wrap {
    border: 1px solid var(--border-e6e7eb);
    border-radius: 4px;
    color: var(--text-161719);
    height: 40px;
    line-height: 38px;
    overflow: hidden;
    padding: 0 14px;
    padding-inline-end: 40px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-referral-invitation .code-wrap .btn-copy {
    align-items: center;
    background: var(--bg-f2f3f5);
    border-radius: 4px;
    color: var(--text-3a3d42);
    cursor: pointer;
    display: flex;
    height: 30px;
    inset-inline-end: 5px;
    justify-content: center;
    position: absolute;
    top: 4px;
    width: 30px
}

.c-referral-invitation .item-code {
    width: 190px
}

.c-referral-invitation .item-link {
    width: 320px
}

.c-referral-invitation .share-btn-wrapper {
    align-items: center;
    display: flex
}

.c-referral-invitation .share-btn-wrapper .btn-share {
    min-width: 120px
}

.c-referral-invitation .qr-code-wrapper {
    align-items: center;
    background: var(--bg-0ead98);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-inline-start: 12px;
    width: 40px
}

.c-referral-dialog-guide-invitation-code .via-dialog-header {
    margin-bottom: 8px !important
}

.c-referral-dialog-guide-invitation-code .guide-wrapper {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    z-index: 1
}

.c-referral-dialog-guide-invitation-code .guide-wrapper .guide-list {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    margin-inline-end: 40px
}

.c-referral-dialog-guide-invitation-code .guide-wrapper .guide-img-wrap {
    height: 340px;
    position: relative;
    width: 368px
}

.c-referral-dialog-guide-invitation-code .guide-wrapper .guide-img-wrap .img-wrapper {
    left: -8px;
    position: absolute;
    top: -8px
}

.c-referral-dialog-guide-invitation-code .guide-wrapper .guide-img-wrap .guide-img {
    display: block;
    max-width: none;
    width: 396px
}

.c-referral-dialog-guide-invitation-code .via-collapse .via-collapse-item .via-collapse-item__header {
    border-radius: 8px !important;
    font-size: 16px !important;
    height: auto !important;
    line-height: 24px !important;
    padding-bottom: 16px !important;
    padding-top: 16px !important
}

.c-referral-dialog-guide-invitation-code .via-collapse .via-collapse-item .via-collapse-item__content {
    padding: 12px !important
}

.c-referral-dialog-guide-invitation-code .via-collapse .via-collapse-item .desc {
    color: var(--text-707580);
    font-size: 12px;
    padding-inline-start: 20px;
    position: relative
}

.c-referral-dialog-guide-invitation-code .via-collapse .via-collapse-item .desc:before {
    background: var(--bg-b4b7bd);
    border-radius: 50%;
    content: " ";
    height: 6px;
    inset-inline-start: 8px;
    position: absolute;
    top: 6px;
    width: 6px
}

.c-referral-dialog-guide-invitation-code .bg-logo {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 188px
}

.c-referral-dialog-set-default .icon-wrap {
    align-items: center;
    background: rgba(243, 139, 44, .1);
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.c-referral-dialog-set-default .icon-wrap .icon-exclamation-mark {
    color: #f38b2c;
    font-size: 60px
}

.c-referral-vip-rebate-ratio {
    height: 344px;
    padding: 0 !important;
    width: 320px
}

.c-referral-vip-rebate-ratio .vip-title {
    display: flex;
    padding: 24px 32px 8px
}

.c-referral-vip-rebate-ratio .vip-info {
    align-items: center;
    color: var(--text-161719);
    display: flex;
    font-size: 16px;
    height: 46px;
    padding: 0 32px
}

.c-referral-vip-rebate-ratio .vip-info:hover {
    background: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.c-activity-ambassador-rebate-ratio table td,
.c-activity-ambassador-rebate-ratio table th {
    border: none;
    padding: 5px 10px
}

.c-activity-ambassador-rebate-ratio table th {
    color: var(--text-161719);
    font-size: 12px;
    font-weight: 400
}

.c-referral-dialog-recommend-code .mt-34 {
    margin-top: 34px
}

.c-referral-dialog-recommend-code .via-form-item .form-item-label {
    color: var(--text-3a3d42);
    line-height: 22px;
    margin-bottom: 4px;
    padding: 0
}

.c-referral-my-recommend {
    background: rgb(var(--ui0-bg-topmost_gray_light));
    margin: 0 -20px;
    padding: 12px 20px 20px
}

.c-referral-my-recommend .title-row {
    align-items: center;
    border-bottom: 1px solid rgb(var(--ui0-line-light));
    display: flex;
    justify-content: space-between;
    padding-bottom: 12px
}

.c-referral-my-recommend .title-tab {
    color: rgb(var(--ui0-text-primary));
    font-size: 14px;
    font-weight: 700;
    position: relative
}

.c-referral-my-recommend .btn-add-link {
    color: rgb(var(--ui0-base-brand));
    cursor: pointer;
    font-size: 12px;
    text-decoration: underline
}

.c-referral-my-recommend .btn-add-link.disabled {
    color: rgb(var(--ui0-text-tertiary));
    cursor: not-allowed
}

.c-referral-my-recommend .table-codes {
    width: 1216px
}

.c-referral-my-recommend .via-table .via-table-header {
    background: transparent
}

.c-referral-my-recommend .via-table .table-header tr .table-label {
    height: 40px
}

.c-referral-my-recommend .via-table .table-body-wrapper {
    max-height: 240px
}

.c-referral-my-recommend .via-table .table-body-wrapper .body-row .table-prop {
    background: transparent;
    font-size: 14px;
    height: 60px
}

.c-referral-my-recommend .btn-check {
    background: var(--bg-f7f8fa);
    border: 1px solid rgb(var(--ui0-text-quaternary));
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px
}

.c-referral-my-recommend .btn-text {
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 12px;
    margin-inline-start: 20px
}

.c-referral-my-recommend .btn-default {
    min-height: 20px;
    padding: 4px 8px !important
}

.c-referral-my-recommend .code-item {
    background: var(--bg-ffffff);
    border: 2px solid var(--border-ffffff);
    border-radius: 20px;
    box-shadow: 0 4px 30px 0 rgba(213, 217, 222, .25);
    margin-top: 20px;
    padding: 16px 20px 12px
}

.c-referral-my-recommend .code-item.active {
    border-color: var(--border-0ead98)
}

.c-referral-my-recommend .empty-container .c-common-empty {
    background: transparent;
    min-height: 240px
}

.c-refer-rebate-info {
    padding: 32px
}

.c-refer-rebate-info .btn-more {
    background: rgba(14, 173, 152, .05);
    border-radius: 14px;
    color: var(--text-0ead98);
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding: 6px 12px;
    text-align: center;
    transition: .4s ease-out
}

.c-refer-rebate-info .btn-more:hover {
    background: rgba(14, 173, 152, .1)
}

.c-refer-rebate-info .btn-more .icon-arrow-expand {
    color: var(--text-0ead98);
    display: inline-block;
    font-size: 16px;
    vertical-align: middle
}

.c-refer-rebate-info .codes-hidden {
    height: 0;
    overflow: hidden;
    padding: 0
}

.c-refer-rebate-info .info-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 160px
}

.c-refer-rebate-info .info-item .item-name {
    color: rgb(var(--ui0-text-tertiary));
    font-size: 12px
}

.c-refer-rebate-info .info-item .item-val {
    font-size: 24px;
    font-weight: 700;
    margin-top: 8px
}

.c-refer-rebate-info .c-referral-invitation .code-wrap {
    background: rgb(var(--ui0-bg-input_gray));
    border: 1px solid rgb(var(--ui0-line-light))
}

.c-refer-rebate-info .c-referral-invitation .code-wrap .btn-copy {
    background: rgb(var(--ui0-bg-mask_white))
}

.c-referral-carousel .carousel-item {
    border-radius: 8px;
    font-size: 26px;
    height: 100%;
    padding: 56px 60px 48px
}

.c-referral-carousel.is-mini .el-carousel__container {
    height: 148px
}

.c-referral-carousel.is-mini .carousel-item {
    font-size: 18px;
    padding: 40px 24px 42px
}

.c-referral-carousel .el-carousel__container {
    height: 230px
}

.c-referral-carousel .el-carousel__item {
    border-radius: 8px
}

.c-referral-carousel .el-carousel__indicators .el-carousel__indicator .el-carousel__button {
    background: var(--bg-e0e3ed);
    border-radius: 40px;
    height: 4px
}

.c-referral-carousel .el-carousel__indicators .el-carousel__indicator.is-active .el-carousel__button {
    background: var(--bg-0ead98)
}

.c-referral-carousel .carousel-item-bg {
    height: 100%;
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

[dir=rtl] .c-referral-carousel .carousel-item-bg {
    left: 0
}

[dir=ltr] .c-referral-carousel .carousel-item-bg {
    right: 0
}

.c-referral-carousel .join-btn {
    align-items: center;
    border: 1px solid var(--border-161719);
    border-radius: 4px;
    color: var(--text-161719);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    height: 34px;
    justify-content: center;
    margin-top: 16px;
    min-width: 130px;
    padding: 0 16px
}

.c-referral-carousel .join-btn:hover {
    background: #000;
    border: 1px solid #000;
    color: var(--text-ffffff-gray1001);
    transition: .4s
}

.theme-night .c-referral-carousel .join-btn:hover {
    background: #fff;
    border: 1px solid #fff
}

.c-refer-activity-carousel,
.c-referral-summary {
    margin: 0 auto;
    width: 1280px
}

.c-referral-summary {
    display: flex;
    justify-content: space-between
}

.c-referral-summary .rebate-wrapper {
    align-items: center;
    background: rgb(var(--ui0-bg-card_gray));
    border-radius: 12px;
    display: flex;
    height: 148px;
    padding: 8px 24px 0;
    position: relative;
    width: 860px
}

.c-referral-summary .rebate-wrapper .rebate-wrapper-bg {
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

[dir=rtl] .c-referral-summary .rebate-wrapper .rebate-wrapper-bg {
    right: 0
}

[dir=ltr] .c-referral-summary .rebate-wrapper .rebate-wrapper-bg {
    left: 0
}

.c-referral-summary .rebate-wrapper .total-rebate {
    position: relative;
    width: 260px
}

.c-referral-summary .rebate-wrapper .rebate-item {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: space-between
}

.c-referral-summary .rebate-wrapper .item-name {
    color: rgb(var(--ui0-text-tertiary));
    font-size: 12px;
    line-height: 1.2
}

.c-referral-summary .rebate-wrapper .item-name .item-underline {
    border-bottom: 1px dashed rgb(var(--ui0-text-quaternary))
}

.c-referral-summary .rebate-wrapper .item-value {
    display: flex;
    flex-direction: column;
    height: 52px;
    justify-content: center;
    margin-top: 10px
}

.c-referral-summary .number-wrapper {
    align-items: center;
    background: rgb(var(--ui0-bg-card_gray));
    border-radius: 12px;
    display: flex;
    height: 148px;
    width: 400px
}

.c-referral-summary .split-line {
    border-left: 1px solid rgb(var(--ui0-line-heavy));
    height: 62px;
    margin: 0 16px
}

.c-referral-recommend-record {
    margin: 20px auto 0;
    width: 1280px
}

.c-referral-recommend-record .search-wrap .via-input,
.c-referral-recommend-record .search-wrap .via-select {
    background: var(--bg-ffffff-gray1003) !important
}

.c-referral-recommend-record .search-wrap .via-select-label {
    color: var(--text-161719);
    font-size: 12px
}

.c-referral-recommend-record .search-wrap .via-select-label::-moz-placeholder {
    color: var(--text-161719);
    font-size: 12px
}

.c-referral-recommend-record .search-wrap .via-select-label::placeholder {
    color: var(--text-161719);
    font-size: 12px
}

.c-referral-recommend-record .search-wrap .input-inner {
    font-size: 12px;
    font-weight: 400
}

.c-referral-recommend-record .search-wrap .input-inner::-moz-placeholder {
    font-size: 12px;
    font-weight: 400
}

.c-referral-recommend-record .search-wrap .input-inner::placeholder {
    font-size: 12px;
    font-weight: 400
}

.c-referral-recommend-record .search-wrap .date-picker-wrapper {
    width: 100%
}

.c-referral-recommend-record .search-wrap .date-picker-wrapper .el-date-editor {
    background: var(--bg-ffffff-gray1003);
    border-color: var(--bg-dee0e3);
    height: 32px;
    line-height: 32px;
    width: 228px !important
}

.c-referral-recommend-record .search-wrap .date-picker-wrapper .el-date-editor .el-input__icon,
.c-referral-recommend-record .search-wrap .date-picker-wrapper .el-date-editor .el-range-separator {
    line-height: 32px
}

.c-referral-recommend-record .btn-export {
    min-width: 114px
}

.c-referral-recommend-record .table-wrapper {
    border-radius: 12px;
    box-shadow: 0 6px 20px 0 rgba(210, 215, 222, .25);
    overflow: hidden
}

.c-referral-recommend-record .table-wrapper .table-body-wrapper {
    background: var(--bg-ffffff);
    min-height: 326px
}

.c-referral-recommend-record .via-table .table-header tr .table-label {
    height: 48px
}

.c-referral-recommend-record .via-table .table-body-wrapper .body-row .table-prop {
    font-size: 14px;
    height: 64px
}

.c-referral-recommend-record .empty-container .c-common-empty {
    min-height: 318px
}

.c-referral-rebate-record {
    margin: 0 auto;
    width: 1280px
}

.c-referral-rebate-record .search-wrap .report-type {
    background: var(--bg-f2f3f5);
    border-radius: 4px;
    display: flex;
    height: 30px;
    padding: 4px
}

.c-referral-rebate-record .search-wrap .report-type .type-item {
    border-radius: 4px;
    color: var(--text-161719);
    cursor: pointer;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    min-width: 70px;
    padding: 0 10px;
    text-align: center;
    white-space: nowrap
}

.c-referral-rebate-record .search-wrap .report-type .type-item.active {
    background: var(--bg-ffffff);
    box-shadow: 0 4px 10px 0 rgba(81, 91, 118, .15)
}

.c-referral-rebate-record .search-wrap .via-input,
.c-referral-rebate-record .search-wrap .via-select {
    background: var(--bg-ffffff-gray1003) !important
}

.c-referral-rebate-record .search-wrap .via-select-label {
    color: var(--text-161719);
    font-size: 12px
}

.c-referral-rebate-record .search-wrap .via-select-label::-moz-placeholder {
    color: var(--text-161719);
    font-size: 12px
}

.c-referral-rebate-record .search-wrap .via-select-label::placeholder {
    color: var(--text-161719);
    font-size: 12px
}

.c-referral-rebate-record .search-wrap .date-picker-wrapper {
    width: 100%
}

.c-referral-rebate-record .search-wrap .date-picker-wrapper .el-date-editor {
    background: var(--bg-ffffff-gray1003);
    border-color: var(--bg-dee0e3);
    height: 32px;
    line-height: 32px;
    width: 228px !important
}

.c-referral-rebate-record .search-wrap .date-picker-wrapper .el-date-editor .el-input__icon,
.c-referral-rebate-record .search-wrap .date-picker-wrapper .el-date-editor .el-range-separator {
    line-height: 32px
}

.c-referral-rebate-record .btn-export {
    min-width: 114px
}

.c-referral-rebate-record .table-wrapper {
    border-radius: 12px;
    box-shadow: 0 6px 20px 0 rgba(210, 215, 222, .25);
    overflow: hidden
}

.c-referral-rebate-record .table-wrapper .table-body-wrapper {
    background: var(--bg-ffffff);
    min-height: 326px
}

.c-referral-rebate-record .via-table .table-header tr .table-label {
    height: 48px
}

.c-referral-rebate-record .via-table .table-body-wrapper .body-row .table-prop {
    font-size: 14px;
    height: 64px
}

.c-referral-rebate-record .empty-container {
    min-height: 318px
}

.c-ambassador-assessment-data .table-wrapper {
    border-radius: 12px;
    box-shadow: 0 6px 20px 0 rgba(210, 215, 222, .25);
    overflow: hidden
}

.c-ambassador-assessment-data .via-table .table-header tr .table-label {
    height: 48px
}

.c-ambassador-assessment-data .via-table .table-body-wrapper .body-row .table-prop {
    font-size: 14px;
    height: 64px
}

.c-ambassador-assessment-data .empty-container .c-common-empty {
    min-height: 318px
}

.c-refer-records {
    margin: 0 auto;
    max-width: 1280px
}

.c-refer-records .via-tabs .tab-item {
    font-size: 20px !important;
    height: 60px !important;
    text-align: center !important
}

.c-ambassador-refer-analysis {
    margin: 0 auto;
    max-width: 1280px
}

.c-ambassador-refer-analysis .el-select .el-input__inner {
    background-color: transparent !important
}

.c-ambassador-refer-analysis .el-select .el-input__inner::-moz-placeholder {
    color: var(--text-161719) !important;
    font-size: 12px
}

.c-ambassador-refer-analysis .el-select .el-input__inner::placeholder {
    color: var(--text-161719) !important;
    font-size: 12px
}

.c-ambassador-refer-analysis .chart-wrapper {
    border-radius: 12px;
    height: 320px;
    overflow: hidden
}

.c-ambassador-refer-analysis .chart-wrapper .chart {
    height: 100%;
    width: 100%
}

.c-ambassador-refer-analysis .c-common-empty {
    border-radius: 12px
}

.c-referral-introduce {
    margin: 0 auto;
    width: 1280px
}

.c-referral-introduce .introduce-item {
    align-items: center;
    border: 1px solid var(--border-dee0e3-gray0501);
    border-radius: 12px;
    color: var(--text-3a3d42);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 160px;
    padding: 0 24px;
    width: 405px
}

.c-referral-introduce .introduce-item-img {
    height: 80px;
    width: 80px
}

.c-referral-guides {
    margin: 0 auto;
    width: 1280px
}

.c-referral-guides .guides-content {
    background: var(--bg-161719);
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 24px 40px 28px
}

.c-referral-guides .guide-item {
    color: #3a3d42;
    display: flex;
    flex: 1 1 0%
}

.c-referral-guides .guide-item:first-child {
    margin-top: 0
}

.c-referral-guides .guide-item .guide-item-text {
    display: flex;
    flex-direction: column;
    width: 80%
}

.c-referral-guides .guide-item .guide-item-text-num {
    line-height: 28px
}

.c-referral-guides .guide-item .guide-item-text-title {
    color: var(--text-ffffff)
}

.c-referral-guides .guide-item .guide-item-text-subTitle {
    color: var(--text-b4b7bd);
    line-height: 20px;
    margin-top: 6px
}

.c-referral-guides .guide-item .guide-icon {
    font-size: 36px;
    line-height: 36px;
    margin-inline-end: 20px
}

.theme-night .c-referral-guides .guides-content {
    background: #23272e
}

.theme-night .c-referral-guides .guide-item-text-title {
    color: #babdc2
}

.theme-night .c-referral-guides .guide-item-text-subTitle {
    color: #909399
}

.c-referral-question {
    margin: 0 auto;
    width: 1280px
}

.c-referral-question .icon-arrow {
    color: var(--text-b4b7bd)
}

.c-referral-question .icon-arrow.is-active {
    transform: rotate(-180deg)
}

.c-referral-question .c-referral-question-num {
    color: var(--text-dee0e3);
    font-size: 24px;
    margin-inline-end: 12px
}

.c-referral-question .c-referral-question-title {
    color: var(--text-3a3d42);
    transition: .4s
}

.c-referral-question .c-referral-question-box {
    border-bottom: 1px solid var(--border-f2f3f5);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 28px 0
}

.c-referral-question .c-referral-question-box:hover .c-referral-question-title,
.c-referral-question .c-referral-question-box:hover .icon-arrow-expand {
    color: var(--text-0ead98) !important
}

.c-referral-rules {
    margin: 0 auto;
    width: 1280px
}

.c-referral-rules .rule-item {
    color: var(--text-3a3d42);
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px
}

.c-referral-rules .rule-item .c-common-language {
    display: inline !important
}

.c-referral-activity .banner-not-logged {
    background-size: 100%;
    margin-top: -163px;
    padding-top: 80px;
    text-align: center
}

.c-referral-activity .banner-not-logged .via-btn {
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    height: auto;
    min-height: 48px;
    min-width: 172px
}

.c-referral-activity .carousel-wrapper {
    margin: 0 auto;
    width: 1280px
}

.c-referral-activity .banner-logged .banner-bg {
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

[dir=rtl] .c-referral-activity .banner-logged .banner-bg {
    left: 0
}

[dir=ltr] .c-referral-activity .banner-logged .banner-bg {
    right: 0
}

.c-referral-activity .pb-100 {
    padding-bottom: 100px
}

.theme-night .c-referral-activity .banner-not-logged {
    background-size: 100%
}

.theme-night .c-referral-activity .via-btn[type=neutral-black] {
    background: #3a3d42 !important;
    color: #fff !important
}

.theme-night .c-referral-activity .via-btn[type=neutral-black]:hover {
    background: #fff !important;
    color: #181a1f !important
}

.c-ambassador-agent-data .refer-status {
    border: 1px solid var(--border-f2f3f5);
    border-radius: 20px
}

.c-ambassador-agent-data .refer-status .status {
    align-items: center;
    background: linear-gradient(90deg, #f7f2f8, #f3f8fe);
    border-radius: 20px;
    display: flex;
    height: 138px;
    justify-content: space-between;
    padding: 0 40px
}

.c-ambassador-agent-data .refer-status .title-text {
    color: var(--text-3a3d42);
    font-size: 16px;
    font-weight: 700;
    width: 220px
}

.c-ambassador-agent-data .refer-status .link-out {
    background: var(--bg-f7f8fa);
    border-radius: 4px;
    color: var(--text-27282c);
    flex: 1 1 0%;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-inline-end: 20px;
    overflow: hidden;
    padding-inline-start: 15px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-ambassador-agent-data .refer-status .split-line {
    background: #edeff2;
    height: 1px;
    margin: 20px 0
}

.c-ambassador-agent-data .refer-status .btn-copy.is-plain {
    background: rgba(14, 173, 152, .1);
    border-color: transparent;
    height: 40px
}

.c-ambassador-agent-data .refer-status .c-common-share .iconfont {
    font-size: 24px
}

.c-ambassador-agent-data .refer-data-item {
    background: var(--bg-f7f8fa);
    border-radius: 20px;
    height: 126px;
    padding: 30px 15px 0;
    text-align: center;
    width: 270px
}

.c-ambassador-agent-data .refer-data-item .amount {
    color: var(--text-0ead98);
    font-size: 28px;
    font-weight: 700;
    line-height: 1
}

.c-ambassador-agent-data .refer-data-item .text {
    color: var(--text-707580);
    font-size: 14px;
    margin-top: 8px
}

.theme-night .c-ambassador-agent-data .refer-status .status {
    background: linear-gradient(90deg, rgba(247, 242, 248, .05), rgba(243, 248, 254, .05))
}

.theme-night .c-ambassador-agent-data .refer-status .split-line {
    background: #393e47
}

.c-ambassador-recommend-record .el-select {
    width: 126px
}

.c-ambassador-recommend-record .el-select .el-input__inner {
    background: transparent;
    border-radius: 4px
}

.c-ambassador-recommend-record .btn-export {
    background-color: var(--bg-f7f8fa);
    border-radius: 4px;
    color: var(--text-b4b7bd);
    cursor: pointer;
    height: 32px;
    line-height: 30px;
    text-align: center;
    width: 32px
}

.c-ambassador-recommend-record .table-wrapper {
    border-radius: 12px;
    box-shadow: 0 6px 20px 0 rgba(210, 215, 222, .25);
    overflow: hidden
}

.c-ambassador-recommend-record .el-table {
    border-radius: 4px
}

.c-ambassador-recommend-record .el-table:before {
    display: none
}

.c-ambassador-recommend-record .el-table table {
    border-collapse: collapse;
    width: auto !important
}

.c-ambassador-recommend-record .el-table thead th {
    background-color: var(--bg-f7f8fa);
    border: none;
    color: var(--text-707580);
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0
}

.c-ambassador-recommend-record .el-table thead th:last-of-type {
    border-top-left-radius: 4px
}

.c-ambassador-recommend-record .el-table thead th .cell {
    word-break: break-word
}

.c-ambassador-recommend-record .el-table tbody {
    border-inline-start: 0
}

.c-ambassador-recommend-record .el-table tbody td {
    border: 0;
    border-inline-start: 1px solid var(--border-f2f3f5);
    color: var(--text-27282c);
    font-size: 14px;
    padding: 16px 0;
    text-align: center
}

.c-ambassador-recommend-record .el-table tbody .el-table__row--striped td {
    background-color: var(--bg-f7f8fa)
}

.c-ambassador-recommend-record .el-table tbody .el-table__row--striped:hover td {
    background-color: var(--bg-f5f9fa)
}

.c-ambassador-recommend-record .el-table .el-loading-mask,
.c-ambassador-recommend-record .el-table+.el-loading-mask {
    min-height: auto;
    top: 0
}

.theme-night .c-ambassador-recommend-record .el-table thead th {
    background-color: #131519
}

.c-common-switch-button {
    background: #f7f9fb;
    border-radius: 4px;
    display: flex;
    height: 34px;
    padding: 2px 3px;
    position: relative
}

.c-common-switch-button .switch-item {
    color: #7d7f81;
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    min-width: 120px;
    text-align: center
}

.c-common-switch-button .switch-active {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(81, 91, 118, .15);
    color: #099f94
}

.c-ambassador-rebate-record .btn-export {
    background-color: var(--bg-f7f8fa);
    border-radius: 4px;
    color: var(--text-b4b7bd);
    cursor: pointer;
    height: 32px;
    line-height: 28px;
    text-align: center;
    width: 32px
}

.c-ambassador-rebate-record .table-wrapper {
    border-radius: 12px;
    box-shadow: 0 6px 20px 0 rgba(210, 215, 222, .25);
    overflow: hidden
}

.c-ambassador-rebate-record .el-table {
    border-radius: 4px
}

.c-ambassador-rebate-record .el-table:before {
    display: none
}

.c-ambassador-rebate-record .el-table table {
    border-collapse: collapse;
    width: auto !important
}

.c-ambassador-rebate-record .el-table thead th {
    background-color: var(--bg-f7f8fa);
    border: none;
    color: var(--text-707580);
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0
}

.c-ambassador-rebate-record .el-table thead th:last-of-type {
    border-top-left-radius: 4px
}

.c-ambassador-rebate-record .el-table thead th .cell {
    word-break: break-word
}

.c-ambassador-rebate-record .el-table tbody {
    border-inline-start: 0
}

.c-ambassador-rebate-record .el-table tbody td {
    border: 0;
    border-inline-start: 1px solid var(--border-f2f3f5);
    color: var(--text-27282c);
    font-size: 14px;
    padding: 16px 0;
    text-align: center
}

.c-ambassador-rebate-record .el-table tbody .el-table__row--striped td {
    background-color: var(--bg-f7f8fa)
}

.c-ambassador-rebate-record .el-table tbody .el-table__row--striped:hover td {
    background-color: var(--bg-f5f9fa)
}

.c-ambassador-rebate-record .el-table .el-loading-mask,
.c-ambassador-rebate-record .el-table+.el-loading-mask {
    min-height: auto;
    top: 0
}

.c-ambassador-rebate-record .c-common-switch-button {
    background: transparent
}

.c-ambassador-rebate-record .c-common-switch-button .switch-item {
    background: var(--bg-f7f8fa);
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    margin-inline-end: 12px;
    min-width: 120px;
    padding: 0 20px
}

.c-ambassador-rebate-record .c-common-switch-button .switch-active {
    background: var(--bg-0ead98-5);
    border: 1px solid var(--border-0ead98);
    box-shadow: none
}

.theme-night .c-ambassador-rebate-record .el-table thead th {
    background-color: #131519
}

.c-activity-ambassador-agent {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%
}

.c-activity-ambassador-agent .underline-dashed {
    border-bottom: 1px dashed var(--border-c1c6d7);
    cursor: pointer;
    display: inline-block;
    line-height: 20px
}

.c-activity-ambassador-agent .video-intro-button.el-button {
    background-color: rgba(14, 173, 152, .1);
    border-color: transparent;
    border-radius: 30px;
    color: var(--text-0ead98);
    height: 40px;
    min-width: 142px
}

.c-activity-ambassador-agent .video-intro-button.el-button:hover {
    background-color: rgba(14, 173, 152, .2)
}

.c-activity-ambassador-agent .video-intro-button.el-button:focus {
    background-color: rgba(14, 173, 152, .2);
    color: var(--text-0ead98)
}

.c-activity-ambassador-agent .video-intro-button.el-button span {
    align-items: center;
    display: flex;
    justify-content: center
}

.p-partner {
    min-height: 100%
}

.p-partner .p-wrapper {
    margin: 0 auto;
    padding-top: 32px;
    position: relative;
    width: 900px
}

.p-partner .banner-img {
    width: 348px
}

.p-partner .positions-item {
    align-items: center;
    background-position: -30px;
    background-size: 206px 215px;
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(11, 102, 96, .04);
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    min-height: 150px;
    padding: 40px 56px
}

.p-partner .positions-item .btn-check {
    border-radius: 20px;
    height: 40px;
    line-height: 40px
}

.p-partner .c-common-empty {
    background: none
}

.p-partner .onboarding {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 36px
}

.p-partner .onboarding .step {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 150px
}

.p-partner .onboarding .step img {
    width: 80px
}

.p-partner .onboarding .step .step-name {
    color: var(--text-161719);
    font-size: 16px;
    margin-top: 24px;
    text-align: center
}

.p-partner .step-num-wrapper {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 64px
}

.p-partner .step-num-wrapper .step {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 150px
}

.p-partner .step-num-wrapper .step .step-num {
    border: 1px solid var(--border-0ead98);
    border-radius: 50%;
    color: var(--text-0ead98);
    height: 30px;
    line-height: 28px;
    margin-top: 16px;
    text-align: center;
    width: 30px
}

.p-partner .step-num-wrapper .step-line {
    align-self: flex-end;
    flex: 1 1 0%;
    margin-bottom: 15px;
    position: relative
}

.p-partner .step-num-wrapper .step-line:after {
    border-top: 1px dashed var(--border-0ead98);
    content: " ";
    height: 0;
    left: 50%;
    min-width: 40px;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100%
}

.p-partner .el-select .el-input__inner {
    border-radius: 4px
}

.p-partner .el-pagination {
    padding: 0
}

.p-partner .el-pagination .btn-next,
.p-partner .el-pagination .btn-prev {
    background: none !important;
    padding: 0
}

.p-partner .el-pagination .btn-prev {
    margin-inline-end: 15px
}

.p-partner .el-pagination .btn-next {
    margin-inline-start: 15px
}

.p-partner .el-pagination .el-pager li {
    background: none;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 12px
}

.p-partner .el-loading-parent--relative {
    min-height: 200px
}

.p-partner .min-w-78 {
    min-width: 78px
}

.p-kol .w-588 {
    width: 588px
}

.p-kol .w-1280 {
    width: 1280px
}

.p-kol .w-176 {
    width: 176px
}

.p-kol .w-138 {
    width: 138px
}

.p-kol .max-w-800 {
    max-width: 800px
}

.p-kol .pb-52 {
    padding-bottom: 52px
}

.p-kol .pt-67 {
    padding-top: 67px
}

.p-kol .ml-38 {
    margin-left: 38px
}

.p-kol .section-introduce {
    background: url(../app-resources-d6/assets/e97678d4dfaeb58dbc57d85fd8175394_a47e1cdaf598713aff1f.v2.webp) center 30px/246px 246px no-repeat;
    padding-top: 90px;
    position: relative
}

.p-kol .section-activity,
.p-kol .section-introduce {
    margin: 0 auto;
    max-width: 1280px
}

.p-kol .section-join {
    align-items: center;
    background-size: cover;
    border-radius: 20px;
    display: flex;
    min-height: 182px;
    padding: 12px 0;
    position: relative
}

.p-kol .section-join .bg2 {
    bottom: 0;
    height: 244px;
    inset-inline-end: 60px;
    position: absolute;
    width: 410px
}

.p-kol .section-join .section-join-content {
    margin-inline-start: 50px;
    max-width: 600px
}

.p-kol .section-join .tag {
    background: rgba(243, 139, 44, .1);
    border-radius: 12px;
    color: var(--text-f38b2c);
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 20px
}

.p-kol .section-rules {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 1280px
}

.p-kol .section-rules .rule-list {
    width: 410px
}

.p-kol .section-rules .rule-list .rule-title {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 700
}

.p-kol .section-rules .rule-list .list-item {
    align-items: center;
    background: var(--bg-f7f8fa-gray0802);
    border-radius: 12px;
    color: var(--text-161719);
    display: flex;
    line-height: 1;
    margin-top: 12px;
    min-height: 58px;
    padding: 16px 20px;
    position: relative
}

.p-kol .section-rules .rule-list .list-item:before {
    background: var(--bg-0ead98);
    border-radius: 50%;
    content: " ";
    display: block;
    height: 8px;
    margin-inline-end: 8px;
    width: 8px
}

.p-kol .section-rules .rule-list .list-item .rule-icon {
    height: 24px;
    margin-inline-end: 8px;
    width: 24px
}

.p-kol .section-reward {
    align-items: center;
    background: rgba(14, 173, 152, .05);
    border-radius: 20px;
    display: flex;
    height: 172px;
    margin: 0 auto;
    position: relative;
    width: 1280px
}

.p-kol .section-reward .reward-content {
    margin-inline-start: 50px;
    max-width: 800px
}

.p-kol .section-reward .reward-icon {
    inset-inline-end: 130px;
    position: absolute;
    top: 20px;
    width: 185px
}

.p-kol .p-kol-welfare .welfare-item {
    border: 1px solid var(--border-e6e7eb);
    border-radius: 12px;
    color: var(--text-27282c);
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    min-height: 240px;
    overflow: hidden;
    padding: 32px 20px;
    width: 410px
}

.p-kol .p-kol-welfare .welfare-item-img-box {
    align-items: center;
    background: var(--border-f7f8fa-gray0802);
    border-radius: 30px;
    display: flex;
    height: 91px;
    justify-content: center;
    width: 91px
}

.p-kol .p-kol-welfare .welfare-item-img {
    height: 60px;
    width: 60px
}

.p-kol .p-kol-welfare .p-kol-welfare-label {
    color: var(--text-3a3d42);
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.p-kol .p-kol-welfare .p-kol-welfare-desc {
    color: var(--text-707580);
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
    text-align: center
}

.p-kol .p-kol-require {
    position: relative
}

.p-kol .p-kol-require .p-kol-require-item {
    color: var(--text-3a3d42);
    display: flex;
    font-size: 16px;
    margin-bottom: 20px
}

.p-kol .p-kol-require .p-kol-require-dot {
    margin-inline-end: 16px;
    margin-top: 8px
}

.p-kol .p-kol-require .p-kol-require-img {
    height: 256px;
    position: relative;
    right: 0;
    top: -70px
}

.p-kol .p-kol-question .question-active {
    transform: rotate(-90deg)
}

.p-kol .p-kol-question .p-kol-question-num {
    color: #dee0e3;
    font-size: 24px;
    margin-inline-end: 10px
}

.p-kol .p-kol-question .p-kol-question-title {
    color: var(--text-161719);
    transition: .4s
}

.p-kol .p-kol-question .p-kol-question-title:hover {
    color: var(--text-0ead98)
}

.p-kol .p-kol-question .p-kol-question-box {
    border-bottom: 1px solid var(--border-f2f3f5);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 20px 0
}

.p-kol .p-kol-join {
    padding: 82px 0 64px;
    text-align: center
}

.p-kol .p-kol-button {
    width: 176px
}

.p-kol .p-kol-dot {
    background-color: #0ead98;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    width: 8px
}

.p-kol .activity-list .title {
    font-size: 20px;
    font-weight: 700
}

.p-kol .activity-list .list-item {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 8px;
    display: flex;
    margin-top: 12px;
    min-height: 57px;
    padding: 10px 20px;
    width: 410px
}

.p-kol .activity-list .list-item:before {
    background: var(--bg-0ead98);
    border-radius: 50%;
    content: "";
    display: block;
    flex: 0 0 auto;
    height: 8px;
    margin-inline-end: 8px;
    width: 8px
}

.p-kol .activity-entry {
    align-items: center;
    background: rgba(14, 173, 152, .05);
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    padding: 26px 24px;
    padding-inline-end: 40px
}

.p-kol .activity-entry img {
    margin-bottom: -20px;
    width: 96px
}

.theme-night .p-kol .section-introduce {
    background-image: url(../app-resources-d6/assets/3d11ff062458849e72b6302fe7bb4cad_f3ebee260ae7b542e41f.v2.webp)
}

.theme-night .p-kol .section-join {
    background-image: url(../app-resources-d6/assets/eeb0e2cb634f83f338b754836fe78508_7b1251791d4ddea2218c.v2.webp)
}

.c-apply-create-nav {
    height: 100%;
    margin-inline-end: 60px;
    overflow: hidden;
    position: sticky;
    top: 240px;
    width: 290px
}

.c-apply-create-nav .nav-inner .nav-title {
    color: var(--text-161719);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 28px;
    padding-inline-start: 20px
}

.c-apply-create-nav .nav-inner .nav-box {
    display: flex;
    flex-direction: column
}

.c-apply-create-nav .nav-inner .nav-box .nav-item {
    color: var(--text-3a3d42);
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 12px 20px;
    transition: .4s
}

.c-apply-create-nav .nav-inner .nav-box .nav-item.is-active,
.c-apply-create-nav .nav-inner .nav-box .nav-item:hover {
    background-color: rgba(14, 173, 152, .05);
    border-radius: 10px;
    color: var(--text-0ead98);
    transition: .4s
}

.p-apply-create {
    background-color: var(--bg-ffffff);
    padding-bottom: 100px
}

.p-apply-create .page-inner {
    display: flex;
    margin: 0 auto;
    padding-top: 100px;
    width: 1150px
}

.p-apply-create .page-inner .p-right-box {
    flex: 1 1 0%
}

.p-apply-create .page-inner .p-right-box .title-box {
    color: var(--text-161719);
    font-size: 40px;
    font-weight: 700
}

.p-apply-create .page-inner .p-right-box .content-box .el-input .el-input__inner {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    height: 40px;
    line-height: 40px;
    transition: .4s
}

.p-apply-create .page-inner .p-right-box .content-box .el-input .el-input__inner::-webkit-input-placeholder {
    color: var(--text-b4b7bd) !important
}

.p-apply-create .page-inner .p-right-box .content-box .el-input .el-input__inner:focus,
.p-apply-create .page-inner .p-right-box .content-box .el-input .el-input__inner:hover {
    border-color: var(--border-0ead98) !important;
    box-shadow: none;
    transition: .4s
}

.p-apply-create .page-inner .p-right-box .content-box .el-textarea .el-textarea__inner {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    color: var(--text-161719);
    min-height: 100px !important;
    padding-inline: 12px;
    transition: .4s
}

.p-apply-create .page-inner .p-right-box .content-box .el-textarea .el-textarea__inner::-webkit-input-placeholder {
    color: var(--text-b4b7bd) !important
}

.p-apply-create .page-inner .p-right-box .content-box .el-textarea .el-textarea__inner:focus,
.p-apply-create .page-inner .p-right-box .content-box .el-textarea .el-textarea__inner:hover {
    border-color: var(--border-0ead98) !important;
    box-shadow: none;
    transition: .4s
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box {
    border-top: 1px solid var(--border-e6e7eb);
    padding-top: 32px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .sec-title {
    color: var(--text-161719);
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 16px;
    scroll-margin-top: 70px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .row-box {
    font-size: 14px;
    margin-bottom: 32px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .row-box .field-name {
    color: var(--text-161719);
    margin-bottom: 4px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .row-box .field-name.require:after {
    color: #ed6e52;
    content: "*";
    display: inline-block;
    inset-inline-start: 3px;
    position: relative;
    top: 2px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .row-box .field-val {
    color: var(--text-161719)
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .row-box .field-val .el-input {
    width: 100%
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .token-icon-box {
    margin-top: 20px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .token-icon-box .avatar-uploader .el-upload {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .token-icon-box .avatar-uploader .el-upload:hover {
    border-color: var(--border-0ead98)
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .token-icon-box .avatar-uploader .el-upload .avatar {
    display: block;
    height: 120px;
    width: 120px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .token-icon-box .avatar-uploader .el-upload .upload-prompt {
    color: var(--text-707580);
    font-size: 12px;
    height: 140px;
    line-height: 140px;
    text-align: center;
    width: 140px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .token-icon-box .avatar-uploader .el-upload .upload-prompt .avatar-uploader-icon {
    font-size: 20px;
    font-weight: 700
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .token-icon-box .avatar-uploader .el-upload__tip {
    color: var(--text-707580);
    margin-top: 0
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .publish-price-box .field-val {
    display: flex
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .publish-price-box .field-val .el-select {
    flex: 1 1 0%;
    margin-inline-end: 12px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .publish-price-box .field-val .el-input {
    flex: 2 1 0%
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .community-box .twitter-box {
    align-items: center;
    display: flex
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .community-box .twitter-box .field-name {
    background-color: var(--bg-f7f8fa);
    height: 40px;
    line-height: 40px;
    margin-inline-end: 12px;
    padding: 0 12px;
    width: 268px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .community-box .twitter-box .el-input {
    width: 393px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .community-box .field-val .community-item-box {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .community-box .field-val .community-item-box .el-select .el-input {
    width: 268px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .community-box .field-val .community-item-box .el-input {
    width: 393px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .community-box .field-val .community-item-box .el-button {
    height: 40px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .first-publish-box .via-radio-group .via-radio-button {
    margin-inline-end: 12px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .first-publish-box .via-radio-group .via-radio-button .via-radio-button__inner {
    background-color: var(--bg-f7f8fa);
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    color: var(--text-707580);
    height: 30px;
    line-height: 28px;
    min-width: 128px;
    padding: 0 20px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .first-publish-box .via-radio-group .via-radio-button.is-active .via-radio-button__inner,
.p-apply-create .page-inner .p-right-box .content-box .sec-box .first-publish-box .via-radio-group .via-radio-button:hover .via-radio-button__inner {
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98);
    font-weight: 500
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .attachment-box .field-name {
    color: var(--text-161719);
    margin-bottom: 12px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .attachment-box .btn-upload {
    border-radius: 4px;
    min-width: 128px
}

.p-apply-create .page-inner .p-right-box .content-box .sec-box .attachment-box .el-upload__tip {
    color: var(--text-707580);
    margin-top: 8px
}

.p-apply-create .page-inner .p-right-box .content-box .btn-submit {
    margin-top: 60px;
    min-width: 400px
}

.c-fees-fee-intro .top-text {
    color: var(--text-27282c);
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px
}

.c-fees-fee-intro .list-box .list-para {
    align-items: baseline;
    display: flex;
    line-height: 24px
}

.c-fees-fee-intro .list-box .list-para:before {
    background-color: var(--bg-0ead98);
    border-radius: 50%;
    bottom: 2px;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 6px;
    margin-inline-end: 8px;
    position: relative;
    width: 6px
}

.c-fees-fee-intro .check-more {
    background-color: var(--bg-ffffff);
    border-radius: 20px;
    color: var(--text-27282c);
    display: inline-block;
    font-size: 12px;
    margin-top: 14px;
    padding: 10px 20px
}

.c-fees-fee-intro .check-more:hover {
    color: var(--text-0ead98);
    transition: .5s
}

.c-fees-fee-table .top-box {
    margin-top: 40px
}

.c-fees-fee-table .top-box .sec-title {
    color: var(--text-27282c);
    font-weight: 700;
    margin-bottom: 10px
}

.c-fees-fee-table .top-box .user-info {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
    overflow-x: auto
}

.c-fees-fee-table .top-box .user-info .level {
    align-items: center;
    color: var(--text-27282c);
    display: flex
}

.c-fees-fee-table .top-box .user-info .level .iconfont {
    font-size: 18px;
    margin-inline-end: 5px
}

.c-fees-fee-table .top-box .user-info .info-text {
    color: var(--text-7d7f81);
    font-size: 12px;
    margin-inline-start: 30px;
    white-space: nowrap;
    word-break: keep-all
}

.c-fees-fee-table .top-box .user-info .amount-text {
    color: var(--text-27282c);
    font-size: 16px;
    font-weight: 700;
    margin-inline-start: 15px;
    white-space: nowrap
}

.c-fees-fee-table .top-box .user-info.vip .level .iconfont {
    color: #f1ca54
}

.c-fees-fee-table .top-box .user-info.spot .level .iconfont {
    color: #1de1bb
}

.c-fees-fee-table .top-box .user-info.perpetual .level .iconfont {
    color: #238afe
}

.c-fees-fee-table .table-box {
    box-shadow: 0 6px 23px hsla(236, 7%, 56%, .1);
    overflow: hidden
}

.c-fees-fee-table .table-box .el-table {
    border-radius: 20px;
    font-size: 12px
}

.c-fees-fee-table .table-box .el-table:before {
    display: none
}

.c-fees-fee-table .table-box .el-table .el-table__header th {
    background-color: #fff;
    border-bottom: none;
    color: var(--text-7d7f81);
    font-size: 12px;
    font-weight: 500;
    text-align: center
}

.c-fees-fee-table .table-box .el-table .el-table__header th .cell {
    padding: 0;
    word-break: break-word
}

.c-fees-fee-table .table-box .el-table .el-table__header .with-cet {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-fees-fee-table .table-box .el-table .el-table__header .with-cet:before {
    background-image: url(../app-resources-d6/assets/41a9fe99f24354dc62fcc8d40f959699_932f757fd90937b9c301.v2.svg);
    background-size: contain;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 16px;
    margin-inline-end: 5px;
    width: 16px
}

.c-fees-fee-table .table-box .el-table .el-table__header .cet-img {
    width: 16px
}

.c-fees-fee-table .table-box .el-table .el-table__body .checked-status {
    visibility: hidden
}

.c-fees-fee-table .table-box .el-table .el-table__body tr td {
    border-color: var(--border-f4f6fa);
    color: var(--text-27282c);
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.c-fees-fee-table .table-box .el-table .el-table__body tr:hover td {
    background-color: inherit
}

.c-fees-fee-table .table-box .el-table .el-table__body tr.active-row:last-child td:last-child {
    border-bottom-right-radius: 20px
}

.c-fees-fee-table .table-box .el-table .el-table__body tr.active-row:last-child td:first-child {
    border-bottom-left-radius: 20px
}

.c-fees-fee-table .table-box .el-table .el-table__body tr.active-row td {
    border-bottom: 1px solid #0ead98;
    border-top: 1px solid #0ead98;
    color: var(--text-0ead98)
}

.c-fees-fee-table .table-box .el-table .el-table__body tr.active-row td:first-of-type {
    border-bottom-left-radius: 4px;
    border-inline-start: 1px solid #0ead98;
    border-top-left-radius: 4px
}

.c-fees-fee-table .table-box .el-table .el-table__body tr.active-row td:last-of-type {
    border-bottom-right-radius: 4px;
    border-inline-end: 1px solid #0ead98;
    border-top-right-radius: 4px
}

.c-fees-fee-table .table-box .el-table .el-table__body tr.active-row td:before {
    display: none
}

.c-fees-fee-table .table-box .el-table .el-table__body tr.active-row .checked-status {
    visibility: visible
}

.c-fees-fee-table .bottom-box {
    color: var(--text-27282c);
    font-size: 14px;
    margin-top: 20px
}

.c-fees-fee-table .bg-ffffff {
    background: var(--bg-ffffff)
}

.c-fees-amm .intro-box {
    color: var(--text-27282c);
    margin-bottom: 40px
}

.c-fees-amm .intro-box .intro-title {
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px
}

.c-fees-amm .intro-box .intro-para {
    align-items: baseline;
    color: #7d7f71;
    display: flex;
    line-height: 22px
}

.c-fees-amm .intro-box .intro-para:before {
    background-color: var(--bg-0ead98);
    border-radius: 50%;
    bottom: 2px;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 6px;
    margin-inline-end: 8px;
    position: relative;
    width: 6px
}

.c-fees-amm .intro-box .intro-para .link-detail {
    color: var(--text-0ead98);
    font-weight: 500
}

.c-fees-amm .amm-table {
    border-radius: 20px;
    box-shadow: 0 6px 23px hsla(236, 7%, 56%, .1);
    margin-top: 20px;
    overflow: hidden
}

.c-fees-amm .amm-table thead tr {
    height: 46px;
    line-height: 46px
}

.c-fees-amm .amm-table .separate {
    background: var(--bg-e6e7eb);
    display: inline-block;
    height: 12px;
    margin: 0 20px;
    width: 1px
}

.screen-md .chart-cmp-outter {
    overflow-x: auto
}

.screen-md .chart-cmp-outter .chart-cmp {
    width: 600px
}

.c-fees-spot-trade .amm-box,
.c-fees-spot-trade .normal-box {
    padding: 0 25px
}

.c-fees-spot-trade .tab-button {
    background: #f9fafc;
    border: 1px solid #f9fafc;
    border-radius: 4px;
    color: #7d7f81;
    height: 36px;
    min-width: 114px;
    padding: 0 10px;
    transition: .4s ease-out
}

.c-fees-spot-trade .tab-button.active,
.c-fees-spot-trade .tab-button:hover {
    background-color: #fff;
    border: 1px solid #0ead98;
    color: #0ead98
}

.c-fees-perpetual-trade {
    padding: 25px 25px 50px
}

.c-fees-perpetual-trade .diff-text {
    display: none !important
}

.c-fees-coinsearch .search-input {
    border: 1px solid var(--border-e6e7eb);
    padding: 0 8px;
    width: 88px
}

.c-fees-coinsearch .search-input:active,
.c-fees-coinsearch .search-input:hover {
    border: 1px solid var(--text-0ead98) !important
}

.c-fees-coinsearch .search-input .input-inner {
    color: var(--text-161719);
    height: 24px;
    width: 100%
}

.c-fees-coinsearch-popper {
    background: var(--bg-ffffff);
    border-radius: 4px;
    box-shadow: 0 12px 48px 0 rgba(164, 197, 205, .05), 0 9px 28px 0 rgba(164, 197, 205, .07), 0 6px 16px 0 rgba(164, 197, 205, .1);
    padding: 4px 0
}

.c-fees-coinsearch-popper .list-wrapper {
    max-height: 148px;
    overflow: hidden auto
}

.c-fees-coinsearch-popper .coin-empty-tip {
    align-items: center;
    color: #707580;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: center;
    min-height: 148px
}

.c-fees-deposit-withdraw.mb-158 {
    margin-bottom: 158px !important
}

.c-fees-deposit-withdraw .el-table {
    font-size: 12px
}

.c-fees-deposit-withdraw .el-table:before {
    display: none
}

.c-fees-deposit-withdraw .el-table .el-table__header th {
    border-bottom: none;
    color: var(--text-7d7f81);
    font-weight: 400;
    padding: 5px 0
}

.c-fees-deposit-withdraw .el-table .el-table__header th .cell {
    word-break: break-word
}

.c-fees-deposit-withdraw .el-table .el-table__header th.is-center {
    text-align: center
}

.c-fees-deposit-withdraw .el-table .el-table__body-wrapper .el-table__body {
    border-collapse: collapse;
    font-size: 14px
}

.c-fees-deposit-withdraw .el-table .el-table__body-wrapper .el-table__body tr td {
    border-bottom: none;
    color: var(--text-27282c);
    height: 63px;
    padding: 8px 0
}

.c-fees-deposit-withdraw .el-table .el-table__body-wrapper .el-table__body tr td.is-center {
    text-align: center
}

.c-fees-deposit-withdraw .el-table .el-table__body-wrapper .el-table__body tr .col-token-name .cell {
    color: var(--text-27282c);
    font-weight: 700;
    word-break: normal
}

.c-fees-deposit-withdraw .el-table .el-table__body-wrapper .el-table__body tr .net-type-box {
    align-items: center;
    display: flex
}

.c-fees-deposit-withdraw .el-table .el-table__body-wrapper .el-table__body tr .net-type-box>span {
    display: flex;
    flex: 1 1 0%;
    justify-content: center
}

.c-fees-deposit-withdraw .el-table .el-table__body-wrapper .el-table__body tr .net-type-box .net-type-name {
    background: var(--text-0ead98);
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    line-height: 16px;
    min-width: 94px;
    padding: 4px;
    text-align: center;
    word-break: break-word
}

.c-fees-deposit-withdraw .el-table .el-table__body-wrapper .el-table__body tr .net-type-box .net-type-name.disable {
    background: var(--bg-f2f3f5);
    color: var(--text-707580)
}

.c-fees-deposit-withdraw .el-table .el-table__body-wrapper .el-table__body tr .net-type-box .icon-success {
    color: var(--text-0ead98)
}

.c-fees-deposit-withdraw .el-table .el-table__body-wrapper .el-table__body tr .net-type-box .icon-remove2 {
    color: var(--text-e0e3ed)
}

.c-fees-deposit-withdraw .el-table .el-table__body-wrapper .el-table__body tr.setBorderBottomClass {
    border-bottom: 1px solid var(--border-e6e7eb)
}

.c-fees-deposit-withdraw .el-table.deposit-withdraw-table .el-table__header.fixed {
    position: fixed;
    top: 58px;
    z-index: 100
}

.c-fees-deposit-withdraw .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: var(--bg-ffffff)
}

.c-fees-deposit-withdraw .header-status {
    align-items: center;
    display: flex;
    line-height: 16px
}

.c-fees-deposit-withdraw .header-status span {
    flex: 1 1 0%;
    padding: 0 5px;
    position: relative
}

.c-fees-deposit-withdraw .header-status span:after {
    border-left: 1px solid var(--border-dee0eb);
    content: " ";
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 50%
}

.c-fees-deposit-withdraw .header-status span:last-of-type:after {
    display: none
}

.c-fees-deposit-withdraw .via-pagination {
    bottom: -84px;
    left: 0;
    position: absolute
}

.c-fees-deposit-withdraw .via-pagination .via-pagination-select-limit {
    display: none
}

.c-fees-deposit-withdraw .via-pagination .via-pager-box {
    margin: 0 auto
}

.c-fees-borrowing-rate.mb-158 {
    margin-bottom: 158px !important
}

.c-fees-borrowing-rate .el-table {
    font-size: 12px
}

.c-fees-borrowing-rate .el-table:before {
    display: none
}

.c-fees-borrowing-rate .el-table .el-table__header th {
    border-bottom: none;
    color: var(--text-7d7f81);
    font-weight: 400;
    padding: 5px 0
}

.c-fees-borrowing-rate .el-table .el-table__header th .cell {
    word-break: break-word
}

.c-fees-borrowing-rate .el-table .el-table__body-wrapper .el-table__body {
    border-collapse: collapse;
    font-size: 14px
}

.c-fees-borrowing-rate .el-table .el-table__body-wrapper .el-table__body tr td {
    border-bottom: none;
    color: var(--text-27282c);
    height: 63px;
    padding: 8px 0
}

.c-fees-borrowing-rate .el-table.borrowing-rate-table .el-table__header.fixed {
    position: fixed;
    top: 58px;
    z-index: 100
}

.c-fees-borrowing-rate .via-pagination {
    bottom: -84px;
    left: 0;
    position: absolute
}

.c-fees-borrowing-rate .via-pagination .via-pagination-select-limit {
    display: none
}

.c-fees-borrowing-rate .via-pagination .via-pager-box {
    margin: 0 auto
}

.p-fees-body .c-common-header {
    background-color: transparent;
    position: relative;
    z-index: 10
}

.p-fees {
    background-color: var(--bg-fbfbfb);
    min-height: 595px;
    padding-bottom: 40px;
    position: relative
}

.p-fees .p-top-box {
    background: linear-gradient(#e1e4eb, 50%, #fbfbfb);
    height: 310px;
    inset-inline-start: 0;
    position: absolute;
    top: -64px;
    width: 100%;
    z-index: 1
}

.p-fees .g-inner-box {
    position: relative;
    z-index: 2
}

.p-fees .g-inner-box .p-title {
    color: var(--text-ffffff);
    font-size: 32px;
    font-weight: 500;
    padding-top: 110px
}

.p-fees .g-inner-box .p-tab {
    margin-top: 20px
}

.p-fees .g-inner-box .p-tab .el-tabs__header {
    margin: 0
}

.p-fees .g-inner-box .p-tab .el-tabs__header .el-tabs__nav-wrap {
    display: flex
}

.p-fees .g-inner-box .p-tab .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll {
    width: 100%
}

.p-fees .g-inner-box .p-tab .el-tabs__header .el-tabs__nav-wrap .el-tabs__active-bar,
.p-fees .g-inner-box .p-tab .el-tabs__header .el-tabs__nav-wrap:after {
    display: none
}

.p-fees .g-inner-box .p-tab .el-tabs__header .el-tabs__nav-wrap .el-tabs__item {
    flex: 1 1 0%;
    margin-inline-end: 15px;
    padding: 0
}

.p-fees .g-inner-box .p-tab .el-tabs__header .el-tabs__nav-wrap .el-tabs__item .tab-item {
    align-items: center;
    background: #38383c;
    border-radius: 4px;
    display: flex;
    height: 100%;
    padding: 0 20px
}

.p-fees .g-inner-box .p-tab .el-tabs__header .el-tabs__nav-wrap .el-tabs__item .tab-item:hover {
    background: linear-gradient(#4a4a50, #38383c)
}

.p-fees .g-inner-box .p-tab .el-tabs__header .el-tabs__nav-wrap .el-tabs__item .tab-item .iconfont {
    color: var(--text-ffffff);
    font-size: 24px
}

.p-fees .g-inner-box .p-tab .el-tabs__header .el-tabs__nav-wrap .el-tabs__item .tab-item .tab-name {
    color: var(--text-ffffff);
    font-size: 16px;
    margin-inline-start: 8px
}

.p-fees .g-inner-box .p-tab .el-tabs__header .el-tabs__nav-wrap .el-tabs__item:last-of-type {
    margin-inline-end: 0
}

.p-fees .g-inner-box .p-tab .el-tabs__header .el-tabs__nav-wrap .el-tabs__item.is-active .tab-item {
    background: linear-gradient(#1bbeb2, #0ead98)
}

.p-fees .g-inner-box .cmp-box {
    background-color: var(--bg-ffffff);
    border-radius: 0 12px 12px;
    box-shadow: 0 8px 30px rgba(11, 102, 96, .04);
    overflow: hidden;
    padding: 40px
}

.p-fees .g-inner-box .com-select {
    margin: 0 20px;
    width: calc(100% - 40px)
}

.p-fees .g-inner-box .com-select .el-input__inner {
    border-radius: 4px;
    color: var(--text-27282c);
    font-size: 14px;
    font-weight: 500;
    height: 40px
}

.p-fees .c-common-tabs .market-tabs .tab.active {
    box-shadow: none
}

.screen-md .p-tab .el-tabs__header .el-tabs__item {
    height: 44px;
    line-height: 44px;
    margin-inline-end: 10px !important
}

.screen-md .p-tab .el-tabs__header .el-tabs__item:last-of-type {
    margin-inline-end: 0 !important
}

.screen-md .p-tab .el-tabs__header .el-tabs__nav-next,
.screen-md .p-tab .el-tabs__header .el-tabs__nav-prev {
    line-height: 44px;
    padding: 0 4px
}

.c-markets-ranking-list {
    background: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 4px 4px rgba(221, 224, 240, .25);
    min-height: 174px;
    padding: 10px 0;
    width: 310px
}

.c-markets-ranking-list .list-title {
    color: var(--text-161719);
    font-size: 16px;
    padding: 0 20px
}

.c-markets-ranking-list .list-wrapper li {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 40px;
    padding: 0 20px
}

.c-markets-ranking-list .list-wrapper li:hover {
    background: var(--bg-f7f8fa)
}

.c-markets-ranking-list .list-wrapper .item-name {
    color: var(--text-161719);
    font-weight: 700;
    width: 60px
}

.c-markets-ranking-list .list-wrapper .item-price {
    color: var(--text-3a3d42);
    flex: 1 1 0%;
    text-align: end
}

.c-markets-ranking-list .list-wrapper .item-change-rate {
    text-align: end;
    width: 70px
}

.c-markets-recommended-list {
    display: flex;
    justify-content: space-between
}

.c-market-tag-select,
.c-market-tag-select .tag-item {
    align-items: center;
    display: flex
}

.c-market-tag-select .tag-item {
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    height: 30px;
    max-width: 120px;
    padding: 0 12px
}

.c-market-tag-select .tag-item.active {
    background: var(--bg-ffffff);
    color: var(--text-161719);
    font-weight: 700;
    max-width: 180px
}

.c-market-tag-select .current-more-tag {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-width: 70px
}

.c-market-tag-select .tags-shrink-wrapper-popper {
    color: var(--text-707580)
}

.c-market-tag-select .tags-shrink-wrapper-popper .via-dropdown-item.active {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98);
    font-weight: 700
}

.c-market-tag-select .tag-search {
    padding: 12px 20px;
    position: relative
}

.c-market-tag-select .tag-search .icon-search1 {
    color: var(--text-b4b7bd)
}

.c-market-tag-select .tag-search .via-input {
    background: var(--bg-f7f8fa) !important;
    border-color: transparent !important;
    box-shadow: none !important
}

.c-market-tag-select .tag-search .via-input .input-inner {
    min-width: 100%;
    width: 120px
}

.c-market-tag-tip {
    display: flex;
    padding: 24px 24px 0
}

.c-market-tag-tip .tip-text {
    align-items: center;
    color: var(--text-0ead98);
    cursor: pointer;
    display: flex;
    font-size: 16px
}

.c-market-tag-tip .mobile-tip-text {
    align-items: center;
    background: rgba(14, 173, 152, .05);
    border-end-end-radius: 12px;
    border-start-end-radius: 12px;
    color: var(--text-0ead98);
    display: flex;
    font-size: 12px;
    line-height: 18px;
    padding: 3px 12px
}

.c-dialog-tag-tip .via-dialog {
    min-height: auto !important;
    padding-bottom: 40px !important
}

.c-dialog-tag-tip .via-dialog-close {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 50%;
    color: var(--text-161719) !important;
    display: flex;
    font-size: 20px !important;
    height: 24px;
    justify-content: center;
    top: 20px !important;
    width: 24px
}

.c-market-recommended-coin {
    margin: 0 auto;
    padding: 60px 0;
    width: 560px
}

.c-market-recommended-coin .recommended-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-market-recommended-coin .recommended-item {
    align-items: center;
    background: var(--bg-fbfbfb);
    display: flex;
    height: 60px;
    margin-bottom: 8px;
    padding-inline-start: 20px;
    width: 175px
}

.c-markets-table-coin {
    min-height: 430px
}

.c-markets-table-coin .via-table-default .via-table-header {
    background: transparent
}

.c-markets-table-coin .via-table-default .via-table-body .table-prop {
    height: 64px;
    min-height: 64px
}

.c-markets-table-coin .coin-full-name {
    color: var(--text-707580);
    max-width: 178px
}

.c-markets-table-coin .split-line {
    background: var(--bg-b4b7bd);
    height: 12px;
    margin: 0 4px;
    width: 1px
}

.c-market-favdialog .data-body {
    max-height: 420px;
    min-height: 280px;
    overflow: auto
}

.c-market-favdialog .tr .th {
    height: 42px;
    line-height: 42px;
    text-align: center
}

.c-market-favdialog .tr .td {
    border-bottom: 1px solid var(--border-f0f1f2);
    height: 60px;
    line-height: 1
}

.c-market-favdialog .tr .td .icon-to-top {
    position: relative;
    top: 3px
}

.c-market-favdialog .tr:last-child .td {
    border-bottom: none
}

.c-market-favdialog .vicon-drag {
    background-image: url(../app-resources-d6/assets/38dcd7a0eb4f6c1163299679ee28f82a_51a2ce8852566542fec4.v2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16px;
    width: 16px
}

.theme-night .c-market-favdialog .vicon-drag {
    background-image: url(../app-resources-d6/assets/b0723b3b48168c561803bdc26c6fdba0_a26adc79f26feb6faa58.v2.svg)
}

.c-markets-market-coin {
    overflow: hidden;
    padding-top: 20px
}

.c-markets-market-coin .tags-wrapper {
    align-items: center;
    background: var(--bg-f2f3f5);
    border-radius: 8px;
    display: flex;
    margin: 0 24px;
    padding: 6px 8px
}

.c-markets-market-coin .tags-wrapper::-webkit-scrollbar {
    display: none
}

.c-markets-market-coin .tags-wrapper .extra-tag-item {
    align-items: center;
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    height: 30px;
    padding: 0 12px;
    white-space: nowrap
}

.c-markets-market-coin .tags-wrapper .extra-tag-item.active {
    background: var(--bg-ffffff);
    color: var(--text-161719);
    font-weight: 700
}

.c-markets-market-coin .via-pagination {
    justify-content: center;
    padding: 0
}

.c-markets-market-coin .via-pagination .via-pagination-select-limit {
    display: none
}

.c-coin-coming-soon .list-wrapper {
    display: flex;
    padding: 0 20px
}

.c-coin-coming-soon .coin-item {
    background: var(--bg-f7f8fa);
    border-radius: 8px;
    height: 70px;
    margin-inline-end: 12px;
    width: 405px
}

.c-coin-coming-soon .coin-item .item-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 20px
}

.c-coin-coming-soon .empty-item {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 8px;
    display: flex;
    height: 70px;
    padding: 0 20px;
    width: 405px
}

.c-coin-coming-soon .empty-item img {
    height: 36px;
    width: 36px
}

.c-token-detail-tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.c-token-detail-tags .tag-item {
    background: var(--bg-f2f3f5);
    border-radius: 8px;
    color: var(--text-707580);
    height: 24px;
    line-height: 24px;
    margin-inline-end: 8px;
    margin-bottom: 8px;
    max-width: 100px;
    padding: 0 12px
}

.c-token-detail-tags.tags-clickable .item-clickable {
    background: rgba(14, 173, 152, .1);
    color: var(--text-0ead98);
    cursor: pointer
}

.c-token-detail-tags .c-token-detail-tags-shrink .via-dropdown-popover {
    max-height: 360px;
    overflow: auto
}

.c-token-detail-tags .c-token-detail-tags-shrink .via-dropdown-reference {
    align-self: center;
    background: var(--bg-f2f3f5);
    border-radius: 8px;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    line-height: 24px;
    margin-inline-end: 8px;
    margin-bottom: 8px;
    padding: 0 12px;
    width: 24px
}

.c-token-detail-tags .c-token-detail-tags-shrink .via-dropdown-reference:hover {
    color: var(--text-0ead98)
}

.c-token-detail-tags .c-token-detail-tags-shrink .is-disabled {
    background: none !important;
    color: inherit !important;
    cursor: default !important
}

.c-markets-table-new-coin {
    min-height: 430px
}

.c-markets-table-new-coin .via-table-default .via-table-header {
    background: transparent
}

.c-markets-table-new-coin .via-table-default .via-table-body .table-prop {
    height: 64px;
    min-height: 64px
}

.c-markets-table-new-coin .coin-full-name {
    color: var(--text-707580);
    max-width: 178px
}

.c-markets-new-coin {
    padding-top: 20px
}

.c-markets-table-section {
    min-height: 430px
}

.c-markets-table-section .via-table-default .via-table-header {
    background: transparent
}

.c-markets-table-section .via-table-default .via-table-body .table-prop {
    height: 64px;
    min-height: 64px
}

.c-markets-table-section .proportion-wrapper {
    height: 20px;
    position: relative;
    width: 120px
}

.c-markets-table-section .proportion-wrapper .item {
    height: 20px;
    position: absolute;
    top: 0
}

.c-markets-table-section .proportion-wrapper .item span {
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 0
}

.c-markets-table-section .proportion-wrapper .item-up {
    background: rgba(14, 173, 152, .1);
    color: var(--text-0ead98);
    left: 0;
    text-align: left
}

.c-markets-table-section .proportion-wrapper .item-up span {
    left: 4px
}

.c-markets-table-section .proportion-wrapper .item-down {
    background: rgba(219, 85, 65, .1);
    color: var(--text-db5541);
    right: 0;
    text-align: right
}

.c-markets-table-section .proportion-wrapper .item-down span {
    right: 4px
}

.c-markets-market-section {
    padding-top: 20px
}

.c-markets-market-section .tags-wrapper {
    align-items: center;
    background: var(--bg-f2f3f5);
    border-radius: 8px;
    display: flex;
    margin: 0 24px;
    padding: 6px 8px
}

.c-markets-market-section .tags-wrapper::-webkit-scrollbar {
    display: none
}

.c-markets-market-section .tags-wrapper .extra-tag-item {
    align-items: center;
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    height: 30px;
    padding: 0 12px;
    white-space: nowrap
}

.c-markets-market-section .tags-wrapper .extra-tag-item.active {
    background: var(--bg-ffffff);
    color: var(--text-161719);
    font-weight: 700
}

.c-exchange-market-follow-icon {
    display: inline-block
}

.c-exchange-market-follow-icon .iconfont {
    color: var(--text-e6e7eb);
    cursor: pointer
}

.c-exchange-market-follow-icon .iconfont.active {
    color: var(--text-f38b2c)
}

.c-exchange-market-follow-icon .iconfont.size-12 {
    font-size: 12px
}

.c-exchange-market-follow-icon .iconfont.size-14 {
    font-size: 14px
}

.c-exchange-market-follow-icon .iconfont.size-16 {
    font-size: 16px
}

.c-markets-table-exchange {
    min-height: 430px
}

.c-markets-table-exchange .via-table-default .via-table-header {
    background: transparent
}

.c-markets-table-exchange .via-table-default .via-table-body .table-prop {
    height: 64px;
    min-height: 64px
}

.c-exchange-fav-market-dialog {
    z-index: 100000 !important
}

.c-exchange-fav-market-dialog .el-dialog {
    background-color: var(--bg-ffffff)
}

.c-exchange-fav-market-dialog .data-body {
    max-height: 420px;
    min-height: 280px;
    overflow: auto
}

.c-exchange-fav-market-dialog .tr .th {
    height: 42px;
    line-height: 42px;
    text-align: center
}

.c-exchange-fav-market-dialog .tr .td {
    border-bottom: 1px solid var(--border-e0e3ed);
    height: 54px;
    line-height: 54px
}

.c-exchange-fav-market-dialog .tr .td .icon-to-top {
    position: relative;
    top: 3px
}

.c-exchange-fav-market-dialog .tr:last-child .td {
    border-bottom: none
}

.c-markets-market-exchange {
    padding-top: 20px
}

.c-markets-market-exchange .tags-wrapper {
    align-items: center;
    background: var(--bg-f2f3f5);
    border-radius: 8px;
    display: flex;
    margin: 0 24px;
    padding: 6px 8px
}

.c-markets-market-exchange .tags-wrapper::-webkit-scrollbar {
    display: none
}

.c-markets-market-exchange .tags-wrapper .extra-tag-item {
    align-items: center;
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    height: 30px;
    padding: 0 12px;
    white-space: nowrap
}

.c-markets-market-exchange .tags-wrapper .extra-tag-item.active {
    background: var(--bg-ffffff);
    color: var(--text-161719);
    font-weight: 700
}

.c-markets-market-exchange .via-pagination {
    justify-content: center;
    padding: 0
}

.c-markets-market-exchange .via-pagination .via-pagination-select-limit {
    display: none
}

.c-markets-table-futures {
    min-height: 430px
}

.c-markets-table-futures .via-table-default .via-table-header {
    background: transparent
}

.c-markets-table-futures .via-table-default .via-table-body .table-prop {
    height: 64px;
    min-height: 64px
}

.c-markets-market-futures {
    padding-top: 20px
}

.c-markets-market-futures .tags-wrapper {
    align-items: center;
    background: var(--bg-f2f3f5);
    border-radius: 8px;
    display: flex;
    margin: 0 24px;
    padding: 6px 8px
}

.c-markets-market-futures .tags-wrapper::-webkit-scrollbar {
    display: none
}

.c-markets-market-futures .tags-wrapper .extra-tag-item {
    align-items: center;
    border-radius: 4px;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    height: 30px;
    padding: 0 12px;
    white-space: nowrap
}

.c-markets-market-futures .tags-wrapper .extra-tag-item.active {
    background: var(--bg-ffffff);
    color: var(--text-161719);
    font-weight: 700
}

.c-markets-market-futures .via-pagination {
    justify-content: center;
    padding: 0
}

.c-markets-market-futures .via-pagination .via-pagination-select-limit {
    display: none
}

.p-markets {
    margin: 0 auto;
    padding: 32px 0 80px;
    width: 1280px
}

.p-markets .nav-wrapper {
    border-top: 1px solid transparent;
    position: relative
}

.p-markets .nav-wrapper .nav-content {
    position: relative
}

.p-markets .search-wrapper {
    inset-inline-end: 0;
    position: absolute;
    top: 12px;
    z-index: 2
}

.p-markets .search-wrapper .search-input {
    border-radius: 8px;
    height: 30px;
    transition: width .2s;
    width: 160px
}

.p-markets .search-wrapper .search-input.input-active {
    width: 300px
}

.p-markets .search-wrapper .c-common-popper-container {
    width: 300px !important
}

.p-markets .via-tabs .tab-wrapper {
    padding: 0 8px
}

.p-markets .wrapper {
    background: var(--bg-ffffff);
    border-radius: 12px;
    box-shadow: 0 4px 4px rgba(221, 224, 240, .25);
    padding-bottom: 40px;
    position: relative;
    z-index: 1
}

.tab-fixed .nav-wrapper {
    background: var(--bg-ffffff);
    border-top: 1px solid var(--border-f2f3f5);
    box-shadow: 0 12px 30px 0 rgba(45, 56, 68, .05);
    height: 54px;
    left: 0;
    position: fixed;
    top: 58px;
    transition: .3s ease-out;
    width: 100%;
    z-index: 1999
}

.tab-fixed .nav-wrapper .nav-content {
    margin: 0 auto !important;
    position: relative;
    width: 1280px
}

.tab-fixed .nav-wrapper .via-tabs .tab-nav-underline .tab-item {
    font-size: 16px !important;
    height: 54px !important;
    padding: 0 30px !important
}

.tab-fixed .nav-wrapper .via-tabs .tab-nav-underline .tab-item:first-of-type {
    padding-inline-start: 30px !important
}

.tab-fixed .nav-wrapper .via-tabs .tab-nav-underline .tab-item:last-of-type {
    padding-inline-end: 30px !important
}

.tab-fixed .nav-wrapper .via-tabs .tab-bar {
    display: none !important
}

.tab-fixed .wrapper {
    margin-top: 86px
}

.p-brand-material .content-center {
    margin: 0 auto;
    width: 1280px
}

.p-brand-material .content-center .tab-title {
    color: var(--text-161719);
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    padding-top: 40px
}

.p-brand-material .content-center .tab-dec {
    color: var(--text-707580);
    line-height: 1;
    padding-top: 8px
}

.p-brand-material .target-fix {
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
    top: -130px
}

.p-brand-material .top-box {
    background-color: #eef7f8
}

.p-brand-material .top-box .top-inner-box {
    align-items: center;
    display: flex;
    font-size: 42px;
    font-weight: 800;
    height: 440px;
    justify-content: space-between;
    line-height: 48px;
    overflow: hidden
}

.p-brand-material .top-box .top-inner-box .header-logo {
    height: 647px;
    margin-top: 130px;
    width: 373px
}

.p-brand-material .tab-box {
    background-color: var(--bg-fafbfc);
    border-bottom: 1px solid var(--bg-dee0e3);
    border-top: 1px solid var(--bg-dee0e3);
    position: sticky;
    top: 58px;
    z-index: 1999
}

.p-brand-material .tab-box .tab-inner-box {
    align-items: center;
    display: flex;
    height: 72px
}

.p-brand-material .tab-box .tab-inner-box .tab-inner-a {
    color: var(--text-707580);
    padding: 10px 27px;
    transition: .6s
}

.p-brand-material .tab-box .tab-inner-box .tab-inner-a.active,
.p-brand-material .tab-box .tab-inner-box .tab-inner-a:hover {
    background-color: var(--bg-f2f3f5);
    border-radius: 12px;
    color: var(--text-0ead98)
}

.p-brand-material .brand-item-box {
    align-items: center;
    border-bottom: 1px solid var(--bg-dee0e3);
    display: flex;
    padding: 12px 0
}

.p-brand-material .brand-item-box .brand-item-logo {
    align-items: center;
    border-radius: 12px;
    display: flex;
    height: 95px;
    justify-content: center;
    transition: .5s;
    width: 215px
}

.p-brand-material .brand-item-box .brand-item-title {
    color: var(--text-161719);
    flex-grow: 1;
    font-size: 16px;
    font-weight: 500;
    inset-inline-start: 110px;
    position: relative
}

.p-brand-material .brand-item-box .brand-download-btn {
    font-size: 14px;
    font-weight: 500;
    width: 200px
}

.p-brand-material .brand-item-box .brand-download-btn+.brand-download-btn {
    inset-inline-start: 7px;
    position: relative
}

.p-brand-material .brand-item-box .brand-item-img {
    transition: .5s
}

.p-brand-material .brand-item-box .brand-item-img-0 {
    height: 34px;
    width: 34px
}

.p-brand-material .brand-item-box .brand-item-img-1 {
    height: 29px;
    width: 109px
}

.p-brand-material .brand-item-box .brand-item-img-2 {
    height: 53px;
    width: 60px
}

.p-brand-material .color-box {
    display: flex;
    justify-content: space-between;
    padding: 50px 0 20px
}

.p-brand-material .color-box .color-box-common {
    border-radius: 20px;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.p-brand-material .color-box .color-box-common .dot-common {
    border-radius: 100%;
    cursor: pointer;
    height: 25px;
    position: absolute;
    transition: .5s;
    width: 25px;
    z-index: 1
}

.p-brand-material .color-box .color-box-common .color-bg-common {
    border-radius: 20px;
    height: 0;
    position: absolute;
    transition: .5s;
    width: 0;
    z-index: 0
}

.p-brand-material .color-box .color-box-common .color-text-common {
    color: var(--text-161719);
    position: relative;
    transition: .5s
}

.p-brand-material .color-box .color-box-common .color-text-common:after {
    color: rgba(39, 40, 44, .04);
    font-weight: 700;
    line-height: 1;
    position: absolute;
    transition: .5s
}

.p-brand-material .color-box .color-box-common .color-label-common {
    font-size: 16px;
    font-weight: 700;
    unicode-bidi: bidi-override
}

.p-brand-material .color-box .color-box-common:hover .dot-common {
    background-color: #fff
}

.p-brand-material .color-box .color-box-common:hover .color-bg-common {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.p-brand-material .color-box .color-box-common:hover .color-text-common {
    color: #f9fbfe
}

.p-brand-material .color-box .color-box-common:hover .color-text-common:after {
    color: rgba(249, 251, 254, .1)
}

.p-brand-material .color-box .color-box-1 {
    background-color: var(--bg-0ead98-5);
    height: 242px;
    width: 562px
}

.p-brand-material .color-box .color-box-1:hover .color-bg-1 {
    background-color: var(--bg-0ead98);
    inset-inline-start: 0
}

.p-brand-material .color-box .color-box-1 .color-bg-1 {
    inset-inline-start: 43px;
    top: 34px
}

.p-brand-material .color-box .color-box-1 .dot-1 {
    background-color: var(--bg-0ead98);
    inset-inline-start: 43px;
    top: 34px
}

.p-brand-material .color-box .color-box-1 .color-text-1 {
    margin-inline-start: 39px;
    padding-top: 76px
}

.p-brand-material .color-box .color-box-1 .color-text-1:after {
    content: "1";
    font-size: 160px;
    inset-inline-end: 32px;
    top: 0
}

.p-brand-material .color-box .color-box-2 {
    background-color: rgba(0, 217, 217, .05);
    height: 115px;
    width: 316px
}

.p-brand-material .color-box .color-box-2:hover .color-bg-2 {
    background-color: #00d9d9;
    inset-inline-start: 0
}

.p-brand-material .color-box .color-box-2 .color-bg-2 {
    inset-inline-start: 17px;
    top: 20px
}

.p-brand-material .color-box .color-box-2 .dot-2 {
    background-color: #00d9d9;
    inset-inline-start: 17px;
    top: 20px
}

.p-brand-material .color-box .color-box-2 .color-text-2 {
    margin-inline-start: 17px;
    padding-top: 49px
}

.p-brand-material .color-box .color-box-2 .color-text-2:after {
    content: "2";
    font-size: 120px;
    inset-inline-end: 20px;
    top: 0
}

.p-brand-material .color-box .color-box-3 {
    background-color: var(--bg-db5541-5);
    height: 115px;
    width: 316px
}

.p-brand-material .color-box .color-box-3:hover .color-bg-3 {
    background-color: var(--bg-db5541);
    inset-inline-start: 0
}

.p-brand-material .color-box .color-box-3 .color-bg-3 {
    inset-inline-start: 17px;
    top: 20px
}

.p-brand-material .color-box .color-box-3 .dot-3 {
    background-color: var(--bg-db5541);
    inset-inline-start: 17px;
    top: 20px
}

.p-brand-material .color-box .color-box-3 .color-text-3 {
    margin-inline-start: 17px;
    padding-top: 49px
}

.p-brand-material .color-box .color-box-3 .color-text-3:after {
    content: "3";
    font-size: 120px;
    inset-inline-end: 20px;
    top: 0
}

.p-brand-material .color-box .color-box-4 {
    background-color: rgba(243, 139, 44, .05);
    height: 242px;
    width: 225px
}

.p-brand-material .color-box .color-box-4:hover .color-bg-4 {
    background-color: #f3bb2c;
    inset-inline-start: 0
}

.p-brand-material .color-box .color-box-4 .color-bg-4 {
    inset-inline-start: 20px;
    top: 20px
}

.p-brand-material .color-box .color-box-4 .dot-4 {
    background-color: #f3bb2c;
    inset-inline-start: 20px;
    top: 20px
}

.p-brand-material .color-box .color-box-4 .color-text-4 {
    margin-inline-start: 20px;
    padding-top: 176px
}

.p-brand-material .color-box .color-box-4 .color-text-4:after {
    content: "4";
    font-size: 120px;
    inset-inline-end: 15px;
    top: 0
}

.p-brand-material .color-box .color-box-5 {
    background-color: rgba(0, 192, 179, .05);
    height: 242px;
    width: 133px
}

.p-brand-material .color-box .color-box-5:hover .color-bg-5 {
    background-color: #00c0b3;
    inset-inline-start: 0
}

.p-brand-material .color-box .color-box-5 .color-bg-5 {
    inset-inline-start: 20px;
    top: 20px
}

.p-brand-material .color-box .color-box-5 .dot-5 {
    background-color: #00c0b3;
    inset-inline-start: 20px;
    top: 20px
}

.p-brand-material .color-box .color-box-5 .color-text-5 {
    margin-inline-start: 20px;
    padding-top: 53px
}

.p-brand-material .color-box .color-box-5 .color-text-5:after {
    content: "5";
    font-size: 120px;
    inset-inline-end: 30px;
    top: 112px
}

.p-brand-material .dark-box {
    background-image: url(../app-resources-d6/assets/9eac9576418bda94a8e1bb0b01cc29f0_5ef61d161c948b3b6d37.v2.webp);
    background-size: 100%;
    height: 340px;
    overflow: hidden;
    position: relative;
    transition: .5s
}

.p-brand-material .dark-box.day {
    background-image: url(../app-resources-d6/assets/30a8db760ec3fda47400ee20aaccbf6c_9c4587304b40945edf4c.v2.webp)
}

.c-reserve-proof-reserve-ratio {
    background-color: var(--bg-f7f8fa);
    padding-bottom: 50px;
    padding-top: 60px
}

.c-reserve-proof-reserve-ratio .row-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-reserve-proof-reserve-ratio .row-title .title-text {
    font-size: 24px;
    font-weight: 700
}

.c-reserve-proof-reserve-ratio .time-select {
    width: 360px
}

.c-reserve-proof-reserve-ratio .remark {
    color: var(--text-707580);
    font-size: 14px;
    margin-top: 12px
}

.c-reserve-proof-reserve-ratio-time-select-popper .via-select-option {
    font-size: 14px;
    height: 34px !important
}

.c-reserve-proof-asset-snap .row-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-reserve-proof-asset-snap .row-title .title-text {
    font-size: 24px;
    font-weight: 700
}

.c-reserve-proof-asset-snap .stat-box .remark {
    color: var(--text-707580);
    font-weight: 500
}

.c-reserve-proof-asset-snap .stat-box .reserve-table-pc tbody tr td .td-inner {
    background-color: var(--bg-f7f8fa)
}

.c-reserve-proof-asset-snap .login-box {
    padding-bottom: 40px;
    padding-top: 50px;
    text-align: center
}

.c-reserve-proof-asset-snap .login-box .login-img {
    display: inline-block;
    width: 140px
}

.c-reserve-proof-asset-snap .login-box .login-tip {
    color: var(--text-707580);
    font-size: 12px
}

.p-reserve-proof {
    background-color: var(--bg-ffffff);
    color: var(--text-161719)
}

.p-reserve-proof .header-box {
    background-image: url(../app-resources-d6/assets/9b08daf4b0d3a6c1df5e6a9ddd0027a0_ceae96334031765a6302.v2.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 42px;
    padding-top: 85px
}

.p-reserve-proof .header-box .header-inner-box {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.p-reserve-proof .header-box .header-inner-box .title-box .main-title {
    font-size: 42px;
    line-height: 57px
}

.p-reserve-proof .header-box .header-inner-box .title-box .sub-title {
    color: var(--text-707580);
    font-size: 16px
}

.p-reserve-proof .header-box .header-inner-box .img-header-icon {
    width: 246px
}

.p-reserve-proof .row-time {
    background-color: var(--bg-0ead98);
    padding: 8px 0
}

.p-reserve-proof .row-time .time-inner {
    align-items: center;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 700
}

.p-reserve-proof .bottom-box {
    padding-bottom: 80px;
    padding-top: 60px
}

.p-reserve-proof .bottom-box .proof-box {
    margin-top: 60px
}

.p-reserve-proof .bottom-box .proof-box .title-text {
    font-size: 24px;
    font-weight: 700
}

.p-reserve-proof .bottom-box .proof-box .steps-box {
    color: var(--text-3a3d42);
    font-weight: 500;
    line-height: 24px;
    max-width: 1060px
}

.p-reserve-proof .bottom-box .proof-box .note {
    color: var(--text-f38b2c);
    font-weight: 500
}

.p-reserve-proof .bottom-box .proof-box .link-box .row-link {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 10px;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    line-height: 28px;
    padding: 16px 24px 16px 20px;
    transition: .5s
}

.p-reserve-proof .bottom-box .proof-box .link-box .row-link .link-text {
    align-items: center;
    color: var(--text-0ead98);
    display: flex
}

.p-reserve-proof .bottom-box .proof-box .link-box .row-link .link-text:before {
    background-color: var(--bg-0ead98);
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 6px;
    margin-inline-end: 8px;
    width: 6px
}

.p-reserve-proof .bottom-box .proof-box .link-box .row-link .el-icon-arrow-right {
    color: var(--text-aeb0b3);
    font-weight: 700
}

.p-reserve-proof .bottom-box .proof-box .link-box .row-link:hover {
    background-color: var(--bg-f2f3f5);
    transition: .5s
}

.p-reserve-proof .bottom-box .proof-box .link-box .row-link:hover .el-icon-arrow-right {
    color: var(--text-0ead98);
    transition: .5s
}

.screen-md .p-reserve-proof .g-inner-box {
    padding: 0 20px
}

.screen-md .p-reserve-proof .header-box {
    background-image: url(../app-resources-d6/assets/2b167782e391d50915e60c0da86ccf47_f3da0d4c5440ed49d85b.v2.webp);
    padding-bottom: 50px;
    padding-top: 12px
}

.screen-md .p-reserve-proof .header-box .header-inner-box .title-box .main-title {
    font-size: 32px;
    line-height: 36px
}

.screen-md .p-reserve-proof .header-box .header-inner-box .img-header-icon {
    width: 127px
}

.screen-md .p-reserve-proof .bottom-box {
    padding-bottom: 60px;
    padding-top: 35px
}

.reserve-table-mobile .via-table-card .col-rate {
    color: var(--text-0ead98)
}

.reserve-table-mobile .via-table-card .card-header {
    padding-top: 10px
}

.reserve-table-mobile .via-table-card .card-body {
    padding: 15px 0
}

.reserve-table-pc {
    width: 100%
}

.reserve-table-pc thead tr th {
    color: var(--text-3a3d42);
    font-size: 12px;
    font-weight: 500;
    text-align: end;
    width: 600px
}

.reserve-table-pc thead tr th:first-of-type {
    padding-inline-start: 32px;
    text-align: start;
    width: auto
}

.reserve-table-pc thead tr th:last-of-type {
    padding-inline-end: 32px
}

.reserve-table-pc tbody tr td {
    font-size: 16px;
    font-weight: 700;
    padding: 6px 0;
    text-align: end
}

.reserve-table-pc tbody tr td .td-inner {
    background-color: var(--bg-ffffff);
    height: 68px;
    line-height: 68px
}

.reserve-table-pc tbody tr td:first-of-type {
    text-align: start
}

.reserve-table-pc tbody tr td:first-of-type .td-inner {
    padding-inline-start: 32px
}

.reserve-table-pc tbody tr td:last-of-type .td-inner {
    color: var(--text-0ead98);
    padding-inline-end: 32px
}

[dir=ltr] .reserve-table-pc tbody tr td:first-of-type .td-inner {
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px
}

[dir=ltr] .reserve-table-pc tbody tr td:last-of-type .td-inner,
[dir=rtl] .reserve-table-pc tbody tr td:first-of-type .td-inner {
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px
}

[dir=rtl] .reserve-table-pc tbody tr td:last-of-type .td-inner {
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px
}

.theme-night .p-reserve-proof .header-box {
    background-color: #181a1f;
    background-image: none
}

.c-market-history-datetype {
    background: var(--bg-ffffff-gray1004)
}

.c-market-history-datetype .el-cascader.type-area-normal .el-input .el-input__inner {
    background: var(--bg-f7f8fa);
    border-color: var(--bg-f7f8fa);
    font-size: 14px
}

.c-market-history-datetype .el-cascader.size-40 .el-input .el-input__inner {
    height: 40px;
    line-height: 40px
}

.popper-market-history-datatype {
    border: none !important;
    max-width: 80% !important;
    overflow: hidden !important
}

.popper-market-history-datatype .el-cascader-menu {
    background: var(--bg-ffffff-gray1004) !important;
    border-inline-end: 1px solid var(--border-e0e3ed) !important;
    color: var(--text-7d7f81) !important
}

.popper-market-history-datatype .el-cascader-menu:last-of-type {
    border: none !important
}

.popper-market-history-datatype .el-cascader-menu__wrap {
    height: auto !important;
    margin: 0 !important
}

.popper-market-history-datatype .el-scrollbar__bar {
    display: none !important
}

.popper-market-history-datatype .el-cascader-menu__list .el-cascader-node {
    background: var(--bg-ffffff-gray1004);
    padding: 0 20px !important
}

.popper-market-history-datatype .el-cascader-menu__list .el-cascader-node .el-cascader-node__label {
    line-height: 16px;
    white-space: inherit;
    word-break: break-all
}

.popper-market-history-datatype .el-cascader-menu__list .el-cascader-node .el-cascader-node__prefix {
    inset-inline: 10px auto !important
}

.popper-market-history-datatype .el-cascader-menu__list .el-cascader-node .el-cascader-node__postfix {
    inset-inline: auto 10px !important
}

.popper-market-history-datatype .el-cascader-menu__list .el-cascader-node:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

[dir=rtl] .popper-market-history-datatype .el-cascader-menu__list .el-cascader-node .el-cascader-node__postfix {
    transform: scaleX(-1)
}

.c-market-history-market-select .c-common-virtual-select .el-input__inner::-moz-placeholder {
    font-size: 14px !important
}

.c-market-history-market-select .c-common-virtual-select .el-input__inner::placeholder {
    font-size: 14px !important
}

.c-market-history-select-date .c-common-virtual-select .el-input__inner::-moz-placeholder {
    font-size: 14px !important
}

.c-market-history-select-date .c-common-virtual-select .el-input__inner::placeholder {
    font-size: 14px !important
}

.c-market-history-download {
    width: 438px
}

.c-market-history-download .filename-wrapper {
    align-items: center;
    background: var(--bg-f7f8fa);
    border-radius: 4px;
    color: var(--text-707580);
    display: flex;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 8px
}

.p-markets-history {
    overflow: hidden;
    padding-top: 96px
}

.p-markets-history .via-tabs .tab-nav-button {
    flex-wrap: nowrap
}

.p-markets-history .via-tabs .tab-item {
    background: var(--bg-f2f3f5);
    text-align: center
}

.p-markets-history .download-wrapper {
    background: var(--bg-ffffff);
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(177, 182, 193, .1);
    display: flex;
    justify-content: space-between;
    margin: 32px auto 80px;
    padding: 32px;
    width: 1280px
}

.p-markets-history .download-wrapper .desc-wrapper {
    width: 698px
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog {
    padding: 40px 32px
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .via-dialog-close {
    inset-inline-end: 8px;
    top: 8px
}

[dir=rtl] .c-academy-search-dialog.via-dialog-wrapper .via-dialog .via-dialog-close {
    left: 8px
}

[dir=ltr] .c-academy-search-dialog.via-dialog-wrapper .via-dialog .via-dialog-close {
    right: 8px
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .via-dialog-body {
    min-height: 350px
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .academy-search-input {
    transition: .4s
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .academy-search-input:hover {
    border: 1px solid var(--border-0ead98);
    transition: .4s
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .tag-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .tag-box .tag-item {
    align-items: center;
    background-color: var(--bg-f2f3f5);
    border-radius: 20px;
    color: var(--ui0-text-tertiary);
    cursor: pointer;
    display: flex;
    height: 26px;
    justify-content: center;
    line-height: 18px;
    margin-bottom: 12px;
    margin-inline-end: 20px;
    min-width: 126px;
    padding: 4px 20px;
    transition: .4s
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .tag-box .tag-item:hover {
    background-color: var(--bg-0ead98-10);
    color: var(--text-0ead98) !important;
    transition: .4s
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .result-wrap {
    margin-top: 8px;
    min-height: 300px
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .result-wrap .result-box {
    margin-left: -32px;
    margin-right: -32px;
    margin-top: 20px
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .result-wrap .result-box .result-item-box {
    max-height: 365px;
    overflow: auto
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .result-wrap .result-box .result-item {
    padding: 10px 32px
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .result-wrap .result-box .result-item:hover {
    background-color: var(--bg-f7f8fa)
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .result-wrap .result-box .result-item:hover .result-item-title {
    color: var(--text-0ead98) !important
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .result-wrap .result-box .result-item .result-item-title {
    color: var(--ui0-text-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .result-wrap .result-box .result-item .result-item-abstract {
    color: var(--ui0-text-primary);
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .result-wrap .result-box .result-item .result-item-category {
    align-items: center;
    display: flex;
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px
}

.c-academy-search-dialog.via-dialog-wrapper .via-dialog .c-common-empty .empty-text {
    text-align: center;
    width: 400px
}

.c-academy-category-summary {
    display: flex
}

.c-academy-category-summary .category-nav {
    border-inline-end: 1px solid var(--border-dee0e3);
    flex-shrink: 0;
    padding-inline-end: 18px;
    width: 311px
}

.c-academy-category-summary .category-nav .nav-inner {
    position: sticky;
    top: 98px
}

.c-academy-category-summary .category-nav .nav-item {
    align-items: center;
    border-radius: 12px;
    color: var(--ui0-text-secondary);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    line-height: 24px;
    margin-bottom: 8px;
    padding: 12px 18px 12px 34px;
    width: 293px
}

.c-academy-category-summary .category-nav .nav-item .icon-arrow-link {
    display: none
}

.c-academy-category-summary .category-nav .nav-item.active,
.c-academy-category-summary .category-nav .nav-item:hover {
    background-color: var(--bg-f2f3f5);
    color: var(--text-0ead98) !important
}

.c-academy-category-summary .category-nav .nav-item.active .icon-arrow-link,
.c-academy-category-summary .category-nav .nav-item:hover .icon-arrow-link {
    display: block
}

.c-academy-category-summary .category-nav-md {
    background-color: var(--bg-ffffff);
    overflow-x: auto;
    position: sticky;
    top: 58px;
    z-index: 10
}

.c-academy-category-summary .category-nav-md::-webkit-scrollbar {
    display: none
}

.c-academy-category-summary .category-nav-md .tab-nav-underline {
    border-bottom: 1px solid var(--border-dee0e3);
    overflow-x: auto
}

.c-academy-category-summary .category-nav-md .tab-nav-underline::-webkit-scrollbar {
    display: none
}

.c-academy-category-summary .category-nav-md .tab-nav-underline .tab-item {
    flex-shrink: 0
}

.c-academy-category-summary .content-box {
    flex-grow: 1;
    padding-inline-start: 46px
}

.c-academy-category-summary .content-box .content-item {
    margin-bottom: 58px
}

.c-academy-category-summary .content-box .content-item .terminology-item-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px;
    max-height: 180px;
    overflow: hidden
}

.c-academy-category-summary .content-box .content-item .terminology-item-box .terminology-item {
    align-items: center;
    border: 1px solid var(--border-f2f3f5);
    border-radius: 8px;
    color: var(--ui0-text-tertiary);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-inline-end: 20px;
    min-width: 143px;
    padding: 0 20px;
    transition: .4s
}

.c-academy-category-summary .content-box .content-item .terminology-item-box .terminology-item:hover {
    background-color: var(--bg-0ead98-10);
    border: 1px solid var(--border-0ead98);
    color: var(--text-0ead98) !important;
    transition: .4s
}

.c-academy-category-summary .content-box .content-item .article-item {
    cursor: pointer;
    margin-bottom: 42px
}

.c-academy-category-summary .content-box .content-item .article-item:hover .article-title {
    color: var(--text-0ead98) !important
}

.c-academy-category-summary .content-box .content-item .article-item .article-tag {
    display: flex;
    flex-wrap: wrap;
    width: 430px
}

.c-academy-category-summary .content-box .content-item .article-item .article-tag .tag-item {
    border: 1px solid var(--border-161719);
    border-radius: 8px;
    color: var(--ui0-text-primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 8px;
    margin-inline-end: 12px;
    padding: 4px 12px
}

.c-academy-category-summary .content-box .content-item .article-item .article-title {
    color: var(--ui0-text-primary);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px;
    margin-inline-end: 20px;
    width: 430px
}

.c-academy-category-summary .content-box .text-over {
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    width: 100%;
    word-break: normal;
    -webkit-box-orient: vertical
}

.c-academy-category-summary .content-box .line-clamp-1 {
    -webkit-line-clamp: 1
}

.c-academy-category-summary .content-box .line-clamp-2 {
    -webkit-line-clamp: 2;
    max-height: 3em
}

.l-academy {
    background-image: none
}

.p-academy-index {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 1255px;
    margin-top: -58px
}

.p-academy-index .banner {
    padding-top: 169px;
    text-align: center
}

.p-academy-index .banner .banner-t {
    background-image: url(../app-resources-d6/assets/1c379b3d481173b7f30786b89178bd4f_12ee14cc62d6efd0a458.v2.svg), url(../app-resources-d6/assets/e20613def7a247980ffa922a4d4d4850_dccfc2798a9389adaf60.v2.svg);
    background-position: left 65%, right 15%;
    background-repeat: no-repeat;
    font-size: 48px;
    line-height: 62px;
    padding: 0 80px
}

.p-academy-index .banner .search-btn {
    align-items: center;
    border-radius: 8px;
    display: flex;
    height: 48px;
    justify-content: center;
    min-width: 538px
}

.p-academy-index .banner .search-btn .iconfont {
    color: var(--text-707580);
    transition: .4s
}

.p-academy-index .banner .search-btn .search-text {
    color: var(--ui0-text-quaternary);
    transition: .4s
}

.p-academy-index .banner .search-btn:hover i,
.p-academy-index .banner .search-btn:hover span {
    color: var(--text-0ead98) !important;
    transition: .4s
}

.theme-night .p-academy-index .banner .banner-t {
    background-image: url(../app-resources-d6/assets/012a2f7248df3764f317ea8d256d93bd_426ccaee040c3e99d43d.v2.svg), url(../app-resources-d6/assets/4b2eaad5680dd526c073f76985b23640_529c7d7db8e379f2dcec.v2.svg)
}

.c-help-search-header {
    padding: 48px 0
}

.c-help-search-header .back-btn {
    inset-inline-start: 20px;
    position: absolute;
    top: 0
}

.c-help-search-header .title {
    color: var(--text-161719);
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 32px;
    text-align: center
}

.c-help-search-header .search-input {
    background-color: var(--bg-ffffff) !important;
    border-radius: 30px !important;
    margin: 0 auto;
    padding-inline-start: 25px;
    width: 588px
}

.c-help-search-header .search-input .via-btn {
    min-width: 105px
}

.c-help-search-header .mobile-search-btn {
    border-radius: 50%;
    height: 38px;
    min-width: 38px !important;
    padding: 0 !important;
    width: 38px
}

.p-help {
    padding-bottom: 80px
}

.p-help-index .index-title {
    color: var(--text-27282c);
    font-size: 24px;
    font-weight: 700
}

.p-help-index .self-service-content {
    margin: 0 auto 60px;
    width: 1280px
}

.p-help-index .self-service-content .service-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 20px
}

.p-help-index .self-service-content .service-wrap .service-item {
    align-items: center;
    background-color: var(--bg-f7f8fa);
    border-radius: 10px;
    color: var(--text-27282c);
    cursor: pointer;
    display: flex;
    height: 68px;
    padding: 0 20px;
    width: 305px
}

.p-help-index .self-service-content .service-wrap .service-item .label {
    color: var(--text-27282c);
    font-size: 14px;
    margin-inline-start: 12px
}

.p-help-index .self-service-content .service-wrap .service-item:hover {
    background-color: var(--bg-ffffff);
    box-shadow: 0 6px 20px rgba(201, 205, 225, .25)
}

.p-help-index .self-service-content .service-wrap .service-item:hover .label {
    color: var(--text-0ead98)
}

.p-help-index .question-content {
    margin: 0 auto;
    width: 1280px
}

.p-help-index .question-content .question-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 36px 40px;
    margin-top: 30px
}

.p-help-index .question-content .question-wrap .question-item {
    border-bottom: 1px solid var(--border-e6e7eb);
    color: var(--text-27282c);
    width: 400px
}

.p-help-index .question-content .question-wrap .question-item:hover .sub-title {
    color: var(--text-0ead98)
}

.p-help-index .question-content .question-wrap .question-item .sub-title {
    color: var(--text-27282c);
    font-size: 20px;
    font-weight: 500;
    line-height: 22px
}

.p-help-index .question-content .question-wrap .question-item .desc {
    color: var(--text-707580);
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
    margin-top: 4px;
    min-height: 32px
}

.c-announcement-header {
    padding-top: 48px;
    text-align: center
}

.c-announcement-header .title {
    color: var(--text-27282c);
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px
}

.c-announcement-header .c-announcement-search-input {
    background-color: var(--bg-ffffff) !important;
    border-radius: 30px !important;
    margin: 0 auto;
    max-width: 588px;
    padding-inline-start: 25px
}

.c-announcement-header .c-announcement-search-input .via-btn {
    min-width: 105px
}

.c-announcements-list {
    position: relative
}

.c-announcements-list .skeleton-screen .item .box {
    border-radius: 4px
}

.c-announcements-list .skeleton-screen .item .title-box {
    height: 30px;
    margin-bottom: 12px;
    width: 50%
}

.c-announcements-list .skeleton-screen .item .desc-box {
    height: 40px;
    margin-bottom: 12px;
    width: 100%
}

.c-announcements-list .skeleton-screen .item .time-box {
    height: 21px;
    width: 182px
}

.c-announcements-list .item {
    margin-bottom: 32px
}

.c-announcements-list .item .title {
    color: var(--text-27282c);
    cursor: pointer;
    display: inline;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    transition: color .3s
}

.c-announcements-list .item .title .search-keywords,
.c-announcements-list .item .title:hover {
    color: var(--text-0ead98)
}

.c-announcements-list .item .top-tag {
    background-color: rgba(243, 139, 44, .1);
    border-radius: 6px 6px 6px 0;
    color: var(--text-f38b2c);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-inline-end: 4px;
    min-width: 32px;
    padding: 2px 7px;
    vertical-align: 3px
}

.c-announcements-list .item .time {
    color: var(--text-b4b7bd);
    font-size: 12px;
    line-height: 16px
}

.c-announcements-list .item .desc {
    color: var(--text-707580);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
    word-break: break-word
}

.c-announcements-list .item .desc em {
    color: var(--text-0ead98)
}

.c-announcements-list .c-common-empty {
    background-color: transparent
}

.c-announcements-list .via-pagination {
    margin-inline-start: -14px
}

.c-announcements-list .via-pagination .via-pagination-select-limit {
    display: none
}

.c-announcements-menu {
    margin-inline-end: 60px;
    width: 295px
}

.c-announcements-menu .menu-icon-prefix {
    color: var(--text-b4b7bd);
    font-size: 20px
}

.c-announcements-menu .via-collapse.category-menu .via-collapse-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-announcements-menu .via-collapse.category-menu .via-collapse-item.is-active .via-collapse-item__header {
    color: var(--text-3a3d42)
}

.c-announcements-menu .via-collapse.category-menu .via-collapse-item.is-active .via-collapse-item__header .via-collapse-item__arrow i.iconfont {
    color: var(--text-aeb0b3)
}

.c-announcements-menu .via-collapse.category-menu .via-collapse-item.is-current .via-collapse-item__header {
    background: var(--bg-0ead98-5);
    color: var(--text-0ead98)
}

.c-announcements-menu .via-collapse.category-menu .via-collapse-item.is-current .via-collapse-item__header .menu-icon-prefix,
.c-announcements-menu .via-collapse.category-menu .via-collapse-item.is-current .via-collapse-item__header .via-collapse-item__arrow i.iconfont {
    color: var(--text-0ead98)
}

.c-announcements-menu .via-collapse.category-menu .via-collapse-item .via-collapse-item__header {
    background-color: transparent;
    border-bottom: 0;
    border-radius: 10px;
    height: 42px;
    line-height: 42px
}

.c-announcements-menu .via-collapse.category-menu .via-collapse-item .via-collapse-item__header:hover {
    background: var(--bg-0ead98-5);
    color: var(--text-0ead98)
}

.c-announcements-menu .via-collapse.category-menu .via-collapse-item .via-collapse-item__header:hover .menu-icon-prefix {
    color: var(--text-0ead98)
}

.c-announcements-menu .via-collapse.category-menu .via-collapse-item .via-collapse-item__wrap {
    background-color: transparent;
    border-bottom: 0
}

.c-announcements-menu .via-collapse.category-menu .via-collapse-item .via-collapse-item__wrap .via-collapse-item__content {
    background-color: transparent;
    padding-inline-start: 0
}

.c-announcements-menu .link {
    align-items: center;
    border-radius: 10px;
    color: var(--text-707580);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    padding-inline-start: 42px
}

.c-announcements-menu .link.nuxt-link-exact-active,
.c-announcements-menu .link:hover {
    background: var(--bg-0ead98-5);
    color: var(--text-0ead98)
}

.c-announcements-menu .link.nuxt-link-exact-active i.iconfont,
.c-announcements-menu .link:hover i.iconfont {
    color: var(--text-0ead98)
}

.c-announcements-menu .main-menu {
    color: var(--text-3a3d42);
    font-size: 16px;
    padding-inline-start: 12px
}

.c-announcements-menu .menu-item {
    color: var(--text-707580);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.c-announcements-menu .menu-item+.menu-item {
    margin-inline-end: 20px
}

.c-announcements-menu .menu-item.active,
.c-announcements-menu .menu-item.nuxt-link-exact-active {
    color: var(--text-0ead98);
    font-weight: 700
}

.c-announcements-menu .sub-menu-item {
    background-color: var(--bg-ffffff);
    border-radius: 4px;
    color: var(--text-707580);
    display: inline-block;
    font-size: 12px;
    margin-bottom: 4px;
    margin-inline-end: 8px;
    padding: 5px 10px;
    text-align: center
}

.c-announcements-menu .sub-menu-item.nuxt-link-exact-active {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.p-announcements .content {
    margin: 0 auto;
    max-width: 1280px;
    padding-bottom: 114px
}

.p-announcements .content .announcements-breadcrumb {
    margin-top: 40px
}

.p-announcements .content .announcements-breadcrumb.via-breadcrumb .via-breadcrumb-item .via-breadcrumb-item-inner {
    color: var(--text-3a3d42);
    font-size: 14px
}

.p-announcements .content .announcements-breadcrumb.via-breadcrumb .via-breadcrumb-item .via-breadcrumb-item-inner.is-link:hover {
    color: var(--text-0ead98)
}

.p-announcements .content .c-announcements-list {
    border-inline-start: 1px solid var(--border-e6e7eb);
    flex: 1 1 0%;
    padding-inline-start: 60px
}

.p-official-verification {
    background-image: url(../app-resources-d6/assets/082aa5b49d4480ca7616929bd52752df_5a09e9c5576e67df77f1.v2.webp);
    background-size: 100% 100%;
    box-sizing: border-box;
    min-height: calc(-360px + 100vh)
}

.p-official-verification .p-official-verification-content {
    margin: 0 auto;
    max-width: 1200px;
    padding-top: 80px
}

.p-official-verification .p-official-verification-content .img-logo {
    background-image: url(../app-resources-d6/assets/34b84a78fa1f7c4c31990ce17a6decd1_0a6304389ab2a93050b0.v2.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 37px;
    width: 151px
}

.p-official-verification .p-official-verification-content .input-wrap {
    margin: 0 auto;
    max-width: 600px
}

.p-official-verification .p-official-verification-content .input-wrap .el-input .el-input__inner {
    border-radius: 24px;
    border-width: 2px;
    font-family: Din;
    padding-left: 25px
}

.p-official-verification .p-official-verification-content .input-wrap .el-input .el-input__suffix {
    padding-top: 3px;
    right: 25px
}

.p-official-verification .p-official-verification-content .input-wrap .el-input .el-input__suffix .el-input__suffix-inner {
    display: flex;
    flex-direction: row-reverse
}

.p-official-verification .p-official-verification-content .input-wrap .el-input .el-input__suffix .el-input__suffix-inner .el-input__icon {
    font-size: 20px;
    line-height: 43px
}

.p-official-verification .p-official-verification-content .tips-wrapper {
    color: var(--text-7d7f81);
    font-size: 14px;
    padding-bottom: 20px
}

.p-official-verification .p-official-verification-content .declare-wrapper {
    background: rgba(243, 139, 44, .05);
    border-radius: 4px;
    margin-bottom: 80px;
    padding: 8px 20px;
    padding-inline-start: 30px;
    position: relative
}

.p-official-verification .p-official-verification-content .declare-wrapper .icon-tishi {
    color: var(--text-f38b2c);
    font-size: 12px;
    inset-inline-start: 12px;
    position: absolute;
    top: 8px
}

.p-official-verification .p-official-verification-content .declare-wrapper .declare-item {
    color: var(--text-f38b2c);
    font-size: 12px;
    text-align: start
}

.p-official-verification .p-official-verification-content .result-wrap {
    background: var(--bg-ffffff);
    border-radius: 24px;
    box-shadow: 2px 2px 15px 0 hsla(175, 5%, 57%, .16);
    min-height: 296px;
    padding-top: 25px
}

.p-official-verification .p-official-verification-content .result-wrap .icon-status {
    font-size: 60px;
    height: 70px;
    line-height: 70px
}

.p-official-verification .p-official-verification-content .guide-wrap {
    background: var(--bg-ffffff);
    border-radius: 24px;
    box-shadow: 12px 6px 25px 0 hsla(229, 5%, 57%, .14);
    box-sizing: border-box;
    min-height: 141px
}

.p-official-verification .p-official-verification-content .guide-wrap .guide-link-wrap {
    min-width: 240px
}

.p-official-verification .p-official-verification-content .guide-wrap .guide-link-wrap a {
    transition: .3s ease-in-out
}

.screen-md .p-official-verification {
    min-height: 100vh
}

.screen-md .p-official-verification .p-official-verification-content .img-logo {
    transform: scale(.9);
    transform-origin: left center
}

.screen-md .p-official-verification .p-official-verification-content .guide-link-wrap {
    padding-left: 20px;
    width: 100%
}

html[dir=ltr] .p-official-verification .input-wrap .el-input.el-input--suffix .el-input__inner {
    padding-right: 80px !important
}

html[dir=rtl] .p-official-verification .el-input__suffix {
    left: 25px;
    right: 85% !important
}

html[dir=rtl] .p-official-verification .input-wrap .el-input.el-input--suffix .el-input__inner {
    padding-left: 80px !important;
    padding-right: 25px !important
}

html[dir=rtl] .p-official-verification .result-wrap .el-icon-back {
    transform: rotate(180deg)
}

.theme-night .p-official-verification {
    background: var(--bg-fafafa) !important
}

.theme-night .p-official-verification .img-logo {
    background-image: url(../app-resources-d6/assets/03d765df617a8d384e2566adfeba7c0c_1a93ccc3a70334e3143b.v2.svg)
}

.only-light {
    display: block
}

.only-dark,
.theme-night .only-light {
    display: none
}

.theme-night .only-dark {
    display: block
}

.c-logo {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-start
}

.c-logo img {
    width: 151px
}

.c-logo__text {
    color: rgb(var(--ui0-text-primary));
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 2px
}

.c-logo__text span:last-child {
    color: var(--bg-0ead98)
}

.c-logo--small img {
    height: 34px;
    max-width: 34px;
    min-width: 34px;
    width: 34px
}

.c-common-header-nav-wrap .connect-wallet-btn {
    background: linear-gradient(rgba(14, 172, 151, .1), rgba(14, 172, 151, .25));
    border: 1px solid rgba(14, 172, 151, .5);
    color: #0eac97;
    cursor: pointer;
    height: 34px;
    padding: 0 12px
}

.c-common-header-nav-wrap .connect-wallet-btn .newbie-text [stroke] {
    stroke: #0eac97
}

.table-prop {
    overflow: hidden
}

.via-table-default.scrollable-x {
    overflow-x: auto
}

.p-activity-refer {
    background: rgb(var(--ui0-bg-surface_white)) url(../app-resources-d6/assets/3501ea0000da8cee3193dc47601ebc0a_7c14d85ae21e46f22396.v2.svg) top no-repeat;
    background-size: 1920px 550px;
    padding-bottom: 100px;
    padding-top: 58px
}

.p-activity-refer .refer-container {
    margin: 0 auto;
    width: 1280px
}

.p-activity-refer .user-wrapper {
    background: rgb(var(--ui0-bg-card_white));
    border-radius: 20px;
    box-shadow: 0 6px 20px 0 rgba(210, 215, 222, .25);
    margin: 0 auto;
    width: 1280px
}

.p-activity-refer .refer-introduce {
    margin-bottom: 255px;
    margin-top: 80px
}

.p-activity-refer .refer-not-logged-wrap {
    position: relative;
    top: -163px
}

.theme-night .p-activity-refer {
    background-image: url(../app-resources-d6/assets/48a416801e675e01c6b859816eb09491_a4cbec718dc294555323.v2.svg)
}

.theme-night .p-activity-refer .user-wrapper {
    box-shadow: none
}

.l-p2p {
    background: linear-gradient(0deg, #353d4a -62.7%, #090a10 62.7%) no-repeat !important;
    background-image: url(../app-resources-d6/assets/c17fee206be83c2dd3637b7d8a412d58_add18a39be351cbfb273.v2.webp) !important;
    background-size: 100% 296px !important
}

.l-p2p .page-not-found {
    background: var(--bg-ffffff)
}

.c-form-convert {
    background-color: var(--bg-fafbfc);
    border-radius: 30px;
    box-shadow: 0 10px 40px rgba(164, 197, 205, .13);
    margin: 0 auto;
    padding: 40px;
    width: 680px
}

.c-form-convert .el-form-item {
    background: var(--text-f2f3f5);
    border: 1.5px solid var(--border-f2f3f5);
    border-radius: 10px;
    transition: .2s ease-out
}

.c-form-convert .el-form-item.active,
.c-form-convert .el-form-item:focus-within {
    border: 1.5px solid #0ead98;
    box-shadow: 0 0 4px rgba(14, 173, 152, .5)
}

.c-form-convert .el-form-item .el-form-item__content {
    display: flex;
    flex-wrap: nowrap
}

.c-form-convert .selector-wrapper {
    min-width: 120px;
    padding-top: 40px;
    padding-inline-start: 20px;
    position: relative
}

.c-form-convert .selector-wrapper .item-title {
    color: var(--text-3a3d42);
    font-size: 12px;
    inset-inline-start: 20px;
    line-height: 20px;
    position: absolute;
    top: 10px;
    white-space: nowrap;
    z-index: 1
}

.c-form-convert .asset-input {
    position: relative
}

.c-form-convert .asset-input .el-input__inner {
    background: none;
    border: none;
    box-shadow: none !important;
    font-size: 20px;
    font-weight: 600;
    height: 74px;
    line-height: 24px;
    outline: none;
    padding-bottom: 10px;
    padding-inline-end: 40px !important;
    padding-top: 40px;
    padding-inline-start: 10px
}

.c-form-convert .asset-input .el-input__suffix {
    inset-inline-end: 10px;
    padding-top: 32px
}

.c-form-convert .asset-input .el-icon-circle-close:before {
    background: #b4b7bd;
    border-radius: 50%;
    color: var(--text-ffffff);
    content: "×";
    display: inline-block;
    font-size: 16px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    width: 20px
}

.c-form-convert .btn-max {
    color: var(--text-0ead98);
    cursor: pointer;
    inset-inline-end: 16px;
    line-height: 20px;
    position: absolute;
    top: 10px
}

.c-form-convert .icon-convert {
    padding: 0 0 30px
}

.c-form-convert .icon-convert .icon-convert-wrapper {
    align-items: center;
    background-color: var(--bg-ffffff);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(220, 220, 232, .5);
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    transition: .4s ease-out;
    width: 36px
}

.c-form-convert .icon-convert .icon-convert-wrapper:hover {
    background: rgba(14, 173, 152, .05)
}

.c-form-convert .icon-convert .icon-convert-wrapper img {
    width: 24px
}

.c-form-convert .btn-convert {
    border: none !important;
    border-radius: 30px !important;
    box-shadow: 0 10px 20px rgba(7, 125, 117, .23);
    display: block;
    margin-top: 30px;
    width: 100%
}

.c-form-convert .btn-login {
    background: #f2f2f2;
    border-radius: 30px;
    height: 48px;
    line-height: 48px;
    margin-top: 30px;
    text-align: center;
    width: 100%
}

.c-form-convert .btn-link {
    color: #0ead98;
    cursor: pointer
}

.c-form-convert .underline-dashed {
    border-bottom: 1px dashed #aeb0b3;
    display: inline-block;
    line-height: 20px
}

.c-form-convert .el-form-item {
    margin-bottom: 0 !important
}

.c-form-convert .min-h-30 {
    min-height: 30px
}

.theme-night .c-form-convert,
.theme-night .c-form-convert .icon-convert-wrapper {
    box-shadow: none
}

.c-exchange-placeorder-input .placeorder-input {
    border-color: transparent;
    padding: 0 20px
}

.c-exchange-placeorder-input .placeorder-input .input-inner {
    width: 100px
}

.c-ambassador-requirement {
    background: var(--bg-ffffff) url(../app-resources-d6/assets/a797fbe6e3b93c9f4e9a0538ca27be3f_91ecdbaeb5c8a48c17da.v2.png) no-repeat;
    background-size: cover;
    padding: 60px 0
}

@media (max-width:768px) {
    .menu-container {
        display: none !important;
    }

    .c-my-basic-info .info-box .row-info {
        flex-wrap: wrap
    }

    .c-my-basic-info .info-box .row-info .row-right {
        align-items: flex-end;
        display: flex;
        gap: 4px;
        justify-content: space-between;
        margin-top: 10px;
        width: 100%
    }

    .c-my-basic-info .info-box .row-info .row-left {
        width: 100%
    }

    .p-ieo-order {
        padding: 0;
        width: auto
    }

    .p-ieo-order .header-wrapper {
        border: none;
        padding: 20px 12px
    }

    .p-ieo-order .locked-info {
        padding: 0 16px
    }

    .p-ieo-order .wrapper {
        border-radius: 20px 20px 0 0
    }

    .p-ieo-order .table-wrapper {
        min-height: auto
    }

    .p-ieo-order .width-restrict {
        min-width: auto;
        padding: 0
    }

    .p-ieo-order .explain-box {
        padding-left: 16px;
        padding-right: 16px
    }

    .p-mining-history {
        padding: 20px 0 60px;
        width: 100%
    }

    .p-mining-history .filter-container {
        flex-direction: column-reverse;
        margin-top: 28px
    }

    .p-mining-history .filter-container .page-item {
        padding: 0 12px 5px;
        text-align: center;
        width: 50%
    }

    .p-mining-history .filter-container .mining-filter-select {
        width: 100%
    }

    .p-mining-history .mining-table {
        border: none;
        box-shadow: none;
        margin-bottom: 0
    }

    .p-activity-dibs {
        background-repeat: no-repeat;
        background-size: 100% 500px
    }

    .p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img {
        height: 156px;
        overflow: hidden;
        width: 325px
    }

    .p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img .list-bg {
        height: 156px;
        width: 325px
    }

    .p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img .name-box {
        left: 16px;
        top: 52px;
        width: 127px
    }

    .p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img .name-box .short-name {
        font-size: 24px;
        font-weight: 700
    }

    .p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img .name-box .full-name {
        font-size: 14px
    }

    .p-activity-dibs .content-box .act-list-box .all-act-box .act-box .left-img .logo-box {
        left: 220px;
        top: 53px
    }

    .p-activity-dibs .c-activity-airdrop-coin-name {
        width: 100%
    }

    .c-activity-common-link .c-activity-common-link__content {
        padding: 0 20px;
        text-align: center;
        width: 100%
    }

    .p-trade-rank .p-trade-rank-header .logo-bg {
        inset-inline-end: -80px
    }

    .p-trade-rank .p-trade-rank-header .bg {
        inset-inline-end: -40px;
        position: relative
    }

    .p-trade-rank .p-trade-rank-content .p-trade-rank-list {
        display: block;
        height: auto;
        padding: 24px
    }

    .p-trade-rank .p-trade-rank-content .p-trade-rank-list .cover-img {
        height: 160px;
        margin-bottom: 24px;
        width: 100%
    }

    .p-trade-rank .p-trade-rank-content .p-trade-rank-list .content .via-btn.operate-button {
        margin-top: 20px;
        position: relative;
        width: 100%
    }

    .p-trade-rank .p-trade-rank-content .p-trade-rank-list .content {
        margin-inline-start: 0
    }

    .p-trade-rank .p-trade-rank-content .p-trade-rank-list .row-title .status {
        border-radius: 8px;
        margin-top: 20px;
        padding: 8px 12px
    }

    .p-trade-rank .p-trade-rank-content .p-trade-rank-list .time {
        display: block;
        margin-bottom: 12px;
        margin-top: 2px;
        margin-inline-start: 29px
    }

    .p-trade-rank .p-trade-rank-content .p-trade-rank-list .reward {
        display: block;
        margin-bottom: 0;
        margin-top: 2px;
        margin-inline-start: 29px
    }

    .c-activity-airdrop-coin-name {
        width: 100%
    }

    .c-activity-airdrop-coin-name .title-name {
        font-size: 20px
    }

    .c-activity-airdrop-dialog-record .record-content-box .via-tabs .tab-item {
        max-width: 100%;
        overflow: hidden;
        padding: 0 10px !important;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .p-activity-airdrop {
        background-image: url(../app-resources-d6/assets/1835b882b96ba3fd69a74e35f8dfaab0_f8a3e9c6041f5e30662c.v2.svg);
        background-repeat: no-repeat;
        background-size: 100% 500px
    }

    .p-activity-airdrop .center-bg-logo {
        top: 0;
        transform: translateX(-50%) scale(.8)
    }

    .p-activity-airdrop .c-activity-airdrop-coin-name {
        width: 100%
    }

    .c-mining-pool-card {
        background: var(--bg-ffffff);
        border: 1px solid var(--light-f2f3f5);
        border-radius: 30px;
        box-shadow: 0 10px 40px 0 rgba(164, 197, 205, .12);
        margin-top: 20px;
        padding: 24px;
        width: 100% !important
    }

    .c-mining-project-item {
        background-color: transparent;
        border: none;
        box-shadow: none;
        margin-bottom: 0;
        min-height: auto;
        padding: 0 20px
    }

    .c-mining-project-item .main-container {
        flex-direction: column
    }

    .c-mining-project-item .item-info .projcet-description {
        margin: 16px 0
    }

    .c-mining-project-item .item-info {
        padding: 0;
        width: 100%
    }

    .c-mining-project-item .card-info {
        margin-inline-start: 0;
        margin-top: 12px;
        padding: 0
    }

    .c-mining-project-item .pause-tips {
        margin: 0 0 24px
    }

    .c-mining-project-item .card-container {
        flex-direction: column;
        padding: 0
    }

    .c-mining-project-item .card-container .card-item+.card-item {
        margin-inline-start: 0
    }

    .c-mining-projects {
        width: 100%
    }

    .c-mining-projects .project-item+.project-item {
        border-top: 1px solid var(--border-e6e7eb);
        margin-top: 56px;
        padding-top: 56px
    }

    .c-mining-projects .history-link {
        font-size: 14px;
        margin-inline-end: 0
    }

    .c-mining-projects .c-mining-empty {
        height: 300px;
        padding: 0 20px 80px
    }

    .c-mining-faqs {
        padding: 0 20px;
        width: 100%
    }

    .c-mining-faqs .qa-item {
        margin-bottom: 12px;
        padding: 16px 12px
    }

    .c-mining-faqs .qa-item .question {
        font-size: 14px
    }

    .c-mining-faqs .qa-item .answer {
        font-size: 12px;
        margin-top: 8px
    }

    .p-mining .mining-header {
        background-position: center 150px;
        background-size: 320px 62px;
        padding: 78px 0 94px;
        width: 100%
    }

    .p-mining .mining-header .header-title {
        font-family: Manrope;
        font-size: 32px;
        line-height: 44px
    }

    .p-mining .mining-header .header-desc {
        font-family: Manrope;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        padding: 8px 20px 24px
    }

    .c-copy-trading-futures-operate-guide {
        margin: 30px 20px 0
    }

    .c-copy-trading-futures-operate-guide .line-height-14 {
        line-height: 1.4
    }

    .c-copy-trading-futures-filter-params {
        background: transparent;
        border-bottom: 1px solid var(--border-e6e7eb);
        height: auto;
        padding-bottom: 10px
    }

    .c-copy-trading-futures-trader-box {
        margin-bottom: 0
    }

    .c-copy-trading-futures-trader-box .trader-box {
        margin: 0 12px 20px;
        padding: 20px 12px;
        width: 100%
    }

    .c-copy-trading-futures-traders-module .trader-box-wrap {
        margin-bottom: 0
    }

    .p-copy-trading-futures .md-max-w-120px {
        max-width: 120px
    }

    .p-copy-trading-futures .banner-box {
        background-size: 100% 255px;
        height: 255px
    }

    .p-copy-trading-futures .banner {
        height: 200px;
        margin: 0 20px;
        padding-top: 12px
    }

    .p-copy-trading-futures .banner .banner-title {
        font-size: 24px;
        line-height: 30px;
        padding-top: 2px
    }

    .p-copy-trading-futures .banner .banner-dec {
        font-size: 12px;
        line-height: 1;
        margin: 4px 0 6px
    }

    .p-copy-trading-futures .banner .banner-nav {
        bottom: 5px;
        margin: 10px 0 8px;
        position: absolute;
        width: 100%
    }

    .p-copy-trading-futures .banner .banner-nav .nav-l {
        display: flex;
        font-size: 14px;
        line-height: 1
    }

    .c-futures-topic-activity {
        padding: 0 20px;
        width: 100%
    }

    .c-futures-topic-activity .activity-title {
        font-size: 20px;
        padding-bottom: 0
    }

    .c-futures-topic-activity .activity-item {
        flex-wrap: wrap;
        padding: 20px
    }

    .c-futures-topic-activity .activity-item .activity-img {
        height: auto;
        order: 2;
        width: 120px
    }

    .c-futures-topic-activity .activity-item .activity-detail-btn {
        margin-top: 20px;
        margin-inline-start: 0;
        order: 3;
        width: 100%
    }

    .c-perpetual-topic-course .video-cover,
    .c-perpetual-topic-course .video-wrap video {
        width: 100%
    }

    .c-perpetual-topic-dialog-exam .c-perpetual-newbieguide-exam,
    .c-perpetual-topic-dialog-exam .c-perpetual-newbieguide-exam .content {
        height: auto !important
    }

    .c-perpetual-topic-dialog-exam .c-perpetual-newbieguide-exam .content>div {
        padding: 0 !important
    }

    .c-perpetual-topic-dialog-exam .c-perpetual-newbieguide-exam .btn-wrapper>div {
        margin-inline-end: 10px
    }

    .c-perpetual-topic-dialog-exam .c-perpetual-newbieguide-exam .btn-wrapper>div:last-child {
        margin: 0
    }

    .c-futures-novice-benefits {
        flex-direction: column;
        margin: 32px auto 0;
        padding: 32px 20px 20px;
        width: 100%
    }

    .c-futures-novice-benefits .novice-title {
        width: 100%
    }

    .c-futures-novice-benefits .task-wrapper {
        flex-direction: column;
        order: 2;
        padding: 25px 12px
    }

    .c-futures-novice-benefits .task-wrapper:after {
        border-left: 1px dashed var(--border-dee0e3);
        border-top: none;
        height: calc(100% - 75px);
        inset-inline-start: 25px;
        top: 25px;
        width: 1px
    }

    .c-futures-novice-benefits .task-wrapper .task-item {
        flex-direction: row
    }

    .c-futures-novice-benefits .task-wrapper .task-item+.task-item {
        padding-inline-start: 0;
        padding-top: 36px
    }

    .c-futures-novice-benefits .task-wrapper .task-content {
        margin-inline-start: 12px
    }

    .c-futures-novice-benefits .task-wrapper .task-desc {
        margin-top: 0
    }

    .c-futures-novice-benefits .task-wrapper .task-btn {
        margin-top: 4px
    }

    .c-futures-novice-benefits .novice-btn {
        align-items: center;
        margin-top: 20px;
        order: 3;
        padding-inline-start: 0;
        width: 100%
    }

    .c-futures-novice-benefits .novice-btn .draw-btn {
        background-image: url(../app-resources-d6/assets/d0d7dce5b9ab9436057606fe5f03c166_7b48801ace6ceb3634ce.v2.webp);
        width: 100%
    }

    .c-futures-topic-ranking-list {
        width: 100%
    }

    .c-futures-topic-ranking-list .c-futures-topic-ranking-list-table .table-list-item .table-prop-cell .change,
    .c-futures-topic-ranking-list .c-futures-topic-ranking-list-table .table-list-item .table-prop-cell .last-price-cell {
        font-size: 12px
    }

    .c-perpetual-topic-data-chart {
        margin: 32px 0 0;
        padding: 0 20px;
        width: 100%
    }

    .c-topic-charts-common-wrapper {
        width: 100%
    }

    .c-perpetual-topic-data-chart-dialog .topic-chart-title {
        font-size: 16px;
        line-height: 20px
    }

    .c-perpetual-topic-data-chart-dialog .topic-chart-title .topic-chart-hint-img {
        vertical-align: text-top
    }

    .c-futures-topic-guide {
        padding-top: 32px
    }

    .c-futures-topic-guide .position-box-fixed-width {
        padding: 0 20px;
        width: 100%
    }

    .c-futures-topic-guide .guide-item-link {
        font-size: 12px;
        padding: 20px 12px
    }

    .c-futures-topic-guide .guide-item-link+.guide-item-link {
        margin-top: 8px
    }

    .c-futures-topic-guide .guide-content-app {
        margin-top: 32px;
        width: 100%
    }

    .c-futures-topic-guide .guide-content-app .download-channel {
        justify-content: center;
        padding: 8px 10px;
        width: calc(50% - 12px)
    }

    .c-futures-topic-guide .guide-content-app .download-channel+.download-channel {
        margin-inline-start: 0
    }

    .c-futures-topic-guide .guide-screenshot {
        position: relative
    }

    .c-futures-topic-guide .guide-screenshot .screenshot-mobile {
        inset-inline-start: 22px;
        margin-bottom: -9.3vw;
        position: relative;
        top: auto;
        width: 33vw
    }

    .c-futures-topic-guide .guide-screenshot .screenshot-pc {
        inset-inline-start: 0;
        margin-inline-start: -4.5vw;
        max-width: none;
        top: 30px;
        width: 115vw
    }

    .p-futures-topic .topic-header {
        font-size: 32px;
        line-height: 42px;
        margin-top: 46px;
        padding: 0 20px;
        width: 100% !important
    }

    .p-futures-topic .topic-header:before {
        height: 28px;
        inset-inline-end: 20px !important;
        width: 28px
    }

    .p-futures-topic .topic-header:after {
        height: 16px;
        inset-inline-start: 20px !important;
        width: 16px
    }

    .p-futures-topic .topic-header .topic-small-title,
    .p-futures-topic .topic-header.isCn .topic-small-title {
        padding: 0 40px;
        width: 100%
    }

    .p-futures-topic .topic-data-list {
        border: none;
        flex-wrap: wrap;
        padding: 0 20px;
        width: 100%
    }

    .p-futures-topic .topic-data-list .data-item {
        flex: 0 0 auto;
        padding-bottom: 20px;
        width: 50%
    }

    .p-futures-topic .topic-data-list .data-item .info {
        font-size: 16px
    }

    .p-futures-topic .topic-data-list .data-item+.data-item:before {
        opacity: 0
    }

    .p-futures-topic .topic-links {
        flex-direction: column;
        margin-top: 16px;
        padding: 0 20px;
        width: 100%
    }

    .p-futures-topic .topic-links .link-item {
        padding: 10px 12px;
        width: 100%
    }

    .p-futures-topic .topic-links .link-item+.link-item {
        margin: 12px 0 0
    }

    .p-futures-topic .topic-links .link-item .link-title {
        font-size: 14px
    }

    .p-futures-topic .topic-links .link-item .link-desc {
        font-size: 12px
    }

    .p-futures-topic .ranking-list-wrap {
        padding: 0 20px;
        width: 100%
    }

    .c-futures-market-info-slot-content .content-box {
        padding: 30px 25px
    }

    .p-perpetual-marketinfo-contract .content-box .info-box {
        margin-bottom: 40px
    }

    .p-perpetual-marketinfo-contract .content-box .info-box .info-table .border-top {
        border-top: 1px solid var(--border-f4f6fa)
    }

    .p-perpetual-marketinfo-contract .content-box .info-box .info-table .table-l {
        border-top: none;
        padding-inline-start: 20px;
        width: 170px
    }

    .p-perpetual-marketinfo-contract .content-box .info-box .info-table .table-r {
        border-top: none;
        padding-inline-start: 20px;
        width: calc(100% - 124px)
    }

    .c-futures-newbieguide-exam .footer-button {
        background-color: var(--bg-ffffff);
        bottom: 0;
        display: block;
        left: 0;
        padding: 0 20px;
        position: absolute;
        right: 0
    }

    .c-futures-newbieguide-dialog.via-dialog-wrapper .via-dialog .via-dialog-body .c-futures-newbieguide-video {
        height: auto !important;
        padding-bottom: 68px
    }

    .c-futures-newbieguide-dialog.via-dialog-wrapper .via-dialog .via-dialog-body .c-futures-newbieguide-exam {
        height: auto !important
    }

    .c-futures-newbieguide-dialog.via-dialog-wrapper .via-dialog .via-dialog-body .c-futures-newbieguide-exam .content {
        height: auto !important;
        padding-bottom: 0 !important
    }

    .c-futures-newbieguide-dialog.via-dialog-wrapper .via-dialog .via-dialog-body .c-futures-newbieguide-exam .footer-button {
        border-radius: 20px;
        position: relative
    }

    .c-futures-newbieguide-dialog.via-dialog-wrapper .via-dialog .via-dialog-body .c-futures-newbieguide-success {
        height: auto !important
    }

    .c-futures-newbieguide-dialog.via-dialog-wrapper .via-dialog .via-dialog-body .c-futures-newbieguide-success .content {
        padding-top: 30px !important
    }

    .c-futures-market-tags .tags-shrink-wrapper {
        max-height: 300px;
        overflow-y: auto;
        width: auto
    }

    .c-futures-market-tags .tags-shrink-wrapper ul {
        display: block
    }

    .c-futures-market-tags .tags-shrink-wrapper li {
        background: none !important;
        margin-inline-end: 0;
        width: 100%
    }

    .c-future-orderbook-menu .via-select.c-futures-orderbook-select.via-select-plaintext .via-select-content {
        flex: 0 1 auto
    }

    .c-futures-orderbook-list .c-futures-orderbook-list-body .list-item.buy.has-order:before,
    .c-futures-orderbook-list .c-futures-orderbook-list-body .list-item.sell.has-order:before,
    html[dir=rtl] .c-futures-orderbook-list .c-futures-orderbook-list-body .list-item.sell .td-item:last-child .c-common-alignnumber .holder {
        display: none
    }

    .c-futures-trade-header {
        border-bottom: 0;
        padding: 0
    }

    .futures-placeOrder-pricestopselect .via-select-menu {
        inset-inline-end: 0;
        inset-inline-start: auto !important
    }

    .c-futures-placeorder-container .section-execute .bottom-button-container {
        bottom: 20px;
        left: 18px;
        margin-top: 0;
        position: absolute;
        right: 18px;
        z-index: 99
    }

    .c-futures-summary-historydialog.via-dialog-wrapper .via-dialog,
    .c-futures-summary-marketstopdialog.via-dialog-wrapper .via-dialog {
        background: var(--bg-fafafa);
        margin: 0;
        padding: 0
    }

    .c-futures-summary-container {
        border: none !important;
        min-height: 100vh
    }

    .c-futures-summary-container .summary-container {
        border-top: none
    }

    .c-futures-summary-container .summary-container .tab-nav-underline {
        overflow: auto
    }

    .c-futures-summary-container .summary-container .tab-nav-underline>.tab-item {
        flex-shrink: 0;
        height: 40px !important;
        line-height: 40px !important
    }

    .c-ambassador-activity-details {
        display: block;
        height: auto;
        padding: 20px
    }

    .c-ambassador-activity-details .left-wrapper {
        width: 100%
    }

    .c-ambassador-activity-details .right-wrapper {
        border-top: 1px solid var(--border-e0e3ed);
        margin-top: 32px;
        padding-top: 32px;
        width: 100%
    }

    .c-ambassador-activity-step-guide {
        align-items: flex-start;
        height: auto;
        padding: 50px 20px
    }

    .c-ambassador-activity-step-guide .step-item {
        display: block;
        flex: 1 1 0%;
        padding: 0 10px;
        word-break: break-word
    }

    .c-ambassador-activity-step-guide .step-item:after {
        border-top: 1px dashed var(--border-0ead98);
        content: " ";
        inset-inline-end: -10px;
        position: absolute;
        top: 18px;
        width: 20px
    }

    .c-ambassador-activity-step-guide .step-item .step-icon {
        display: block;
        margin: 0 auto
    }

    .c-ambassador-activity-step-guide .step-item .step-name {
        display: block;
        margin-top: 16px;
        margin-inline-start: 0;
        text-align: center
    }

    .c-ambassador-activity-my-data {
        padding: 0 20px
    }

    .c-ambassador-activity-my-data .data-row {
        display: block
    }

    .c-ambassador-activity-rank-list {
        padding: 0
    }

    .p-ambassador-activity {
        padding: 0 0 100px
    }

    .p-ambassador-activity .activity-header {
        margin-top: 0
    }

    .p-ambassador-activity .activity-header .activity-title {
        padding: 0 20px
    }

    .p-ambassador-activity .data-wrapper {
        padding-bottom: 0;
        padding-top: 20px
    }

    .p-ambassador-activity .data-wrapper .c-ambassador-activity-share {
        margin-top: 30px;
        padding: 0 20px;
        position: static
    }

    .c-signin-qrcode .img-guide {
        inset-inline-start: 10px
    }

    .c-signin-qrcode .wrapper {
        height: 126px;
        inset-inline-end: 10px;
        width: 126px
    }

    .c-signin-qrcode .bg-scan {
        height: 114px;
        width: 114px
    }

    .c-market-data-summary {
        height: auto;
        padding: 20px 20px 0;
        width: 100%
    }

    .c-market-data-summary .chart-wrapper {
        height: auto;
        width: 140px
    }

    .c-market-data-summary .chart-wrapper .chart {
        height: 80px;
        left: 0;
        position: absolute;
        top: 0;
        width: 140px
    }

    .c-market-data-summary .chart-wrapper .chart-info {
        left: 0;
        padding-top: 30px;
        position: relative;
        top: 0;
        width: 100%
    }

    .c-market-data-summary .legend-wrapper .legend-item {
        margin-top: 8px;
        width: auto
    }

    .c-market-data-summary .info-wrapper {
        border-top: 1px solid var(--border-e6e7eb);
        display: flex;
        padding-bottom: 16px;
        padding-top: 12px;
        width: 100%
    }

    .c-markets-data-ranking-list {
        background: none;
        box-shadow: none;
        height: 482px;
        width: 100%
    }

    .c-market-recommended-list .c-markets-data-ranking-list {
        margin-bottom: 0
    }

    .c-market-heatmap {
        padding: 0 20px
    }

    .c-markets-data-sales-distribution {
        width: 100%
    }

    .c-markets-data-market-volume .chart-content .unit {
        bottom: auto;
        top: 12px
    }

    .p-markets-data .nav-wrapper {
        padding: 0 20px;
        width: auto
    }

    .p-markets-data .wrapper {
        width: auto
    }

    .c-insight-header {
        flex-direction: column;
        padding: 20px
    }

    .c-insight-header .header-left {
        margin-inline-end: 0;
        width: 100%
    }

    .c-insight-header .header-left .header-cover {
        height: auto
    }

    .c-insight-header .header-left .header-cover .header-cover-time {
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        padding: 0 20px
    }

    .c-insight-header .header-left.clamped {
        height: auto
    }

    .c-insight-header .header-left.expanded {
        padding-bottom: 100px
    }

    .c-insight-header .header-left.expanded .header-content .header-coins .coin-item {
        font-size: 12px;
        margin-inline-end: 10px
    }

    .c-insight-header .header-left.expanded .header-content {
        height: auto;
        padding: 10px 12px
    }

    .c-insight-header .header-left.expanded .header-content .header-title {
        font-size: 16px
    }

    .c-insight-header .header-right {
        margin-top: 40px;
        width: 100%
    }

    .c-insight-item {
        height: auto;
        margin-bottom: 20px;
        width: 100%
    }

    .c-insight-item.interview {
        height: auto
    }

    .c-insight-item .c-insight-item-cover {
        height: 164px
    }

    .c-insight-item .c-insight-item-content .c-insight-item-pin {
        height: 20px;
        width: 24px
    }

    .c-insight-daily-item {
        margin-bottom: 20px;
        width: 100%
    }

    .c-insight-daily-item .c-insight-daily-item-content {
        height: auto
    }

    .c-insight-daily-item .c-insight-daily-item-content .c-insight-daily-item-pin {
        height: 20px;
        margin-top: 4px;
        margin-inline-end: 4px
    }

    .c-insight-daily-item.expanded .c-insight-daily-item-content .c-insight-daily-item-title {
        font-size: 16px
    }

    .p-insight {
        padding-top: 48px
    }

    .p-insight .w-1280 {
        width: 100%
    }

    .p-insight .insight-title {
        font-size: 32px
    }

    .p-insight .report-type {
        display: flex
    }

    .p-insight .list-wrap {
        margin-top: 20px
    }

    .p-insight .type-list {
        font-size: 16px;
        text-align: center
    }

    .p-insight .type-list .type-item {
        padding-bottom: 8px
    }

    .p-insight .type-list .type-item.active:after {
        bottom: 0
    }

    .p-insight .fixed-header {
        align-items: center;
        display: flex;
        height: auto;
        min-height: 50px
    }

    .c-exchange-page-date-range-select .select-date.el-date-editor.el-input__inner {
        height: 32px;
        width: calc(100% - 10px)
    }

    .el-picker-panel.select-picker {
        overflow: auto hidden;
        width: 100%;
        z-index: 3000 !important
    }

    .c-futures-order-futures-marker-select .cur-option {
        background-color: var(--bg-fafbfc);
        height: 40px;
        margin-inline-start: 0
    }

    .c-futures-order-futures-marker-select-popover {
        width: 100%;
        z-index: 9999 !important
    }

    .p-order-common {
        margin-top: -64px;
        padding: 69px 0 0 !important
    }

    .p-order-common .p-order-common-inner {
        width: auto
    }

    .p-order-common .p-order-common-inner .mobile-query {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 20px auto;
        width: calc(100% - 50px)
    }

    .p-order-common .p-order-common-inner .mobile-query .c-exchange-page-order-select {
        order: 0
    }

    .p-order-common .p-order-common-inner .mobile-query .nav-tab {
        margin-top: 15px;
        order: 2;
        width: 100%
    }

    .p-order-common .p-order-common-inner .mobile-query .filter-query {
        order: 1
    }

    .p-order-common .p-order-common-inner .order-box {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .p-order-common .p-order-common-inner .order-box .order-table .c-common-empty {
        min-height: 300px
    }

    .p-exchange-convert-order {
        padding: 0;
        width: auto
    }

    .p-exchange-convert-order .header-wrapper {
        border: none;
        padding: 20px 12px
    }

    .p-exchange-convert-order .drawer-filter .drawer-content {
        background: var(--bg-ffffff);
        padding: 20px 16px 24px
    }

    .p-exchange-convert-order .drawer-filter .form-item {
        display: block
    }

    .p-exchange-convert-order .drawer-filter .form-item .label {
        color: var(--text-707580);
        display: block;
        font-size: 14px
    }

    .p-exchange-convert-order .wrapper {
        border-radius: 20px 20px 0 0
    }

    .p-exchange-convert-order .table-wrapper {
        min-height: auto
    }

    .c-futures-position-adjust-margin .via-dialog .via-dialog-header {
        border-bottom: none
    }

    .c-futures-trade-lever-slider .slider-runway {
        margin: 5px 6px
    }

    .c-futures-trade-lever-slider .slider-runway .slider-thumb:hover .slider-mark {
        display: none
    }

    .c-futures-trade-lever-slider .slider-runway .slider-stops-wrap .slider-stops:last-of-type .slider-stops-label {
        right: -10px
    }

    .c-futures-trade-leverdialog .via-dialog .via-dialog-header {
        border-bottom: 0;
        font-size: 16px;
        padding: 0;
        text-align: center
    }

    .c-futures-trade-leverdialog .via-dialog .via-dialog-body {
        padding: 0
    }

    .c-futures-trade-leverdialog .via-dialog .via-dialog-body .select-type-option {
        flex: 1 1 0%;
        min-width: 100px
    }

    .c-futures-trade-leverdialog .via-dialog .via-dialog-footer {
        padding: 12px 0 0
    }

    .c-futures-position-detail .table .via-table {
        width: auto
    }

    .c-futures-summary-share-poster .top-info-box {
        height: 570px;
        padding: 20px 12px 0
    }

    .c-futures-summary-share-poster .top-info-box.profitMore100:before {
        background-image: url(../app-resources-d6/assets/af6e515c2f1c5e2aae6419a505f1dda7_ad1866f96ebcdc2d3540.v2.webp)
    }

    .c-futures-summary-share-poster .top-info-box.profitLess100:before {
        background-image: url(../app-resources-d6/assets/ea734360a48565f0f9c04502b3aeacfb_4603d3f049dac39ab5a8.v2.webp)
    }

    .c-futures-summary-share-poster .top-info-box.lossLess100:before {
        background-image: url(../app-resources-d6/assets/8b88544320e7db118f7a88171c67342e_2202c68b5eafe27329d4.v2.webp)
    }

    .c-futures-summary-share-poster .top-info-box.lossMore100:before {
        background-image: url(../app-resources-d6/assets/fe857c46409308fcca22288a403f4952_736d6fbddb91c7b5932b.v2.webp)
    }

    .c-futures-summary-share-poster .poster-footer .referral-code {
        font-size: 14px
    }

    .c-futures-summary-share-poster .poster-footer .prompt {
        font-size: 12px
    }

    .c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog {
        margin: 10vh auto 0;
        padding: 20px
    }

    .c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .via-dialog-close {
        top: 12px
    }

    .c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-share .c-common-share .sec-channel .icon-wrapper .iconfont {
        font-size: 28px
    }

    .c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .row-share .c-common-share .sec-channel .channel-name {
        margin-top: 0
    }

    .c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .rank {
        height: 13px;
        width: 39px
    }

    .c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-spot-trade {
        height: 358px;
        padding: 29px 22px 0
    }

    .c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-spot-trade .pop-text {
        transform: scale(.85);
        transform-origin: 0 0
    }

    .c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished {
        height: 358px;
        padding: 29px 22px 0
    }

    .c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished .leverage {
        font-size: 12px;
        margin-inline-start: 0;
        transform: scale(.8)
    }

    .c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom .simple-p {
        width: 150px
    }

    .c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom {
        padding-bottom: 15px;
        padding-top: 10px;
        padding-inline-start: 16px
    }

    .c-futures-summary-sharing-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom .scan-box {
        padding: 1px 11px
    }

    .p-trade-crypto-order {
        padding: 0;
        width: auto
    }

    .p-trade-crypto-order .header-wrapper {
        border: none;
        padding: 20px 12px
    }

    .p-trade-crypto-order .drawer-filter .drawer-content {
        background: var(--bg-ffffff);
        padding: 20px 16px 24px
    }

    .p-trade-crypto-order .drawer-filter .form-item {
        display: block
    }

    .p-trade-crypto-order .drawer-filter .form-item .label {
        color: var(--text-707580);
        display: block;
        font-size: 14px
    }

    .p-trade-crypto-order .wrapper {
        border-radius: 20px 20px 0 0
    }

    .p-trade-crypto-order .table-wrapper {
        min-height: auto
    }

    .c-asset-margin-asset-list .table-box .col-risk {
        padding-inline-start: 0
    }

    .c-loans-borrow-dialog .box {
        display: block;
        margin-bottom: 20px;
        max-height: calc(-170px + 100vh);
        overflow: hidden auto;
        padding: 0 20px
    }

    .c-loans-borrow-dialog .box .content {
        width: 100%
    }

    .c-loans-borrow-dialog .box .content .pledge-input {
        width: calc(100% - 20px)
    }

    .c-loans-borrow-dialog .box .content .pledge-remove-icon {
        font-size: 14px;
        inset-inline-end: 0;
        top: 12px
    }

    .c-loans-borrow-dialog .box .hint {
        margin-top: 24px;
        width: 100%
    }

    .c-loans-borrow-dialog .box .hint .estimate-box,
    .c-loans-borrow-dialog .box .hint .position-box {
        padding: 20px
    }

    .c-loans-borrow-dialog .box .hint .estimate-box .label-item {
        align-items: center;
        display: flex
    }

    .c-loans-borrow-dialog .box .hint .estimate-box .label-item+.label-item {
        margin-top: 12px
    }

    .c-loans-borrow-dialog .box .hint .estimate-box .label-item .label-title {
        flex-shrink: 0
    }

    .c-loans-borrow-dialog .box .hint .estimate-box .label-item .label-num {
        flex: 1 1 0%;
        font-size: 16px;
        margin: 0;
        order: 3;
        overflow: hidden;
        text-align: end;
        text-overflow: ellipsis
    }

    .c-loans-borrow-dialog .box .hint .estimate-box .label-item .label-text {
        flex-shrink: 0;
        margin-inline-start: 12px;
        order: 2
    }

    .popover-coin-select {
        width: 100%
    }

    .c-loans-return-dialog .amount-input .input-inner {
        font-size: 14px
    }

    .c-loans-return-dialog .amount-input .input-inner::-moz-placeholder {
        font-size: 14px
    }

    .c-loans-return-dialog .amount-input .input-inner::placeholder {
        font-size: 14px
    }

    .c-loans-return-dialog .amount-input .coin-name {
        font-size: 14px
    }

    .c-loans-adjust-dialog .c-loans-adjust-tab {
        padding-inline: 20px 42px
    }

    .c-loans-adjust-dialog .c-loans-adjust-tab .tab-item {
        font-size: 16px;
        max-height: 56px;
        padding-bottom: 12px
    }

    .c-loans-adjust-dialog .c-loans-adjust-tab .tab-item:before {
        height: 12px
    }

    .c-loans-adjust-dialog .adjust-box {
        display: block;
        margin-bottom: 20px;
        max-height: calc(-160px + 100vh);
        overflow: hidden auto;
        padding: 24px 20px 0
    }

    .c-loans-adjust-dialog .left-box {
        width: 100%
    }

    .c-loans-adjust-dialog .left-box .pledge-input {
        width: calc(100% - 20px)
    }

    .c-loans-adjust-dialog .left-box .pledge-remove-icon {
        font-size: 14px;
        inset-inline-end: 0;
        top: 12px
    }

    .c-loans-adjust-dialog .right-box {
        margin-top: 24px;
        padding: 20px 16px;
        width: 100%
    }

    .c-asset-loans-asset-list .table-box .col-risk {
        padding-inline-start: 0
    }

    .popover-liquidation-ltv,
    .popover-pledge-assets {
        width: 100%
    }

    .c-asset-finance-guide .sticker {
        width: 120px
    }

    .p-asset-finance .account-stat-box {
        padding: 20px 10px 12px
    }

    .c-information-news-list .fixed-time .fixed-time-text {
        padding: 0 20px;
        width: 100%
    }

    .c-information-news-list .time-separation {
        margin-bottom: 12px
    }

    .c-information-news-list .news-item-box {
        padding: 0 24px
    }

    .c-information-news-list .news-item-box+.news-item-box {
        padding-top: 32px
    }

    .c-information-news-list .news-item-box .news-time {
        margin-inline-end: 0
    }

    .c-information-news-list .news-item-box .news-time .news-time-text {
        width: 17px
    }

    .c-information-news-list .news-item-box .news-time .news-time-text:after {
        inset-inline-start: 0;
        top: 8px
    }

    .c-information-news-list .news-item-box .news-time .news-time-line {
        height: calc(100% + 28px);
        inset-inline-start: 26px
    }

    .c-information-news-list .news-item-box .news-title {
        font-size: 16px
    }

    .c-information-news-list .news-item-box .news-description {
        font-size: 12px;
        max-height: 54px
    }

    .c-information-news-list .news-item-box .label-box {
        margin-top: 0
    }

    .c-information-news-list .skeleton-screen {
        padding: 0 24px
    }

    .c-information-news-list .skeleton-screen .item .time {
        display: none
    }

    .c-information-news-list .skeleton-screen .item .dot:before {
        inset-inline-start: 14px
    }

    .c-information-news-list .load-more-box {
        margin-top: 0;
        padding: 0 24px
    }

    .c-information-news-list .load-more-box .load-more-btn {
        padding: 8px 10px;
        width: 100%
    }

    .c-information-article-list {
        padding: 0 24px
    }

    .c-information-article-list .article-item .article-item-title {
        font-weight: 700
    }

    .c-information-article-list .article-item .article-item-description {
        line-height: 18px;
        max-height: 54px;
        -webkit-line-clamp: 3
    }

    .c-information-article-list .article-item {
        flex-direction: column-reverse;
        margin-bottom: 48px;
        padding: 0
    }

    .c-information-article-list .article-item:hover {
        background-color: transparent
    }

    .c-information-article-list .article-item .article-item-img {
        height: auto;
        margin-bottom: 20px;
        margin-inline-start: 0;
        max-height: 280px;
        width: 100%
    }

    .c-information-article-list .article-item+.article-item {
        margin-top: 68px
    }

    .c-information-article-list .article-item .label-box .label {
        margin-inline-end: 12px
    }

    .c-information-article-list .article-loading {
        margin: 20px 0 50px;
        width: 100%
    }

    .p-information {
        padding-top: 32px
    }

    .p-information .common-center {
        display: block !important;
        width: 100%
    }

    .p-information .content .switch-tab {
        margin-top: 32px;
        padding: 0 24px
    }

    .c-staking-wallet-operation,
    .p-information .content .list-box {
        width: 100%
    }

    .p-staking .p-staking-header-title {
        line-height: 38px
    }

    .p-staking .bg-logo img {
        max-width: 234px
    }

    .p-staking .how-staking-container {
        justify-content: space-around
    }

    .p-staking .container-wrap {
        border: none;
        overflow: hidden;
        padding: 32px 20px
    }

    .p-staking .container-wrap .coin-staking-list-container .chain-class {
        width: auto
    }

    .p-staking .container-wrap .coin-staking-list-container {
        display: block;
        margin-bottom: 32px;
        width: 100%
    }

    .p-staking .help-box-item {
        padding: 22px 20px
    }

    .p-financial .p-financial-header-title {
        line-height: 38px
    }

    .p-financial .bg-logo img {
        max-width: 234px
    }

    .p-financial .title-wrapper {
        padding-top: 0;
        width: auto
    }

    .p-financial .title-wrapper .title-content {
        font-size: 24px;
        text-align: center;
        width: auto
    }

    .c-ieo-list-item {
        display: block;
        height: auto;
        margin-bottom: 20px;
        padding: 25px
    }

    .c-ieo-list-item .c-ieo-status {
        position: static
    }

    .c-ieo-list-item .data-wrapper {
        display: block;
        height: auto;
        margin-top: 20px
    }

    .p-ieo {
        background-image: linear-gradient(90deg, #f4faf9, #f1f7f6), url(../app-resources-d6/assets/2610d30c0d7e6511549ac78a98cba78c_c3b7cfc5ad40f6a3fd85.v2.webp);
        background-size: 100%;
        margin-top: -64px;
        padding-top: 64px
    }

    .p-ieo .ieo-title {
        margin-top: 60px;
        padding: 0 25px;
        width: auto
    }

    .c-amm-recommend-market .c-amm-recommend-market-header {
        width: 100%
    }

    .c-amm-recommend-market .list-title {
        padding: 0 25px;
        width: 100%
    }

    .c-amm-recommend-market .c-amm-recommend-market-list {
        min-width: 400px
    }

    .c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item {
        width: 100%
    }

    .c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item .column.two {
        flex: 0 0 35%
    }

    .c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item .column.three {
        flex: 0 0 25%;
        margin-inline-end: 25px
    }

    .c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item.header {
        padding-left: 25px
    }

    .c-amm-recommend-market .c-amm-recommend-market-list .c-amm-recommend-market-list-item.list-item {
        font-size: 14px;
        padding-inline-start: 25px
    }

    .c-amm-data .amm-data-item {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        padding: 0 20px
    }

    .c-amm-data .amm-data-item .item-title {
        font-size: 12px;
        margin-bottom: 0;
        max-width: 200px;
        text-align: start
    }

    .c-amm-data .amm-data-item .item-value {
        font-size: 16px
    }

    .p-amm .p-amm-header {
        min-height: auto
    }

    .p-amm .p-amm-header .big-title {
        line-height: 38px
    }

    .p-amm .p-amm-body .p-amm-desc {
        padding: 0 25px
    }

    .p-amm .p-amm-body .p-amm-desc .title-wrapper {
        padding-top: 0;
        width: auto
    }

    .p-amm .p-amm-body .p-amm-desc .title-wrapper .title-content {
        font-size: 24px;
        text-align: center;
        width: auto
    }

    .p-amm .p-amm-body .p-amm-desc .tab-wrapper {
        justify-content: space-around
    }

    .c-loans-topic-borrow {
        margin-top: 40px
    }

    .c-loans-topic-borrow .title {
        font-size: 20px
    }

    .c-loans-topic-borrow .jump-link {
        align-items: center;
        background-color: var(--bg-0ead98-5);
        border-radius: 4px;
        display: flex;
        height: 24px;
        justify-content: center;
        padding: 4px;
        width: 24px
    }

    .c-loans-topic-borrow .borrow-item {
        border: none;
        flex-wrap: wrap;
        margin: 12px 20px 0;
        padding: 20px
    }

    .c-loans-topic-borrow .borrow-item .item-logo {
        width: 100%
    }

    .c-loans-topic-pledge {
        margin-top: 40px
    }

    .c-loans-topic-pledge .title {
        font-size: 20px;
        padding: 0 20px
    }

    .p-loans .header {
        padding: 22px 0 40px
    }

    .p-loans .header:before {
        height: 200px;
        width: 200px
    }

    .p-loans .header .title {
        font-size: 32px
    }

    .p-loans .header .label {
        flex-direction: column;
        margin-top: 12px
    }

    .p-loans .header .label .item {
        font-size: 14px;
        justify-content: center
    }

    .p-loans .header .label .item .iconfont {
        font-size: 14px
    }

    .p-loans .header .label .item+.item {
        margin-top: 8px;
        margin-inline-start: 0
    }

    .p-loans .content {
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
        padding-bottom: 48px
    }

    .p-loans .content .title-wrapper {
        padding-top: 0;
        width: auto
    }

    .p-loans .content .title-wrapper .title-content {
        font-size: 24px;
        text-align: center;
        width: auto
    }

    .p-loans .content .box {
        width: 100%
    }

    .p-loans .content .box .title {
        font-size: 20px;
        line-height: 20px
    }

    .p-loans .content .box .qa-item {
        margin-bottom: 12px;
        padding: 16px 12px
    }

    .p-loans .content .box .qa-item .question {
        font-size: 14px
    }

    .p-loans .content .box .qa-item .answer {
        font-size: 12px;
        margin-top: 8px
    }

    .p-asset-margin-record .drawer-asset-filter .drawer-content {
        background: var(--bg-ffffff);
        padding: 20px 16px 24px
    }

    .p-asset-margin-record .drawer-asset-filter .form-item {
        display: block
    }

    .p-asset-margin-record .drawer-asset-filter .form-item .label {
        color: var(--text-707580);
        display: block;
        font-size: 14px
    }

    .p-asset-margin-record .drawer-asset-filter .el-select.type-area-white .el-input .el-input__inner {
        background: var(--bg-f7f8fa);
        border-color: var(--bg-f7f8fa);
        height: 40px;
        line-height: 40px
    }

    .page-my-info-forbid {
        padding: 16px 20px 0
    }

    .page-my-info-forbid .content-wrapper {
        padding: 0 20px
    }

    .page-my-info-forbid .img-freeze {
        height: auto;
        width: 80%
    }

    .page-my-info-forbid .btn-confirm {
        width: 100%
    }

    .p-my-info-cancel {
        padding: 16px 20px 0
    }

    .p-my-info-cancel .content-wrapper {
        padding: 0 20px
    }

    .p-my-info-cancel .img-cancel {
        height: 161px;
        width: 173px
    }

    .p-my-info-cancel .btn-confirm {
        width: 100%
    }

    .p-my-info-kyc-index .basic-msg,
    .p-my-info-kyc-index .kyc-fail {
        border-radius: 10px
    }

    .p-my-info-kyc-index .basic-msg .con-rights {
        background: none;
        color: var(--text-27282C);
        padding: 20px
    }

    .p-my-info-kyc-index .basic-msg .con-rights .tip-icon {
        background: #27282c
    }

    .p-my-info-kyc-index .basic-msg .steps-box .step-item {
        background: none !important;
        flex-direction: column;
        height: auto;
        justify-content: flex-start;
        margin: 0 !important;
        padding: 0 !important;
        width: 0
    }

    .p-my-info-kyc-index .basic-msg .steps-box .step-icon {
        height: 40px;
        width: 40px
    }

    .p-my-info-kyc-index .basic-msg .steps-box .step-icon .icon-img {
        height: 24px;
        width: 24px
    }

    .p-my-info-kyc-index .el-checkbox {
        align-items: flex-start
    }

    .p-my-info-kyc-index .el-checkbox .el-checkbox__input {
        margin-top: 3px
    }

    .p-sub {
        padding: 16px 20px 0 !important
    }

    .c-sub-account-init .wrapper {
        padding: 0 20px
    }

    .c-sub-auth-add {
        padding: 20px;
        width: auto
    }

    .c-sub-auth-tip {
        padding: 20px
    }

    .c-subaccount-enabled .table-wrapper .via-table .table-body-wrapper {
        padding-bottom: 8px
    }

    .page-apikey {
        padding-top: 16px !important
    }

    .page-api-list .content-wrapper {
        overflow: scroll;
        padding-inline-start: 20px
    }

    .page-api-list .content-wrapper .scroll-wrapper {
        width: 920px
    }

    .page-api-list .table-wrapper {
        width: 1057px
    }

    .c-aipkey-apiContent .apiContent-label {
        width: 80px
    }

    .c-withdraw-white .content-wrapper {
        overflow: scroll;
        padding-inline-start: 20px
    }

    .c-withdraw-white .content-wrapper .scroll-wrapper {
        width: 1046px
    }

    .c-withdraw-white .table-wrapper {
        width: 1026px
    }

    .c-apikey-message {
        height: 50px
    }

    .c-apikey-message .msg-item {
        padding-inline-end: 30px
    }

    .c-apikey-message .btn-close {
        inset-inline-end: 8px;
        top: 13px
    }

    .c-my-basic-info .info-box .row-info .vip-buff-box {
        margin-top: 4px
    }

    .p-my-info-preference .setting-item {
        padding: 12px
    }

    .p-my-info-preference .setting-sub-item {
        margin-inline-start: 62px
    }

    .p-my-info-preference .select-wrapper {
        width: 110px
    }

    .page-message {
        padding-top: 10px
    }

    .page-message .message-out {
        background: transparent
    }

    .page-message .index-header {
        margin-bottom: 12px;
        margin-top: 20px;
        margin-inline: 20px 0
    }

    .page-message .index-content {
        background-color: var(--bg-fefefe);
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        min-height: 500px;
        overflow: hidden;
        padding: 22px 20px 0
    }

    .page-message .index-content .filter-wrap {
        width: calc(50% - 12px)
    }

    .page-message .index-content .com-range-picker {
        height: 30px;
        width: calc(50% - 12px)
    }

    .page-message .index-content .com-range-picker .el-input__inner {
        border: none
    }

    .page-message .index-content .com-range-picker .el-input__icon.el-icon-date {
        line-height: 29px
    }

    .page-message .index-content .message-container2 .item-message .container2 {
        margin-inline-start: 16px
    }

    .page-message .index-content .message-container2 .item-message .container2 .text-out .message-type {
        display: block
    }

    .page-message .index-content .message-container2 .item-message .container2 .text-out .message-type:before {
        inset-inline-start: -16px
    }

    .page-message .index-content .message-container2 .item-message .container2 .text-out .message-channel {
        margin-inline-start: 0;
        padding: 3px 4px
    }

    .page-message .index-content .message-container2 .item-message .container2 .text-out .content-title .name {
        width: 100%;
        -webkit-line-clamp: 2
    }

    .page-message-date-poper.el-picker-panel .el-date-table td.current:not(.disabled) span {
        color: #fff
    }

    .p-my-info-coupon-main .content-box .cmp-tab .coupons-box {
        display: block
    }

    .c-my-info-cbox-create-asset-amount .input-amount .el-input-group__prepend .cmp-select-coin .selector .selector-left-name .icon-box {
        display: none
    }

    .body-c-box .popper-select-coin {
        width: 80%
    }

    .c-my-info-cbox-dialog-receive-detail .detail-top-box .icon-error {
        inset-inline-end: 12px;
        top: 12px
    }

    .c-trade-crypto-service-provider .select-coin-currency-box .via-tabs .tab-item {
        height: 38px !important;
        padding: 0 8px !important
    }

    .c-trade-crypto-guide {
        padding: 30px 20px
    }

    .p-trade-crypto-partner .nav-box .right-link-box .btn-opacity {
        background: transparent !important;
        padding: 0
    }

    .c-asset-selector .select-list-wrap {
        width: calc(-50px + 100vw)
    }

    .c-convert-dialog-confirm .path-wrapper {
        padding: 18px 10px
    }

    .c-form-convert {
        border-radius: 10px;
        padding: 30px 25px;
        width: 100%
    }

    .c-swap-dialog-order-details .item-wrapper .info-item {
        width: 50%
    }

    .c-recent-orders {
        border-radius: 10px;
        width: 100%
    }

    .c-recent-orders .recent-orders-header {
        border-bottom: none
    }

    .c-recent-orders .orders-wrapper {
        min-height: auto;
        padding: 0 25px 20px
    }

    .c-swap-hot-list {
        width: 100%
    }

    .c-swap-hot-list .rank-list-wrapper {
        overflow-y: auto;
        padding: 0;
        text-align: center;
        width: 100%
    }

    .c-swap-hot-list .rank-list {
        display: inline-block;
        padding: 0 10px;
        white-space: nowrap;
        width: auto
    }

    .c-swap-hot-list .rank-item {
        display: inline-flex;
        min-width: 100px;
        width: 100px
    }

    .c-swap-helps {
        padding: 0 20px;
        width: 100%
    }

    .c-swap-dialog-swap-info .top-wrapper {
        min-height: 232px;
        padding: 20px
    }

    .c-swap-dialog-swap-info .bottom-wrapper {
        padding: 20px
    }

    .p-exchange-convert .convert-title {
        padding: 6px 0 30px
    }

    .c-pre-token-index-banner {
        padding: 110px 20px 0;
        width: auto
    }

    .c-pre-token-index-banner .banner-bg {
        height: 220px;
        margin-left: -115px;
        top: 55px;
        width: 230px
    }

    .c-pre-token-intro {
        padding: 0 20px;
        width: auto
    }

    .c-pre-token-intro .intro-text {
        font-size: 14px;
        width: auto
    }

    .c-pre-token-project-item:hover {
        box-shadow: none
    }

    .c-pre-token-project-item {
        display: block
    }

    .c-pre-token-project-item .section-info {
        border-radius: 12px 12px 0 0 !important;
        min-height: auto;
        padding: 20px;
        width: auto
    }

    .c-pre-token-project-item .section-info .name-wrapper .token-logo {
        height: 52px;
        padding: 5px;
        width: 52px
    }

    .c-pre-token-project-item .section-info .name-wrapper .token-name {
        font-size: 20px
    }

    .c-pre-token-project-item .section-info .token-desc {
        font-size: 12px
    }

    .c-pre-token-project-item .section-data {
        padding: 12px
    }

    .c-pre-token-project-item .section-data .countdown-row {
        display: block;
        padding: 0
    }

    .c-pre-token-project-item .section-data .data-row {
        display: block
    }

    .c-pre-token-project-item .section-data .data-item {
        flex-direction: row;
        margin-top: 12px;
        padding: 0;
        width: auto
    }

    .c-pre-token-project-item .section-data .data-item .item-label {
        font-size: 12px
    }

    .c-pre-token-project-item .section-data .data-item .item-val {
        font-size: 12px;
        margin-top: 0
    }

    .c-pre-token-project-item .section-btn {
        padding: 12px
    }

    .c-pre-token-dialog-issue .amount-suffix {
        font-size: 12px
    }

    .c-pre-token-dialog-issue .amount-suffix .split-line {
        margin: 0 8px
    }

    .c-pre-token-dialog-issue .amount-suffix .btn-max {
        line-height: 1.2;
        max-width: 80px;
        text-align: center
    }

    .c-pre-token-dialog-issue .input-info {
        font-size: 12px;
        margin-top: 4px
    }

    .c-pre-token-dialog-issue .info-item {
        font-size: 12px
    }

    .c-pre-token-guide-join,
    .c-pre-token-project-list {
        padding: 0 20px;
        width: auto
    }

    .c-pre-token-guide-join .guide-wrapper {
        display: block
    }

    .c-pre-token-guide-join .guide-wrapper .guide-item .guide-index {
        font-size: 24px
    }

    .c-pre-token-questions {
        padding: 0 20px;
        width: auto
    }

    .c-pre-token-questions .que-item {
        padding: 15px 20px
    }

    .c-pre-token-questions .que-item .que-title {
        font-size: 14px
    }

    .c-pre-token-questions .que-item .que-content {
        font-size: 12px
    }

    .c-pre-token-questions .que-item .que-content .que-dot:before {
        top: 6px
    }

    .c-pre-token-questions .via-collapse .via-collapse-item .via-collapse-item__header {
        font-size: 14px !important;
        padding: 15px 20px !important
    }

    .c-pre-token-questions .via-collapse .via-collapse-item .via-collapse-item__wrap .via-collapse-item__content {
        font-size: 12px !important;
        padding: 0 20px 15px !important
    }

    .c-pre-token-questions .que-dot:before {
        top: 6px
    }

    .c-strategy-auto-invest-create-dialog .via-dialog {
        padding: 32px 20px
    }

    .time-cascader-popper.full-width .el-cascader-menu {
        width: 295px
    }

    .time-cascader-popper .el-cascader-menu {
        min-width: 147px;
        width: 147px
    }

    .c-strategy-auto-invest-guide .sticker,
    .c-strategy-spot-grid-guide .sticker {
        width: 120px
    }

    .c-strategy-pool-pane {
        flex-direction: column-reverse;
        padding: 0
    }

    .c-strategy-pool-pane .step-item {
        align-items: center;
        flex-direction: column;
        margin-bottom: 40px;
        width: 100%
    }

    .c-strategy-pool-pane .step-item img {
        margin-inline-end: 0
    }

    .c-strategy-pool-pane .step-item.line:after {
        display: none
    }

    .c-strategy-pool-pane .list .item {
        flex-direction: column;
        padding: 24px 20px 40px
    }

    .c-strategy-pool-pane .list .item .intro {
        flex-direction: column
    }

    .c-strategy-pool-pane .list .item .intro img {
        margin-inline-end: 0
    }

    .c-strategy-pool-pane .list .item .intro .title {
        font-size: 24px;
        justify-content: center;
        margin: 6px 0 8px
    }

    .c-strategy-pool-pane .list .item .create-btn {
        width: 100%
    }

    .c-strategy-auto-invest-invest-dialog .via-dialog,
    .c-strategy-profit-chart .via-dialog {
        padding: 32px 20px
    }

    .c-strategy-strategies-pane .filter .item {
        align-items: flex-start;
        flex: 0 0 auto;
        flex-direction: column;
        width: calc(50% - 10px)
    }

    .c-strategy-strategies-pane .filter .label {
        margin-inline-end: 0
    }

    .c-strategy-strategies-pane .filter .select {
        margin-top: 8px;
        margin-inline-end: 0;
        text-align: start;
        width: 100%
    }

    .c-strategy-strategies-pane .list .item {
        flex: 1 1 auto;
        margin: 0 auto 20px !important;
        width: calc(100% - 40px)
    }

    .c-strategy-strategies-pane .list .item .type {
        max-width: 50%
    }

    .c-strategy-strategies-pane .list .via-btn {
        flex: 1 1 0%;
        min-width: 140px
    }

    .p-strategy {
        padding-top: 22px
    }

    .p-strategy .bg-img {
        height: 300px
    }

    .p-strategy .title {
        font-size: 32px;
        line-height: 1.2
    }

    .p-strategy .tab-nav .tab-item {
        font-size: 14px !important;
        height: 40px !important
    }

    .p-strategy .badge {
        font-size: 12px;
        height: 16px;
        line-height: 16px;
        min-width: 16px
    }

    .c-asset-cet-dialog-confirm .top-wrapper {
        padding: 20px
    }

    .c-asset-cet-dialog-confirm .bottom-wrapper {
        margin: 0 20px
    }

    .p-asset-convert .tips-wrapper {
        padding: 20px
    }

    .p-asset-convert .total-wrapper {
        display: block;
        padding: 20px 20px 40px
    }

    .c-asset-dialog-export .via-dialog .via-dialog-header {
        padding: 20px 40px 10px 20px
    }

    .c-asset-dialog-export .record-wrapper .via-table .card-item {
        padding: 12px 20px !important
    }

    .p-history-spot .drawer-asset-filter .drawer-content {
        background: var(--bg-ffffff);
        padding: 20px 16px 24px
    }

    .p-history-spot .drawer-asset-filter .form-item {
        display: block
    }

    .p-history-spot .drawer-asset-filter .form-item .label {
        color: var(--text-707580);
        display: block;
        font-size: 14px
    }

    .p-history-spot .drawer-asset-filter .el-select.type-area-white .el-input .el-input__inner {
        background: var(--bg-f7f8fa);
        border-color: var(--bg-f7f8fa);
        height: 40px;
        line-height: 40px
    }

    .p-history-spot .drawer-asset-filter .c-common-datepicker {
        display: block
    }

    .p-history-spot .drawer-asset-filter .c-common-datepicker .part {
        display: flex
    }

    .p-history-spot .drawer-asset-filter .c-common-datepicker .part .el-button {
        flex: 1 1 0%
    }

    .p-history-spot .drawer-asset-filter .c-common-datepicker .date-picker-wrapper {
        margin-inline-start: 0 !important;
        margin-top: 8px
    }

    .p-history-spot .drawer-asset-filter .c-common-datepicker .el-date-editor {
        background: var(--bg-f7f8fa);
        border-color: var(--bg-f7f8fa);
        width: 100%
    }

    .c-common-trade-market-search .search-panel {
        height: 380px
    }

    .c-exchange-market-nav .nav-tag .tag-list+.tag-list {
        margin-inline-start: 4px
    }

    .c-exchange-market-more-tag {
        width: auto
    }

    .c-exchange-market-more-tag .content {
        display: block
    }

    .c-exchange-market-more-tag .content .more-tag-item {
        background: none !important;
        display: block;
        margin-inline-end: 0;
        width: 100%
    }

    .c-exchange-dialog-profitanalysedialog .poster-content .poster-footer .referral-code {
        font-size: 14px
    }

    .c-exchange-dialog-profitanalysedialog .poster-content .poster-footer .prompt {
        font-size: 12px
    }

    .c-exchange-order-dialog-poster .via-dialog .poster-box .poster-footer .referral-code {
        font-size: 14px
    }

    .c-exchange-order-dialog-poster .via-dialog .poster-box .poster-footer .prompt {
        font-size: 12px
    }

    .c-exchange-summary-dialog-deal-stat .content-box .search-result-box .stat-box .buy-sell-stat .sec-box .bottom-stat .row-stat {
        align-items: flex-start;
        flex-direction: column
    }

    .dialog-stat-range-picker-popper {
        overflow: auto hidden;
        width: 100%
    }

    .c-strategy-auto-invest-market-popover .content {
        left: 10px;
        right: 10px
    }

    .c-strategy-spot-grid-market-select .arrow-down {
        height: 20px
    }

    .c-strategy-spot-grid-select-popper .input-div,
    .c-strategy-spot-grid-select-popper-class .input-div {
        width: auto
    }

    .c-strategy-spot-grid-create-dialog .via-dialog {
        padding: 32px 20px
    }

    .c-strategy-spot-grid-create-dialog .create-type-tab .tab-item {
        min-width: 47%;
        padding: 0 !important
    }

    .c-strategy-spot-grid-create-dialog .time-interval-tab {
        margin-top: 12px
    }

    .c-strategy-spot-grid-create-dialog .area-input {
        padding: 0 8px;
        position: relative
    }

    .c-strategy-spot-grid-create-dialog .area-input .input-suffix {
        position: absolute
    }

    .c-strategy-spot-grid-create-dialog .price-input {
        width: auto
    }

    .c-strategy-spot-grid-create-dialog .investment-currency {
        display: block
    }

    .c-exchange-chart-ai-avatar .avatar-box,
    .c-exchange-chart-ai-avatar .avatar-box .avatar-img {
        height: 32px;
        width: 32px
    }

    .c-exchange-chart-ai-analysis-list .analyst-box .has-data-box .list-box {
        max-height: 426px
    }

    .c-exchange-chart-ai-analyst-detail .detail-content .report-box {
        max-height: 316px
    }

    .c-exchage-single-market-maintain .maintain-img {
        height: 110px;
        width: 175px
    }

    .c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item,
    .c-orderbook-list-header {
        padding: 4px 0
    }

    .c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.buy.has-order:before {
        display: none
    }

    .c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.buy {
        color: var(--text-0ead98)
    }

    .c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.buy:hover {
        background-color: transparent;
        color: var(--text-0ead98);
        font-weight: 400 !important
    }

    .c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.sell.has-order:before {
        display: none
    }

    .c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.sell {
        color: var(--text-db5541)
    }

    .c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.sell:hover {
        background-color: transparent;
        color: var(--text-db5541);
        font-weight: 400 !important
    }

    html[dir=rtl] .c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.sell .td-item:last-child .c-common-alignnumber .holder {
        display: none
    }

    .calculator-header-tootip {
        left: 2px !important;
        z-index: 10000 !important
    }

    .c-amm-revenue-calculator-select {
        top: 42px !important
    }

    .c-amm-calculator-result .result-stat-box {
        min-height: auto
    }

    .c-asset-amm-increase-dialog .success-logo {
        border-radius: 80px;
        height: 80px;
        width: 80px
    }

    .c-asset-amm-increase-dialog .success-logo i.iconfont {
        font-size: 64px !important
    }

    .c-asset-amm-increase-dialog .coin-info {
        padding: 0 16px
    }

    .c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area .bottom-area .coin-name {
        margin-inline-end: 10px
    }

    .c-asset-increase-liquidity .c-asset-increase-liquidity-content .num-input-area .bottom-area .num-input {
        font-size: 14px;
        padding-inline-start: 10px
    }

    .c-asset-increase-liquidity .c-asset-increase-liquidity-content .result-wrap {
        display: block;
        padding: 12px
    }

    .c-asset-increase-liquidity .c-asset-increase-liquidity-content .result-wrap:after,
    .c-asset-increase-liquidity .c-asset-increase-liquidity-content .result-wrap:before {
        display: none !important
    }

    .c-asset-increase-liquidity .c-asset-increase-liquidity-content .result-wrap>div {
        align-items: center;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between
    }

    .c-asset-amm-withdraw-dialog .c-asset-amm-withdraw .total-info .c-common-coin-logo {
        height: 24px !important;
        width: 24px !important
    }

    .c-asset-amm-withdraw-dialog .c-asset-amm-withdraw .coin-info {
        padding: 19px 16px
    }

    .c-asset-making-guide .sticker {
        width: 120px
    }

    .c-exchange-token-info-detail {
        padding: 18px 20px 20px
    }

    .c-exchange-token-info-detail .title-box .description {
        -webkit-line-clamp: 4;
        line-height: 18px
    }

    .c-exchange-token-info-detail .title-box .row-top .sec-name.long .short-name {
        line-height: 16px
    }

    .c-exchange-token-info-detail .title-box .row-top .sec-name .short-name {
        font-size: 20px;
        line-height: 26px
    }

    .c-exchange-token-info-detail .title-box .row-top .sec-name .full-name {
        font-size: 14px;
        line-height: 18px
    }

    .c-exchange-token-info-detail .title-box .row-top .circulation-rank {
        font-size: 16px;
        line-height: 26px;
        margin-top: 0
    }

    .c-exchange-token-info-detail .sec-title {
        margin-bottom: 6px
    }

    .c-exchange-token-info-detail .basic-info-box .row-box {
        display: flex;
        justify-content: space-between;
        line-height: 15px;
        margin-bottom: 5px;
        width: 100%
    }

    .c-exchange-token-info-detail .basic-info-box .row-box .field-val {
        font-size: 12px
    }

    .c-exchange-summary-header .via-tabs,
    .c-exchange-summary-header .via-tabs .tab-nav-button {
        width: 100%
    }

    .c-exchange-summary-header .via-tabs .tab-nav-button .tab-item {
        text-align: center;
        width: calc(50% - 8px)
    }

    .c-exchange-summary-header .via-tabs .tab-nav-button .tab-item:first-of-type {
        margin-inline-end: 8px !important
    }

    .c-exchange-summary-warm-dialog .via-dialog .via-dialog-body .via-btn {
        min-width: 140px
    }

    .c-exchange-summary-content-container .btn-expand {
        flex-direction: row
    }

    .c-exchange-summary-historydialog.via-dialog-wrapper .via-dialog,
    .c-exchange-summary-marketstopdialog.via-dialog-wrapper .via-dialog {
        background: var(--bg-fafafa);
        margin: 0;
        padding: 0
    }

    .c-exchange-summary-container {
        border: none !important;
        min-height: 100vh
    }

    .c-exchange-summary-container .summary-container {
        border-top: none
    }

    .c-exchange-summary-container .summary-container .tab-nav>div {
        width: 100%
    }

    .c-exchange-summary-container .summary-container .tab-nav-underline {
        overflow: auto;
        width: 100%
    }

    .c-exchange-summary-container .summary-container .tab-nav-underline>.tab-item {
        flex-shrink: 0;
        height: 40px !important;
        line-height: 40px !important
    }

    .c-exchange-summary-container .summary-container .tab-nav-underline>.tab-item:last-of-type {
        padding-inline-end: 35px !important
    }

    .c-exchange-guide-video .video-wrap {
        height: 200px !important
    }

    .c-p2p-dialog-guide .guide-wrapper {
        display: block
    }

    .c-p2p-dialog-guide .guide-wrapper .guide-list {
        margin: 0
    }

    .c-p2p-activity-banner .type-USER .slider-item {
        margin: 0 8px;
        width: 230px
    }

    .c-p2p-nav {
        background: linear-gradient(0deg, #353d4a -62.7%, #090a10 62.7%) 0 0/1920px 100% no-repeat
    }

    .c-p2p-nav .title-wrap {
        flex-direction: column
    }

    .c-p2p-nav .nav-wrap {
        margin-top: 10px;
        padding: 8px 0
    }

    .c-p2p-nav .nav-wrap .left-nav a {
        font-size: 16px
    }

    .c-p2p-nav.show-banner .nav-wrap {
        margin-top: 0;
        padding-top: 8px
    }

    .l-p2p {
        background-position: top;
        background-size: 1920px 296px
    }

    .c-p2p-index-trade-filter {
        background: var(--bg-ffffff)
    }

    .c-p2p-index-trade-filter .content {
        justify-content: space-between;
        padding: 0 20px;
        padding-inline-end: 16px;
        width: 100%
    }

    .c-p2p-index-trade-filter .side {
        height: 34px;
        margin-inline-end: 0;
        max-width: 60%
    }

    .c-p2p-index-trade-filter .side .item {
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        max-width: 100px;
        overflow: hidden;
        padding: 0 15px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 50%
    }

    div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0;
        padding-inline-start: 4px;
        width: auto
    }

    div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] .fiat-selector,
    div.c-p2p-adv-filter-fiatselector.via-input[style-type=area]>.input-prefix {
        padding-inline-end: 0;
        width: 100%
    }

    div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] .fiat-selector:after {
        display: none
    }

    div.c-p2p-adv-filter-fiatselector.via-input[style-type=area] .fiat-selector .arrow {
        padding: 0 4px
    }

    div.c-p2p-adv-filter-fiatselector.via-input[style-type=area]>.input-inner {
        display: none
    }

    .c-p2p-adv-filter-paymentselector.is-mobile .selector {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        max-width: 100%;
        padding-inline-start: 0;
        width: auto
    }

    .c-p2p-adv-filter-paymentselector.is-mobile .selector:after,
    .c-p2p-adv-filter-paymentselector.is-mobile .selector:before {
        display: none
    }

    .c-p2p-adv-filter-paymentselector.is-mobile .selector .arrow {
        width: 20px
    }

    .c-p2p-adv-filter-sortselector .selector {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding-inline-start: 0;
        width: auto
    }

    .c-p2p-adv-filter-sortselector .selector:after {
        display: none
    }

    .c-p2p-adv-filter-sortselector .selector .arrow {
        width: 20px
    }

    .c-p2p-adv-filter-other {
        margin-inline-start: 14px
    }

    .c-p2p-adv-filter-other .inner {
        border-radius: 4px;
        height: 24px;
        width: 24px
    }

    .c-p2p-trade-dialog-advinfo {
        background-color: transparent;
        border-radius: 0;
        border-top: 1px solid var(--border-dee0e3);
        padding-inline-start: 0;
        width: 100%
    }

    .c-p2p-trade-dialog-advinfo .btn-refresh {
        top: 27px
    }

    .c-p2p-trade-dialog-advinfo .detail {
        padding: 0
    }

    .c-p2p-trade-dialog-advinfo .detail .item {
        justify-content: space-between
    }

    .c-p2p-trade-dialog-advinfo .detail .item .label {
        min-width: 100px;
        padding-inline-end: 20px;
        width: auto;
        word-break: break-word
    }

    .c-p2p-trade-dialog-advinfo .c-p2p-payment-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .c-p2p-trade-dialog-advinfo .c-p2p-payment-list .c-p2p-payment {
        align-items: flex-start;
        margin: 3px 12px;
        margin-inline-end: 0;
        text-align: end
    }

    .c-p2p-trade-dialog-advinfo .c-p2p-payment-list .c-p2p-payment .name {
        word-break: break-all
    }

    .c-p2p-trade-dialog-advinfo .c-p2p-payment-list .c-p2p-payment .tag {
        margin-top: 4px
    }

    .c-p2p-trade-dialog-account .selector,
    .c-p2p-trade-dialog-payment .selector {
        background: var(--bg-ffffff)
    }

    .c-p2p-dialog-exam .exam-wrapper {
        margin: 0 -20px;
        padding: 0 20px
    }

    .c-p2p-index-adv-list {
        padding-top: 0
    }

    .c-p2p-index-adv-list .mobile-list {
        margin-top: 0;
        padding: 10px 20px;
        padding-inline-end: 16px
    }

    .c-p2p-index-adv-list .adv-item {
        background-color: transparent;
        border-radius: 0;
        display: block;
        margin-bottom: 0;
        padding: 20px 0
    }

    .c-p2p-index-adv-list .adv-item:not(:last-of-type) {
        border-bottom: 1px solid var(--border-e6e7eb)
    }

    .c-p2p-index-adv-list .adv-item .info-item {
        display: flex;
        justify-content: space-between;
        line-height: 1
    }

    .c-p2p-index-adv-list .adv-item .info-item .info-label {
        color: var(--text-707580);
        font-size: 12px
    }

    .c-p2p-index-adv-list .adv-item .info-item .info-val {
        font-size: 12px;
        font-weight: 500;
        margin-inline-start: 10px;
        text-align: end
    }

    .c-p2p-index-adv-list .adv-item .payment-list {
        display: flex;
        flex-wrap: wrap
    }

    .c-p2p-index-adv-list .adv-item .payment-list .c-p2p-payment {
        margin-inline-end: 20px;
        margin-bottom: 6px
    }

    .c-my-security-panel .info-item {
        border-radius: 8px;
        display: block;
        height: auto;
        padding: 8px 12px
    }

    .c-my-security-panel .info-item .item-name {
        font-size: 12px;
        padding-top: 3px;
        width: auto
    }

    .c-my-security-panel .info-item .item-val {
        font-size: 12px;
        margin-inline: -6px 8px
    }

    .md\:static {
        position: static !important
    }

    .md\:fixed {
        position: fixed !important
    }

    .md\:absolute {
        position: absolute !important
    }

    .md\:relative {
        position: relative !important
    }

    .md\:bottom-0 {
        bottom: 0 !important
    }

    .md\:bottom-150 {
        bottom: 150px !important
    }

    .md\:end-0 {
        inset-inline-end: 0 !important
    }

    .md\:end-20 {
        inset-inline-end: 20px !important
    }

    .md\:left-0 {
        left: 0 !important
    }

    .md\:right-0 {
        right: 0 !important
    }

    .md\:top-0 {
        top: 0 !important
    }

    .md\:top-18 {
        top: 18px !important
    }

    .md\:top-20 {
        top: 20px !important
    }

    .md\:order-1 {
        order: 1 !important
    }

    .md\:order-2 {
        order: 2 !important
    }

    .md\:order-3 {
        order: 3 !important
    }

    .md\:m-0 {
        margin: 0 !important
    }

    .md\:m-14 {
        margin: 14px !important
    }

    .md\:-mx-20 {
        margin-left: -20px !important;
        margin-right: -20px !important
    }

    .md\:mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .md\:mx-12 {
        margin-left: 12px !important;
        margin-right: 12px !important
    }

    .md\:mx-14 {
        margin-left: 14px !important;
        margin-right: 14px !important
    }

    .md\:mx-16 {
        margin-left: 16px !important;
        margin-right: 16px !important
    }

    .md\:mx-20 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .md\:mx-24 {
        margin-left: 24px !important;
        margin-right: 24px !important
    }

    .md\:mx-4 {
        margin-left: 4px !important;
        margin-right: 4px !important
    }

    .md\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .md\:my-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .md\:my-10 {
        margin-bottom: 10px !important;
        margin-top: 10px !important
    }

    .md\:my-12 {
        margin-bottom: 12px !important;
        margin-top: 12px !important
    }

    .md\:my-40 {
        margin-bottom: 40px !important;
        margin-top: 40px !important
    }

    .md\:my-5 {
        margin-bottom: 5px !important;
        margin-top: 5px !important
    }

    .md\:-me-20 {
        margin-inline-end: -20px !important
    }

    .md\:-me-4 {
        margin-inline-end: -4px !important
    }

    .md\:-mt-10 {
        margin-top: -10px !important
    }

    .md\:-mt-22 {
        margin-top: -22px !important
    }

    .md\:mb-0 {
        margin-bottom: 0 !important
    }

    .md\:mb-10 {
        margin-bottom: 10px !important
    }

    .md\:mb-12 {
        margin-bottom: 12px !important
    }

    .md\:mb-15 {
        margin-bottom: 15px !important
    }

    .md\:mb-16 {
        margin-bottom: 16px !important
    }

    .md\:mb-18 {
        margin-bottom: 18px !important
    }

    .md\:mb-2 {
        margin-bottom: 2px !important
    }

    .md\:mb-20 {
        margin-bottom: 20px !important
    }

    .md\:mb-24 {
        margin-bottom: 24px !important
    }

    .md\:mb-25 {
        margin-bottom: 25px !important
    }

    .md\:mb-28 {
        margin-bottom: 28px !important
    }

    .md\:mb-32 {
        margin-bottom: 32px !important
    }

    .md\:mb-35 {
        margin-bottom: 35px !important
    }

    .md\:mb-36 {
        margin-bottom: 36px !important
    }

    .md\:mb-4 {
        margin-bottom: 4px !important
    }

    .md\:mb-40 {
        margin-bottom: 40px !important
    }

    .md\:mb-5 {
        margin-bottom: 5px !important
    }

    .md\:mb-50 {
        margin-bottom: 50px !important
    }

    .md\:mb-55 {
        margin-bottom: 55px !important
    }

    .md\:mb-6 {
        margin-bottom: 6px !important
    }

    .md\:mb-60 {
        margin-bottom: 60px !important
    }

    .md\:mb-70 {
        margin-bottom: 70px !important
    }

    .md\:mb-8 {
        margin-bottom: 8px !important
    }

    .md\:ml-0 {
        margin-left: 0 !important
    }

    .md\:ml-20 {
        margin-left: 20px !important
    }

    .md\:ml-44 {
        margin-left: 44px !important
    }

    .md\:mt-0 {
        margin-top: 0 !important
    }

    .md\:mt-10 {
        margin-top: 10px !important
    }

    .md\:mt-12 {
        margin-top: 12px !important
    }

    .md\:mt-14 {
        margin-top: 14px !important
    }

    .md\:mt-15 {
        margin-top: 15px !important
    }

    .md\:mt-16 {
        margin-top: 16px !important
    }

    .md\:mt-18 {
        margin-top: 18px !important
    }

    .md\:mt-2 {
        margin-top: 2px !important
    }

    .md\:mt-20 {
        margin-top: 20px !important
    }

    .md\:mt-24 {
        margin-top: 24px !important
    }

    .md\:mt-25 {
        margin-top: 25px !important
    }

    .md\:mt-28 {
        margin-top: 28px !important
    }

    .md\:mt-3 {
        margin-top: 3px !important
    }

    .md\:mt-30 {
        margin-top: 30px !important
    }

    .md\:mt-32 {
        margin-top: 32px !important
    }

    .md\:mt-36 {
        margin-top: 36px !important
    }

    .md\:mt-4 {
        margin-top: 4px !important
    }

    .md\:mt-40 {
        margin-top: 40px !important
    }

    .md\:mt-45 {
        margin-top: 45px !important
    }

    .md\:mt-48 {
        margin-top: 48px !important
    }

    .md\:mt-5 {
        margin-top: 5px !important
    }

    .md\:mt-50 {
        margin-top: 50px !important
    }

    .md\:mt-6 {
        margin-top: 6px !important
    }

    .md\:mt-60 {
        margin-top: 60px !important
    }

    .md\:mt-65 {
        margin-top: 65px !important
    }

    .md\:mt-7 {
        margin-top: 7px !important
    }

    .md\:mt-8 {
        margin-top: 8px !important
    }

    .md\:block {
        display: block !important
    }

    .md\:inline-block {
        display: inline-block !important
    }

    .md\:inline {
        display: inline !important
    }

    .md\:flex {
        display: flex !important
    }

    .md\:inline-flex {
        display: inline-flex !important
    }

    .md\:hidden {
        display: none !important
    }

    .md\:h-12 {
        height: 12px !important
    }

    .md\:h-18 {
        height: 18px !important
    }

    .md\:h-20 {
        height: 20px !important
    }

    .md\:h-24 {
        height: 24px !important
    }

    .md\:h-32 {
        height: 32px !important
    }

    .md\:h-40 {
        height: 40px !important
    }

    .md\:h-48 {
        height: 48px !important
    }

    .md\:h-55 {
        height: 55px !important
    }

    .md\:h-60 {
        height: 60px !important
    }

    .md\:h-auto {
        height: auto !important
    }

    .md\:h-full {
        height: 100% !important
    }

    .md\:h-screen {
        height: 100vh !important
    }

    .md\:min-h-0 {
        min-height: 0 !important
    }

    .md\:w-0 {
        width: 0 !important
    }

    .md\:w-1\/2 {
        width: 50% !important
    }

    .md\:w-10\/12 {
        width: 83.3333% !important
    }

    .md\:w-12 {
        width: 12px !important
    }

    .md\:w-16 {
        width: 16px !important
    }

    .md\:w-180 {
        width: 180px !important
    }

    .md\:w-20 {
        width: 20px !important
    }

    .md\:w-24 {
        width: 24px !important
    }

    .md\:w-30 {
        width: 30px !important
    }

    .md\:w-32 {
        width: 32px !important
    }

    .md\:w-5\/12 {
        width: 41.6667% !important
    }

    .md\:w-60 {
        width: 60px !important
    }

    .md\:w-80 {
        width: 80px !important
    }

    .md\:w-auto {
        width: auto !important
    }

    .md\:w-full {
        width: 100% !important
    }

    .md\:min-w-0 {
        min-width: 0 !important
    }

    .md\:min-w-fit {
        min-width: -moz-fit-content !important;
        min-width: fit-content !important
    }

    .md\:max-w-full {
        max-width: 100% !important
    }

    .md\:flex-1 {
        flex: 1 1 0% !important
    }

    .md\:flex-initial {
        flex: 0 1 auto !important
    }

    .md\:flex-none {
        flex: 0 0 auto !important
    }

    .md\:flex-shrink-0 {
        flex-shrink: 0 !important
    }

    .md\:grow {
        flex-grow: 1 !important
    }

    .md\:cursor-auto {
        cursor: auto !important
    }

    .md\:flex-row {
        flex-direction: row !important
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse !important
    }

    .md\:flex-col {
        flex-direction: column !important
    }

    .md\:flex-col-reverse {
        flex-direction: column-reverse !important
    }

    .md\:flex-wrap {
        flex-wrap: wrap !important
    }

    .md\:items-start {
        align-items: flex-start !important
    }

    .md\:items-end {
        align-items: flex-end !important
    }

    .md\:items-center {
        align-items: center !important
    }

    .md\:items-baseline {
        align-items: baseline !important
    }

    .md\:justify-normal {
        justify-content: normal !important
    }

    .md\:justify-start {
        justify-content: flex-start !important
    }

    .md\:justify-end {
        justify-content: flex-end !important
    }

    .md\:justify-center {
        justify-content: center !important
    }

    .md\:justify-between {
        justify-content: space-between !important
    }

    .md\:space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-left: calc(0px*(1 - var(--tw-space-x-reverse))) !important;
        margin-right: calc(0px*var(--tw-space-x-reverse)) !important
    }

    .md\:overflow-auto {
        overflow: auto !important
    }

    .md\:overflow-hidden {
        overflow: hidden !important
    }

    .md\:overflow-x-auto {
        overflow-x: auto !important
    }

    .md\:overflow-y-hidden {
        overflow-y: hidden !important
    }

    .md\:truncate {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important
    }

    .md\:whitespace-normal {
        white-space: normal !important
    }

    .md\:whitespace-nowrap {
        white-space: nowrap !important
    }

    .md\:break-all {
        word-break: break-all !important
    }

    .md\:rounded-10 {
        border-radius: 10px !important
    }

    .md\:rounded-2 {
        border-radius: 2px !important
    }

    .md\:rounded-20 {
        border-radius: 20px !important
    }

    .md\:rounded-24 {
        border-radius: 24px !important
    }

    .md\:rounded-8 {
        border-radius: 8px !important
    }

    .md\:rounded-none {
        border-radius: 0 !important
    }

    .md\:border-0 {
        border-width: 0 !important
    }

    .md\:border-1 {
        border-width: 1px !important
    }

    .md\:border-b-0 {
        border-bottom-width: 0 !important
    }

    .md\:border-b-1 {
        border-bottom-width: 1px !important
    }

    .md\:border-none {
        border-style: none !important
    }

    .md\:border-dee0eb {
        border-color: var(--border-dee0eb) !important
    }

    .md\:border-e6e7eb {
        border-color: var(--border-e6e7eb) !important
    }

    .md\:border-e7ecf2 {
        border-color: var(--border-e7ecf2) !important
    }

    .md\:bg-f2f3f5 {
        background-color: var(--bg-f2f3f5) !important
    }

    .md\:bg-f7f8fa {
        background-color: var(--bg-f7f8fa) !important
    }

    .md\:bg-ffffff {
        background-color: var(--bg-ffffff) !important
    }

    .md\:bg-transparent {
        background-color: transparent !important
    }

    .md\:bg-none {
        background-image: none !important
    }

    .md\:bg-contain {
        background-size: contain !important
    }

    .md\:p-0 {
        padding: 0 !important
    }

    .md\:p-10 {
        padding: 10px !important
    }

    .md\:p-12 {
        padding: 12px !important
    }

    .md\:p-15 {
        padding: 15px !important
    }

    .md\:p-16 {
        padding: 16px !important
    }

    .md\:p-20 {
        padding: 20px !important
    }

    .md\:p-24 {
        padding: 24px !important
    }

    .md\:p-25 {
        padding: 25px !important
    }

    .md\:p-30 {
        padding: 30px !important
    }

    .md\:p-5 {
        padding: 5px !important
    }

    .md\:p-8 {
        padding: 8px !important
    }

    .md\:px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .md\:px-10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .md\:px-12 {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .md\:px-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .md\:px-16 {
        padding-left: 16px !important;
        padding-right: 16px !important
    }

    .md\:px-20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .md\:px-24 {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .md\:px-25 {
        padding-left: 25px !important;
        padding-right: 25px !important
    }

    .md\:px-32 {
        padding-left: 32px !important;
        padding-right: 32px !important
    }

    .md\:px-4 {
        padding-left: 4px !important;
        padding-right: 4px !important
    }

    .md\:px-6 {
        padding-left: 6px !important;
        padding-right: 6px !important
    }

    .md\:px-8 {
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .md\:py-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .md\:py-10 {
        padding-bottom: 10px !important;
        padding-top: 10px !important
    }

    .md\:py-110 {
        padding-bottom: 110px !important;
        padding-top: 110px !important
    }

    .md\:py-12 {
        padding-bottom: 12px !important;
        padding-top: 12px !important
    }

    .md\:py-14 {
        padding-bottom: 14px !important;
        padding-top: 14px !important
    }

    .md\:py-15 {
        padding-bottom: 15px !important;
        padding-top: 15px !important
    }

    .md\:py-16 {
        padding-bottom: 16px !important;
        padding-top: 16px !important
    }

    .md\:py-20 {
        padding-bottom: 20px !important;
        padding-top: 20px !important
    }

    .md\:py-24 {
        padding-bottom: 24px !important;
        padding-top: 24px !important
    }

    .md\:py-25 {
        padding-bottom: 25px !important;
        padding-top: 25px !important
    }

    .md\:py-28 {
        padding-bottom: 28px !important;
        padding-top: 28px !important
    }

    .md\:py-3 {
        padding-bottom: 3px !important;
        padding-top: 3px !important
    }

    .md\:py-30 {
        padding-bottom: 30px !important;
        padding-top: 30px !important
    }

    .md\:py-4 {
        padding-bottom: 4px !important;
        padding-top: 4px !important
    }

    .md\:py-40 {
        padding-bottom: 40px !important;
        padding-top: 40px !important
    }

    .md\:py-8 {
        padding-bottom: 8px !important;
        padding-top: 8px !important
    }

    .md\:pb-0 {
        padding-bottom: 0 !important
    }

    .md\:pb-10 {
        padding-bottom: 10px !important
    }

    .md\:pb-12 {
        padding-bottom: 12px !important
    }

    .md\:pb-14 {
        padding-bottom: 14px !important
    }

    .md\:pb-150 {
        padding-bottom: 150px !important
    }

    .md\:pb-16 {
        padding-bottom: 16px !important
    }

    .md\:pb-18 {
        padding-bottom: 18px !important
    }

    .md\:pb-20 {
        padding-bottom: 20px !important
    }

    .md\:pb-22 {
        padding-bottom: 22px !important
    }

    .md\:pb-24 {
        padding-bottom: 24px !important
    }

    .md\:pb-28 {
        padding-bottom: 28px !important
    }

    .md\:pb-3 {
        padding-bottom: 3px !important
    }

    .md\:pb-30 {
        padding-bottom: 30px !important
    }

    .md\:pb-32 {
        padding-bottom: 32px !important
    }

    .md\:pb-36 {
        padding-bottom: 36px !important
    }

    .md\:pb-4 {
        padding-bottom: 4px !important
    }

    .md\:pb-40 {
        padding-bottom: 40px !important
    }

    .md\:pb-5 {
        padding-bottom: 5px !important
    }

    .md\:pb-50 {
        padding-bottom: 50px !important
    }

    .md\:pb-60 {
        padding-bottom: 60px !important
    }

    .md\:pb-8 {
        padding-bottom: 8px !important
    }

    .md\:pb-80 {
        padding-bottom: 80px !important
    }

    .md\:pl-0 {
        padding-left: 0 !important
    }

    .md\:pt-0 {
        padding-top: 0 !important
    }

    .md\:pt-10 {
        padding-top: 10px !important
    }

    .md\:pt-110 {
        padding-top: 110px !important
    }

    .md\:pt-12 {
        padding-top: 12px !important
    }

    .md\:pt-150 {
        padding-top: 150px !important
    }

    .md\:pt-16 {
        padding-top: 16px !important
    }

    .md\:pt-18 {
        padding-top: 18px !important
    }

    .md\:pt-180 {
        padding-top: 180px !important
    }

    .md\:pt-20 {
        padding-top: 20px !important
    }

    .md\:pt-22 {
        padding-top: 22px !important
    }

    .md\:pt-24 {
        padding-top: 24px !important
    }

    .md\:pt-25 {
        padding-top: 25px !important
    }

    .md\:pt-28 {
        padding-top: 28px !important
    }

    .md\:pt-30 {
        padding-top: 30px !important
    }

    .md\:pt-32 {
        padding-top: 32px !important
    }

    .md\:pt-36 {
        padding-top: 36px !important
    }

    .md\:pt-40 {
        padding-top: 40px !important
    }

    .md\:pt-5 {
        padding-top: 5px !important
    }

    .md\:pt-50 {
        padding-top: 50px !important
    }

    .md\:pt-6 {
        padding-top: 6px !important
    }

    .md\:pt-60 {
        padding-top: 60px !important
    }

    .md\:pt-65 {
        padding-top: 65px !important
    }

    .md\:pt-70 {
        padding-top: 70px !important
    }

    .md\:pt-8 {
        padding-top: 8px !important
    }

    .md\:pt-80 {
        padding-top: 80px !important
    }

    .md\:pt-90 {
        padding-top: 90px !important
    }

    .md\:text-left {
        text-align: left !important
    }

    .md\:text-center {
        text-align: center !important
    }

    .md\:text-start {
        text-align: start !important
    }

    .md\:text-end {
        text-align: end !important
    }

    .md\:text-12 {
        font-size: 12px !important
    }

    .md\:text-14 {
        font-size: 14px !important
    }

    .md\:text-16 {
        font-size: 16px !important
    }

    .md\:text-18 {
        font-size: 18px !important
    }

    .md\:text-20 {
        font-size: 20px !important
    }

    .md\:text-24 {
        font-size: 24px !important
    }

    .md\:text-28 {
        font-size: 28px !important
    }

    .md\:text-30 {
        font-size: 30px !important
    }

    .md\:text-32 {
        font-size: 32px !important
    }

    .md\:text-36 {
        font-size: 36px !important
    }

    .md\:text-40 {
        font-size: 40px !important
    }

    .md\:text-42 {
        font-size: 42px !important
    }

    .md\:font-bold {
        font-weight: 700 !important
    }

    .md\:font-w400 {
        font-weight: 400 !important
    }

    .md\:font-w500 {
        font-weight: 500 !important
    }

    .md\:font-w600 {
        font-weight: 600 !important
    }

    .md\:font-w700 {
        font-weight: 700 !important
    }

    .md\:leading-10 {
        line-height: 2.5rem !important
    }

    .md\:leading-20 {
        line-height: 20px !important
    }

    .md\:leading-7 {
        line-height: 1.75rem !important
    }

    .md\:leading-loose {
        line-height: 2 !important
    }

    .md\:leading-none {
        line-height: 1 !important
    }

    .md\:leading-normal {
        line-height: 1.5 !important
    }

    .md\:leading-tight {
        line-height: 1.25 !important
    }

    .md\:text-161719 {
        color: var(--text-161719) !important
    }

    .md\:text-707580 {
        color: var(--text-707580) !important
    }

    .md\:text-7d7f81 {
        color: var(--text-7d7f81) !important
    }

    .md\:text-f38b2c {
        color: var(--text-f38b2c) !important
    }

    .md\:text-tip {
        --tw-text-opacity: 1 !important;
        color: #9ca3b0 !important
    }

    @supports (color:rgba(0, 0, 0, 0)) {
        .md\:text-tip {
            color: rgb(156 163 176/var(--tw-text-opacity)) !important
        }
    }

    .md\:shadow-none {
        --tw-shadow: 0 0 #0000 !important;
        --tw-shadow-colored: 0 0 #0000 !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important
    }

    .md\:ps-0 {
        padding-inline-start: 0 !important
    }

    .md\:pe-0 {
        padding-inline-end: 0 !important
    }

    .md\:ps-4 {
        padding-inline-start: 4px !important
    }

    .md\:ps-6 {
        padding-inline-start: 6px !important
    }

    .md\:pe-6 {
        padding-inline-end: 6px !important
    }

    .md\:ps-8 {
        padding-inline-start: 8px !important
    }

    .md\:ps-10 {
        padding-inline-start: 10px !important
    }

    .md\:ps-12 {
        padding-inline-start: 12px !important
    }

    .md\:pe-12 {
        padding-inline-end: 12px !important
    }

    .md\:ps-15 {
        padding-inline-start: 15px !important
    }

    .md\:pe-18 {
        padding-inline-end: 18px !important
    }

    .md\:ps-20 {
        padding-inline-start: 20px !important
    }

    .md\:pe-20 {
        padding-inline-end: 20px !important
    }

    .md\:ps-24 {
        padding-inline-start: 24px !important
    }

    .md\:pe-24 {
        padding-inline-end: 24px !important
    }

    .md\:ps-25 {
        padding-inline-start: 25px !important
    }

    .md\:pe-40 {
        padding-inline-end: 40px !important
    }

    .md\:ps-45 {
        padding-inline-start: 45px !important
    }

    .md\:pe-90 {
        padding-inline-end: 90px !important
    }

    .md\:pe-110 {
        padding-inline-end: 110px !important
    }

    .md\:ms-0 {
        margin-inline-start: 0 !important
    }

    .md\:me-0 {
        margin-inline-end: 0 !important
    }

    .md\:ms-2 {
        margin-inline-start: 2px !important
    }

    .md\:ms-4 {
        margin-inline-start: 4px !important
    }

    .md\:me-4 {
        margin-inline-end: 4px !important
    }

    .md\:ms-5 {
        margin-inline-start: 5px !important
    }

    .md\:me-5 {
        margin-inline-end: 5px !important
    }

    .md\:ms-8 {
        margin-inline-start: 8px !important
    }

    .md\:me-8 {
        margin-inline-end: 8px !important
    }

    .md\:ms-10 {
        margin-inline-start: 10px !important
    }

    .md\:me-10 {
        margin-inline-end: 10px !important
    }

    .md\:ms-12 {
        margin-inline-start: 12px !important
    }

    .md\:me-12 {
        margin-inline-end: 12px !important
    }

    .md\:ms-14 {
        margin-inline-start: 14px !important
    }

    .md\:ms-15 {
        margin-inline-start: 15px !important
    }

    .md\:me-15 {
        margin-inline-end: 15px !important
    }

    .md\:ms-16 {
        margin-inline-start: 16px !important
    }

    .md\:ms-18 {
        margin-inline-start: 18px !important
    }

    .md\:ms-20 {
        margin-inline-start: 20px !important
    }

    .md\:me-20 {
        margin-inline-end: 20px !important
    }

    .md\:ms-24 {
        margin-inline-start: 24px !important
    }

    .md\:me-24 {
        margin-inline-end: 24px !important
    }

    .md\:me-110 {
        margin-inline-end: 110px !important
    }

    [dir=rtl] .md\:end-0 {
        left: 0 !important
    }

    [dir=ltr] .md\:end-0 {
        right: 0 !important
    }

    [dir=rtl] .md\:end-20 {
        left: 20px !important
    }

    [dir=ltr] .md\:end-20 {
        right: 20px !important
    }

    .md\:border-e-0 {
        border-inline-end-width: 0 !important
    }

    .md\:border-s-0 {
        border-inline-start-width: 0 !important
    }

    [dir=rtl] .md\:text-start {
        text-align: right !important
    }

    [dir=rtl] .md\:text-end {
        text-align: left !important
    }

    [dir=ltr] .md\:text-end {
        text-align: right !important
    }

    [dir=ltr] .md\:text-start {
        text-align: left !important
    }

    .md\:ui0-text-secondary {
        color: rgb(var(--ui0-text-secondary)) !important
    }

    .md\:ui0-text-tertiary {
        color: rgb(var(--ui0-text-tertiary)) !important
    }

    .md\:hover\:text-ffffff:hover {
        color: var(--text-ffffff) !important
    }

    [theme-style=old] .el-message-box {
        padding-bottom: 15px;
        width: calc(-30px + 100vw)
    }

    [theme-style=old] .el-message-box .el-message-box__header {
        padding: 22px 15px 0
    }

    [theme-style=old] .el-message-box .el-message-box__content {
        padding: 18px 15px 24px
    }

    [theme-style=old] .el-message-box .el-message-box__btns {
        padding: 0 15px
    }

    [theme-style=old] .el-message {
        max-width: 380px;
        min-width: auto;
        width: 80%
    }

    [theme-style=new] .com-table thead th:first-child {
        padding-inline-start: 10px
    }

    [theme-style=new] .com-table thead th:last-child .cell {
        padding-inline-end: 10px
    }

    [theme-style=new] .com-table tbody tr td:first-child {
        padding-inline-start: 10px
    }

    [theme-style=new] .com-table tbody tr td:first-child:before {
        width: 10px
    }

    [theme-style=new] .com-table tbody tr td:last-child {
        padding-inline-end: 10px
    }

    [theme-style=new] .com-table tbody tr td:last-child:before {
        width: 10px
    }

    [theme-style=new] .md-com-table .el-table__body-wrapper {
        overflow-x: auto
    }

    [theme-style=new] .md-com-table .el-table__body,
    [theme-style=new] .md-com-table .el-table__empty-block,
    [theme-style=new] .md-com-table .el-table__footer,
    [theme-style=new] .md-com-table .el-table__header {
        min-width: 768px !important;
        width: 768px !important
    }

    [theme-style=new] .md-dialog-table .el-table__body-wrapper {
        overflow-x: auto
    }

    [theme-style=new] .md-dialog-table .el-table__body,
    [theme-style=new] .md-dialog-table .el-table__empty-block,
    [theme-style=new] .md-dialog-table .el-table__footer,
    [theme-style=new] .md-dialog-table .el-table__header {
        min-width: 768px !important;
        width: 768px !important
    }

    [theme-style=new] .el-message-box {
        padding-bottom: 15px;
        width: calc(-30px + 100vw)
    }

    [theme-style=new] .el-message-box .el-message-box__header {
        padding: 22px 15px 0
    }

    [theme-style=new] .el-message-box .el-message-box__content {
        padding: 18px 15px 24px
    }

    [theme-style=new] .el-message-box .el-message-box__btns {
        padding: 0 15px
    }

    .el-message {
        width: 100%
    }

    .c-ambassador-activity-dialog-push .via-dialog {
        padding-top: 120px !important
    }

    .c-ambassador-activity-dialog-push .via-dialog .via-dialog-body {
        padding-top: 140px
    }

    .via-dialog-wrapper .via-dialog {
        max-width: 90%;
        min-height: 160px;
        padding: 20px
    }

    .c-common-operational-corner-dialog {
        bottom: 80px;
        inset-inline-end: 0;
        width: calc(100% - 70px)
    }

    .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog {
        margin: 10vh auto 0;
        padding: 26px
    }

    .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .via-dialog-header {
        margin-bottom: 16px
    }

    .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .rank {
        height: 13px;
        width: 39px
    }

    .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-spot-trade {
        height: 358px;
        padding: 29px 22px 0
    }

    .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-spot-trade .pop-text {
        transform: scale(.85);
        transform-origin: 0 0
    }

    .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished {
        height: 358px;
        padding: 29px 22px 0
    }

    .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .first-position-finished .leverage {
        font-size: 12px;
        margin-inline-start: 0;
        transform: scale(.8)
    }

    .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom .simple-p {
        width: 150px
    }

    .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom {
        padding-bottom: 15px;
        padding-top: 10px;
        padding-inline-start: 16px
    }

    .c-common-user-sharing-guidance-dialog.via-dialog-wrapper .via-dialog .guidance-body .guidance-bottom .scan-box {
        padding: 1px 11px
    }

    .dialog-coupon-common.via-dialog-wrapper .via-dialog {
        background-image: url(../app-resources-d6/assets/75f4c74936987e5a166fb4d5b1f68a4e_17a4aa7864a23ba10473.v2.webp)
    }

    .theme-night .dialog-coupon-common .via-dialog {
        background-image: url(../app-resources-d6/assets/b4dbfda0ae30594ee3ae3dd29d6174c8_a7cdad65b88f8ba47d95.v2.webp)
    }

    .dialog-coupon-trade-blind .via-dialog {
        background: url(../app-resources-d6/assets/d86b17e9f6c87ef673abf80b08b33cbd_3273759b2b75380d77a8.v2.webp) no-repeat #fff !important
    }

    .dialog-coupon-trade-blind .time-wrapper {
        margin-top: 196px
    }

    .theme-night .dialog-coupon-trade-blind .via-dialog {
        background: url(../app-resources-d6/assets/984aec36dc502547365e3277ec1ca270_1894e03467f610dd10c1.v2.webp) no-repeat #1f2229 !important
    }

    .c-asset-transform .input-num.el-input--suffix .el-input__inner {
        padding-inline-end: 150px !important
    }

    .c-common-twocolumn .right-content {
        width: 100%
    }

    .p-withdraw-record .drawer-asset-filter .drawer-content {
        background: var(--bg-ffffff);
        padding: 20px 16px 24px
    }

    .p-withdraw-record .drawer-asset-filter .form-item {
        display: block
    }

    .p-withdraw-record .drawer-asset-filter .form-item .label {
        color: var(--text-707580);
        display: block;
        font-size: 14px
    }

    .p-withdraw-record .drawer-asset-filter .el-select.type-area-white .el-input .el-input__inner {
        background: var(--bg-f7f8fa);
        border-color: var(--bg-f7f8fa);
        height: 40px;
        line-height: 40px
    }

    .p-withdraw-record .drawer-asset-filter .c-common-datepicker {
        display: block
    }

    .p-withdraw-record .drawer-asset-filter .c-common-datepicker .part {
        display: flex
    }

    .p-withdraw-record .drawer-asset-filter .c-common-datepicker .part .el-button {
        flex: 1 1 0%
    }

    .p-withdraw-record .drawer-asset-filter .c-common-datepicker .date-picker-wrapper {
        margin-inline-start: 0 !important;
        margin-top: 8px
    }

    .p-withdraw-record .drawer-asset-filter .c-common-datepicker .el-date-editor {
        background: var(--bg-f7f8fa);
        border-color: var(--bg-f7f8fa);
        width: 100%
    }

    .el-date-range-picker {
        overflow: auto hidden;
        width: 100%
    }

    .el-date-range-picker .el-picker-panel__body {
        max-width: 100%
    }

    .page-not-found {
        padding: 150px 20px 200px
    }

    .page-not-found .img-404 {
        width: 280px
    }

    .page-not-found .title {
        font-size: 20px;
        line-height: 28px
    }

    .page-not-found .desc {
        font-size: 12px;
        line-height: 16px
    }

    .c-charity-header.header .header-con {
        min-width: auto;
        overflow: visible;
        padding: 0 20px !important;
        width: 100% !important
    }

    .c-charity-header.bar {
        overflow: visible
    }

    .c-charity-header.bar .header-con .header-l .logo-box img {
        height: 20px;
        width: 132px
    }

    .charity-pagination.via-pagination .via-pager-box {
        max-width: 100%;
        overflow: hidden
    }

    .charity-pagination.via-pagination .via-pager-box .btn-next,
    .charity-pagination.via-pagination .via-pager-box .btn-prev {
        height: 24px !important;
        line-height: 24px !important;
        min-width: 60px !important
    }

    .charity-pagination.via-pagination .via-pager-box .via-pager li {
        height: 24px !important;
        line-height: 24px !important;
        width: 24px !important
    }

    .charity-pagination.via-pagination .via-pager-box .via-pager li:not(.disabled).active {
        background: #1f1f1f !important
    }

    .charity-page {
        min-width: 100% !important
    }

    .charity-page .c-charity-footer .con-wrap,
    .charity-page .c-charity-header .con-wrap {
        min-width: 100% !important;
        width: 100%
    }

    .c-my-info-coupon-card-common .card-box .card-right .info-box .row-rule {
        margin-inline-end: 12px
    }

    .c-coupon-aidfund-card .card-box .card-right,
    .c-coupon-cashback-card .card-box .card-right,
    .c-coupon-finance-card .card-box .card-right,
    .c-coupon-future-card .card-box .card-right,
    .c-coupon-future-copy-trading-card .card-box .card-right,
    .c-coupon-trade-card .card-box .card-right,
    .c-coupon-vip-card .card-box .card-right {
        padding-inline-end: 8px
    }

    .c-header-popup-msg {
        height: 115px;
        margin-inline-end: -168px;
        right: 50%;
        top: 59px;
        width: 335px
    }

    .c-header-popup-msg .msg-content {
        min-height: 36px;
        -webkit-line-clamp: 2
    }

    html[dir=rtl] .c-header-popup-msg {
        left: 50%;
        right: auto
    }

    .c-dialog-novice-share .poster-wrapper {
        height: 500px;
        margin: 0 auto;
        width: 280px
    }

    .c-dialog-novice-share .poster-wrapper .poster-content {
        padding: 20px 12px 0
    }

    .c-dialog-novice-share .poster-wrapper .poster-content .title {
        font-size: 16px;
        margin-top: 30px
    }

    .c-dialog-novice-share .poster-wrapper .poster-footer .referral-code {
        font-size: 14px
    }

    .c-dialog-novice-share .poster-wrapper .poster-footer .prompt {
        font-size: 12px
    }

    .c-dialog-novice-share .share-wrapper {
        margin-inline-start: 0
    }

    .via-pagination .via-pagination-select-limit,
    .via-slider .via-slider-runway .via-slider-thumb.active .via-slider-mark,
    .via-slider .via-slider-runway .via-slider-thumb:not(.disabled):hover .via-slider-mark {
        display: none
    }

    .via-pagination .via-pager-box .btn-next .iconfont,
    .via-pagination .via-pager-box .btn-prev .iconfont {
        font-size: 16px
    }

    .via-pagination .via-pager-box {
        margin: 0 auto
    }

    .via-message {
        min-width: 80%
    }

    .via-message-box-wrapper .via-message-box {
        max-width: 90%;
        padding: 20px
    }

    .via-tooltip {
        max-width: 300px
    }

    .via-table-body .body-row.is-hover .table-prop,
    .via-table-body .body-row:hover .table-prop {
        background: none !important
    }

    .via-video .via-video-cover .via-video-cover-bg[data-v-39eecfc6] {
        height: 40px;
        width: 160px
    }

    .via-video .via-video-cover .via-video-cover-play[data-v-39eecfc6] {
        font-size: 60px
    }

    .via-video-dialog .via-video-dialog-box {
        min-height: 250px
    }

    .c-home-banner .banner-inner-wrapper {
        justify-content: normal;
        margin: 56px auto 0;
        min-height: 306px;
        padding: 48px 0 40px
    }

    .c-home-banner .title-wrapper {
        margin-top: 0;
        position: static;
        transform: none
    }

    .c-home-banner .title-wrapper .title {
        line-height: 43px;
        max-width: 100%
    }

    .c-home-banner .title-wrapper .subTitle {
        max-width: 100%
    }

    .c-home-banner .via-input {
        min-width: 172px
    }

    .c-home-market-list {
        height: 75px
    }

    .c-home-market-list .skeleton-screen .item .box-1 {
        width: 90px
    }

    .c-home-market-list .skeleton-screen .item .box-2,
    .c-home-market-list .skeleton-screen .item .box-3 {
        width: 70px
    }

    .c-perpetual-topic-entrance .entrance-text {
        display: none !important
    }

    .c-home-news-list .content-wrapper {
        margin-left: 0;
        width: 100%
    }

    .c-home-news-list .slider-item {
        padding: 8px 0
    }

    .c-home-news-list .publish-time {
        font-size: 14px
    }

    .c-home-download {
        height: auto
    }

    .c-home-download .left-wrap {
        height: auto;
        min-height: 240px
    }

    .c-home-download .left-wrap .placeholder-wrap {
        height: 160px;
        width: 160px
    }

    .c-home-download .left-wrap .download-bg {
        position: static;
        transform: none
    }

    .c-home-download .right-wrap {
        padding: 0 24px 20px
    }

    .c-home-download .right-wrap .title {
        line-height: 29px
    }

    .c-home-download .right-wrap .bottom-wrap .logo-wrapper {
        margin-inline-end: 0;
        width: 100%
    }

    .c-home-download .right-wrap .bottom-wrap .icon-logo {
        font-size: 32px;
        height: 32px
    }

    .c-home-information .left-wrapper .img-wrapper {
        height: 40px;
        margin-inline-end: 0;
        margin: 0 auto;
        width: 40px
    }

    .c-home-information .right-wrapper .trade-wrap .trade-left .tradeImg {
        max-height: 153px;
        position: static;
        width: 100%
    }

    .c-home-information .right-wrapper .trade-wrap .trade-right .trade-btn {
        height: auto;
        padding: 12px 0
    }

    .c-home-information .right-wrapper .item-wrap {
        border-radius: 24px;
        height: 150px
    }

    .c-home-information .right-wrapper .icon-arrow-rise {
        font-size: 16px
    }

    .c-home-information .right-wrapper .orders-wrap {
        background-image: none;
        min-height: 178px;
        padding: 20px 24px
    }

    .c-home-information .right-wrapper .loans-wrap {
        background-image: url(../app-resources-d6/assets/acee4215a2d5c51ef7480507336b89bb_5ab894ca0b477b01059a.v2.webp);
        min-height: 178px;
        padding: 20px 24px 131px
    }

    .theme-night .c-home-information .orders-wrap {
        background-image: none
    }

    .theme-night .c-home-information .loans-wrap {
        background-image: url(../app-resources-d6/assets/b813d6a46cbb2801ceef94001f943782_8c341bc7517269f5bbdc.v2.webp)
    }

    .c-home-service {
        height: auto
    }

    .c-home-service,
    .theme-night .c-home-service {
        background-image: none
    }

    .c-market-search .search-input,
    .c-market-search .search-input.input-active {
        width: 100%
    }

    .c-market-search .c-common-popper-container {
        width: 100% !important
    }

    .c-market-search .popper-content {
        width: auto
    }

    .c-home-ranks .tab-wrapper {
        width: calc(100% + 24px)
    }

    .c-home-ranks .via-tabs .tab-nav-underline {
        overflow: initial;
        width: 100%
    }

    .c-home-ranks .via-table .via-table-header .table-label {
        font-size: 14px
    }

    .c-home-ranks .via-table .via-table-header .table-label-cell {
        padding: 10px 0 !important
    }

    .c-home-ranks .via-table .via-table-body .table-prop .table-prop-cell {
        padding: 10px 0
    }

    .c-home-token-info {
        border-radius: 24px;
        height: auto;
        padding: 32px 24px
    }

    .c-home-token-info .token-info-click {
        height: 64px;
        inset-inline-end: 16px;
        top: 16px;
        width: 64px
    }

    [dir=rtl] .c-home-token-info .token-info-click {
        left: 16px
    }

    [dir=ltr] .c-home-token-info .token-info-click {
        right: 16px
    }

    .c-home-token-info .token-info-arrow {
        height: 30px;
        width: 30px
    }

    .c-home-token-info .title-wrapper .title {
        line-height: 39px
    }

    .c-home-token-info .title-wrapper {
        margin-bottom: 76px
    }

    .c-home-token-info .token-info .item-box {
        margin-inline-end: 0
    }

    .c-home-token-info .token-info .item-box .top-val {
        font-size: 24px;
        line-height: inherit
    }

    .c-home-token-info .token-info .item-box .bottom-text {
        font-size: 16px;
        line-height: inherit;
        margin-top: 0
    }

    .p-index {
        padding-bottom: 60px
    }

    .p-index .disable-tip {
        display: block
    }

    .c-newbie-banner .operate-guide-box .steps-box .step-box .step-icon {
        border-radius: 8px;
        height: 40px;
        width: 40px
    }

    .c-newbie-banner .operate-guide-box .steps-box .step-box .step-icon img {
        width: 24px
    }

    .c-newbie-banner .operate-guide-box .steps-box .step-box .step-title {
        font-size: 12px
    }

    .c-newbie-banner .operate-guide-box .steps-box .step-arrow-box img {
        width: 12px
    }

    .newbie-dropdown .via-dropdown-popover {
        min-width: auto
    }

    .c-newbie-share-poster .act-info-box {
        font-size: 12px;
        padding: 0 8px;
        top: 20px
    }

    .c-newbie-share-poster .act-info-box .intro-box {
        font-size: 24px
    }

    .c-newbie-share-poster .act-info-box .intro-box.use-small {
        font-size: 16px
    }

    .c-newbie-share-poster .bottom-info-box .left-slogan-box {
        max-width: calc(100% - 80px)
    }

    .c-newbie-share-poster .bottom-info-box .left-slogan-box .slogan-text {
        line-height: 14px
    }

    .c-newbie-share-poster .bottom-info-box .right-qr-code-box {
        bottom: 8px;
        height: 72px;
        inset-inline-end: 12px;
        width: 72px
    }

    .c-newbie-share-index .btn-share {
        min-width: 114px
    }

    .c-newbie-share-dialog .via-dialog-body .row-share .c-common-share .icon-wrapper {
        margin: 0 12px
    }

    .c-newbie-present .present-top-box .row-title .title-inner {
        line-height: 28px
    }

    .c-newbie-present .present-box {
        width: 100%
    }

    .c-newbie-present .present-box .present-img {
        left: 0
    }

    .c-newbie-present .present-box .present-intro {
        top: 28px
    }

    .c-newbie-present .present-box .present-intro .present-title {
        font-size: 14px;
        line-height: 16px;
        padding: 0 20px
    }

    .c-newbie-present .present-box .present-intro .row-time-status .sec-time {
        line-height: 16px
    }

    .c-newbie-present .present-box .present-intro .coupon-box {
        height: 97px;
        width: 236px
    }

    .c-newbie-present .present-box .present-intro .coupon-box .row-coupon-val .val {
        font-size: 40px;
        line-height: 40px
    }

    .c-newbie-present .present-box .present-intro .coupon-box .coupon-status {
        height: 80px;
        inset-inline-end: -16px;
        width: 80px
    }

    .c-newbie-present .present-box .btn-claim {
        background-image: url(../app-resources-d6/assets/abf3fc41eb1c4b68cce195271449493a_0c9226beb78dbccd131d.v2.webp);
        bottom: -20px;
        height: 60px;
        width: 100%
    }

    .c-newbie-present .present-box .btn-claim .btn-text {
        top: 10px
    }

    .c-newbie-gift-bag-my-reward .not-login-box .via-btn {
        margin-bottom: 8px;
        min-width: 114px
    }

    .c-newbie-gift-bag-coupon {
        padding: 0
    }

    .c-newbie-gift-bag-coupon .task-item-name {
        overflow: hidden
    }

    .c-newbie-gift-bag-coupon .task-group:last-of-type {
        min-height: auto
    }

    .c-newbie-gift-bag-coupon .coupon-box .coupon-card .card-right .claim-btn .btn-text {
        height: 30px;
        line-height: 24px
    }

    .c-newbie-gift-bag-coupon .coupon-box .coupon-card .card-right .claim-btn:before {
        height: 30px
    }

    .c-newbie-gift-bag-tasks .tasks-wrapper .img-stars {
        width: 205px
    }

    .c-newbie-gift-bag-tasks .tasks-wrapper .img-present {
        inset-inline-end: -100px;
        top: -25px;
        width: 200px
    }

    .c-newbie-gift-bag-tasks .tasks-wrapper .task-title-box {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 30px;
        padding: 12px 32px 0 10px
    }

    .theme-night .tasks-wrapper {
        color: #f9fbfe
    }

    .c-newbie-gift-bag .banner-box {
        background-size: 50%;
        padding-top: 60px
    }

    .c-newbie-gift-bag .banner-box .row-rule {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .c-newbie-gift-bag .banner-box .row-rule .btn-act-rule {
        min-width: 114px
    }

    .c-common-dialog-video .iframe-wrapper iframe,
    .c-common-dialog-video .video-box {
        height: 100%;
        width: 100%
    }

    .c-common-dialog-video .video-cover {
        height: auto;
        width: 100%
    }

    .c-common-dialog-video .video-wrapper video {
        height: auto
    }

    .p-newbie {
        background: linear-gradient(#ebeff8, #fff 13.45%)
    }

    .p-newbie .content-box .sec-title {
        font-size: 20px
    }

    .c-asset-summary-valuation .c-asset-summary-valuation-dropdown-asset:hover {
        background-color: var(--bg-f2f3f5)
    }

    .c-asset-total-circle-percent {
        padding-top: 20px
    }

    .c-asset-total-account-stat .pc-box {
        align-items: start
    }

    .c-asset-total-account-stat .account-left-box .row-account-value .coin-value {
        font-size: 18px;
        width: 80%;
        word-break: break-word
    }

    .c-asset-total-account-stat .account-left-box .row-account-value .legal-value {
        width: 80%;
        word-break: break-word
    }

    .c-perpetual-topic-dialog-lottery .via-dialog {
        background: url(../app-resources-d6/assets/d86b17e9f6c87ef673abf80b08b33cbd_3273759b2b75380d77a8.v2.webp) no-repeat #fff
    }

    .c-perpetual-topic-dialog-lottery .via-dialog .via-dialog-body {
        padding: 20px
    }

    .theme-night .c-perpetual-topic-dialog-lottery .el-dialog {
        background: url(../app-resources-d6/assets/984aec36dc502547365e3277ec1ca270_1894e03467f610dd10c1.v2.webp) no-repeat #1f2229
    }

    .page-asset-total .buy-coin-btn {
        flex: 1 1 0%;
        height: auto;
        min-height: 40px
    }

    .c-asset-common-slot-table-filter .filter-left .el-input {
        margin-bottom: 8px;
        margin-inline-end: 0;
        width: 100%
    }

    .asset-spot-operate-btns .row-operate .operate-btn {
        flex: 1 1 0%;
        justify-content: center;
        margin-top: 4px;
        padding: 0 10px
    }

    .popper-select-coin {
        width: 80%
    }

    .c-asset-deposit-dialog-guide .btn-course {
        background: rgba(14, 173, 152, .05);
        border-radius: 30px;
        justify-content: center;
        padding: 8px 0
    }

    .c-asset-deposit-dialog-guide .img-wrapper {
        border-radius: 20px;
        padding: 12px
    }

    .c-asset-deposit-dialog-guide .img-wrapper img {
        width: 100%
    }

    .p-deposit-record .drawer-asset-filter .drawer-content {
        background: var(--bg-ffffff);
        padding: 20px 16px 24px
    }

    .p-deposit-record .drawer-asset-filter .form-item {
        display: block
    }

    .p-deposit-record .drawer-asset-filter .form-item .label {
        color: var(--text-707580);
        display: block;
        font-size: 14px
    }

    .p-deposit-record .drawer-asset-filter .el-select.type-area-white .el-input .el-input__inner {
        background: var(--bg-f7f8fa);
        border-color: var(--bg-f7f8fa);
        height: 40px;
        line-height: 40px
    }

    .p-deposit-record .drawer-asset-filter .c-common-datepicker {
        display: block
    }

    .p-deposit-record .drawer-asset-filter .c-common-datepicker .part {
        display: flex
    }

    .p-deposit-record .drawer-asset-filter .c-common-datepicker .part .el-button {
        flex: 1 1 0%
    }

    .p-deposit-record .drawer-asset-filter .c-common-datepicker .date-picker-wrapper {
        margin-inline-start: 0 !important;
        margin-top: 8px
    }

    .p-deposit-record .drawer-asset-filter .c-common-datepicker .el-date-editor {
        background: var(--bg-f7f8fa);
        border-color: var(--bg-f7f8fa);
        width: 100%
    }

    .c-aboutus-introduce {
        overflow: hidden;
        padding-top: 42px
    }

    .c-aboutus-introduce .title {
        font-size: 38px;
        line-height: 44px;
        padding: 0 20px
    }

    .c-aboutus-introduce .title .sub-title {
        color: var(--text-161719);
        -webkit-text-stroke: 0
    }

    .c-aboutus-introduce .desc {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 46px;
        margin-top: 20px;
        padding: 0 20px
    }

    .c-aboutus-introduce .earth-wrapper {
        left: 50%;
        position: absolute;
        top: -45px;
        transform: translateX(-50%)
    }

    .c-aboutus-introduce .data-info {
        padding: 0 20px
    }

    .c-aboutus-introduce .data-info .data-item {
        font-size: 12px;
        line-height: 14px
    }

    .c-aboutus-introduce .data-info .data-item .num {
        font-size: 32px;
        line-height: 38px
    }

    .c-aboutus-introduce .about-us {
        margin: 50px 0 46px;
        padding: 0 20px;
        position: relative;
        z-index: 1
    }

    .c-aboutus-introduce .about-us .content {
        display: block;
        margin-bottom: 20px
    }

    .c-aboutus-introduce .about-us .sub-title {
        margin-bottom: 12px
    }

    .c-aboutus-introduce .about-us .ecology {
        margin-inline-start: 0
    }

    .c-aboutus-mission {
        margin: 0 !important;
        padding: 0 20px;
        width: 100%
    }

    .c-aboutus-mission .section-mission-wrapper {
        display: block;
        width: auto
    }

    .c-aboutus-mission .section-mission-wrapper .signature-img {
        width: 60%
    }

    .c-aboutus-mission .left-wrapper {
        border-radius: 30px;
        padding: 30px 20px
    }

    .c-aboutus-mission .left-wrapper .title {
        font-size: 24px;
        line-height: 28px
    }

    .c-aboutus-mission .right-wrapper {
        border-radius: 30px;
        margin-inline-start: 0;
        margin-top: 30px;
        padding: 30px 20px
    }

    .c-aboutus-mission .right-wrapper .title {
        font-size: 24px;
        line-height: 28px
    }

    .c-aboutus-mission .right-wrapper .title.vision {
        margin-top: 80px
    }

    .c-aboutus-mission .right-wrapper .desc {
        font-size: 16px
    }

    .c-aboutus-mission .right-wrapper .bg-content {
        bottom: -42vw;
        height: 75vw;
        width: 100vw
    }

    .c-aboutus-mission .right-wrapper .bg-content:before {
        height: 60vw;
        top: 30px;
        width: 80vw
    }

    .c-aboutus-mission .right-wrapper .bg-content:after {
        height: 45vw;
        top: 60px;
        width: 60vw
    }

    .c-aboutus-advantage {
        margin-top: 20px !important;
        min-width: 100%;
        padding: 40px 20px
    }

    .c-aboutus-advantage .content {
        display: block
    }

    .c-aboutus-advantage .content .left-content .desc {
        font-size: 24px;
        line-height: 28px
    }

    .c-aboutus-advantage .content .left-content .line {
        margin: 32px 0
    }

    .c-aboutus-advantage .content .right-content .list-wrapper {
        display: block;
        width: 100%
    }

    .c-aboutus-advantage .content .right-content .list-wrapper .advantage-item img {
        width: 36px
    }

    .c-aboutus-advantage .content .right-content .list-wrapper .advantage-item {
        background-color: transparent;
        border-radius: 0;
        margin-bottom: 0;
        min-height: auto;
        padding: 20px 0;
        width: 100%
    }

    .c-aboutus-advantage .content .right-content .list-wrapper .advantage-item:nth-child(2n) {
        margin-inline-start: 0;
        transform: translateY(0)
    }

    .c-aboutus-advantage .content .right-content .list-wrapper .advantage-item .title {
        font-size: 16px;
        line-height: 20px;
        margin-top: 20px
    }

    .c-aboutus-advantage .content .right-content .list-wrapper .advantage-item .desc {
        font-size: 12px;
        min-height: auto
    }

    .c-aboutus-advantage .content .right-content .list-wrapper .advantage-item .num {
        display: none
    }

    .c-aboutus-ecology {
        padding: 40px 20px
    }

    .c-aboutus-ecology .sub-title {
        font-size: 24px;
        line-height: 28px
    }

    .c-aboutus-ecology .ecology-wrapper {
        display: block
    }

    .c-aboutus-ecology .ecology-list {
        min-height: auto;
        padding-bottom: 0;
        width: auto
    }

    .c-aboutus-ecology .ecology-list:nth-child(2n) {
        margin-inline-start: 0
    }

    .c-aboutus-ecology .ecology-list .desc {
        margin-bottom: 32px
    }

    .c-aboutus-entrance {
        background-color: transparent;
        padding: 20px 20px 60px
    }

    .c-aboutus-entrance .content {
        background: none;
        display: block;
        min-height: auto;
        width: auto
    }

    .c-aboutus-entrance .content .entrance-title {
        color: var(--text-161719);
        font-size: 24px;
        margin-bottom: 24px
    }

    .c-aboutus-entrance .content .via-btn {
        background-color: #161719;
        border-radius: 12px;
        color: #fff;
        width: 100%
    }

    .c-aboutus-partners {
        padding: 0 20px 60px
    }

    .c-aboutus-partners .title {
        font-size: 32px;
        line-height: 36px
    }

    .c-aboutus-partners .partners-wrap .partners-item {
        height: 40px;
        justify-content: flex-start;
        width: 140px
    }

    .c-aboutus-partners .partners-wrap .partners-item:nth-child(2n) {
        margin-inline-start: 40px
    }

    .p-aboutus {
        padding-top: 64px
    }

    .c-security-form-input-mobile .c-common-popper .c-common-popper-container {
        min-width: calc(-40px + 90vw)
    }

    .c-security-dialog-security .via-steps .via-step {
        flex: 1 1 0% !important
    }

    .popover-operate-addr {
        width: 80% !important
    }

    .c-asset-withdraw-guide .sticker {
        width: 120px
    }

    .c-aboutus-contact .section-tools {
        display: block
    }

    .c-aboutus-contact .section-tools li {
        margin-bottom: 10px;
        min-height: 110px;
        width: 100%
    }

    .c-aboutus-contact-cooperate {
        margin-top: 50px
    }

    .c-aboutus-contact-cooperate img {
        height: 72px !important;
        width: 96px !important
    }

    .c-aboutus-contact-cooperate .link-more {
        bottom: 0;
        font-size: 12px
    }

    .c-aboutus-contact-cooperate .md\:ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .c-aboutus-contact-attention {
        margin-top: 50px
    }

    .c-aboutus-contact-attention .social-list {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 50px;
        margin-top: 30px
    }

    .c-aboutus-contact-attention .social-list li {
        margin-bottom: 20px;
        width: 25%
    }

    .c-aboutus-contact-attention .social-list li .social-icon {
        height: 32px;
        width: 32px
    }

    .c-aboutus-contact-attention .social-list li .social-icon img {
        width: 32px
    }

    .c-aboutus-contact-attention .social-list li .social-name {
        margin-top: 0
    }

    .p-aboutus-contact .contact-wrapper {
        padding: 0 25px;
        width: auto
    }

    .c-token-row {
        --gutter-margin: 0
    }

    .c-token-col {
        --gutter-padding: 0
    }

    .c-token-intro .section-banner {
        display: block;
        height: 208px;
        padding: 28px 24px
    }

    .c-token-intro .intro-title-wrap {
        min-height: 120px;
        padding-bottom: 30px;
        position: relative
    }

    .c-token-intro .intro-btn {
        padding-left: 12px;
        padding-right: 12px
    }

    .c-token-chart-markets .chart-cet {
        height: 200px
    }

    .c-token-chart-destroyed,
    .c-token-chart-destroyed .chart-destroyed {
        height: 135px;
        width: 135px
    }

    .c-token-cet-circulation {
        padding: 64px 0
    }

    .c-token-cet-circulation .price-wrap {
        border-radius: 16px;
        height: auto
    }

    .c-token-cet-circulation .price-wrap .chart-markets {
        height: 200px;
        position: static
    }

    .c-token-cet-circulation .destroyed-wrap {
        border-radius: 16px;
        height: 135px;
        padding: 0;
        padding-inline-start: 16px
    }

    .c-token-cet-circulation .info-item {
        border-radius: 16px;
        height: auto;
        margin-top: 16px;
        padding: 16px
    }

    .c-token-cet-circulation .info-item .item-name {
        font-size: 16px
    }

    .c-token-cet-circulation .info-item .item-value {
        font-size: 24px;
        margin-top: 8px
    }

    .c-token-cet-circulation .record-wrap {
        border-radius: 16px;
        display: block;
        padding: 24px 16px
    }

    .c-token-cet-circulation .record-wrap .record-item {
        border: none;
        display: block;
        min-height: auto;
        padding: 0
    }

    .c-token-cet-equity {
        padding: 64px 0
    }

    .c-token-cet-equity .equity-wrap {
        padding: 32px 24px
    }

    .c-token-cet-ecology .ecology-item {
        background: rgb(var(--ui0-bg-card_gray));
        height: auto;
        padding: 16px 24px
    }

    .c-token-cet-ecology .ecology-item .logo {
        background: rgb(var(--ui0-bg-surface_white))
    }

    .c-token-cet-ecology .ecology-item .icon-goto {
        opacity: 1
    }

    .c-token-cet-ecology .ecology-more {
        background: rgb(var(--ui0-bg-card_gray));
        border-radius: 20px;
        font-size: 20px;
        height: 180px
    }

    .p-token .content-elastic {
        padding: 0 20px;
        width: 100%
    }

    .p-token .section-title {
        height: auto;
        padding-bottom: 64px;
        padding-top: 64px;
        text-align: start
    }

    .p-token .section-title .main-title {
        font-size: 36px;
        line-height: 1.1
    }

    .p-token .section-title .sub-title {
        font-size: 16px;
        line-height: 1.4
    }

    .c-sec_solutions-account .box-item {
        margin-top: 12px;
        min-height: 94px;
        padding: 16px 12px
    }

    .c-sec_solutions-account .box-item .item-icon-2fa {
        height: 28px;
        width: 28px
    }

    .c-sec_solutions-account .box-item .item-icon-wrap {
        height: 32px;
        width: 32px
    }

    .c-sec_solutions-account .box-item .item-icon {
        height: 24px;
        width: 24px
    }

    .c-sec_solutions-assets .box-item {
        display: block;
        margin-bottom: 20px;
        padding: 32px 20px
    }

    .c-sec_solutions-assets .box-item .box-item-l {
        width: auto
    }

    .c-sec_solutions-assets .box-item .design-item {
        margin-top: 18px
    }

    .c-sec_solutions-assets .box-item .via-row-inner {
        display: flex !important
    }

    .c-sec_solutions-assets .box-item .via-row-inner .via-col {
        margin-bottom: 20px
    }

    .c-sec_solutions-assets .proof-name {
        font-size: 20px;
        width: auto
    }

    .c-sec_solutions-assets .proof-icon {
        height: 24px;
        margin-inline-end: 8px;
        width: 24px
    }

    .c-sec_solutions-assets .proof-dec {
        width: auto
    }

    .c-sec_solutions-verification {
        background-image: url(../app-resources-d6/assets/792cd5ad224cf0389954ad730342a9f3_87994207935a818c6cd3.v2.png);
        background-position: bottom;
        background-size: contain;
        display: block;
        padding: 24px 20px
    }

    .c-sec_solutions-teamwork .h-420px {
        height: auto
    }

    .c-sec_solutions-teamwork .item-left {
        margin-inline-end: 0
    }

    .c-sec_solutions-teamwork .item-img {
        margin-top: 20px;
        width: 177px
    }

    .c-sec_solutions-tips .tip-item {
        margin-bottom: 12px;
        padding: 20px 12px
    }

    .c-sec_solutions-tips .tip-item .item-icon-wrap {
        height: 28px;
        width: 28px
    }

    .c-sec_solutions-tips .tip-item .item-icon {
        height: 22px;
        width: 22px
    }

    .p-sec_solutions-type {
        margin-top: 0
    }

    .p-sec_solutions-type .via-col-8 {
        width: 100%
    }

    .p-sec_solutions-type .via-container-elastic {
        padding: 0 16px
    }

    .p-sec_solutions-type .banner {
        border-bottom: 1px solid rgb(var(--ui0-line-light));
        padding: 40px 20px
    }

    .c-tab-menu.is-line .c-tab-menu-scroll .c-tab-menu-wrap .c-tab-menu-item.active:after {
        bottom: 0;
        width: 20px
    }

    .c-tab-menu .c-tab-nav-button:hover {
        border-color: rgba(13, 14, 16, .1)
    }

    .c-tab-menu .c-tab-nav-button:hover i.iconfont {
        color: var(--text-3a3d42)
    }

    .p-blog-index .p-blog-index-content-list {
        width: 100%
    }

    .p-blog-index .popular-wrap {
        width: auto
    }

    .p-blog-index .blog-list-wrap .c-tab-menu {
        margin: 0 -22px
    }

    .p-blog-index .blog-list-wrap .blog-list-item {
        flex-direction: column-reverse;
        height: auto;
        padding: 0
    }

    .p-blog-index .blog-list-wrap .blog-list-item:hover {
        background: transparent;
        box-shadow: none
    }

    .p-blog-index .blog-list-wrap .blog-list-item .content {
        padding-inline-end: 0;
        width: 100%
    }

    .p-blog-index .blog-list-wrap .blog-list-item .content .time {
        bottom: 0;
        position: relative
    }

    .p-blog-index .blog-list-wrap .blog-list-item .cover {
        height: 250px;
        width: 100%
    }

    .p-blog-index .blog-list-wrap .blog-list-item .cover img {
        width: 100%
    }

    .c-broker-join-step {
        display: block;
        width: 100%
    }

    .c-broker-join-step .icon-box {
        height: 63px;
        margin-inline-end: 8px;
        width: 63px
    }

    .c-broker-join-step .icon-box .icon-box-circle {
        height: 45px;
        width: 45px
    }

    .c-broker-join-step .icon-box .icon-box-circle .iconfont {
        font-size: 20px
    }

    .c-broker-my-refer {
        background-color: var(--bg-fafbfc)
    }

    .p-broker-index {
        padding: 59px 20px 0
    }

    .p-broker-index .img-box {
        top: 21px;
        width: 140px
    }

    .p-broker-index .p-broker-index-inner .title-text {
        font-size: 32px;
        line-height: 33px
    }

    .p-broker-index .p-broker-index-inner .our-product {
        margin-bottom: 60px
    }

    .p-broker-index .p-broker-index-inner .our-product .title-wrapper {
        padding-top: 0;
        width: auto
    }

    .p-broker-index .p-broker-index-inner .our-product .title-wrapper .title-content {
        font-size: 20px;
        width: auto
    }

    .p-broker-index .p-broker-index-inner .characteristics-box {
        margin-bottom: 20px;
        min-height: 190px;
        padding: 18px;
        width: 100%
    }

    .p-broker-index .p-broker-index-inner .characteristics-box .box-icon {
        margin: 0
    }

    .p-broker-index .p-broker-index-inner .characteristics-box .box-title {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 8px
    }

    .p-broker-index .p-broker-index-inner .characteristics-box .box-dec {
        font-size: 12px
    }

    .p-broker-index .p-broker-index-inner .join-step-box .box-l {
        width: auto
    }

    .p-broker-index .p-broker-index-inner .join-step-box .box-l .l-top {
        height: auto
    }

    .c-dialog-market-level.via-dialog-wrapper .via-dialog .via-dialog-header {
        padding: 20px 40px 20px 20px
    }

    .c-dialog-market-level.via-dialog-wrapper .via-dialog .via-dialog-body {
        padding: 0 20px 20px
    }

    .c-dialog-contract-level.via-dialog-wrapper .via-dialog .via-dialog-header {
        padding: 20px 40px 20px 20px
    }

    .c-dialog-contract-level.via-dialog-wrapper .via-dialog .via-dialog-body {
        padding: 0 20px 20px
    }

    .c-vip-level .my-level-box {
        background-image: url(../app-resources-d6/assets/e958e0550bb250fd259a7ebba2b35a94_355871f003401999cfb2.v2.webp)
    }

    .c-vip-level .my-level-box .level-left .my-info-box .my-info-text {
        flex-wrap: wrap
    }

    .c-vip-level .my-level-box .level-left .my-info-box .my-info-text .my-vip-buff {
        height: auto;
        line-height: 20px;
        margin-top: 6px;
        min-height: 30px;
        padding: 0 18px
    }

    .c-vip-level .my-level-box .level-right .btn-buy {
        background: linear-gradient(#f2b34f, #fedb88);
        border-radius: 30px;
        margin-top: 12px;
        padding: 6px 32px
    }

    .c-vip-level .my-level-box .level-right .btn-buy:hover {
        background: linear-gradient(#f2b34f, #fedb88);
        color: #161719
    }

    .c-vip-level .vip-table-box .vip-title .vip-title-inner {
        border-bottom: none
    }

    .theme-night .c-vip-level .my-level-box {
        background-image: url(../app-resources-d6/assets/e958e0550bb250fd259a7ebba2b35a94_355871f003401999cfb2.v2.webp)
    }

    .c-vip-rights .rights-right .sec-rights {
        margin-bottom: 32px;
        width: 50%
    }

    .c-vip-rights .rights-right .sec-rights .sub-text {
        color: var(--text-707580)
    }

    .c-vip-bind-addr-dialog .via-tabs .tab-nav-button {
        overflow: auto hidden;
        padding: 1px 0;
        width: 100%
    }

    .c-vip-bind-addr-dialog .via-tabs .tab-item {
        padding: 0 20px !important
    }

    .c-vip-bind-addr-dialog .via-tabs .content {
        max-height: 400px;
        overflow-y: auto
    }

    .p-vip {
        padding-top: 80px
    }

    .p-vip .sec-title {
        font-size: 20px;
        line-height: 24px
    }

    .p-vip .sec-sub-title {
        font-size: 12px;
        line-height: 18px;
        margin-top: 8px
    }

    .p-vip .title-box .title-text .title-two {
        font-size: 32px;
        line-height: 42px
    }

    .c-ambassador-banner {
        display: block;
        padding: 0 35px
    }

    .c-ambassador-banner .bg-icon {
        inset-inline: 50% auto;
        margin-inline-start: -100px
    }

    .c-ambassador-banner .content {
        padding-top: 20px;
        position: relative
    }

    .c-ambassador-summary {
        display: block;
        height: auto;
        padding: 20px !important;
        width: 100%
    }

    .c-ambassador-summary .level-wrapper {
        width: auto
    }

    .c-ambassador-summary .level-icon {
        height: 54px;
        width: 54px
    }

    .c-ambassador-summary .item-val {
        font-size: 14px;
        line-height: 18px;
        margin-top: 0
    }

    .c-ambassador-summary .split-line {
        border-left: none;
        border-top: 1px solid var(--border-f2f3f5);
        height: 0;
        margin-top: 14px
    }

    .c-ambassador-rebate-privilege {
        padding: 0 20px;
        width: 100%
    }

    .c-ambassador-rebate-privilege .btn-play-video {
        font-size: 12px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 4px 16px !important
    }

    .c-ambassador-rebate-privilege .grade-wrapper {
        display: block
    }

    .c-ambassador-rebate-privilege .grade-wrapper .grade-item {
        height: auto;
        margin-top: 12px;
        padding: 2px 20px;
        width: auto
    }

    .c-ambassador-rebate-privilege .grade-wrapper .grade-icon-wrapper {
        height: 74px;
        width: 74px
    }

    .c-ambassador-rebate-privilege .grade-wrapper .grade-text {
        font-size: 14px
    }

    .c-ambassador-rebate-privilege .grade-wrapper .grade-rate {
        font-size: 24px;
        font-weight: 400
    }

    .c-ambassador-other-privilege {
        padding: 0 20px;
        width: 100%
    }

    .c-ambassador-other-privilege .privilege-item {
        align-items: center;
        display: flex;
        margin-top: 20px;
        width: 100%
    }

    .c-ambassador-other-privilege .privilege-item .item-icon {
        flex-shrink: 0;
        height: 42px;
        width: 42px
    }

    .c-ambassador-other-privilege .privilege-item .item-title {
        font-size: 14px;
        margin-top: 0;
        text-align: start
    }

    .c-ambassador-other-privilege .privilege-item .item-desc {
        font-size: 12px;
        margin-top: 4px;
        text-align: start
    }

    .c-ambassador-requirement .requirement-wrapper {
        padding: 0 20px;
        width: 100%
    }

    .c-ambassador-requirement .requirement-wrapper .item {
        display: block;
        padding: 20px
    }

    .c-ambassador-requirement .requirement-wrapper .item-index {
        border-inline-end: none;
        text-align: start;
        width: auto
    }

    .c-ambassador-requirement .requirement-wrapper .item-content {
        font-size: 12px;
        margin-top: 5px;
        padding: 0
    }

    .c-ambassador-level-intro {
        padding: 0 20px;
        width: 100%
    }

    .c-ambassador-banner-recommend .recommend-wrapper {
        padding: 10px 20px 0;
        width: 100%
    }

    .c-ambassador-banner-recommend .recommend-wrapper .illustration {
        position: static;
        width: 220px
    }

    .c-ambassador-banner-recommend .recommend-wrapper .tip-wrapper {
        font-size: 16px;
        font-weight: 400;
        width: 100%
    }

    .c-ambassador-guides {
        display: block;
        padding: 0 20px;
        width: 100%
    }

    .c-ambassador-guides .steps {
        display: block;
        width: auto
    }

    .c-ambassador-guides .steps .step-item {
        align-items: center;
        display: flex;
        margin-top: 20px;
        width: 100%
    }

    .c-ambassador-guides .steps .step-item .step-icon {
        flex-shrink: 0;
        height: 85px;
        width: 85px
    }

    .c-ambassador-guides .steps .step-item .step-icon>div {
        height: 60px;
        width: 60px
    }

    .c-ambassador-guides .steps .step-item .step-desc {
        flex: 1 1 0%;
        margin-top: 0;
        margin-inline-start: 15px;
        text-align: start
    }

    .c-ambassador-guides .steps .step-item:after {
        display: none
    }

    .c-ambassador-intro {
        padding-top: 32px
    }

    .c-activity-ambassador-style .star-box .sec-title {
        white-space: normal
    }

    .c-activity-ambassador-style .star-box .sec-content-box .star-item-box {
        min-height: 196px
    }

    .c-ambassador-activity-list {
        width: 100%
    }

    .c-ambassador-activity-list .activity-item {
        display: block;
        padding: 20px
    }

    .c-ambassador-activity-list .activity-item .poster-wrapper {
        height: 150px;
        width: 100%
    }

    .c-ambassador-activity-list .activity-item .info-wrapper {
        margin-inline-start: 0
    }

    .c-ambassador-activity-list .activity-item .activity-title {
        display: block
    }

    .c-ambassador-activity-list .activity-item .activity-title .title-row {
        width: 100%
    }

    .c-activity-ambassador-activity {
        bottom: 80px;
        right: 0;
        width: calc(100% - 20px)
    }

    .p-ambassador .summary {
        margin-top: 0
    }

    .p-ambassador .tabs {
        justify-content: space-around;
        padding: 0 10px;
        width: 100%
    }

    .p-ambassador .tabs .tab-item {
        flex: 1 1 0%;
        margin: 0 10px !important
    }

    .c-referral-carouse-rewards .el-carousel {
        width: 300px
    }

    .c-referral-banner {
        padding: 32px 16px 0
    }

    .c-refer-tab .tab-item {
        align-items: center;
        display: flex;
        flex: 1 1 0% !important;
        height: auto !important;
        justify-content: center;
        line-height: 1.2 !important;
        padding: 6px 12px !important
    }

    .c-refer-info-vip {
        height: auto;
        padding: 20px
    }

    .c-refer-info-vip .avatar {
        flex-shrink: 0
    }

    .c-refer-info-vip .avatar img {
        height: 48px;
        width: 48px
    }

    .c-refer-info-ambassador {
        display: block;
        padding: 20px
    }

    .c-refer-info-ambassador .user-level .level-icon {
        border-radius: 50%;
        height: 70px;
        overflow: hidden;
        width: 70px
    }

    .c-refer-info-ambassador .user-level .level-icon img {
        margin-left: -5px;
        margin-top: -2px;
        width: 120%
    }

    .c-refer-info-ambassador .level-list {
        display: block
    }

    .c-refer-info-ambassador .level-list .level-item {
        align-items: center;
        display: flex;
        height: 36px;
        margin-top: 10px;
        margin-inline-start: 0;
        padding: 0 16px;
        width: 100%
    }

    .c-refer-info-ambassador .level-list .level-item .level-ratio {
        font-size: 12px;
        margin-top: 0
    }

    .c-refer-info-ambassador .level-list .level-item .level-icon {
        position: static
    }

    .c-refer-info-business {
        display: block;
        padding: 20px
    }

    .c-refer-info-business .user-level .level-icon {
        background: var(--bg-f7f8fa);
        border-radius: 50%;
        height: 54px;
        overflow: hidden;
        width: 54px
    }

    .c-refer-info-business .user-level .level-icon img {
        margin-left: 1px;
        margin-top: 2px;
        width: 100%
    }

    .c-refer-dialog-share .poster-slider {
        height: 500px;
        margin: 0 auto;
        width: 280px
    }

    .c-refer-dialog-share .poster-slider .btn-slider {
        height: 20px;
        margin-top: -12px;
        width: 20px
    }

    .c-refer-dialog-share .poster-slider .btn-slider-left {
        left: -24px
    }

    .c-refer-dialog-share .poster-slider .btn-slider-right {
        right: -24px
    }

    .c-refer-dialog-share .poster-wrapper {
        height: 500px;
        margin: 0 auto;
        width: 280px
    }

    .c-refer-dialog-share .poster-wrapper .poster-footer .referral-code {
        font-size: 14px
    }

    .c-refer-dialog-share .poster-wrapper .poster-footer .prompt {
        font-size: 12px
    }

    .c-refer-dialog-share .share-wrapper {
        margin-inline-start: 0
    }

    .c-referral-invitation .code-wrapper {
        display: block
    }

    .c-referral-dialog-guide-invitation-code .guide-wrapper .guide-list {
        margin-inline-end: 0
    }

    .c-referral-vip-rebate-ratio .vip-info {
        font-size: 14px
    }

    .c-referral-my-recommend {
        background: none;
        margin: 0;
        padding: 0
    }

    .c-referral-my-recommend .title-row {
        border-bottom: none;
        padding-bottom: 0
    }

    .c-refer-rebate-info {
        padding: 16px
    }

    .c-refer-rebate-info .info-item {
        flex-direction: row;
        width: auto
    }

    .c-refer-rebate-info .info-item .item-val {
        font-size: 14px;
        margin-top: 0
    }

    .c-refer-activity-carousel {
        width: auto
    }

    .c-referral-summary {
        display: block;
        padding: 0 16px;
        width: auto
    }

    .c-referral-summary .rebate-wrapper {
        display: block;
        height: auto;
        padding: 16px;
        width: auto
    }

    .c-referral-summary .rebate-wrapper .total-rebate {
        width: auto
    }

    .c-referral-summary .rebate-wrapper .rebate-item {
        align-items: center;
        flex-direction: row
    }

    .c-referral-summary .rebate-wrapper .item-value {
        height: auto;
        margin-top: 0
    }

    .c-referral-summary .number-wrapper {
        height: auto;
        padding: 20px 0;
        width: auto
    }

    .c-referral-recommend-record {
        width: auto
    }

    .c-referral-recommend-record .search-wrap .date-picker-wrapper .el-date-editor {
        width: 100% !important
    }

    .c-referral-recommend-record .table-wrapper .table-body-wrapper {
        min-height: 311px
    }

    .c-referral-rebate-record {
        width: auto
    }

    .c-referral-rebate-record .search-wrap .date-picker-wrapper .el-date-editor {
        width: 100% !important
    }

    .c-referral-rebate-record .table-wrapper .table-body-wrapper {
        min-height: 311px
    }

    .c-refer-records .via-tabs .tab-item {
        height: auto !important;
        line-height: 1.2 !important;
        overflow-wrap: break-word;
        padding: 0 12px 10px !important;
        word-break: break-word
    }

    .c-ambassador-refer-analysis .chart-wrapper {
        height: 360px
    }

    .c-referral-introduce {
        height: auto;
        padding: 0 16px;
        width: auto
    }

    .c-referral-introduce .introduce-item {
        font-size: 14px;
        height: 100px;
        margin-top: 8px;
        padding: 0 18px;
        width: auto
    }

    .c-referral-introduce .introduce-item-img {
        height: 54px;
        width: 54px
    }

    .c-referral-guides {
        height: auto;
        padding: 0 12px;
        width: auto
    }

    .c-referral-guides .guides-content {
        display: block;
        height: auto;
        padding: 20px 16px;
        width: auto
    }

    .c-referral-guides .guide-item {
        margin-top: 32px;
        max-width: none
    }

    .c-referral-question {
        padding: 0 20px;
        width: auto
    }

    .c-referral-question .c-referral-question-num {
        width: 28px
    }

    .c-referral-rules {
        padding: 0 20px;
        width: auto
    }

    .c-referral-rules .rule-item {
        font-size: 12px;
        margin-top: 16px
    }

    .c-referral-activity .banner-not-logged .via-btn {
        min-height: 40px
    }

    .c-referral-activity .banner-not-logged {
        background: none;
        height: auto;
        margin-top: 0;
        padding-top: 0
    }

    .c-referral-activity .carousel-wrapper {
        width: auto
    }

    .c-ambassador-agent-data .refer-status {
        border: none;
        margin: 0 -20px
    }

    .c-ambassador-agent-data .refer-status .status {
        height: 94px
    }

    .c-ambassador-agent-data .refer-status .status img {
        width: 64px
    }

    .c-ambassador-agent-data .refer-status .link-out {
        margin: 8px 0;
        width: 100%
    }

    .c-ambassador-agent-data .refer-data-item {
        margin-bottom: 12px;
        width: 100%
    }

    .c-ambassador-rebate-record .el-table,
    .c-ambassador-recommend-record .el-table {
        max-width: 1200px;
        width: 1200px !important
    }

    .p-activity-refer {
        background-image: url(../app-resources-d6/assets/a592d972646f4b1702a6b6e9733de019_aa6d3d52ec957d7a49b8.v2.svg);
        background-size: 100%
    }

    .p-activity-refer .refer-container {
        padding: 0 16px;
        width: auto
    }

    .p-activity-refer .user-wrapper {
        width: auto
    }

    .p-activity-refer .refer-not-logged-bg {
        height: auto
    }

    .p-activity-refer .refer-not-logged-wrap {
        top: 0
    }

    .theme-night .p-activity-refer {
        background-image: url(../app-resources-d6/assets/0744a111f2ad2763b1da2f4ad6e3aacc_01f0249f3c17dd229b6d.v2.svg) !important
    }

    .p-partner .p-wrapper {
        width: auto
    }

    .p-partner .banner-img {
        width: 80%
    }

    .p-partner .positions-item {
        min-height: auto;
        padding: 20px 25px
    }

    .p-partner .positions-item .btn-check {
        height: 36px;
        line-height: 36px;
        min-width: 100px
    }

    .p-partner .onboarding .step img {
        width: 30px
    }

    .p-partner .onboarding .step .step-name {
        font-size: 12px;
        margin-top: 12px
    }

    .p-partner .step-num-wrapper .step .step-num {
        font-size: 12px;
        height: 16px;
        line-height: 14px;
        margin-top: 8px;
        width: 16px
    }

    .p-partner .step-num-wrapper .step-line {
        margin-bottom: 9px
    }

    .p-kol .section-introduce {
        background: none !important;
        padding: 40px 20px 0
    }

    .p-kol .section-activity {
        padding: 0 20px
    }

    .p-kol .section-join {
        display: block;
        height: auto;
        min-height: auto;
        overflow: hidden;
        padding: 0 0 100px
    }

    .p-kol .section-join .bg2 {
        bottom: -12px;
        height: 178px;
        inset-inline-end: -70px;
        width: 300px
    }

    .p-kol .section-join .section-join-content {
        margin: 0;
        padding: 32px 18px 0
    }

    .p-kol .section-rules {
        display: block;
        padding: 0 20px;
        width: auto
    }

    .p-kol .section-rules .rule-list {
        width: auto
    }

    .p-kol .section-rules .rule-list .list-item {
        margin-top: 8px;
        min-height: 42px;
        padding: 10px 20px
    }

    .p-kol .section-reward {
        display: block;
        height: auto;
        margin: 0 20px;
        padding: 20px 20px 32px;
        width: auto
    }

    .p-kol .section-reward .reward-content {
        margin: 0
    }

    .p-kol .section-reward .reward-icon {
        position: static;
        width: 96px
    }

    .p-kol .p-kol-welfare .welfare-item {
        margin-bottom: 12px;
        min-height: 188px;
        padding: 12px;
        width: calc(50% - 8px)
    }

    .p-kol .p-kol-welfare .welfare-item-img-box {
        height: 60px;
        width: 60px
    }

    .p-kol .p-kol-welfare .welfare-item-img {
        height: 40px;
        width: 40px
    }

    .p-kol .p-kol-welfare .p-kol-welfare-label {
        font-size: 16px;
        line-height: 18px;
        text-align: left
    }

    .p-kol .p-kol-welfare .p-kol-welfare-desc {
        font-size: 12px;
        line-height: 14px;
        text-align: left
    }

    .p-kol .p-kol-welfare {
        padding: 0 20px
    }

    .p-kol .p-kol-require .p-kol-require-item {
        margin-bottom: 12px
    }

    .p-kol .p-kol-require .p-kol-require-img {
        height: 140px;
        position: absolute;
        right: 8px;
        top: 38px
    }

    .p-kol .p-kol-question {
        padding: 0 20px
    }

    .p-kol .p-kol-question .p-kol-question-num {
        width: 28px
    }

    .p-kol .p-kol-join {
        padding: 35px 20px 37px
    }

    .p-kol .activity-list {
        margin-top: 20px
    }

    .p-kol .activity-list .list-item {
        padding: 9px 20px;
        width: 100%
    }

    [dir=rtl] .p-kol-require-img {
        left: 8px !important;
        right: auto !important
    }

    .c-fees-fee-table .bottom-box {
        margin-top: 15px
    }

    .c-fees-spot-trade .tab-button {
        flex: 1 1 0%;
        height: auto;
        min-height: 36px
    }

    .c-markets-ranking-list {
        min-width: 80vw;
        width: auto
    }

    .c-markets-recommended-list {
        overflow-x: auto;
        padding: 0 20px;
        width: 100%
    }

    .c-markets-recommended-list::-webkit-scrollbar {
        display: none
    }

    .c-markets-recommended-list .c-markets-ranking-list {
        margin-inline-end: 20px
    }

    .c-market-tag-select .tag-item {
        max-width: none !important
    }

    .c-market-tag-tip {
        padding: 20px 0
    }

    .c-markets-market-coin {
        padding-top: 16px
    }

    .c-markets-market-coin .tags-wrapper {
        border-radius: 0;
        margin: 0;
        overflow-y: auto
    }

    .c-coin-coming-soon .list-wrapper {
        overflow-x: auto;
        width: 100%
    }

    .c-coin-coming-soon .list-wrapper::-webkit-scrollbar {
        display: none
    }

    .c-coin-coming-soon .coin-item,
    .c-coin-coming-soon .empty-item {
        background: var(--bg-ffffff);
        margin-inline-end: 20px;
        min-width: 80vw;
        width: auto
    }

    .c-markets-market-section,
    .c-markets-new-coin {
        padding-top: 16px
    }

    .c-markets-market-section .tags-wrapper {
        border-radius: 0;
        margin: 0;
        overflow-y: auto
    }

    .c-markets-market-exchange {
        padding-top: 16px
    }

    .c-markets-market-exchange .tags-wrapper {
        border-radius: 0;
        margin: 0;
        overflow-y: auto
    }

    .c-markets-market-futures {
        padding-top: 16px
    }

    .c-markets-market-futures .tags-wrapper {
        border-radius: 0;
        margin: 0;
        overflow-y: auto
    }

    .p-markets {
        padding: 0;
        width: auto
    }

    .p-markets .search-wrapper {
        margin-top: 12px;
        padding: 0 20px;
        position: static
    }

    .p-markets .search-wrapper .search-input {
        height: 40px;
        width: 100%
    }

    .p-markets .search-wrapper .search-input.input-active {
        width: 100%
    }

    .p-markets .search-wrapper .c-common-popper-container {
        width: 100% !important
    }

    .p-markets .wrapper {
        background: none;
        box-shadow: none
    }

    .p-markets .via-table .table-header tr .table-label:first-of-type {
        padding-inline-start: 4px !important
    }

    .p-markets .via-table .table-header tr .table-label:last-of-type {
        padding-inline-end: 4px !important
    }

    .p-markets .via-table .table-header tr .table-label .table-label-cell {
        padding: 5px 4px
    }

    .p-markets .via-table .table-body-wrapper::-webkit-scrollbar {
        display: none
    }

    .p-markets .via-table .table-body-wrapper .body-row .table-prop:first-of-type {
        padding-inline-start: 4px !important
    }

    .p-markets .via-table .table-body-wrapper .body-row .table-prop:last-of-type {
        padding-inline-end: 4px !important
    }

    .p-markets .via-table .table-body-wrapper .body-row .table-prop .table-prop-cell {
        padding: 5px 4px
    }

    .p-markets .via-table .scrollable-x:after {
        display: none !important
    }

    .tab-fixed .nav-wrapper {
        height: auto
    }

    .tab-fixed .wrapper {
        margin-top: 86px
    }

    .c-reserve-proof-reserve-ratio {
        overflow: hidden
    }

    .popper-market-history-datatype .el-cascader-menu:first-of-type {
        min-width: 200px
    }

    .c-market-history-download {
        width: 100%
    }

    .p-markets-history {
        padding: 16px 20px 0 !important
    }

    .p-markets-history .via-tabs .tab-item {
        font-size: 12px !important;
        height: auto !important;
        line-height: 18px !important;
        padding: 5px 10px !important
    }

    .p-markets-history .download-wrapper {
        display: block;
        padding: 20px;
        width: 100%
    }

    .p-markets-history .download-wrapper .desc-wrapper {
        width: 100%
    }

    .c-academy-search-dialog.via-dialog-wrapper .via-dialog .c-common-empty .empty-text {
        width: 300px
    }

    .c-academy-category-summary {
        display: block
    }

    .c-academy-category-summary .content-box {
        padding-inline-start: 0
    }

    .c-academy-category-summary .content-box .content-item {
        margin-bottom: 0
    }

    .c-academy-category-summary .content-box .content-item .terminology-item-box {
        margin-top: 12px
    }

    .c-academy-category-summary .content-box .content-item .terminology-item-box .terminology-item {
        border: 1px solid var(--border-dee0e3);
        height: 32px;
        margin-bottom: 8px;
        margin-inline-end: 10px;
        min-width: 90px
    }

    .c-academy-category-summary .content-box .content-item .article-item {
        margin-bottom: 20px
    }

    .c-academy-category-summary .content-box .content-item .article-item .article-tag {
        width: 100%
    }

    .p-academy-index {
        background-size: contain;
        padding-bottom: 80px
    }

    .p-academy-index .banner {
        padding-top: 100px
    }

    .p-academy-index .banner .banner-t {
        background-position: left 100%, right 0;
        font-size: 32px;
        line-height: normal
    }

    .p-academy-index .banner .search-btn {
        margin-left: 20px;
        margin-right: 20px;
        min-width: auto;
        width: calc(100% - 40px)
    }

    .c-help-search-header {
        padding: 30px 0 32px
    }

    .c-help-search-header .title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 18px;
        padding-inline-end: 40px;
        text-align: start
    }

    .c-help-search-header .search-input {
        padding-inline-end: 5px;
        width: 100%
    }

    .c-help-search-header .search-input .input-inner {
        min-width: 120px
    }

    .c-help-search-header .search-input .via-btn {
        min-width: 74px
    }

    .p-help {
        padding: 0 20px 80px
    }

    .p-help-index .index-title {
        font-size: 20px;
        text-align: center
    }

    .p-help-index .self-service-content {
        margin-bottom: 40px;
        width: 100%
    }

    .p-help-index .self-service-content .service-wrap {
        -moz-column-gap: 4%;
        column-gap: 4%
    }

    .p-help-index .self-service-content .service-wrap .service-item {
        flex-direction: column;
        height: auto;
        justify-content: center;
        min-height: 80px;
        padding: 10px 20px;
        text-align: center;
        width: 48%
    }

    .p-help-index .self-service-content .service-wrap .service-item .label {
        margin-inline-start: 0
    }

    .p-help-index .question-content {
        width: 100%
    }

    .p-help-index .question-content .question-wrap {
        gap: 20px 15px
    }

    .p-help-index .question-content .question-wrap .question-item {
        width: calc(50% - 8px)
    }

    .p-help-index .question-content .question-wrap .question-item .sub-title {
        display: block;
        font-size: 16px;
        margin-bottom: 20px;
        text-align: center
    }

    .p-help-index .question-content .question-wrap .question-item .desc {
        display: none
    }

    .c-announcement-header .title {
        font-size: 24px;
        font-weight: 600
    }

    .c-announcement-header .c-announcement-search-input .via-btn {
        min-width: 74px
    }

    .c-announcements-list .skeleton-screen {
        overflow: hidden
    }

    .c-announcements-list .item .title {
        display: inline;
        font-size: 14px;
        line-height: 20px
    }

    .c-announcements-list .item .top-tag {
        vertical-align: 1px
    }

    .p-announcements .content .c-announcements-list {
        border-inline-start: 0;
        padding-inline-start: 0
    }

    .p-official-verification .p-official-verification-content .tips-wrapper {
        font-size: 12px
    }
}

@media screen and (min-width:768px)and (max-width:960px) {
    .c-futures-trade-header .header-left .lever {
        margin-inline-start: 15px
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .c-futures-placeorder-available .content .calc {
        display: inline-block
    }

    .c-exchange-placeorder-ordertypeselect .select-item {
        margin-inline-end: 24px
    }

    .c-exchange-quota-deal {
        border-inline-end: 1px solid var(--border-e6e7eb-gray0602)
    }

    .c-exchange-summary-content-container .content-slot .list-item .column {
        width: 33.33%
    }

    .c-exchange-summary-content-container .content-slot .list-item .column:nth-of-type(3n) {
        text-align: right
    }

    .c-exchange-summary-content-container .content-slot .list-item .column:nth-of-type(3n+2) {
        padding-inline-start: 8%
    }

    .c-exchange-pagelayout .grid-kline {
        border-bottom: 1px solid var(--border-e6e7eb-gray0602);
        border-inline-end: 0
    }

    .c-exchange-pagelayout .grid-orderbook {
        border-inline-end: 0
    }
}

@media screen and (min-width:769px)and (max-width:1024px) {
    .c-futures-placeorder-tpsl .input-container {
        flex-direction: column
    }

    .c-futures-placeorder-tpsl .input-container .sl,
    .c-futures-placeorder-tpsl .input-container .tp {
        padding-inline: 0;
        width: 100%
    }

    .c-futures-placeorder-tpsl .input-container .sl {
        margin-top: 12px
    }
}

@media screen and (max-width:1024px) {
    .futures-placeOrder-pricestopselect .via-select-menu {
        inset-inline-end: 0;
        inset-inline-start: auto !important
    }

    .c-perpeptual-position-burstrate {
        margin-inline-end: 0 !important
    }

    .c-exchange-trade-header .header-left .trade-type-tab .tab-item {
        font-size: 14px !important
    }

    .c-orderbook-list-header.col-reverse .header-item i.iconfont.icon-arrow-down {
        inset-inline: auto 100%
    }

    .c-orderbook-list-header.col-reverse .header-item .menu-wrap {
        inset-inline: auto 0
    }

    .c-orderbook-list-header.header-absolute .header-item:first-child {
        position: absolute;
        transform: translateX(-50%)
    }

    html[dir=rtl] .c-orderbook-list-header.header-absolute .header-item:first-child {
        transform: translateX(50%)
    }
}

@media screen and (max-width:1280px) {
    .c-futures-placeorder-container .direction-tabs .tab-item {
        text-align: center;
        width: 50%;
        --height: 30px;
        --barHeight: 30px;
        --radius: 10px
    }

    .c-futures-placeorder-container .direction-tabs .tab-item:first-child .tab-bar {
        border-bottom-left-radius: var(--radius)
    }

    .c-futures-placeorder-container .direction-tabs .tab-item:first-child.active {
        color: #fff
    }

    .c-futures-placeorder-container .direction-tabs .tab-item:first-child.active .tab-bar {
        background-color: #0ead98 !important
    }

    .c-futures-placeorder-container .direction-tabs .tab-item:first-child.active .tab-bar:after {
        border-left-color: #0ead98 !important
    }

    .c-futures-placeorder-container .direction-tabs .tab-item:last-child .tab-bar {
        border-bottom-right-radius: var(--radius)
    }

    .c-futures-placeorder-container .direction-tabs .tab-item:last-child.active {
        color: #fff
    }

    .c-futures-placeorder-container .direction-tabs .tab-item:last-child.active .tab-bar {
        background-color: #db5541 !important
    }

    .c-futures-placeorder-container .direction-tabs .tab-item:last-child.active .tab-bar:before {
        border-right-color: #db5541 !important
    }

    .c-register-side-banner {
        width: 580px
    }

    .c-exchange-placeorder-container .direction-tabs .tab-item {
        text-align: center;
        width: 50%;
        --height: 30px;
        --barHeight: 30px;
        --radius: 10px
    }

    .c-exchange-placeorder-container .direction-tabs .tab-item:first-child .tab-bar {
        border-bottom-left-radius: var(--radius)
    }

    .c-exchange-placeorder-container .direction-tabs .tab-item:first-child.active {
        color: #fff
    }

    .c-exchange-placeorder-container .direction-tabs .tab-item:first-child.active .tab-bar {
        background-color: #0ead98 !important
    }

    .c-exchange-placeorder-container .direction-tabs .tab-item:first-child.active .tab-bar:after {
        border-left-color: #0ead98 !important
    }

    .c-exchange-placeorder-container .direction-tabs .tab-item:last-child .tab-bar {
        border-bottom-right-radius: var(--radius)
    }

    .c-exchange-placeorder-container .direction-tabs .tab-item:last-child.active {
        color: #fff
    }

    .c-exchange-placeorder-container .direction-tabs .tab-item:last-child.active .tab-bar {
        background-color: #db5541 !important
    }

    .c-exchange-placeorder-container .direction-tabs .tab-item:last-child.active .tab-bar:before {
        border-right-color: #db5541 !important
    }

    .c-common-notification-bar .slider-box {
        height: 32px
    }

    .c-common-notification-bar .slider-box .slider-item-box {
        font-size: 12px
    }

    .c-common-notification-bar .slider-box .slider-item-box .icon-notice {
        font-size: 14px
    }
}

@media screen and (min-width:769px)and (max-width:1280px) {

    .c-exchange-summary-container .summary-container,
    .c-futures-summary-container .summary-container {
        background-color: var(--bg-fafafa);
        border-top: none
    }
}

@media screen and (max-width:414px) {
    .c-futures-mobile-orderbook.overflow-width {
        width: 460px
    }

    .c-orderbook-table.overflow-width {
        overflow-x: auto
    }

    .c-orderbook-table.overflow-width .c-orderbook-table-content {
        min-width: 390px
    }
}

@media screen and (min-width:768px) {
    .c-futures-pagelayout {
        grid-template: "ticker ticker ticker" 52px "kline kline trade" 365px "deal orderbook trade" 431px "orders orders orders" /31.5% 34.3% 34.2%
    }

    .c-exchange-pagelayout {
        grid-template: "ticker ticker ticker" 60px "kline kline trade" 365px "deal orderbook trade" 431px "orders orders orders" /31.5% 34.3% 34.2%
    }

    .c-header-mobile .dropdown-panel {
        height: 700px;
        inset-inline-start: auto
    }

    .panel-fade-enter,
    .panel-fade-leave-to {
        transform: translateX(100%)
    }

    [dir=rtl] .panel-fade-enter,
    [dir=rtl] .panel-fade-leave-to {
        transform: translateX(-100%)
    }
}

@media screen and (min-width:1024px) {
    .c-futures-pagelayout {
        grid-template: "market ticker ticker" 52px "market kline-trade orderbook" 623px "deal kline-trade orderbook" 120px "deal kline-trade asset" 226px "information kline-trade asset" 116px "orders orders orders" minmax(452px, auto)/29% 42% 29%
    }

    .c-exchange-pagelayout {
        grid-template: "market ticker ticker" 50px "market kline-trade orderbook" 590px "deal kline-trade orderbook" 366px "orders orders orders" minmax(452px, auto)/27% 47% 26%
    }
}

@media screen and (min-width:1280px) {

    .c-exchange-pagelayout,
    .c-futures-pagelayout {
        grid-template-columns: 24% 54.5% 21.5%
    }
}

@media screen and (min-width:1600px) {
    .c-futures-pagelayout {
        grid-template-columns: 20% 60% 20%
    }

    .c-exchange-trade-margin .content-left .margin-item.rights {
        margin-inline: 100px 60px
    }

    .c-exchange-pagelayout {
        grid-template-columns: 18% 65% 17%
    }

    .c-home-news-list .header-wrapper .title {
        font-size: 28px
    }

    .c-home-market-info .market-info-value {
        font-size: 56px;
        line-height: normal
    }

    .c-home-download {
        height: 576px
    }

    .c-home-download .right-wrap .title,
    .c-home-information .left-wrapper .title {
        font-size: 56px;
        line-height: normal
    }

    .c-home-information .right-wrapper .right-wrapper-title,
    .c-home-ranks .header-wrapper .title {
        font-size: 28px
    }

    .c-home-token-info {
        height: 500px;
        padding-bottom: 52px
    }

    .c-home-token-info .title-wrapper .title {
        font-size: 56px
    }

    .c-home-token-info .top-val {
        font-size: 48px !important
    }

    .c-home-token-info .token-info-click {
        height: 115px;
        width: 115px
    }

    .c-home-token-info .token-info-arrow {
        height: 55px;
        width: 55px
    }

    .p-index .box-top80 {
        margin-top: 80px
    }

    .p-index .box-top100 {
        margin-top: 100px
    }

    .p-index .box-top120 {
        margin-top: 120px
    }

    .p-index .box-top150 {
        margin-top: 150px
    }
}

@media only screen and (max-width:767px) {
    .el-col-xs-0 {
        display: none;
        width: 0
    }

    .el-col-xs-offset-0 {
        margin-left: 0
    }

    .el-col-xs-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xs-push-0 {
        left: 0;
        position: relative
    }

    .el-col-xs-1 {
        width: 4.16667%
    }

    .el-col-xs-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xs-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xs-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-xs-2 {
        width: 8.33333%
    }

    .el-col-xs-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xs-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xs-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-xs-3 {
        width: 12.5%
    }

    .el-col-xs-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xs-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xs-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-xs-4 {
        width: 16.6667%
    }

    .el-col-xs-offset-4 {
        margin-left: 16.6667%
    }

    .el-col-xs-pull-4 {
        position: relative;
        right: 16.6667%
    }

    .el-col-xs-push-4 {
        left: 16.6667%;
        position: relative
    }

    .el-col-xs-5 {
        width: 20.8333%
    }

    .el-col-xs-offset-5 {
        margin-left: 20.8333%
    }

    .el-col-xs-pull-5 {
        position: relative;
        right: 20.8333%
    }

    .el-col-xs-push-5 {
        left: 20.8333%;
        position: relative
    }

    .el-col-xs-6 {
        width: 25%
    }

    .el-col-xs-offset-6 {
        margin-left: 25%
    }

    .el-col-xs-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xs-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-xs-7 {
        width: 29.1667%
    }

    .el-col-xs-offset-7 {
        margin-left: 29.1667%
    }

    .el-col-xs-pull-7 {
        position: relative;
        right: 29.1667%
    }

    .el-col-xs-push-7 {
        left: 29.1667%;
        position: relative
    }

    .el-col-xs-8 {
        width: 33.3333%
    }

    .el-col-xs-offset-8 {
        margin-left: 33.3333%
    }

    .el-col-xs-pull-8 {
        position: relative;
        right: 33.3333%
    }

    .el-col-xs-push-8 {
        left: 33.3333%;
        position: relative
    }

    .el-col-xs-9 {
        width: 37.5%
    }

    .el-col-xs-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xs-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xs-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-xs-10 {
        width: 41.6667%
    }

    .el-col-xs-offset-10 {
        margin-left: 41.6667%
    }

    .el-col-xs-pull-10 {
        position: relative;
        right: 41.6667%
    }

    .el-col-xs-push-10 {
        left: 41.6667%;
        position: relative
    }

    .el-col-xs-11 {
        width: 45.8333%
    }

    .el-col-xs-offset-11 {
        margin-left: 45.8333%
    }

    .el-col-xs-pull-11 {
        position: relative;
        right: 45.8333%
    }

    .el-col-xs-push-11 {
        left: 45.8333%;
        position: relative
    }

    .el-col-xs-12 {
        width: 50%
    }

    .el-col-xs-offset-12 {
        margin-left: 50%
    }

    .el-col-xs-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xs-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-xs-13 {
        width: 54.1667%
    }

    .el-col-xs-offset-13 {
        margin-left: 54.1667%
    }

    .el-col-xs-pull-13 {
        position: relative;
        right: 54.1667%
    }

    .el-col-xs-push-13 {
        left: 54.1667%;
        position: relative
    }

    .el-col-xs-14 {
        width: 58.3333%
    }

    .el-col-xs-offset-14 {
        margin-left: 58.3333%
    }

    .el-col-xs-pull-14 {
        position: relative;
        right: 58.3333%
    }

    .el-col-xs-push-14 {
        left: 58.3333%;
        position: relative
    }

    .el-col-xs-15 {
        width: 62.5%
    }

    .el-col-xs-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xs-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xs-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-xs-16 {
        width: 66.6667%
    }

    .el-col-xs-offset-16 {
        margin-left: 66.6667%
    }

    .el-col-xs-pull-16 {
        position: relative;
        right: 66.6667%
    }

    .el-col-xs-push-16 {
        left: 66.6667%;
        position: relative
    }

    .el-col-xs-17 {
        width: 70.8333%
    }

    .el-col-xs-offset-17 {
        margin-left: 70.8333%
    }

    .el-col-xs-pull-17 {
        position: relative;
        right: 70.8333%
    }

    .el-col-xs-push-17 {
        left: 70.8333%;
        position: relative
    }

    .el-col-xs-18 {
        width: 75%
    }

    .el-col-xs-offset-18 {
        margin-left: 75%
    }

    .el-col-xs-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xs-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-xs-19 {
        width: 79.1667%
    }

    .el-col-xs-offset-19 {
        margin-left: 79.1667%
    }

    .el-col-xs-pull-19 {
        position: relative;
        right: 79.1667%
    }

    .el-col-xs-push-19 {
        left: 79.1667%;
        position: relative
    }

    .el-col-xs-20 {
        width: 83.3333%
    }

    .el-col-xs-offset-20 {
        margin-left: 83.3333%
    }

    .el-col-xs-pull-20 {
        position: relative;
        right: 83.3333%
    }

    .el-col-xs-push-20 {
        left: 83.3333%;
        position: relative
    }

    .el-col-xs-21 {
        width: 87.5%
    }

    .el-col-xs-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xs-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xs-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-xs-22 {
        width: 91.6667%
    }

    .el-col-xs-offset-22 {
        margin-left: 91.6667%
    }

    .el-col-xs-pull-22 {
        position: relative;
        right: 91.6667%
    }

    .el-col-xs-push-22 {
        left: 91.6667%;
        position: relative
    }

    .el-col-xs-23 {
        width: 95.8333%
    }

    .el-col-xs-offset-23 {
        margin-left: 95.8333%
    }

    .el-col-xs-pull-23 {
        position: relative;
        right: 95.8333%
    }

    .el-col-xs-push-23 {
        left: 95.8333%;
        position: relative
    }

    .el-col-xs-24 {
        width: 100%
    }

    .el-col-xs-offset-24 {
        margin-left: 100%
    }

    .el-col-xs-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xs-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:768px) {
    .el-col-sm-0 {
        display: none;
        width: 0
    }

    .el-col-sm-offset-0 {
        margin-left: 0
    }

    .el-col-sm-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-sm-push-0 {
        left: 0;
        position: relative
    }

    .el-col-sm-1 {
        width: 4.16667%
    }

    .el-col-sm-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-sm-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-sm-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-sm-2 {
        width: 8.33333%
    }

    .el-col-sm-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-sm-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-sm-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-sm-3 {
        width: 12.5%
    }

    .el-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .el-col-sm-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-sm-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-sm-4 {
        width: 16.6667%
    }

    .el-col-sm-offset-4 {
        margin-left: 16.6667%
    }

    .el-col-sm-pull-4 {
        position: relative;
        right: 16.6667%
    }

    .el-col-sm-push-4 {
        left: 16.6667%;
        position: relative
    }

    .el-col-sm-5 {
        width: 20.8333%
    }

    .el-col-sm-offset-5 {
        margin-left: 20.8333%
    }

    .el-col-sm-pull-5 {
        position: relative;
        right: 20.8333%
    }

    .el-col-sm-push-5 {
        left: 20.8333%;
        position: relative
    }

    .el-col-sm-6 {
        width: 25%
    }

    .el-col-sm-offset-6 {
        margin-left: 25%
    }

    .el-col-sm-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-sm-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-sm-7 {
        width: 29.1667%
    }

    .el-col-sm-offset-7 {
        margin-left: 29.1667%
    }

    .el-col-sm-pull-7 {
        position: relative;
        right: 29.1667%
    }

    .el-col-sm-push-7 {
        left: 29.1667%;
        position: relative
    }

    .el-col-sm-8 {
        width: 33.3333%
    }

    .el-col-sm-offset-8 {
        margin-left: 33.3333%
    }

    .el-col-sm-pull-8 {
        position: relative;
        right: 33.3333%
    }

    .el-col-sm-push-8 {
        left: 33.3333%;
        position: relative
    }

    .el-col-sm-9 {
        width: 37.5%
    }

    .el-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .el-col-sm-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-sm-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-sm-10 {
        width: 41.6667%
    }

    .el-col-sm-offset-10 {
        margin-left: 41.6667%
    }

    .el-col-sm-pull-10 {
        position: relative;
        right: 41.6667%
    }

    .el-col-sm-push-10 {
        left: 41.6667%;
        position: relative
    }

    .el-col-sm-11 {
        width: 45.8333%
    }

    .el-col-sm-offset-11 {
        margin-left: 45.8333%
    }

    .el-col-sm-pull-11 {
        position: relative;
        right: 45.8333%
    }

    .el-col-sm-push-11 {
        left: 45.8333%;
        position: relative
    }

    .el-col-sm-12 {
        width: 50%
    }

    .el-col-sm-offset-12 {
        margin-left: 50%
    }

    .el-col-sm-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-sm-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-sm-13 {
        width: 54.1667%
    }

    .el-col-sm-offset-13 {
        margin-left: 54.1667%
    }

    .el-col-sm-pull-13 {
        position: relative;
        right: 54.1667%
    }

    .el-col-sm-push-13 {
        left: 54.1667%;
        position: relative
    }

    .el-col-sm-14 {
        width: 58.3333%
    }

    .el-col-sm-offset-14 {
        margin-left: 58.3333%
    }

    .el-col-sm-pull-14 {
        position: relative;
        right: 58.3333%
    }

    .el-col-sm-push-14 {
        left: 58.3333%;
        position: relative
    }

    .el-col-sm-15 {
        width: 62.5%
    }

    .el-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .el-col-sm-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-sm-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-sm-16 {
        width: 66.6667%
    }

    .el-col-sm-offset-16 {
        margin-left: 66.6667%
    }

    .el-col-sm-pull-16 {
        position: relative;
        right: 66.6667%
    }

    .el-col-sm-push-16 {
        left: 66.6667%;
        position: relative
    }

    .el-col-sm-17 {
        width: 70.8333%
    }

    .el-col-sm-offset-17 {
        margin-left: 70.8333%
    }

    .el-col-sm-pull-17 {
        position: relative;
        right: 70.8333%
    }

    .el-col-sm-push-17 {
        left: 70.8333%;
        position: relative
    }

    .el-col-sm-18 {
        width: 75%
    }

    .el-col-sm-offset-18 {
        margin-left: 75%
    }

    .el-col-sm-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-sm-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-sm-19 {
        width: 79.1667%
    }

    .el-col-sm-offset-19 {
        margin-left: 79.1667%
    }

    .el-col-sm-pull-19 {
        position: relative;
        right: 79.1667%
    }

    .el-col-sm-push-19 {
        left: 79.1667%;
        position: relative
    }

    .el-col-sm-20 {
        width: 83.3333%
    }

    .el-col-sm-offset-20 {
        margin-left: 83.3333%
    }

    .el-col-sm-pull-20 {
        position: relative;
        right: 83.3333%
    }

    .el-col-sm-push-20 {
        left: 83.3333%;
        position: relative
    }

    .el-col-sm-21 {
        width: 87.5%
    }

    .el-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .el-col-sm-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-sm-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-sm-22 {
        width: 91.6667%
    }

    .el-col-sm-offset-22 {
        margin-left: 91.6667%
    }

    .el-col-sm-pull-22 {
        position: relative;
        right: 91.6667%
    }

    .el-col-sm-push-22 {
        left: 91.6667%;
        position: relative
    }

    .el-col-sm-23 {
        width: 95.8333%
    }

    .el-col-sm-offset-23 {
        margin-left: 95.8333%
    }

    .el-col-sm-pull-23 {
        position: relative;
        right: 95.8333%
    }

    .el-col-sm-push-23 {
        left: 95.8333%;
        position: relative
    }

    .el-col-sm-24 {
        width: 100%
    }

    .el-col-sm-offset-24 {
        margin-left: 100%
    }

    .el-col-sm-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-sm-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:992px) {
    .el-col-md-0 {
        display: none;
        width: 0
    }

    .el-col-md-offset-0 {
        margin-left: 0
    }

    .el-col-md-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-md-push-0 {
        left: 0;
        position: relative
    }

    .el-col-md-1 {
        width: 4.16667%
    }

    .el-col-md-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-md-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-md-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-md-2 {
        width: 8.33333%
    }

    .el-col-md-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-md-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-md-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-md-3 {
        width: 12.5%
    }

    .el-col-md-offset-3 {
        margin-left: 12.5%
    }

    .el-col-md-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-md-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-md-4 {
        width: 16.6667%
    }

    .el-col-md-offset-4 {
        margin-left: 16.6667%
    }

    .el-col-md-pull-4 {
        position: relative;
        right: 16.6667%
    }

    .el-col-md-push-4 {
        left: 16.6667%;
        position: relative
    }

    .el-col-md-5 {
        width: 20.8333%
    }

    .el-col-md-offset-5 {
        margin-left: 20.8333%
    }

    .el-col-md-pull-5 {
        position: relative;
        right: 20.8333%
    }

    .el-col-md-push-5 {
        left: 20.8333%;
        position: relative
    }

    .el-col-md-6 {
        width: 25%
    }

    .el-col-md-offset-6 {
        margin-left: 25%
    }

    .el-col-md-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-md-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-md-7 {
        width: 29.1667%
    }

    .el-col-md-offset-7 {
        margin-left: 29.1667%
    }

    .el-col-md-pull-7 {
        position: relative;
        right: 29.1667%
    }

    .el-col-md-push-7 {
        left: 29.1667%;
        position: relative
    }

    .el-col-md-8 {
        width: 33.3333%
    }

    .el-col-md-offset-8 {
        margin-left: 33.3333%
    }

    .el-col-md-pull-8 {
        position: relative;
        right: 33.3333%
    }

    .el-col-md-push-8 {
        left: 33.3333%;
        position: relative
    }

    .el-col-md-9 {
        width: 37.5%
    }

    .el-col-md-offset-9 {
        margin-left: 37.5%
    }

    .el-col-md-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-md-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-md-10 {
        width: 41.6667%
    }

    .el-col-md-offset-10 {
        margin-left: 41.6667%
    }

    .el-col-md-pull-10 {
        position: relative;
        right: 41.6667%
    }

    .el-col-md-push-10 {
        left: 41.6667%;
        position: relative
    }

    .el-col-md-11 {
        width: 45.8333%
    }

    .el-col-md-offset-11 {
        margin-left: 45.8333%
    }

    .el-col-md-pull-11 {
        position: relative;
        right: 45.8333%
    }

    .el-col-md-push-11 {
        left: 45.8333%;
        position: relative
    }

    .el-col-md-12 {
        width: 50%
    }

    .el-col-md-offset-12 {
        margin-left: 50%
    }

    .el-col-md-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-md-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-md-13 {
        width: 54.1667%
    }

    .el-col-md-offset-13 {
        margin-left: 54.1667%
    }

    .el-col-md-pull-13 {
        position: relative;
        right: 54.1667%
    }

    .el-col-md-push-13 {
        left: 54.1667%;
        position: relative
    }

    .el-col-md-14 {
        width: 58.3333%
    }

    .el-col-md-offset-14 {
        margin-left: 58.3333%
    }

    .el-col-md-pull-14 {
        position: relative;
        right: 58.3333%
    }

    .el-col-md-push-14 {
        left: 58.3333%;
        position: relative
    }

    .el-col-md-15 {
        width: 62.5%
    }

    .el-col-md-offset-15 {
        margin-left: 62.5%
    }

    .el-col-md-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-md-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-md-16 {
        width: 66.6667%
    }

    .el-col-md-offset-16 {
        margin-left: 66.6667%
    }

    .el-col-md-pull-16 {
        position: relative;
        right: 66.6667%
    }

    .el-col-md-push-16 {
        left: 66.6667%;
        position: relative
    }

    .el-col-md-17 {
        width: 70.8333%
    }

    .el-col-md-offset-17 {
        margin-left: 70.8333%
    }

    .el-col-md-pull-17 {
        position: relative;
        right: 70.8333%
    }

    .el-col-md-push-17 {
        left: 70.8333%;
        position: relative
    }

    .el-col-md-18 {
        width: 75%
    }

    .el-col-md-offset-18 {
        margin-left: 75%
    }

    .el-col-md-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-md-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-md-19 {
        width: 79.1667%
    }

    .el-col-md-offset-19 {
        margin-left: 79.1667%
    }

    .el-col-md-pull-19 {
        position: relative;
        right: 79.1667%
    }

    .el-col-md-push-19 {
        left: 79.1667%;
        position: relative
    }

    .el-col-md-20 {
        width: 83.3333%
    }

    .el-col-md-offset-20 {
        margin-left: 83.3333%
    }

    .el-col-md-pull-20 {
        position: relative;
        right: 83.3333%
    }

    .el-col-md-push-20 {
        left: 83.3333%;
        position: relative
    }

    .el-col-md-21 {
        width: 87.5%
    }

    .el-col-md-offset-21 {
        margin-left: 87.5%
    }

    .el-col-md-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-md-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-md-22 {
        width: 91.6667%
    }

    .el-col-md-offset-22 {
        margin-left: 91.6667%
    }

    .el-col-md-pull-22 {
        position: relative;
        right: 91.6667%
    }

    .el-col-md-push-22 {
        left: 91.6667%;
        position: relative
    }

    .el-col-md-23 {
        width: 95.8333%
    }

    .el-col-md-offset-23 {
        margin-left: 95.8333%
    }

    .el-col-md-pull-23 {
        position: relative;
        right: 95.8333%
    }

    .el-col-md-push-23 {
        left: 95.8333%;
        position: relative
    }

    .el-col-md-24 {
        width: 100%
    }

    .el-col-md-offset-24 {
        margin-left: 100%
    }

    .el-col-md-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-md-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:1200px) {
    .el-col-lg-0 {
        display: none;
        width: 0
    }

    .el-col-lg-offset-0 {
        margin-left: 0
    }

    .el-col-lg-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-lg-push-0 {
        left: 0;
        position: relative
    }

    .el-col-lg-1 {
        width: 4.16667%
    }

    .el-col-lg-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-lg-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-lg-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-lg-2 {
        width: 8.33333%
    }

    .el-col-lg-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-lg-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-lg-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-lg-3 {
        width: 12.5%
    }

    .el-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .el-col-lg-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-lg-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-lg-4 {
        width: 16.6667%
    }

    .el-col-lg-offset-4 {
        margin-left: 16.6667%
    }

    .el-col-lg-pull-4 {
        position: relative;
        right: 16.6667%
    }

    .el-col-lg-push-4 {
        left: 16.6667%;
        position: relative
    }

    .el-col-lg-5 {
        width: 20.8333%
    }

    .el-col-lg-offset-5 {
        margin-left: 20.8333%
    }

    .el-col-lg-pull-5 {
        position: relative;
        right: 20.8333%
    }

    .el-col-lg-push-5 {
        left: 20.8333%;
        position: relative
    }

    .el-col-lg-6 {
        width: 25%
    }

    .el-col-lg-offset-6 {
        margin-left: 25%
    }

    .el-col-lg-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-lg-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-lg-7 {
        width: 29.1667%
    }

    .el-col-lg-offset-7 {
        margin-left: 29.1667%
    }

    .el-col-lg-pull-7 {
        position: relative;
        right: 29.1667%
    }

    .el-col-lg-push-7 {
        left: 29.1667%;
        position: relative
    }

    .el-col-lg-8 {
        width: 33.3333%
    }

    .el-col-lg-offset-8 {
        margin-left: 33.3333%
    }

    .el-col-lg-pull-8 {
        position: relative;
        right: 33.3333%
    }

    .el-col-lg-push-8 {
        left: 33.3333%;
        position: relative
    }

    .el-col-lg-9 {
        width: 37.5%
    }

    .el-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .el-col-lg-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-lg-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-lg-10 {
        width: 41.6667%
    }

    .el-col-lg-offset-10 {
        margin-left: 41.6667%
    }

    .el-col-lg-pull-10 {
        position: relative;
        right: 41.6667%
    }

    .el-col-lg-push-10 {
        left: 41.6667%;
        position: relative
    }

    .el-col-lg-11 {
        width: 45.8333%
    }

    .el-col-lg-offset-11 {
        margin-left: 45.8333%
    }

    .el-col-lg-pull-11 {
        position: relative;
        right: 45.8333%
    }

    .el-col-lg-push-11 {
        left: 45.8333%;
        position: relative
    }

    .el-col-lg-12 {
        width: 50%
    }

    .el-col-lg-offset-12 {
        margin-left: 50%
    }

    .el-col-lg-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-lg-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-lg-13 {
        width: 54.1667%
    }

    .el-col-lg-offset-13 {
        margin-left: 54.1667%
    }

    .el-col-lg-pull-13 {
        position: relative;
        right: 54.1667%
    }

    .el-col-lg-push-13 {
        left: 54.1667%;
        position: relative
    }

    .el-col-lg-14 {
        width: 58.3333%
    }

    .el-col-lg-offset-14 {
        margin-left: 58.3333%
    }

    .el-col-lg-pull-14 {
        position: relative;
        right: 58.3333%
    }

    .el-col-lg-push-14 {
        left: 58.3333%;
        position: relative
    }

    .el-col-lg-15 {
        width: 62.5%
    }

    .el-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .el-col-lg-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-lg-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-lg-16 {
        width: 66.6667%
    }

    .el-col-lg-offset-16 {
        margin-left: 66.6667%
    }

    .el-col-lg-pull-16 {
        position: relative;
        right: 66.6667%
    }

    .el-col-lg-push-16 {
        left: 66.6667%;
        position: relative
    }

    .el-col-lg-17 {
        width: 70.8333%
    }

    .el-col-lg-offset-17 {
        margin-left: 70.8333%
    }

    .el-col-lg-pull-17 {
        position: relative;
        right: 70.8333%
    }

    .el-col-lg-push-17 {
        left: 70.8333%;
        position: relative
    }

    .el-col-lg-18 {
        width: 75%
    }

    .el-col-lg-offset-18 {
        margin-left: 75%
    }

    .el-col-lg-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-lg-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-lg-19 {
        width: 79.1667%
    }

    .el-col-lg-offset-19 {
        margin-left: 79.1667%
    }

    .el-col-lg-pull-19 {
        position: relative;
        right: 79.1667%
    }

    .el-col-lg-push-19 {
        left: 79.1667%;
        position: relative
    }

    .el-col-lg-20 {
        width: 83.3333%
    }

    .el-col-lg-offset-20 {
        margin-left: 83.3333%
    }

    .el-col-lg-pull-20 {
        position: relative;
        right: 83.3333%
    }

    .el-col-lg-push-20 {
        left: 83.3333%;
        position: relative
    }

    .el-col-lg-21 {
        width: 87.5%
    }

    .el-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .el-col-lg-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-lg-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-lg-22 {
        width: 91.6667%
    }

    .el-col-lg-offset-22 {
        margin-left: 91.6667%
    }

    .el-col-lg-pull-22 {
        position: relative;
        right: 91.6667%
    }

    .el-col-lg-push-22 {
        left: 91.6667%;
        position: relative
    }

    .el-col-lg-23 {
        width: 95.8333%
    }

    .el-col-lg-offset-23 {
        margin-left: 95.8333%
    }

    .el-col-lg-pull-23 {
        position: relative;
        right: 95.8333%
    }

    .el-col-lg-push-23 {
        left: 95.8333%;
        position: relative
    }

    .el-col-lg-24 {
        width: 100%
    }

    .el-col-lg-offset-24 {
        margin-left: 100%
    }

    .el-col-lg-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-lg-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:1920px) {
    .el-col-xl-0 {
        display: none;
        width: 0
    }

    .el-col-xl-offset-0 {
        margin-left: 0
    }

    .el-col-xl-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xl-push-0 {
        left: 0;
        position: relative
    }

    .el-col-xl-1 {
        width: 4.16667%
    }

    .el-col-xl-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xl-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xl-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-xl-2 {
        width: 8.33333%
    }

    .el-col-xl-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xl-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xl-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-xl-3 {
        width: 12.5%
    }

    .el-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xl-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xl-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-xl-4 {
        width: 16.6667%
    }

    .el-col-xl-offset-4 {
        margin-left: 16.6667%
    }

    .el-col-xl-pull-4 {
        position: relative;
        right: 16.6667%
    }

    .el-col-xl-push-4 {
        left: 16.6667%;
        position: relative
    }

    .el-col-xl-5 {
        width: 20.8333%
    }

    .el-col-xl-offset-5 {
        margin-left: 20.8333%
    }

    .el-col-xl-pull-5 {
        position: relative;
        right: 20.8333%
    }

    .el-col-xl-push-5 {
        left: 20.8333%;
        position: relative
    }

    .el-col-xl-6 {
        width: 25%
    }

    .el-col-xl-offset-6 {
        margin-left: 25%
    }

    .el-col-xl-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xl-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-xl-7 {
        width: 29.1667%
    }

    .el-col-xl-offset-7 {
        margin-left: 29.1667%
    }

    .el-col-xl-pull-7 {
        position: relative;
        right: 29.1667%
    }

    .el-col-xl-push-7 {
        left: 29.1667%;
        position: relative
    }

    .el-col-xl-8 {
        width: 33.3333%
    }

    .el-col-xl-offset-8 {
        margin-left: 33.3333%
    }

    .el-col-xl-pull-8 {
        position: relative;
        right: 33.3333%
    }

    .el-col-xl-push-8 {
        left: 33.3333%;
        position: relative
    }

    .el-col-xl-9 {
        width: 37.5%
    }

    .el-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xl-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xl-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-xl-10 {
        width: 41.6667%
    }

    .el-col-xl-offset-10 {
        margin-left: 41.6667%
    }

    .el-col-xl-pull-10 {
        position: relative;
        right: 41.6667%
    }

    .el-col-xl-push-10 {
        left: 41.6667%;
        position: relative
    }

    .el-col-xl-11 {
        width: 45.8333%
    }

    .el-col-xl-offset-11 {
        margin-left: 45.8333%
    }

    .el-col-xl-pull-11 {
        position: relative;
        right: 45.8333%
    }

    .el-col-xl-push-11 {
        left: 45.8333%;
        position: relative
    }

    .el-col-xl-12 {
        width: 50%
    }

    .el-col-xl-offset-12 {
        margin-left: 50%
    }

    .el-col-xl-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xl-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-xl-13 {
        width: 54.1667%
    }

    .el-col-xl-offset-13 {
        margin-left: 54.1667%
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.1667%
    }

    .el-col-xl-push-13 {
        left: 54.1667%;
        position: relative
    }

    .el-col-xl-14 {
        width: 58.3333%
    }

    .el-col-xl-offset-14 {
        margin-left: 58.3333%
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.3333%
    }

    .el-col-xl-push-14 {
        left: 58.3333%;
        position: relative
    }

    .el-col-xl-15 {
        width: 62.5%
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xl-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-xl-16 {
        width: 66.6667%
    }

    .el-col-xl-offset-16 {
        margin-left: 66.6667%
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.6667%
    }

    .el-col-xl-push-16 {
        left: 66.6667%;
        position: relative
    }

    .el-col-xl-17 {
        width: 70.8333%
    }

    .el-col-xl-offset-17 {
        margin-left: 70.8333%
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.8333%
    }

    .el-col-xl-push-17 {
        left: 70.8333%;
        position: relative
    }

    .el-col-xl-18 {
        width: 75%
    }

    .el-col-xl-offset-18 {
        margin-left: 75%
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xl-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-xl-19 {
        width: 79.1667%
    }

    .el-col-xl-offset-19 {
        margin-left: 79.1667%
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.1667%
    }

    .el-col-xl-push-19 {
        left: 79.1667%;
        position: relative
    }

    .el-col-xl-20 {
        width: 83.3333%
    }

    .el-col-xl-offset-20 {
        margin-left: 83.3333%
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.3333%
    }

    .el-col-xl-push-20 {
        left: 83.3333%;
        position: relative
    }

    .el-col-xl-21 {
        width: 87.5%
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xl-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-xl-22 {
        width: 91.6667%
    }

    .el-col-xl-offset-22 {
        margin-left: 91.6667%
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.6667%
    }

    .el-col-xl-push-22 {
        left: 91.6667%;
        position: relative
    }

    .el-col-xl-23 {
        width: 95.8333%
    }

    .el-col-xl-offset-23 {
        margin-left: 95.8333%
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.8333%
    }

    .el-col-xl-push-23 {
        left: 95.8333%;
        position: relative
    }

    .el-col-xl-24 {
        width: 100%
    }

    .el-col-xl-offset-24 {
        margin-left: 100%
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xl-push-24 {
        left: 100%;
        position: relative
    }
}

@media (max-width:1280px) {
    .c-register-side-banner .column-end {
        display: none !important
    }
}

@media screen and (max-width:376px) {
    .c-home-banner .register-wrap {
        flex-direction: column
    }

    .c-home-banner .via-input {
        margin-bottom: 12px;
        width: 100%
    }

    .c-home-banner .via-btn {
        margin-inline-start: 0 !important;
        min-width: 100% !important;
        width: 100%
    }

    .c-home-banner .title-wrapper {
        margin-top: 16px
    }
}

@media (max-width:1279.98px) {
    .p-insight .fixed-header .fixed-header-inner {
        width: 100%
    }

    .p-insight .fixed-header .fixed-header-inner .type-item {
        padding-bottom: 5px
    }

    .p-insight .fixed-header .fixed-header-inner .type-item.active:after {
        bottom: 0
    }

    .l\:order-1 {
        order: 1 !important
    }

    .l\:order-2 {
        order: 2 !important
    }

    .l\:mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .l\:mt-10 {
        margin-top: 10px !important
    }

    .l\:mt-20 {
        margin-top: 20px !important
    }

    .l\:block {
        display: block !important
    }

    .l\:flex {
        display: flex !important
    }

    .l\:hidden {
        display: none !important
    }

    .l\:w-full {
        width: 100% !important
    }

    .l\:min-w-full {
        min-width: 100% !important
    }

    .l\:max-w-full {
        max-width: 100% !important
    }

    .l\:flex-col {
        flex-direction: column !important
    }

    .l\:border-b-1 {
        border-bottom-width: 1px !important
    }

    .l\:border-e6e7eb {
        border-color: var(--border-e6e7eb) !important
    }

    .l\:px-12 {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .l\:px-25 {
        padding-left: 25px !important;
        padding-right: 25px !important
    }

    .l\:py-14 {
        padding-bottom: 14px !important;
        padding-top: 14px !important
    }

    .l\:pb-10 {
        padding-bottom: 10px !important
    }

    .l\:pb-8 {
        padding-bottom: 8px !important
    }

    .l\:pt-20 {
        padding-top: 20px !important
    }

    .l\:text-14 {
        font-size: 14px !important
    }

    .l\:ps-0 {
        padding-inline-start: 0 !important
    }

    .l\:pe-0 {
        padding-inline-end: 0 !important
    }

    .c-common-footer .top-box .lower-box .left-box .left-box-social {
        position: static
    }

    .c-common-footer .top-box .lower-box .right-box .link-col {
        border-bottom: 1px solid var(--border-e0e3ed);
        margin: 0;
        max-height: 72px;
        overflow: hidden;
        transition: max-height .4s ease-out
    }

    .c-common-footer .top-box .lower-box .right-box .link-col.dividing-line .col-title {
        padding-inline-start: 0
    }

    .c-common-footer .top-box .lower-box .right-box .link-col.dividing-line .item-box {
        border-inline-start: none;
        padding-inline-start: 0
    }

    .c-common-footer .top-box .lower-box .right-box .link-col.link-col-active {
        max-height: none
    }

    .c-common-footer .top-box .lower-box .right-box .link-col.link-col-active .col-title .iconfont {
        transform: rotate(90deg)
    }

    .c-common-footer .top-box .lower-box .right-box .link-col.link-col-active .item-box {
        max-height: 350px;
        overflow-y: auto
    }

    .c-common-footer .top-box .lower-box .right-box .link-col:last-child {
        border: none
    }

    .c-common-footer .top-box .lower-box .right-box .link-col .col-title {
        align-items: center;
        display: flex;
        height: 72px;
        justify-content: space-between;
        margin: 0
    }

    .c-common-footer .top-box .lower-box .right-box .link-col .col-title .iconfont {
        color: var(--text-aeb0b3);
        font-size: 24px
    }

    .tab-fixed .nav-wrapper .nav-content {
        width: 100%
    }
}

@media screen and (max-height:668px)and (max-width:768px) {
    .c-futures-trade-leverdialog .via-dialog .via-dialog-body {
        max-height: 460px
    }
}

@media screen and (max-width:768px) {

    .c-asset-loans-liquidation .via-dialog-header,
    .c-asset-margin-closeprice .via-dialog-header {
        margin-bottom: 10px
    }

    .c-exchange-chart-klinenav .navbar-left .via-select-label.input {
        padding-inline-end: 14px !important
    }

    .c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item:hover {
        font-weight: 400
    }

    .c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item:hover:after {
        border-top: none !important
    }

    .c-my-info-security-basicsetting .basic-item {
        padding: 15px 20px 20px
    }

    [theme-style=new] .el-dialog {
        width: 100%
    }

    .via-container-elastic {
        padding: 0 20px;
        width: 100%
    }

    .via-row .via-row-inner {
        display: block
    }

    .via-col {
        width: auto
    }

    .c-home-news-list {
        --font-size: 14px
    }

    .c-home-ranks .ranks-font-size,
    .c-home-ranks .via-table .c-common-sub-num {
        font-size: 14px !important
    }

    .c-contract-base .right-info-box {
        border: none;
        max-height: none;
        padding: 24px;
        padding-inline-start: 24px
    }
}

@media screen and (max-height:735px)and (max-width:768px) {
    .c-asset-increase-liquidity .c-asset-increase-liquidity-content {
        height: 380px;
        overflow: auto
    }
}

@media screen and (max-width:1024px)and (min-width:768.02px) {
    .c-orderbook-table {
        box-shadow: none
    }

    .c-orderbook-table .orderbook-wrap .list-item {
        padding: 4px 0 !important
    }

    .c-orderbook-table .orderbook-wrap .title {
        display: none
    }
}

@media screen and (min-width:1025px)and (max-width:1280px) {
    .c-exchange-summary-content-container .content-slot .list-item .column {
        width: 20%
    }
}

@media (min-width:1800px) {
    .\!container {
        max-width: 1800px !important
    }

    .container {
        max-width: 1800px
    }
}

@media (max-width:1024px) {
    .xm\:block {
        display: block !important
    }

    .xm\:hidden {
        display: none !important
    }

    .xm\:h-auto {
        height: auto !important
    }

    .xm\:ms-0 {
        margin-inline-start: 0 !important
    }
}

@media (min-width:768.02px) {
    .resp-mobile .mobile-content {
        margin: 0 auto;
        width: 375px
    }
}

@media (min-width:1600px) {
    .ui0-font-title0 {
        font-size: 64px;
        line-height: 76px
    }

    .ui0-font-title1 {
        font-size: 56px;
        line-height: 68px
    }

    .ui0-font-title2 {
        font-size: 48px;
        line-height: 56px
    }

    .ui0-font-title3 {
        font-size: 40px;
        line-height: 48px
    }

    .ui0-font-title4 {
        font-size: 32px;
        line-height: 38px
    }

    .ui0-font-title5 {
        font-size: 24px;
        line-height: 32px
    }

    .ui0-font-title6 {
        font-size: 20px;
        line-height: 26px
    }

    .ui0-font-title7 {
        font-size: 16px;
        line-height: 22px
    }

    .ui0-font-title8 {
        font-size: 14px;
        line-height: 20px
    }

    .ui0-font-body1 {
        font-size: 20px;
        line-height: 28px
    }

    .ui0-font-body2 {
        font-size: 16px;
        line-height: 22px
    }

    .ui0-font-body2_phrase {
        font-size: 16px;
        line-height: 28px
    }

    .ui0-font-body3 {
        font-size: 14px;
        line-height: 20px
    }

    .ui0-font-body4 {
        font-size: 12px;
        line-height: 16px
    }

    .ui0-font-digit1 {
        font-size: 44px;
        line-height: 52px
    }

    .ui0-font-digit2 {
        font-size: 40px;
        line-height: 48px
    }

    .ui0-font-digit3 {
        font-size: 36px;
        line-height: 44px
    }

    .ui0-font-digit4 {
        font-size: 32px;
        line-height: 38px
    }

    .ui0-font-digit5 {
        font-size: 24px;
        line-height: 32px
    }

    .ui0-font-digit6 {
        font-size: 20px;
        line-height: 26px
    }

    .ui0-font-digit7 {
        font-size: 16px;
        line-height: 22px
    }

    .ui0-font-digit8 {
        line-height: 20px
    }

    .ui0-font-digit9 {
        font-size: 12px;
        line-height: 16px
    }
}

@media screen and (max-width:1460px) {
    .c-common-header-nav-wrap .new-icon {
        width: 26px
    }

    .c-header-dropdown-menu .c-header-dropdown-menu-title {
        padding: 0 10px
    }
}

@media screen and (max-width:1400px) {
    .c-common-header-nav-wrap .link-newbie-box {
        display: none
    }

    .c-common-header-nav-wrap .link-newbie-box.show-icon {
        background: none;
        border: none;
        display: inline-flex;
        flex-shrink: 0;
        padding: 0
    }

    .c-common-header-nav-wrap .link-newbie-box .newbie-text {
        display: none
    }
}

@media (hover:hover) {
    .via-btn.via-btn--opacity[data-v-425bae24]:hover {
        background-color: rgba(14, 173, 152, .1);
        color: var(--text-0ead98)
    }

    .via-btn.via-btn--tab[data-v-425bae24]:hover {
        background-color: var(--bg-0ead98-10);
        border: none;
        color: var(--text-0ead98)
    }

    .via-btn.via-btn--tab[color=red][data-v-425bae24]:hover {
        background-color: var(--bg-db5541-5);
        color: var(--text-db5541)
    }

    .via-btn.via-btn--outline[data-v-425bae24]:hover {
        background-color: transparent;
        border-color: var(--bg-0ead98);
        color: var(--text-0ead98)
    }

    .via-btn.via-btn--neutral-black[data-v-425bae24]:hover,
    .via-btn.via-btn--neutral-white[data-v-425bae24]:hover {
        background-color: var(--bg-3a3d42);
        border: none;
        color: var(--text-ffffff)
    }

    .via-btn[data-v-425bae24]:hover {
        background-color: var(--bg-1bbeb2);
        border: 1px solid transparent;
        color: #fff;
        transition: .2s
    }

    .via-btn.via-btn--outline[color=white][data-v-425bae24]:hover {
        border-color: rgb(var(--ui0-bg-input_gray));
        color: rgb(var(--ui0-bg-input_gray))
    }

    .via-btn.via-btn--area[color=green-opacity][data-v-425bae24]:hover {
        background-color: rgba(14, 173, 152, .1);
        border-color: transparent
    }

    .via-btn.via-btn--area[color=red][data-v-425bae24]:hover {
        background-color: #f06a5b;
        border-color: #f06a5b
    }

    .via-btn.via-btn--area[color=orange-opacity][data-v-425bae24]:hover {
        background: rgba(243, 139, 44, .2)
    }

    .via-btn.via-btn--area[color=black][data-v-425bae24]:hover {
        background-color: var(--bg-3a3d42);
        border-color: var(--bg-3a3d42)
    }

    .via-btn.via-btn--area[color=white][data-v-425bae24]:hover {
        background: rgb(var(--ui0-bg-input_gray));
        border-color: rgb(var(--ui0-bg-input_gray))
    }
}

@media screen and (max-height:700px)and (min-width:768px) {
    .c-header-mobile .dropdown-panel {
        height: calc(-58px + 100vh)
    }
}

@media screen and (min-width:1300px) {
    .via-container-elastic {
        max-width: 1600px;
        min-width: 1196px;
        width: 72%
    }

    .via-row .via-row-gutter-auto {
        margin-left: -12px;
        margin-right: -12px
    }

    .via-col.via-col-gutter-auto {
        padding-left: 12px;
        padding-right: 12px
    }

    .c-token-row {
        --gutter-margin: -12px
    }

    .c-token-col {
        --gutter-padding: 12px
    }

    .p-token .content-elastic {
        max-width: 1600px;
        min-width: 1196px;
        width: 72%
    }
}

@media screen and (min-width:768px)and (max-width:1300px) {
    .via-container-elastic {
        width: 92%
    }

    .via-row .via-row-gutter-auto {
        margin-left: -8px;
        margin-right: -8px
    }

    .via-col.via-col-gutter-auto {
        padding-left: 8px;
        padding-right: 8px
    }

    .c-home-banner {
        --banner-max-height: 480px
    }

    .c-home-banner .title-wrapper {
        width: 93%
    }

    .c-home-banner .title-wrapper .title {
        font-size: 40px;
        line-height: 1.2
    }

    .c-home-banner .title-wrapper .subTitle,
    .c-home-banner .title-wrapper .title {
        max-width: 590px
    }
}

@media screen and (min-width:1300px)and (max-width:1600px) {
    .c-home-banner {
        --banner-max-height: 480px
    }

    .c-home-banner .title-wrapper {
        width: 87%
    }

    .c-home-banner .title-wrapper .title {
        font-size: 40px;
        line-height: 1.2
    }
}

@media screen and (max-width:1100px) {
    .c-home-banner.banner-activity .title {
        font-size: 36px !important
    }

    .c-home-banner.banner-activity .subTitle {
        font-size: 16px !important
    }
}

@media screen and (min-width:768px)and (max-width:1600px) {
    .c-home-market-list {
        height: 60px;
        margin-top: 48px
    }

    .c-home-market-list .skeleton-screen {
        margin-top: 6px
    }
}

@media screen and (max-width:1300px) {
    .c-home-download .right-wrap .bottom-wrap {
        flex-direction: column;
        margin-top: 32px
    }

    .c-home-download .right-wrap .logo-wrapper {
        margin-top: 24px
    }

    .c-home-download .right-wrap .subTitle {
        margin-top: 16px
    }

    .c-home-information .left-wrapper .title {
        width: 100%
    }

    .c-home-information .left-wrapper .country-newbie-wrapper {
        flex-direction: column
    }

    .c-home-information .left-wrapper .country-newbie-wrapper .country-wrapper,
    .c-home-information .left-wrapper .country-newbie-wrapper .newbie-wrapper {
        width: 100% !important
    }

    .c-home-information .left-wrapper .country-newbie-wrapper .newbie-wrapper {
        margin-top: 16px
    }

    .c-home-information .left-wrapper .country-newbie-wrapper .img-wrapper {
        margin-right: 16px
    }

    .c-home-service {
        background-size: 100% 100%
    }
}

@media screen and (min-width:1300px)and (max-width:1650px) {
    .c-home-ranks .via-table-header .table-label {
        font-size: 15px !important
    }
}

@media screen and (min-width:1200px)and (max-width:1499px) {
    .c-home-token-info .token-info-bg {
        max-width: none;
        width: auto
    }
}

@media screen and (max-width:1350px) {
    .p-index .content-width {
        width: 90%
    }

    .p-index .ranks-width {
        width: 65%
    }
}

@media screen and (min-width:1350px)and (max-width:1650px) {
    .p-index .content-width {
        width: 90%
    }

    .p-index .ranks-width {
        width: 62%
    }
}

@media screen and (max-width:1440px) {
    .c-aboutus-advantage {
        margin: 0
    }
}

@media screen and (max-width:1299px) {
    .c-token-row {
        --gutter-margin: -8px
    }

    .c-token-col {
        --gutter-padding: 8px
    }

    .p-token .content-elastic {
        width: 92%
    }
}

@media (max-width:375px) {

    .c-refer-dialog-share .poster-slider,
    .c-refer-dialog-share .poster-wrapper {
        width: 250px
    }
}

:root {
    --color-main: var(--bg-0ead98);
    --color-green: var(--ui0-base-brand);
    --color-red: var(--ui0-base-error);
    --color-title: #f1fffb;
    --color-title2: #fff;
    --color-desc: rgba(236, 233, 254, .8);
    --color-desc2: rgba(236, 233, 254, .6);
    --color-desc3: #8e8c98;
    --color-desc4: #ece9fe;
    --color-desc5: rgba(236, 233, 254, .4);
    --color-desc6: #ece9fe;
    --color-desc7: #2f3134;
    --color-desc8: #9593a0;
    --color-desc9: rgba(236, 233, 254, .7);
    --color-desc10: #ece9fe;
    --color-desc11: hsla(0, 0%, 100%, .5);
    --color-desc12: #8e8c98;
    --color-desc13: rgba(236, 233, 254, .4);
    --color-desc14: rgba(236, 233, 254, .4);
    --color-desc15: rgba(236, 233, 254, .6);
    --color-desc16: #fbfaff;
    --color-desc17: hsla(0, 0%, 100%, .6);
    --color-desc18: #b0b3bd;
    --color-desc19: #9593a0;
    --color-desc20: #8e8c98;
    --color-desc21: #98a2b3;
    --color-desc22: rgba(236, 233, 254, .8);
    --color-desc23: #fff;
    --color-bg-main: #000;
    --color-bg-box-1: #111215;
    --color-bg-box-2: #1a1c20;
    --color-bg-box-3: #1e1f21;
    --color-bg-box-4: #16171b;
    --color-bg-box-5: #16171a;
    --color-bg-box-6: rgba(0, 0, 0, .4);
    --color-bg-box-7: rgba(13, 14, 16, .2);
    --color-bg-box-8: rgba(26, 28, 32, .3);
    --color-bg-box-9: #1a1c20;
    --color-bg-box-10: rgba(17, 18, 21, .16);
    --color-bg-box-11: rgba(3, 3, 3, .2);
    --color-bg-box-12: #131317;
    --color-bg-box-13: #120f19;
    --color-bg-box-14: hsla(0, 0%, 100%, .02);
    --color-bg-box-15: #040405;
    --color-bg-box-16: #070709;
    --color-bg-box-17: var(--bg-ffffff);
    --color-bg-box-18: #030303;
    --color-bg-box-19: #1a1c20;
    --color-bg-box-20: #080808;
    --color-bg-box-21: #282832;
    --color-bg-box-22: #3a3a40;
    --color-bg-box-23: #202226;
    --color-bg-box-24: #111215;
    --color-bb-1: #1a1c20;
    --color-bb-2: #1a1c20;
    --color-bb-3: #24272d;
    --color-bb-4: #111215;
    --color-bb-5: #000;
    --color-bb-6: #080808;
    --color-bb-7: #030303;
    --color-bb-8: #020202;
    --color-bb-9: rgba(0, 0, 0, .9);
    --color-bb-10: #050505;
    --color-bb-11: transparent;
    --color-bb-12: #000;
    --color-bb-13: #020202;
    --color-bb-14: #0b0b0b;
    --color-bb-15: hsla(0, 0%, 100%, .02);
    --color-bb-16: rgba(17, 18, 21, .4);
    --color-bb-17: #8e8c98;
    --color-bb-18: var(--bg-ffffff);
    --color-bb-19: hsla(0, 0%, 100%, .02);
    --color-bb-20: transparent;
    --color-bb-21: hsla(0, 0%, 100%, .01);
    --color-bb-22: #040405;
    --color-bb-23: #111215;
    --color-bb-24: rgba(14, 173, 152, .1);
    --color-bb-25: #080808;
    --color-bb-26: #000;
    --color-bb-27: #282832;
    --color-bb-28: #03080c;
    --border-color: #282a2e;
    --border-color2: rgba(54, 54, 61, .2);
    --border-color3: rgba(54, 54, 61, .2);
    --border-color4: #202025;
    --border-color5: hsla(0, 0%, 100%, .46);
    --border-color6: hsla(0, 0%, 100%, .2);
    --border-color7: #0f0f0f;
    --border-color8: #242429;
    --border-color9: #111215;
    --border-color10: #fff;
    --border-color11: rgba(94, 93, 102, .4);
    --border-color12: #36363d;
    --border-color13: #202226;
    --border-color14: #202025;
    --border-color15: rgba(54, 54, 61, .1);
    --border-color16: rgba(54, 54, 61, .1);
    --border-color17: #090909;
    --border-color18: #050505;
    --border-color19: hsla(0, 0%, 100%, .08);
    --border-color20: rgba(54, 54, 61, .6);
    --border-color21: hsla(0, 0%, 100%, .1);
    --border-color22: #090909;
    --border-color23: #322753;
    --border-color24: transparent;
    --border-color25: hsla(0, 0%, 100%, .2);
    --border-color26: #0f0f0f;
    --border-color27: #0f0f0f;
    --border-color28: hsla(0, 0%, 100%, .28);
    --border-color29: #202327;
    --border-color30: #242429;
    --border-color31: #161618;
    --border-color32: #161618;
    --border-color33: rgba(58, 58, 65, .4);
    --border-color34: hsla(0, 0%, 100%, .02);
    --border-color35: rgba(94, 93, 102, .4);
    --border-color36: #36363d
}

.theme-light {
    --color-main: var(--bg-0ead98);
    --color-green: var(--ui0-base-brand);
    --color-red: var(--ui0-base-error);
    --color-title: #2b3432;
    --color-title2: #2b3432;
    --color-desc: #667085;
    --color-desc2: #667085;
    --color-desc3: #667085;
    --color-desc4: #98a2b3;
    --color-desc5: #98a2b3;
    --color-desc6: var(--bg-0ead98);
    --color-desc7: #98a2b3;
    --color-desc8: #667085;
    --color-desc9: #656f84;
    --color-desc10: #667085;
    --color-desc11: #98a2b3;
    --color-desc12: #344054;
    --color-desc13: #98a2b3;
    --color-desc14: #667085;
    --color-desc15: #344054;
    --color-desc16: #344054;
    --color-desc17: #667085;
    --color-desc18: #667085;
    --color-desc19: #98a2b3;
    --color-desc20: #98a2b3;
    --color-desc21: #667085;
    --color-desc22: #344054;
    --color-desc23: var(--bg-0ead98);
    --color-bg-main: #fdfdfd;
    --color-bg-box-1: #f9f8fd;
    --color-bg-box-2: #f9f8fd;
    --color-bg-box-3: #f8f8f8;
    --color-bg-box-4: #f8f8f9;
    --color-bg-box-5: #f8f8f8;
    --color-bg-box-6: #fff;
    --color-bg-box-7: #f8f8f8;
    --color-bg-box-8: #fff;
    --color-bg-box-9: #d0d5dd;
    --color-bg-box-10: #f6f5fa;
    --color-bg-box-11: #fbfaff;
    --color-bg-box-12: #f9f8fd;
    --color-bg-box-13: #d0d5dd;
    --color-bg-box-14: hsla(0, 0%, 100%, .02);
    --color-bg-box-15: #f9f8fd;
    --color-bg-box-16: #eae7fc;
    --color-bg-box-17: #fdfdfd;
    --color-bg-box-18: #fbfaff;
    --color-bg-box-19: #fff;
    --color-bg-box-20: #fdfdfd;
    --color-bg-box-21: #f9f8fd;
    --color-bg-box-22: #fbfbfb;
    --color-bg-box-23: #fbfaff;
    --color-bg-box-24: #fbfaff;
    --color-bb-1: #fbfaff;
    --color-bb-2: #d0d5dd;
    --color-bb-3: #fff;
    --color-bb-4: #fff;
    --color-bb-5: #fbfaff;
    --color-bb-6: #d0d5dd;
    --color-bb-7: var(--bg-0ead98);
    --color-bb-8: #fdfdfd;
    --color-bb-9: #fff;
    --color-bb-10: #fbfaff;
    --color-bb-11: hsla(0, 0%, 100%, .6);
    --color-bb-12: #fbfaff;
    --color-bb-13: #fff;
    --color-bb-14: #e8e9ef;
    --color-bb-15: #fbfaff;
    --color-bb-16: #fff;
    --color-bb-17: #98a2b3;
    --color-bb-18: #fff;
    --color-bb-19: #fff;
    --color-bb-20: #fff;
    --color-bb-21: transparent;
    --color-bb-22: #fbfaff;
    --color-bb-23: #d0d5dd;
    --color-bb-24: rgba(14, 173, 152, .1);
    --color-bb-25: #fff;
    --color-bb-26: #fff;
    --color-bb-27: #fbfaff;
    --color-bb-28: #dee7e4;
    --border-color: #d0d0d0;
    --border-color2: #d0d5dd;
    --border-color3: rgba(204, 208, 216, .2);
    --border-color4: #ced3db;
    --border-color5: hsla(0, 0%, 100%, .46);
    --border-color6: #ced3db;
    --border-color7: #ced3db;
    --border-color8: #ced3db;
    --border-color9: #ced3db;
    --border-color10: #fff;
    --border-color11: #ced3db;
    --border-color12: #ced3db;
    --border-color13: #d0d5dd;
    --border-color14: #d0d5dd;
    --border-color15: rgba(204, 208, 216, .1);
    --border-color16: transparent;
    --border-color17: #ced3db;
    --border-color18: #ced3db;
    --border-color19: #d0d5dd;
    --border-color20: #d0d5dd;
    --border-color21: #d0d5dd;
    --border-color22: transparent;
    --border-color23: #d0d5dd;
    --border-color24: #d0d5dd;
    --border-color25: #d0d5dd;
    --border-color26: rgba(208, 213, 221, .5);
    --border-color27: #d0d5dd;
    --border-color28: rgba(0, 0, 0, .28);
    --border-color29: #d0d5dd;
    --border-color30: #d0d5dd;
    --border-color31: #fff;
    --border-color32: #d0d5dd;
    --border-color33: #d0d5dd;
    --border-color34: #d0d5dd;
    --border-color35: #d0d5dd;
    --border-color36: #d0d5dd
}

.app__toasts {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    position: fixed;
    top: 58px;
    width: 100%;
    z-index: 9999999
}

.app__toasts .toast-enter,
.app__toasts .toast-leave-to {
    opacity: 0
}

.app__toasts .toast-enter-to,
.app__toasts .toast-leave {
    opacity: 1
}

.app__toasts .toast-enter-active,
.app__toasts .toast-leave-active {
    transition: opacity .25s linear
}

.toast {
    align-items: flex-start;
    background-color: var(--color-bg-box-3);
    box-shadow: 0 0 0 .0714285714rem rgba(39, 44, 69, .2);
    contain: layout;
    display: flex;
    flex-shrink: 0;
    padding: 1rem 2rem 1rem 1rem;
    touch-action: none;
    transition-duration: .15s;
    transition-property: background-color, opacity, transform, min-height;
    width: 100%;
    will-change: background-color, opacity, transform
}

.toast__close {
    display: none
}

.toast__left {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 2.2857142857rem;
    justify-content: center;
    margin: .25rem 1.25rem auto .25rem;
    position: relative;
    width: 2.2857142857rem
}

.toast__circle-box {
    height: 2.8571428571rem;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%) rotateY(-180deg) rotate(-90deg);
    width: 2.8571428571rem
}

.toast__circle {
    r: 1.2857142857rem;
    cy: 1.4285714286rem;
    cx: 1.4285714286rem;
    height: 2.5714285714rem;
    width: 2.5714285714rem;
    fill: none;
    stroke-dasharray: 8.0714285714rem;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: .2857142857rem;
    animation: toasts-circle 0s linear 1 forwards
}

.toast--success .toast__left {
    background-color: #54ab68
}

.toast--success .toast__circle {
    stroke: rgba(34, 180, 66, .3)
}

.toast--warning .toast__left {
    background-color: #ea724d
}

.toast--warning .toast__circle {
    stroke: rgba(246, 153, 14, .3)
}

.toast--error .toast__left {
    background-color: #e55757
}

.toast--error .toast__circle {
    stroke: rgba(240, 82, 71, .3)
}

.toast--info .toast__left {
    background-color: #afafaf
}

.toast--info .toast__circle {
    stroke: hsla(0, 0%, 69%, .3)
}

.toast__right {
    width: 100%
}

.toast__text {
    color: var(--color-title);
    font-size: .875rem;
    max-width: calc(100% - 2.5rem)
}

.toast__desc {
    color: var(--color-desc);
    display: block;
    font-size: .625rem;
    padding-top: .25rem;
    text-transform: uppercase
}

@keyframes toasts-circle {
    0% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 8.0714285714rem
    }
}

.theme-light .input--bg-transparent .input__box {
    background: transparent;
    border: .0714285714rem solid #cececf
}

.theme-light .input__value {
    color: var(--color-title)
}

.input--mb {
    margin-bottom: 1.4285714286rem
}

.input--active .input__placeholder {
    opacity: 0
}

.input--disabled {
    cursor: default;
    opacity: .8;
    pointer-events: none
}

.input--right .input__value {
    text-align: right
}

.input--bg-default .input__box {
    background: var(--color-bb-4);
    border: .0714285714rem solid var(--color-bb-2)
}

.input--bg-default .input__placeholder {
    color: var(--color-desc2)
}

.input--bg-default .input__value {
    color: var(--color-title)
}

.input--bg-default2 .input__box {
    background: var(--color-bg-box-12);
    border: .0714285714rem solid var(--border-color4)
}

.input--bg-transparent .input__box {
    -webkit-backdrop-filter: blur(.1428571429rem);
    backdrop-filter: blur(.1428571429rem);
    background: hsla(0, 0%, 100%, .02);
    border: .0714285714rem solid var(--border-color3)
}

.input--bg-transparent2 .input__box {
    background: transparent;
    border: .0714285714rem solid var(--border-color20)
}

.input--bg-transparent2 .input__placeholder {
    color: var(--color-desc2)
}

.input--bg-white .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: hsla(0, 0%, 100%, .08);
    border: .0714285714rem solid hsla(0, 0%, 100%, .3)
}

.input--bg-white .input__placeholder,
.input--bg-white .input__value {
    color: #fff
}

.input--bg-dark1 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-13);
    border: .0714285714rem solid var(--border-color24)
}

.input--bg-dark1 .input__placeholder {
    color: #8e8c98
}

.input--bg-dark1 .input__value {
    color: var(--color-title2)
}

.input--bg-dark2 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-13);
    border: .0714285714rem solid var(--border-color25)
}

.input--bg-dark2 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark2 .input__value {
    color: var(--color-title2)
}

.input--bg-dark3 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-19);
    border: .0714285714rem solid var(--border-color31)
}

.input--bg-dark3 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark3 .input__value {
    color: var(--color-title2)
}

.input--bg-dark4 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-20);
    border: .0714285714rem solid var(--border-color32)
}

.input--bg-dark4 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark4 .input__value {
    color: var(--color-title2)
}

.input--bg-dark5 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: transparent;
    border: .0714285714rem solid var(--border-color32)
}

.input--bg-dark5 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark5 .input__value {
    color: var(--color-title2)
}

.input--bg-dark6 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-25);
    border: .0714285714rem solid var(--color-bb-25)
}

.input--bg-dark6 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark6 .input__value {
    color: var(--color-title2)
}

.input--bg-dark7 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-13);
    border: .0714285714rem solid var(--border-color32)
}

.input--bg-dark7 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark7 .input__value {
    color: var(--color-title2)
}

.input--bg-dark8 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-26);
    border: .0714285714rem solid var(--border-color32)
}

.input--bg-dark8 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark8 .input__value {
    color: var(--color-title2)
}

.input--s60 .input__box {
    height: 4.2857142857rem
}

.input--s52 .input__box {
    height: 3.7142857143rem
}

.input--s50 .input__box {
    height: 3.4285714286rem
}

.input--s50 .input__placeholder,
.input--s50 .input__value {
    padding: 0 .8571428571rem
}

.input--s42 .input__box {
    height: 3rem
}

.input--s44 .input__box {
    height: 3.1428571429rem
}

.input--s40 .input__box {
    height: 2.8571428571rem
}

.input--r6 .input__box {
    border-radius: .4285714286rem
}

.input--r4 .input__box {
    border-radius: .2857142857rem
}

.input--multiline2 .input__box .input__field .input__value {
    height: 100%;
    min-height: 28px;
    padding-bottom: 1.1428571429rem;
    padding-top: 1.1428571429rem
}

.input__label {
    margin-bottom: 1.1428571429rem
}

.input__box {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.input__field {
    position: relative;
    width: 100%
}

.input__placeholder {
    align-items: center;
    color: var(--color-desc);
    display: flex;
    justify-content: flex-start;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .1s;
    white-space: nowrap
}

.input__placeholder,
.input__value {
    font-size: 1rem;
    height: 100%;
    padding: 0 .8571428571rem;
    width: 100%
}

.input__value {
    background: none;
    border: none;
    color: var(--color-title);
    margin: 0;
    outline: none;
    transition: all .25s
}

.input textarea {
    height: 10.7142857143rem;
    resize: none
}

.input__section {
    align-items: center;
    display: flex;
    gap: .3571428571rem;
    height: 100%
}

.input__section [fill] {
    fill: var(--color-title)
}

.input__section [stroke] {
    stroke: var(--color-title)
}

.input__section--left {
    justify-content: flex-start
}

.input__section--left:first-child {
    padding-left: 1.2142857143rem
}

.input__section--right {
    justify-content: flex-end
}

.input__section--right:last-child {
    padding-right: 1.2142857143rem
}

.theme-light .live-chat__btn--loading:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%23FFF%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E")
}

.theme-light .live-chat__window {
    box-shadow: 0 0 .428571rem 0 rgba(0, 0, 0, .2)
}

.theme-light .live-chat-btn {
    background-color: #68737d;
    color: #fff
}

.theme-light .live-chat-btn:not([disabled]) {
    background-color: var(--color-main);
    border-color: var(--color-main);
    color: #fff
}

.theme-light .live-chat-messages-loading:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%23FFF%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E")
}

.theme-light .live-chat-messages {
    scrollbar-color: var(--border-color) var(--color-bg-main)
}

.theme-light .live-chat-messages::-webkit-scrollbar-thumb {
    background-color: var(--border-color)
}

.theme-light .live-chat-messages::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.theme-light .live-chat-messages__noty {
    color: var(--color-desc)
}

.live-chat {
    bottom: 4.44286rem;
    position: fixed;
    right: 1.64286rem;
    z-index: 200
}

.live-chat__btn {
    align-items: center;
    background-color: var(--bg-0ead98);
    border-radius: 23px;
    bottom: 0;
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    gap: 8px;
    height: 46px;
    justify-content: center;
    letter-spacing: .4px;
    margin: 0;
    opacity: 1;
    padding: 0 24px;
    position: absolute;
    right: 0;
    transform: translateY(0);
    transition: all .1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.live-chat__btn svg {
    color: #fff;
    height: 20px !important;
    width: 20px !important;
    fill: #fff
}

.live-chat__btn span {
    margin-top: -.0714285714rem
}

.live-chat__btn--loading {
    cursor: default;
    opacity: .95
}

.live-chat__btn--loading span,
.live-chat__btn--loading svg {
    opacity: 0
}

.live-chat__btn--loading:after {
    animation: loading 1.1s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    height: 1.8571428571rem;
    left: calc(50% - .92857rem);
    opacity: .6;
    pointer-events: none;
    position: absolute;
    top: calc(50% - .92857rem);
    transition: opacity .3s;
    width: 1.8571428571rem
}

.live-chat__window {
    background-color: var(--color-bb-18);
    border-radius: .7285714286rem;
    box-sizing: border-box;
    color: var(--color-title);
    display: flex;
    flex-direction: column;
    height: 0;
    max-width: 27.1428571429rem;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateX(28.5714285714rem);
    transition: all .1s;
    width: 0
}

.live-chat--opened .live-chat__btn {
    opacity: 0;
    pointer-events: none;
    transform: translateY(7.1428571429rem)
}

.live-chat--opened .live-chat__window {
    height: 100%;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    width: 100vw
}

.live-chat__header {
    align-items: center;
    background: var(--bg-0ead98);
    border-radius: .7285714286rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    height: 3.428571rem;
    justify-content: space-between;
    padding: 0 1.1428571429rem
}

.live-chat__name {
    align-items: center;
    color: #fff;
    font-size: 1.1428571429rem;
    font-weight: 600;
    gap: .7142857143rem;
    justify-content: flex-start;
    line-height: 1;
    text-align: center;
    width: 100%
}

.live-chat__name .logo img {
    height: 2.8571428571rem;
    width: 2.8571428571rem
}

.live-chat__close {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.live-chat__body {
    flex-grow: 2;
    height: 100%;
    margin: 0;
    overflow: hidden auto;
    scrollbar-width: thin
}

.live-chat__preview {
    align-items: center;
    background: rgba(0, 0, 0, .85);
    cursor: pointer;
    display: flex;
    height: calc(100vh - 5.71429rem);
    justify-content: center;
    left: 0;
    padding: 1rem;
    position: fixed;
    top: 5.7142857143rem;
    width: 100%;
    z-index: 999999999
}

.live-chat__preview img {
    max-height: calc(100vh - 7.71429rem);
    max-width: calc(100vw - 2rem)
}

.live-chat-form {
    padding: 1.7142857143rem
}

.live-chat-form>* {
    margin-bottom: 1.7142857143rem;
    width: 100%
}

.live-chat-form>:last-child {
    margin-bottom: 0
}

.live-chat-input__label {
    color: var(--color-title);
    display: block;
    font-size: 1.1428571429rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 1.2857142857rem
}

.live-chat-input__label span {
    font-weight: 400
}

.live-chat-input__field {
    background: transparent;
    border: .0714285714rem solid var(--border-color30);
    border-radius: .2857142857rem;
    box-sizing: border-box;
    color: var(--color-title);
    cursor: auto;
    font-size: 1rem;
    line-height: 1.1;
    min-height: 3.4285714286rem;
    outline: none;
    padding: 0 1.1428571429rem;
    resize: none;
    width: 100%
}

.live-chat-btn {
    align-items: center;
    background-color: #68737d;
    border: .0714285714rem solid transparent;
    border-radius: .2857142857rem;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    height: 2.71429rem;
    justify-content: center;
    line-height: 2.57143rem;
    margin: 0;
    overflow: hidden;
    padding: 0 1.07143em;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: border-color .25s ease-in-out 0s, box-shadow .1s ease-in-out 0s, background-color .25s ease-in-out 0s, color .25s ease-in-out 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.live-chat-btn:not([disabled]) {
    background-color: var(--color-main);
    border-color: var(--color-main);
    color: #fff
}

.live-chat-messages-loading {
    height: 24.2857142857rem;
    max-height: 24.2857142857rem;
    position: relative
}

.live-chat-messages-loading:after {
    animation: loading 1.2s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    height: 1.8571428571rem;
    left: calc(50% - .92857rem);
    opacity: .6;
    pointer-events: none;
    position: absolute;
    top: calc(50% - .92857rem);
    transition: opacity .3s;
    width: 1.8571428571rem
}

.live-chat-messages {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 35.1428571429rem;
    justify-content: flex-start;
    max-height: 35.1428571429rem;
    overflow: hidden auto;
    padding: 1.1428571429rem;
    scrollbar-color: var(--border-color) var(--color-bg-main);
    scrollbar-width: thin
}

.live-chat-messages::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.live-chat-messages::-webkit-scrollbar-thumb {
    background-color: var(--border-color);
    border-radius: .625rem
}

.live-chat-messages::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.live-chat-messages__noty {
    animation: fadeIn .2s ease-in-out 0s 1 normal none running;
    color: var(--color-desc3);
    font-size: 1rem;
    margin-bottom: .714286rem;
    margin-top: .357143rem;
    text-align: center
}

.live-chat-message {
    align-self: flex-end;
    background-color: #03080c;
    border-radius: .8571428571rem;
    color: #ece9fe;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.14286rem;
    margin-bottom: .35714rem;
    max-width: 17.5rem;
    overflow-wrap: break-word;
    padding: .7142857143rem;
    white-space: pre-wrap
}

.live-chat-message--support {
    align-self: flex-start;
    background-color: rgba(14, 173, 152, .14);
    color: var(--color-title)
}

.live-chat-image {
    align-self: flex-end;
    display: inline-block;
    margin-bottom: .35714rem
}

.live-chat-image img {
    border-radius: 1.14286rem;
    cursor: pointer;
    display: block;
    max-height: 17.5rem;
    max-width: 17.5rem;
    min-height: 2.5714285714rem;
    width: 100%
}

.live-chat-image--support {
    align-self: flex-start
}

.live-chat-form-m {
    padding: 1rem
}

.live-chat-form-m .input__box {
    background: var(--color-bg-box-8) !important;
    border: .0714285714rem solid var(--border-color);
    border-radius: .9428571429rem !important
}

.live-chat-form-m .input__box .input__value {
    padding: 0 0 0 .8571428571rem;
    padding-top: 1.4285714286rem !important
}

.live-chat-form-m .input__box .input__section {
    padding: 0 !important
}

.live-chat-form-m .input__box .input__section .btn {
    background: transparent;
    border: none;
    color: var(--bg-0ead98);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    height: auto;
    padding: 0 1.7142857143rem;
    text-align: right;
    width: auto
}

.live-chat-form-m .input__box .input__section .btn:hover {
    background: transparent;
    border: none;
    color: var(--bg-0ead98);
    height: auto;
    opacity: .6;
    width: auto
}

.live-chat-form-m .input__box .input__section .btn [fill] {
    fill: var(--bg-0ead98)
}

.live-chat-form-m .input__box .input__section .btn [stroke] {
    stroke: var(--bg-0ead98)
}

.live-chat-form-m .input__box .input__section.input__section--left .btn {
    padding: 0 .8571428571rem
}

.live-chat-form-m .input__box .input__section--right .btn {
    color: var(--color-main);
    padding: 0 .8571428571rem
}

.theme-light .recaptcha--dark .recaptcha__field {
    background: #f9f9f9
}

.theme-light .recaptcha--dark .recaptcha__field:before {
    background: #f9f9f9;
    border: solid #d3d3d3;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08)
}

.recaptcha {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.recaptcha--left {
    justify-content: flex-start
}

.recaptcha__field {
    background: #f9f9f9;
    height: 76px;
    position: relative;
    width: 302px
}

.recaptcha__field:before {
    background: #f9f9f9;
    border: solid #d3d3d3;
    border-radius: 3px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.recaptcha__field:after,
.recaptcha__field:before {
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s
}

.recaptcha__field:after {
    animation: loading 1.5s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%230ead98%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    height: 34px;
    left: calc(50% - 17px);
    top: calc(50% - 17px);
    width: 34px
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.recaptcha--loading .recaptcha__field:before {
    opacity: 1;
    pointer-events: auto
}

.recaptcha--loading .recaptcha__field:after {
    opacity: .5;
    pointer-events: auto
}

.recaptcha--dark .recaptcha__field {
    background: #0a090e
}

.recaptcha--dark .recaptcha__field:before {
    background: #0a090e;
    border: solid #525252;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08)
}

.recaptcha--mb {
    margin-bottom: 18px
}

.wallet-box {
    width: 100%
}

.wallet-box__desc {
    color: var(--color-title);
    font-size: 14px;
    line-height: 1;
    margin-bottom: 12px
}

.theme-light .wallets {
    border: 1px solid #ced3db
}

.theme-light .wallets__row {
    border-bottom: 1px dashed #ced3db
}

.wallets {
    border: 1px solid var(--color-bb-2);
    border-radius: 4px;
    margin-bottom: 12px;
    max-height: 260px;
    overflow: auto;
    scrollbar-color: var(--border-color) var(--color-bg-main);
    scrollbar-width: thin
}

.wallets::-webkit-scrollbar {
    height: 2px;
    width: 2px
}

.wallets::-webkit-scrollbar-thumb {
    background-color: var(--border-color);
    border-radius: .625rem
}

.wallets::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.wallets__row {
    align-items: center;
    background: transparent;
    border-bottom: 1px dashed var(--color-bb-2);
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: flex-start;
    padding: 0 16px;
    transition: all .25s;
    width: 100%
}

.wallets__row:last-child {
    border-bottom: none
}

.wallets__row:hover:not([disabled]) {
    background: var(--color-bg-box-1)
}

.wallet-box-header__left {
    margin-bottom: 12px
}

.wallet-box-header__left img {
    display: block;
    max-height: 22px
}

.wallet-types {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: flex-start;
    margin-bottom: 16px
}

.wallet-types__item {
    background: var(--color-bg-box-1);
    border: 1px solid var(--color-bg-box-1);
    color: var(--color-title);
    cursor: pointer;
    padding: 4px 12px
}

.wallet-types__item--active {
    border: 1px solid var(--color-main)
}

.wallet-keys {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-area: input;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 32px;
    margin-top: 10px;
    row-gap: 12px
}

.wallet-keys>div {
    width: 100%
}

.wallet-keys .input__box {
    background: var(--color-bb-16);
    border-color: var(--border-color29);
    border-radius: 2px;
    height: 32px
}

.wallet-keys .input__placeholder {
    color: var(--border-color28)
}

.wallet-keys--1 {
    grid-template-columns: 1fr
}

.wallet-keys--12 {
    grid-template-columns: 1fr 1fr 1fr
}

.wallet-keys--24 {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.currency,
.overflow-hidden {
    overflow: hidden
}

.currency {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: flex-start;
    text-overflow: ellipsis;
    white-space: nowrap
}

.currency img {
    height: 20px;
    margin-inline-end: 8px !important;
    width: 20px
}

.currency div span {
    margin-left: 6px;
    opacity: .6
}

.history-date span,
.status {
    opacity: .6
}

.status {
    align-items: center;
    border: 1px solid #674ffd;
    border-radius: 16px;
    display: inline-flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 4px;
    height: 32px;
    justify-content: center;
    line-height: 1;
    padding: 0 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.status--t2 {
    border-radius: 14px;
    font-size: 12px;
    height: 28px;
    margin: 4px 0;
    padding: 0 8px
}

.status--t2:before {
    display: none !important
}

.status>span {
    margin-bottom: 2px
}

.status--success {
    border-color: #2da966;
    color: #2da966;
    position: relative
}

.status--success:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 fill=%27none%27%3E%3Cpath stroke=%27%232da966%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M9 16.5c4.125 0 7.5-3.375 7.5-7.5S13.125 1.5 9 1.5 1.5 4.875 1.5 9s3.375 7.5 7.5 7.5%27/%3E%3Cpath stroke=%27%232da966%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27m5.813 9 2.122 2.123 4.253-4.245%27/%3E%3C/svg%3E");
    background-size: cover;
    content: "";
    height: 18px;
    min-width: 18px;
    width: 18px
}

.status--created,
.status--pending {
    border-color: #674ffd;
    color: #674ffd
}

.status--cancelled,
.status--error {
    border-color: #ff4f4f;
    color: #ff4f4f;
    position: relative
}

.status--cancelled:before,
.status--error:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 fill=%27none%27%3E%3Cpath stroke=%27%23ff4f4f%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M9 16.5c4.125 0 7.5-3.375 7.5-7.5S13.125 1.5 9 1.5 1.5 4.875 1.5 9s3.375 7.5 7.5 7.5m-2.123-5.378 4.245-4.245m0 4.245L6.877 6.877%27/%3E%3C/svg%3E");
    background-size: cover;
    content: "";
    height: 18px;
    min-width: 18px;
    width: 18px
}

.table-menu-title {
    font-weight: 600;
    margin-bottom: 10px;
    padding: 0 14px
}

.table-menu-message {
    line-height: 1.4;
    min-width: 280px;
    padding: 2px 14px;
    text-align: center
}

.table-menu-message--red {
    color: #c54d3b
}

.table-menu-list__row {
    cursor: pointer;
    margin-bottom: 2px;
    padding: 4px 14px
}

.table-menu-list__row:last-child {
    margin-bottom: 0
}

.table-menu-list__row:hover {
    background-color: rgba(14, 173, 152, .05);
    color: var(--text-0ead98)
}

.table-menu-body {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 3000
}

.table-menu-body,
.table-menu-body__overlay {
    height: 100vh;
    width: 100vw
}

.table-menu-body__box {
    background-color: var(--bg-ffffff) !important;
    border-radius: 6px;
    box-shadow: 0 12px 30px rgba(45, 56, 68, .05);
    color: var(--text-161719);
    min-width: 180px;
    padding: 10px 0;
    position: absolute;
    transform: translateX(-100%);
    transition: .1s ease-in-out
}

.table1__header tr th {
    border-bottom: 1px solid rgba(0, 0, 0, 1);
    font-size: 14px;
    font-weight: 500 !important
}

.table1__header tr th:first-child {
    padding-inline-start: 15px
}

.table1__tbody tr td {
    cursor: pointer;
    opacity: 1;
    transition: all .25s;
    white-space: nowrap
}

.table1__tbody tr td .cell {
    white-space: nowrap
}

.table1__tbody tr:hover td {
    background-color: var(--bg-fafbfc) !important;
    opacity: .7
}

.table1__tbody2 tr .is-right {
    text-align: right
}

.table1__tbody2 tr .is-center {
    text-align: center
}

.table1__tbody2 tr td {
    color: var(--text-161719);
    cursor: pointer;
    opacity: 1;
    padding: 6px 14px;
    transition: all .25s;
    white-space: nowrap
}

.table1__tbody2 tr td:first-child {
    padding-left: 24px
}

.table1__tbody2 tr td .cell span {
    opacity: .6
}

.table1__tbody2 tr:hover td {
    background-color: var(--bg-fafbfc) !important;
    opacity: .7
}

.via-table-header .table-header {
    table-layout: auto
}

.via-table-header {
    overflow: auto
}

.text-link {
    align-items: center;
    color: var(--bg-0ead98);
    cursor: pointer;
    display: inline-flex;
    gap: .6428571429rem;
    justify-content: flex-start
}

.text-link [fill] {
    fill: var(--bg-0ead98)
}

.text-link:visited {
    color: #0a5b4f
}

.text-link:visited svg [fill] {
    fill: #0a5b4f
}

.text-link span {
    max-width: 11.4285714286rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-link svg {
    height: 1.2857142857rem;
    max-width: 1.2857142857rem;
    min-width: 1.2857142857rem
}

.text-copy {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    gap: .6428571429rem;
    justify-content: flex-start
}

.text-copy>span {
    max-width: 7.1428571429rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-copy>svg {
    height: 1.2857142857rem;
    max-width: 1.2857142857rem;
    min-width: 1.2857142857rem
}

.text-copy>svg [fill] {
    fill: #8e8c98
}

::-webkit-scrollbar-track {
    background-color: var(--bg-ffffff)
}

::-webkit-scrollbar-thumb {
    background-color: #e4e8f1;
    border-radius: 4px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .05);
    width: 6px
}

.via-table-body::-webkit-scrollbar-thumb {
    background-color: var(--bg-f2f3f5)
}

::-webkit-scrollbar-corner {
    background-color: var(--bg-ffffff)
}

::-webkit-scrollbar {
    height: 6px
}

::-webkit-horizontal,
::-webkit-scrollbar {
    background-color: transparent;
    padding: 0;
    width: 6px
}

.theme-night body ::-webkit-resizer,
.theme-night body ::-webkit-scrollbar-thumb {
    background-color: #393e47
}

.cst-chart {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

@font-face {
    .cst-chart {
        font-display: block;
        font-family: icomoon;
        font-style: normal;
        font-weight: 400;
        src: url(data:application/vnd.ms-fontobject;base64,9AkAAFAJAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAA48F/bAAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIFxwAAALwAAABgY21hcBdW0ooAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlm5El8sgAAAXgAAAWAaGVhZCM+srIAAAb4AAAANmhoZWEHiQPJAAAHMAAAACRobXR4FgABpQAAB1QAAAAgbG9jYQQGAqoAAAd0AAAAEm1heHAADgC9AAAHiAAAACBuYW1lmUoJ+wAAB6gAAAGGcG9zdAADAAAAAAkwAAAAIAADA5oBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkDA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpA//9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAtQBrA0sDCwAmAAAJATY0JyYiBwkBJiIHBhQXCQEGFBceATMyNjcJAR4BMzI2NzY0JwECLgEbCgoKGgr+5f7lChoKCgoBG/7jCgoEDQcGDQUBGwEbBQ0GBw0ECgr+4wG+AR0KGgoKCv7kAR4KCgoaCv7h/uQKGwoEBAQEAR3+4wQEBAQKGwoBHAAABQA/AHIDwQNGADAATABoAHMAfgAANy4BJyY0NzY3PgE3NjMyFhc3NjIXFhQPAR4BFxYUBwYHDgEHBiMiJicHBiInJjQ/ATceATMyNz4BNzY3NjQnLgEnBx4BFRQGIyImJwc3LgE1NDYzMhYXNy4BIyIHDgEHBgcGFBceARc3Fx4BMzI2NTQmJwc3LgEjIgYVFBYXN9hDSA4GBgweHmtQT29FcS5dCRcICQlUTFIOBgYMHh9rT1BuTXwwSQkXCQgIQ1kpZz9hRkdeGxoLAgINTEd8DxBUOxktEndSCQlUOxIjD3UmXDdhRkdeGxoLAgIMQz6CTgoYDSMzCAd2SAYNBiMzAgJr3Td5HhAhEBwzNGYmJh8aXggICBgIVTiEIRAhEBs0M2cmJiceSQkJCBgIQwgYHiIiWi4tGAYKBh56MnwSLRk7UxAOd6IPIxM6VAkIdRMXISJbLS4YBQsFHG8xgQIHCDMjDRgKdpgCAjIjBwwGagAABABy//kDxwNOAFAAoQCtALoAAAEXHgEXFRQGDwIXFgYPAQ4BLwEPAQ4BKwEiJi8CBwYmLwEuAT8BLwEuAT0BNDY/AicmNj8BPgEfAT8BPgE7ATIWHwI3NhYfAR4BDwEXBzc1Jy4BLwEmNj8BJwcOAS8BLgEvASMHDgEPAQYmLwEHFx4BDwEOAQ8BFRceAR8BFgYPARc3PgEfAR4BHwEzNz4BPwE2Fh8BNycuAT8BPgE3JTQ2MzIWFRQGIyImNxQWMzI2NTQmIyIGFQNFUhMaAxkSUxEwCwMONA4lD0UlDwQdEkkUHQMOJUUPJQ40DgMLMhFTEhkYD1MRMAsDDjQOJQ9HJQ4FHRJJEhwBDyVEECUOMw4ECzARG1tbCAwDHQMCBTQoSgYPCEQICgEROBACCQhGBhEGSyc0BAMDHQMMCFtbCAwDHQMDBDQnSwYPCEQICQIQOBEBCghGBhEGSig0BQIDHQMMCP5+RC4vQ0MvLkQ/HhUWHh4WFR4CCw4DHRRJFBwDDyVFDyUONA4DCzARUxIZGRJTETALAw40DiUPRyUPBB0SSRMcAw4lRQ8lDjQOAwsyEVMSGRgRUxEwCwMONA4lD0UlkRE2EAIJCEYGEQZLJzQEAwMdAwwIW1sIDAMdAwMENCdLBg8IRAgJAhA4EQEKCEYGEQZKKDQFAgMdAwwIW1sIDAMfAwIFNChKBg8IRAgKASwuREQuL0NDLxYeHhYVHh4VAAAABAA/AGsDwQMVACIARQBRAF4AACUiJy4BJyYnJjQ3Njc+ATc2MzIXHgEXFhcWFAcGBw4BBwYjAQYUFxYXHgEXFjMyNz4BNzY3NjQnJicuAScmIyIHDgEHBgcFIiY1NDYzMhYVFAYnIgYVFBYzMjY1NCYjAgBvT1BrHh4MBgYMHh5rUE9vblBPax8eDAYGDB4fa09Qbv50AgILGhteR0ZhYUZHXhsaCwICCxobXkdGYWFGR14bGgsBjDtUVDs7VFQ7IzMzIyMzMyNrJiZmMzQbECIQGzQzZiYmJiZmMzQbECIQGzQzZiYmAWAFCwUYLi5bIiEhIlouLhgFCwUYLi5bIiEhIlouLhiZUzs7U1M7O1PjMiMjMjIjIzIAAAABAAAAAAAAbH/B418PPPUACwQAAAAAAOAstzcAAAAA4Cy3NwAA//kDxwNOAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAPHAAEAAAAAAAAAAAAAAAAAAAAIBAAAAAAAAAAAAAAAAgAAAAQAALUEAAA/BAAAcgQAAD8AAAAAAAoAFAAeAGQBHgIyAsAAAAABAAAACAC7AAUAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==);
        src: url(data:application/vnd.ms-fontobject;base64,9AkAAFAJAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAA48F/bAAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIFxwAAALwAAABgY21hcBdW0ooAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlm5El8sgAAAXgAAAWAaGVhZCM+srIAAAb4AAAANmhoZWEHiQPJAAAHMAAAACRobXR4FgABpQAAB1QAAAAgbG9jYQQGAqoAAAd0AAAAEm1heHAADgC9AAAHiAAAACBuYW1lmUoJ+wAAB6gAAAGGcG9zdAADAAAAAAkwAAAAIAADA5oBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkDA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpA//9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAtQBrA0sDCwAmAAAJATY0JyYiBwkBJiIHBhQXCQEGFBceATMyNjcJAR4BMzI2NzY0JwECLgEbCgoKGgr+5f7lChoKCgoBG/7jCgoEDQcGDQUBGwEbBQ0GBw0ECgr+4wG+AR0KGgoKCv7kAR4KCgoaCv7h/uQKGwoEBAQEAR3+4wQEBAQKGwoBHAAABQA/AHIDwQNGADAATABoAHMAfgAANy4BJyY0NzY3PgE3NjMyFhc3NjIXFhQPAR4BFxYUBwYHDgEHBiMiJicHBiInJjQ/ATceATMyNz4BNzY3NjQnLgEnBx4BFRQGIyImJwc3LgE1NDYzMhYXNy4BIyIHDgEHBgcGFBceARc3Fx4BMzI2NTQmJwc3LgEjIgYVFBYXN9hDSA4GBgweHmtQT29FcS5dCRcICQlUTFIOBgYMHh9rT1BuTXwwSQkXCQgIQ1kpZz9hRkdeGxoLAgINTEd8DxBUOxktEndSCQlUOxIjD3UmXDdhRkdeGxoLAgIMQz6CTgoYDSMzCAd2SAYNBiMzAgJr3Td5HhAhEBwzNGYmJh8aXggICBgIVTiEIRAhEBs0M2cmJiceSQkJCBgIQwgYHiIiWi4tGAYKBh56MnwSLRk7UxAOd6IPIxM6VAkIdRMXISJbLS4YBQsFHG8xgQIHCDMjDRgKdpgCAjIjBwwGagAABABy//kDxwNOAFAAoQCtALoAAAEXHgEXFRQGDwIXFgYPAQ4BLwEPAQ4BKwEiJi8CBwYmLwEuAT8BLwEuAT0BNDY/AicmNj8BPgEfAT8BPgE7ATIWHwI3NhYfAR4BDwEXBzc1Jy4BLwEmNj8BJwcOAS8BLgEvASMHDgEPAQYmLwEHFx4BDwEOAQ8BFRceAR8BFgYPARc3PgEfAR4BHwEzNz4BPwE2Fh8BNycuAT8BPgE3JTQ2MzIWFRQGIyImNxQWMzI2NTQmIyIGFQNFUhMaAxkSUxEwCwMONA4lD0UlDwQdEkkUHQMOJUUPJQ40DgMLMhFTEhkYD1MRMAsDDjQOJQ9HJQ4FHRJJEhwBDyVEECUOMw4ECzARG1tbCAwDHQMCBTQoSgYPCEQICgEROBACCQhGBhEGSyc0BAMDHQMMCFtbCAwDHQMDBDQnSwYPCEQICQIQOBEBCghGBhEGSig0BQIDHQMMCP5+RC4vQ0MvLkQ/HhUWHh4WFR4CCw4DHRRJFBwDDyVFDyUONA4DCzARUxIZGRJTETALAw40DiUPRyUPBB0SSRMcAw4lRQ8lDjQOAwsyEVMSGRgRUxEwCwMONA4lD0UlkRE2EAIJCEYGEQZLJzQEAwMdAwwIW1sIDAMdAwMENCdLBg8IRAgJAhA4EQEKCEYGEQZKKDQFAgMdAwwIW1sIDAMfAwIFNChKBg8IRAgKASwuREQuL0NDLxYeHhYVHh4VAAAABAA/AGsDwQMVACIARQBRAF4AACUiJy4BJyYnJjQ3Njc+ATc2MzIXHgEXFhcWFAcGBw4BBwYjAQYUFxYXHgEXFjMyNz4BNzY3NjQnJicuAScmIyIHDgEHBgcFIiY1NDYzMhYVFAYnIgYVFBYzMjY1NCYjAgBvT1BrHh4MBgYMHh5rUE9vblBPax8eDAYGDB4fa09Qbv50AgILGhteR0ZhYUZHXhsaCwICCxobXkdGYWFGR14bGgsBjDtUVDs7VFQ7IzMzIyMzMyNrJiZmMzQbECIQGzQzZiYmJiZmMzQbECIQGzQzZiYmAWAFCwUYLi5bIiEhIlouLhgFCwUYLi5bIiEhIlouLhiZUzs7U1M7O1PjMiMjMjIjIzIAAAABAAAAAAAAbH/B418PPPUACwQAAAAAAOAstzcAAAAA4Cy3NwAA//kDxwNOAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAPHAAEAAAAAAAAAAAAAAAAAAAAIBAAAAAAAAAAAAAAAAgAAAAQAALUEAAA/BAAAcgQAAD8AAAAAAAoAFAAeAGQBHgIyAsAAAAABAAAACAC7AAUAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("embedded-opentype"), url(data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SBccAAAC8AAAAYGNtYXAXVtKKAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZuRJfLIAAAF4AAAFgGhlYWQjPrKyAAAG+AAAADZoaGVhB4kDyQAABzAAAAAkaG10eBYAAaUAAAdUAAAAIGxvY2EEBgKqAAAHdAAAABJtYXhwAA4AvQAAB4gAAAAgbmFtZZlKCfsAAAeoAAABhnBvc3QAAwAAAAAJMAAAACAAAwOaAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QP//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABALUAawNLAwsAJgAACQE2NCcmIgcJASYiBwYUFwkBBhQXHgEzMjY3CQEeATMyNjc2NCcBAi4BGwoKChoK/uX+5QoaCgoKARv+4woKBA0HBg0FARsBGwUNBgcNBAoK/uMBvgEdChoKCgr+5AEeCgoKGgr+4f7kChsKBAQEBAEd/uMEBAQEChsKARwAAAUAPwByA8EDRgAwAEwAaABzAH4AADcuAScmNDc2Nz4BNzYzMhYXNzYyFxYUDwEeARcWFAcGBw4BBwYjIiYnBwYiJyY0PwE3HgEzMjc+ATc2NzY0Jy4BJwceARUUBiMiJicHNy4BNTQ2MzIWFzcuASMiBw4BBwYHBhQXHgEXNxceATMyNjU0JicHNy4BIyIGFRQWFzfYQ0gOBgYMHh5rUE9vRXEuXQkXCAkJVExSDgYGDB4fa09Qbk18MEkJFwkICENZKWc/YUZHXhsaCwICDUxHfA8QVDsZLRJ3UgkJVDsSIw91Jlw3YUZHXhsaCwICDEM+gk4KGA0jMwgHdkgGDQYjMwICa903eR4QIRAcMzRmJiYfGl4ICAgYCFU4hCEQIRAbNDNnJiYnHkkJCQgYCEMIGB4iIlouLRgGCgYeejJ8Ei0ZO1MQDneiDyMTOlQJCHUTFyEiWy0uGAULBRxvMYECBwgzIw0YCnaYAgIyIwcMBmoAAAQAcv/5A8cDTgBQAKEArQC6AAABFx4BFxUUBg8CFxYGDwEOAS8BDwEOASsBIiYvAgcGJi8BLgE/AS8BLgE9ATQ2PwInJjY/AT4BHwE/AT4BOwEyFh8CNzYWHwEeAQ8BFwc3NScuAS8BJjY/AScHDgEvAS4BLwEjBw4BDwEGJi8BBxceAQ8BDgEPARUXHgEfARYGDwEXNz4BHwEeAR8BMzc+AT8BNhYfATcnLgE/AT4BNyU0NjMyFhUUBiMiJjcUFjMyNjU0JiMiBhUDRVITGgMZElMRMAsDDjQOJQ9FJQ8EHRJJFB0DDiVFDyUONA4DCzIRUxIZGA9TETALAw40DiUPRyUOBR0SSRIcAQ8lRBAlDjMOBAswERtbWwgMAx0DAgU0KEoGDwhECAoBETgQAgkIRgYRBksnNAQDAx0DDAhbWwgMAx0DAwQ0J0sGDwhECAkCEDgRAQoIRgYRBkooNAUCAx0DDAj+fkQuL0NDLy5EPx4VFh4eFhUeAgsOAx0USRQcAw8lRQ8lDjQOAwswEVMSGRkSUxEwCwMONA4lD0clDwQdEkkTHAMOJUUPJQ40DgMLMhFTEhkYEVMRMAsDDjQOJQ9FJZERNhACCQhGBhEGSyc0BAMDHQMMCFtbCAwDHQMDBDQnSwYPCEQICQIQOBEBCghGBhEGSig0BQIDHQMMCFtbCAwDHwMCBTQoSgYPCEQICgEsLkRELi9DQy8WHh4WFR4eFQAAAAQAPwBrA8EDFQAiAEUAUQBeAAAlIicuAScmJyY0NzY3PgE3NjMyFx4BFxYXFhQHBgcOAQcGIwEGFBcWFx4BFxYzMjc+ATc2NzY0JyYnLgEnJiMiBw4BBwYHBSImNTQ2MzIWFRQGJyIGFRQWMzI2NTQmIwIAb09Qax4eDAYGDB4ea1BPb25QT2sfHgwGBgweH2tPUG7+dAICCxobXkdGYWFGR14bGgsCAgsaG15HRmFhRkdeGxoLAYw7VFQ7O1RUOyMzMyMjMzMjayYmZjM0GxAiEBs0M2YmJiYmZjM0GxAiEBs0M2YmJgFgBQsFGC4uWyIhISJaLi4YBQsFGC4uWyIhISJaLi4YmVM7O1NTOztT4zIjIzIyIyMyAAAAAQAAAAAAAGx/weNfDzz1AAsEAAAAAADgLLc3AAAAAOAstzcAAP/5A8cDTgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADxwABAAAAAAAAAAAAAAAAAAAACAQAAAAAAAAAAAAAAAIAAAAEAAC1BAAAPwQAAHIEAAA/AAAAAAAKABQAHgBkAR4CMgLAAAAAAQAAAAgAuwAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:font/woff;base64,d09GRgABAAAAAAmcAAsAAAAACVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFx2NtYXAAAAFoAAAAVAAAAFQXVtKKZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAABYAAAAWA5El8smhlYWQAAAdEAAAANgAAADYjPrKyaGhlYQAAB3wAAAAkAAAAJAeJA8lobXR4AAAHoAAAACAAAAAgFgABpWxvY2EAAAfAAAAAEgAAABIEBgKqbWF4cAAAB9QAAAAgAAAAIAAOAL1uYW1lAAAH9AAAAYYAAAGGmUoJ+3Bvc3QAAAl8AAAAIAAAACAAAwAAAAMDmgGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QMDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkD//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQC1AGsDSwMLACYAAAkBNjQnJiIHCQEmIgcGFBcJAQYUFx4BMzI2NwkBHgEzMjY3NjQnAQIuARsKCgoaCv7l/uUKGgoKCgEb/uMKCgQNBwYNBQEbARsFDQYHDQQKCv7jAb4BHQoaCgoK/uQBHgoKChoK/uH+5AobCgQEBAQBHf7jBAQEBAobCgEcAAAFAD8AcgPBA0YAMABMAGgAcwB+AAA3LgEnJjQ3Njc+ATc2MzIWFzc2MhcWFA8BHgEXFhQHBgcOAQcGIyImJwcGIicmND8BNx4BMzI3PgE3Njc2NCcuAScHHgEVFAYjIiYnBzcuATU0NjMyFhc3LgEjIgcOAQcGBwYUFx4BFzcXHgEzMjY1NCYnBzcuASMiBhUUFhc32ENIDgYGDB4ea1BPb0VxLl0JFwgJCVRMUg4GBgweH2tPUG5NfDBJCRcJCAhDWSlnP2FGR14bGgsCAg1MR3wPEFQ7GS0Sd1IJCVQ7EiMPdSZcN2FGR14bGgsCAgxDPoJOChgNIzMIB3ZIBg0GIzMCAmvdN3keECEQHDM0ZiYmHxpeCAgIGAhVOIQhECEQGzQzZyYmJx5JCQkIGAhDCBgeIiJaLi0YBgoGHnoyfBItGTtTEA53og8jEzpUCQh1ExchIlstLhgFCwUcbzGBAgcIMyMNGAp2mAICMiMHDAZqAAAEAHL/+QPHA04AUAChAK0AugAAARceARcVFAYPAhcWBg8BDgEvAQ8BDgErASImLwIHBiYvAS4BPwEvAS4BPQE0Nj8CJyY2PwE+AR8BPwE+ATsBMhYfAjc2Fh8BHgEPARcHNzUnLgEvASY2PwEnBw4BLwEuAS8BIwcOAQ8BBiYvAQcXHgEPAQ4BDwEVFx4BHwEWBg8BFzc+AR8BHgEfATM3PgE/ATYWHwE3Jy4BPwE+ATclNDYzMhYVFAYjIiY3FBYzMjY1NCYjIgYVA0VSExoDGRJTETALAw40DiUPRSUPBB0SSRQdAw4lRQ8lDjQOAwsyEVMSGRgPUxEwCwMONA4lD0clDgUdEkkSHAEPJUQQJQ4zDgQLMBEbW1sIDAMdAwIFNChKBg8IRAgKARE4EAIJCEYGEQZLJzQEAwMdAwwIW1sIDAMdAwMENCdLBg8IRAgJAhA4EQEKCEYGEQZKKDQFAgMdAwwI/n5ELi9DQy8uRD8eFRYeHhYVHgILDgMdFEkUHAMPJUUPJQ40DgMLMBFTEhkZElMRMAsDDjQOJQ9HJQ8EHRJJExwDDiVFDyUONA4DCzIRUxIZGBFTETALAw40DiUPRSWRETYQAgkIRgYRBksnNAQDAx0DDAhbWwgMAx0DAwQ0J0sGDwhECAkCEDgRAQoIRgYRBkooNAUCAx0DDAhbWwgMAx8DAgU0KEoGDwhECAoBLC5ERC4vQ0MvFh4eFhUeHhUAAAAEAD8AawPBAxUAIgBFAFEAXgAAJSInLgEnJicmNDc2Nz4BNzYzMhceARcWFxYUBwYHDgEHBiMBBhQXFhceARcWMzI3PgE3Njc2NCcmJy4BJyYjIgcOAQcGBwUiJjU0NjMyFhUUBiciBhUUFjMyNjU0JiMCAG9PUGseHgwGBgweHmtQT29uUE9rHx4MBgYMHh9rT1Bu/nQCAgsaG15HRmFhRkdeGxoLAgILGhteR0ZhYUZHXhsaCwGMO1RUOztUVDsjMzMjIzMzI2smJmYzNBsQIhAbNDNmJiYmJmYzNBsQIhAbNDNmJiYBYAULBRguLlsiISEiWi4uGAULBRguLlsiISEiWi4uGJlTOztTUzs7U+MyIyMyMiMjMgAAAAEAAAAAAABsf8HjXw889QALBAAAAAAA4Cy3NwAAAADgLLc3AAD/+QPHA04AAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA8cAAQAAAAAAAAAAAAAAAAAAAAgEAAAAAAAAAAAAAAACAAAABAAAtQQAAD8EAAByBAAAPwAAAAAACgAUAB4AZAEeAjICwAAAAAEAAAAIALsABQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff"), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmb250IGlkPSJpY29tb29uIiBob3Jpei1hZHYteD0iMTAyNCI+PGZvbnQtZmFjZSBhc2NlbnQ9Ijk2MCIgZGVzY2VudD0iLTY0IiB1bml0cy1wZXItZW09IjEwMjQiLz48Z2x5cGggaG9yaXotYWR2LXg9IjUxMiIvPjxnbHlwaCBkPSJtNTU4LjA5NiA0NDYuMzQ2IDI4My4xNjUgMjg0LjUzN2MxMy4xNyAxMy4yMzQgMTMuMTcgMzMuMDg1IDAgNDYuMzJzLTMyLjkyNyAxMy4yMzQtNDYuMDk3IDBMNTEyIDQ5Mi42NjcgMjI4LjgzNiA3NzkuNDA5Yy0xMy4xNzEgMTMuMjM0LTMyLjkyNiAxMy4yMzQtNDYuMDk3IDBzLTEzLjE3LTMzLjA4NiAwLTQ2LjMybDI4My4xNjQtMjg2Ljc0MkwxODAuNTQ0IDE2MS44MWMtMTMuMTctMTMuMjMyLTEzLjE3LTMzLjA4NyAwLTQ2LjMxOSA2LjU4NS02LjYxNiAxNS4zNjYtOC44MjMgMjQuMTQ2LTguODIzczE3LjU2MSAyLjIwNyAyNC4xNDYgOC44MjNMNTEyIDQwMC4wMjZsMjgzLjE2NC0yODQuNTM1YzYuNTgyLTYuNjE2IDE1LjM2Ni04LjgyMyAyNC4xNDQtOC44MjMgOC43ODQgMCAxNy41NjIgMi4yMDcgMjQuMTQ5IDguODIzIDEzLjE3IDEzLjIzMiAxMy4xNyAzMy4wODcgMCA0Ni4zMTlMNTU4LjA5NiA0NDYuMzQ3eiIgZ2x5cGgtbmFtZT0iaWNvbi1jbG9zZSIgdW5pY29kZT0i7qSAIi8+PGdseXBoIGQ9Ik0yMTYuNDE1IDIyMS4wODdDMTI3LjE2NCAyOTQuMTczIDgxLjAzNSAzODYuMzcgNjMuMzM5IDQyNy4wNzFjLTguNjAxIDIxLjMzMy04LjYwMSA0NC4wODkgMCA2NS40MjJDOTQuODc0IDU2NS4wMjYgMjE2LjcxNSA4MDEuMTE1IDUxMiA4MDEuMTE1YzkxLjY4NiAwIDE2Ni43NjQtMjIuOTg0IDIyNy42MzUtNTYuODEybDkzLjU4MiA5My41ODhjMTEuMTEgMTEuMTA4IDI5LjEyMSAxMS4xMDggNDAuMjMyIDAgMTEuMTA1LTExLjEwOCAxMS4xMDUtMjkuMTE4IDAtNDAuMjI2bC04NC44NzMtODQuODcyYzEwMS40ODQtNzQuOTA0IDE1My4yMTMtMTc2Ljg5MSAxNzIuMDgzLTIyMC4yOTkgOC42MDItMjEuMzMzIDguNjAyLTQ0LjA4OSAwLTY1LjQyMi0zMS41MzQtNzIuNTMzLTE1NC44MDYtMzA4LjYyMy00NDguNjYtMzA4LjYyMy0xMDIuNzgyIDAtMTg0LjU1IDI4LjYwNC0yNDguODEgNjguOTYxbC03My41OTQtNzMuNTk3Yy0xMS4xMDgtMTEuMTA1LTI5LjExOS0xMS4xMDUtNDAuMjI3IDAtMTEuMTA4IDExLjExLTExLjEwOCAyOS4xMjEgMCA0MC4yMjZsNjcuMDQ2IDY3LjA0OXptODguNTE2IDguMDYxYzU0Ljc5My0zMS44ODEgMTIzLjAzNi01My44MTEgMjA3LjA2OS01My44MTEgMjU5LjQ0NyAwIDM2OC4zOSAyMDkuMDY3IDM5NS42MjIgMjczLjA2N3E0LjMgMTAuNjY3IDAgMjEuMzMzYy0xNi43OTkgNDAuMzU5LTY0LjY5NCAxMzUuMzgyLTE1OS44MzUgMjAyLjI2N0w2MjQuMDMgNTQ4LjI0N2MxOS41NzYtMjQuMzI2IDMxLjMxMi01NS4xMDMgMzEuMzEyLTg4LjQ2NiAwLTc4LjIyMi02NC41MDUtMTQyLjIyMi0xNDMuMzQzLTE0Mi4yMjItMzMuMjI1IDAtNjMuOTA1IDExLjM2Ny04OC4yODMgMzAuMzc1em04MS42MDcgMTYyLjA2Yy0xMS4zODYgMjAuMzY2LTE3Ljg4IDQzLjc1NC0xNy44OCA2OC41NzQgMCA3OC4yMjIgNjQuNTAzIDE0Mi4yMjIgMTQzLjM0MiAxNDIuMjIyIDI0LjYxNiAwIDQ3LjgzNi02LjI0IDY4LjEzLTE3LjIwNGwxMTcuMzA1IDExNy4zMDVjLTUwLjgzIDI1LjQyOC0xMTIuMTIzIDQyLjEyMS0xODUuNDM1IDQyLjEyMS0yNTkuNDQ5IDAtMzY4LjM4OS0yMDkuMDY3LTM5NS42MjQtMjczLjA2N3EtNC4zLTEwLjY2NiAwLTIxLjMzM2MxNS42MzktMzcuNTY3IDU4LjIxOS0xMjIuNDk5IDE0MC43NjgtMTg4LjAxM2wxMjkuMzk0IDEyOS4zOTR6bTc3Ljk3Ni0yLjQ3N2MxMy42My05LjAxNiAyOS45NjgtMTQuMjgzIDQ3LjQ4Ni0xNC4yODMgNDcuMzAzIDAgODYuMDA1IDM4LjQgODYuMDA1IDg1LjMzMyAwIDE3LjYxOS01LjQ1NSAzNC4wMzYtMTQuNzcxIDQ3LjY3TDQ2NC41MTQgMzg4Ljczem03Mi4yOTEgMTUyLjc0NWE4NiA4NiAwIDAgMS0yNC44MDUgMy42NGMtNDcuMzAzIDAtODYuMDA1LTM4LjQtODYuMDA1LTg1LjMzM2E4NCA4NCAwIDAgMSAzLjg2Ny0yNS4yNXoiIGdseXBoLW5hbWU9Imljb24taW52aXNpYmxlIiB1bmljb2RlPSLupIEiLz48Z2x5cGggZD0ibTgzNi42MjUgNTIzLjExNiA4Mi44NDctMTQuNDk5YzI0Ljg1NS00LjE0MiA0My40OTctMjQuODU0IDQ3LjYzOS01MS43OHYtNzIuNDkyYzAtMjYuOTI2LTE4LjY0Mi00Ny42MzgtNDMuNDk3LTUxLjc4bC04Mi44NDctMTQuNDk4LTE2LjU2Ni0zNy4yODIgNDcuNjMzLTY4LjM1MWMxNC41MDEtMjAuNzEzIDEyLjQzLTQ3LjYzOS02LjIxMi02Ni4yNzZsLTUxLjc4LTUxLjc4Yy0xOC42MzctMTguNjQyLTQ1LjU2Mi0yMC43MTMtNjYuMjc2LTYuMjEybC02OC4zNTEgNDcuNjMzLTM3LjI4Mi0xNi41NjYtMTQuNDk4LTgyLjg0N2MtNi4yMTQtMjQuODU1LTI2LjkyNi00My40OTctNTEuNzgtNDMuNDk3aC03Mi40OTJjLTI2LjkyNiAwLTQ3LjYzOCAxOC42NDItNTEuNzggNDMuNDk3bC0xNC40OTkgODIuODQ3LTM3LjI4MiAxNi41NjYtNjguMzQ5LTQ3LjYzM2MtMjAuNzEyLTE0LjUwMS00Ny42MzgtMTIuNDMtNjYuMjc4IDYuMjEybC01MS43OCA1MS43OGMtMTguNjQxIDE4LjYzNy0yMC43MTIgNDUuNTYyLTYuMjEzIDY2LjI3Nmw0OS43MDkgNzAuNDIyLTE2LjU3IDM3LjI4Mi04Mi44NDggMTQuNDk4Yy0yNC44NTQgNi4yMTMtNDMuNDk1IDI2LjkyNi00My40OTUgNTEuNzh2NzIuNDkyYzAgMjQuODU0IDE4LjY0MSA0NS41NjYgMzkuMzUzIDQ5LjcwOGw4Mi44NDggMTQuNDk5IDE2LjU2OSAzNy4yODItNDcuNjM4IDY4LjM1Yy0xNC40OTggMjAuNzEyLTEyLjQyNyA0Ny42MzcgNi4yMTMgNjYuMjc4bDUxLjc4IDUxLjc4YzE4LjY0MSAxOC42NDEgNDUuNTY2IDIwLjcxMiA2Ni4yNzggNi4yMTNsNzAuNDItNDkuNzA5IDM3LjI4MiAxNi41NyAxNC40OTkgODIuODQ4YzYuMjEzIDI0Ljg1NCAyNi45MjYgNDMuNDk1IDUxLjc4IDQzLjQ5NWg3Mi40OTJjMjQuODU0IDAgNDUuNTY2LTE4LjY0MSA0Ny42MzgtNDEuNDI0bDE0LjQ5OC04Mi44NDggMzcuMjgyLTE2LjU2OSA2OC4zNTIgNDcuNjM4YzIwLjcwOCAxNC40OTggNDcuNjMzIDEyLjQyNyA2Ni4yNzYtNi4yMTNsNTEuNzgtNTEuNzhjMTguNjQyLTE4LjY0MSAyMC43MTMtNDUuNTY2IDYuMjEyLTY2LjI3OGwtNDcuNjM5LTY4LjM0OSAxNi41NzItMzcuMjgyek04MDkuNyAzNzguMTMxbDkxLjEzNiAxNi41N3Y1My44NTFMODA5LjcgNDY1LjEyMWMtMTAuMzU0IDIuMDcxLTE4LjY0MiA4LjI4NS0yMi43ODQgMTguNjQxbC0yOC45OTYgNzAuNDJjLTQuMTQyIDguMjg1LTIuMDcxIDIwLjcxMiA0LjE0MiAyOC45OTdsNTEuNzggNzQuNTYzLTM5LjM1IDM5LjM1My03NC41NjQtNTEuNzhjLTguMjgzLTYuMjE0LTE4LjY0MS04LjI4NS0yOC45OTctNC4xNDNsLTY4LjM1IDI4Ljk5N2MtMTAuMzU2IDQuMTQzLTE2LjU2OSAxMi40MjctMTguNjQxIDIyLjc4M2wtMTYuNTY5IDkxLjEzM2gtNTUuOTIybC0xNi41NjktOTEuMTMzYy0yLjA3MS0xMC4zNTYtOC4yODUtMTguNjQxLTE4LjY0MS0yMi43ODNsLTcwLjQyLTI4Ljk5N2MtOC4yODUtNC4xNDItMjAuNzEyLTIuMDcxLTI4Ljk5NyA0LjE0M2wtNzQuNTYzIDUxLjc4LTM5LjM1My0zOS4zNTMgNTEuNzgtNzQuNTYzYzYuMjE0LTguMjg1IDguMjg1LTE4LjY0MSA0LjE0My0yOC45OTZsLTI4Ljk5Ny02OC4zNWMtNC4xNDMtMTAuMzU2LTEyLjQyNy0xNi41NjktMjIuNzgzLTE4LjY0MWwtOTEuMTMzLTE2LjU2OXYtNTUuOTIybDkxLjEzMy0xNi41N2MxMC4zNTYtMi4wNzEgMTguNjQxLTguMjg1IDIyLjc4My0xOC42NDFsMjguOTk3LTcwLjQyYzQuMTQyLTguMjg1IDIuMDcxLTIwLjcxNC00LjE0My0yOC45OTdsLTUxLjc4LTc0LjU2NCAzOS4zNTMtMzkuMzUgNzQuNTYzIDUxLjc4YzguMjg1IDYuMjEyIDE4LjY0MSA4LjI4MyAyOC45OTYgNC4xNDJsNjguMzUtMjguOTk2YzEwLjM1Ni00LjE0MiAxNi41NjktMTIuNDMgMTguNjQxLTIyLjc4NGwxNi41NjktOTEuMTM2SDU2NS4zbDE2LjU2OSA5MS4xMzZjMi4wNzEgMTAuMzU0IDguMjg1IDE4LjY0MiAxOC42NDEgMjIuNzg0bDcwLjQyMSAzMS4wNjdjOC4yODUgNC4xNDIgMjAuNzE0IDIuMDcxIDI4Ljk5Ny00LjE0Mmw3NC41NjQtNTEuNzggMzkuMzUgMzkuMzUtNTEuNzggNzQuNTY0Yy02LjIxMiA4LjI4My04LjI4MyAxOC42NDEtNC4xNDIgMjguOTk3bDI4Ljk5NiA2OC4zNDljNC4xNDIgMTAuMzU2IDEyLjQzIDE2LjU3IDIyLjc4NCAxOC42NDFtLTM4NS4yNDIgNDMuNDk2YzAgNjIuMTM2IDUxLjc4IDExMy45MTUgMTEzLjkxNSAxMTMuOTE1czExMy45MTYtNTEuNzggMTEzLjkxNi0xMTMuOTE1LTUxLjc4LTExMy45MTYtMTEzLjkxNi0xMTMuOTE2LTExMy45MTUgNTEuNzgtMTEzLjkxNSAxMTMuOTE2bTYyLjEzNSAwYzAtMjguOTk3IDIyLjc4My01MS43OCA1MS43OC01MS43OHM1MS43OCAyMi43ODMgNTEuNzggNTEuNzgtMjIuNzgzIDUxLjc4LTUxLjc4IDUxLjc4LTUxLjc4LTIyLjc4My01MS43OC01MS43OCIgZ2x5cGgtbmFtZT0iaWNvbi1zZXR0aW5nIiB1bmljb2RlPSLupIIiLz48Z2x5cGggZD0iTTUxMiAxMDYuNjY3Yy0yOTUuMjg1IDAtNDE3LjEyNSAyMzYuMDg5LTQ0OC42NjEgMzA4LjYyMi04LjYwMSAyMS4zMzMtOC42MDEgNDQuMDg5IDAgNjUuNDIyQzk0Ljg3NCA1NTMuMjQ0IDIxNi43MTUgNzg5LjMzMyA1MTIgNzg5LjMzM2MyOTMuODU0IDAgNDE3LjEyNi0yMzYuMDg5IDQ0OC42Ni0zMDguNjIyIDguNjAyLTIxLjMzMyA4LjYwMi00NC4wODkgMC02NS40MjJDOTI5LjEyNiAzNDIuNzU2IDgwNS44NTQgMTA2LjY2NyA1MTIgMTA2LjY2N00xMTYuMzc2IDQ1OS4zNzhxLTQuMy0xMC42NjYgMC0yMS4zMzNDMTQzLjYxMSAzNzIuNjIzIDI1Mi41NTEgMTYzLjU1NiA1MTIgMTYzLjU1NmMyNTkuNDQ3IDAgMzY4LjM5IDIwOS4wNjcgMzk1LjYyMiAyNzMuMDY3cTQuMyAxMC42NjYgMCAyMS4zMzNDODgwLjM4OSA1MjMuMzc4IDc3MS40NDcgNzMyLjQ0NSA1MTIgNzMyLjQ0NWMtMjU5LjQ0OSAwLTM2OC4zODktMjA5LjA2Ny0zOTUuNjI0LTI3My4wNjdNNTEyIDMwNS43NzhjLTc4LjgzOCAwLTE0My4zNDIgNjQtMTQzLjM0MiAxNDIuMjIyUzQzMy4xNjEgNTkwLjIyMiA1MTIgNTkwLjIyMmM3OC44MzggMCAxNDMuMzQzLTY0IDE0My4zNDMtMTQyLjIyMlM1OTAuODM4IDMwNS43NzggNTEyIDMwNS43NzhtMCAyMjcuNTU1Yy00Ny4zMDMgMC04Ni4wMDUtMzguNC04Ni4wMDUtODUuMzMzczM4LjcwMi04NS4zMzMgODYuMDA1LTg1LjMzMyA4Ni4wMDUgMzguNCA4Ni4wMDUgODUuMzMzLTM4LjcwMiA4NS4zMzMtODYuMDA1IDg1LjMzMyIgZ2x5cGgtbmFtZT0iaWNvbi12aXNpYmxlIiB1bmljb2RlPSLupIMiLz48L2ZvbnQ+PC9kZWZzPjwvc3ZnPg==) format("svg")
    }
}

.cst-chart [class*=" icon-"],
.cst-chart [class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cst-chart .icon-icon-close:before {
    color: #fff;
    content: ""
}

.cst-chart .icon-icon-invisible:before {
    color: #fff;
    content: ""
}

.cst-chart .icon-icon-setting:before {
    color: #fff;
    content: ""
}

.cst-chart .icon-icon-visible:before {
    color: #fff;
    content: ""
}

.cst-chart .klinecharts-pro-button {
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--klinecharts-pro-primary-color);
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    margin-left: 20px;
    outline: none;
    width: 90px
}

.cst-chart .klinecharts-pro-button.confirm {
    background-color: var(--klinecharts-pro-primary-color);
    color: #fff
}

.cst-chart .klinecharts-pro-button.cancel {
    border: 1px solid var(--klinecharts-pro-primary-color);
    color: var(--klinecharts-pro-primary-color)
}

.cst-chart .klinecharts-pro-checkbox {
    align-items: center;
    color: var(--klinecharts-pro-text-color);
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: center;
    fill: var(--klinecharts-pro-text-color);
    cursor: pointer
}

.cst-chart .klinecharts-pro-checkbox .icon {
    height: 20px;
    width: 20px
}

.cst-chart .klinecharts-pro-checkbox .label {
    display: inline-block;
    margin-left: 6px
}

.cst-chart .klinecharts-pro-checkbox.checked {
    color: var(--klinecharts-pro-primary-color);
    fill: var(--klinecharts-pro-primary-color)
}

.cst-chart .klinecharts-pro-list {
    color: var(---klinecharts-pro-text-color);
    font-size: 14px;
    list-style: none;
    margin: 0;
    min-height: 200px;
    overflow-y: auto;
    padding: 0;
    position: relative
}

.cst-chart .klinecharts-pro-list::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.cst-chart .klinecharts-pro-list::-webkit-scrollbar-thumb {
    background-color: var(--klinecharts-pro-border-color);
    border-radius: 4px;
    height: 8px;
    width: 8px
}

.cst-chart .klinecharts-pro-list li {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 40px;
    padding: 0 20px
}

.cst-chart .klinecharts-pro-list li:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.cst-chart .klinecharts-pro-modal {
    align-items: center;
    background-color: rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
}

.cst-chart .klinecharts-pro-modal .inner {
    background-color: var(--klinecharts-pro-popover-background-color);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .3)
}

.cst-chart .klinecharts-pro-modal .inner .title-container {
    align-items: center;
    border-bottom: 1px solid var(--klinecharts-pro-border-color);
    box-sizing: border-box;
    color: var(--klinecharts-pro-text-color);
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-weight: 700;
    height: 52px;
    justify-content: space-between;
    padding: 0 26px;
    position: relative
}

.cst-chart .klinecharts-pro-modal .inner .title-container .close-icon {
    cursor: pointer;
    height: 14px;
    width: 14px;
    fill: var(--klinecharts-pro-text-color)
}

.cst-chart .klinecharts-pro-modal .inner .title-container .close-icon:hover {
    fill: var(--klinecharts-pro-primary-color)
}

.cst-chart .klinecharts-pro-modal .inner .content-container {
    min-height: 140px;
    padding: 0 26px
}

.cst-chart .klinecharts-pro-modal .inner .button-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 20px 20px 26px
}

.cst-chart .klinecharts-pro-select {
    align-items: center;
    color: var(--klinecharts-pro-text-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    height: 34px;
    outline: none;
    position: relative;
    width: 100px
}

.cst-chart .klinecharts-pro-select .selector-container {
    align-items: center;
    border: 1px solid var(--klinecharts-pro-border-color);
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    padding: 0 10px;
    width: 100%
}

.cst-chart .klinecharts-pro-select .selector-container .arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--klinecharts-pro-text-color);
    display: inline;
    height: 0;
    transition: all .2s;
    width: 0
}

.cst-chart .klinecharts-pro-select .drop-down-container {
    background-color: var(--klinecharts-pro-popover-background-color);
    border-radius: 2px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
    left: 0;
    max-height: 200px;
    opacity: 0;
    overflow-y: auto;
    position: absolute;
    top: calc(100% + 1px);
    transform: scaleY(0);
    transform-origin: top;
    transition: all .2s;
    width: 100%;
    z-index: 100
}

.cst-chart .klinecharts-pro-select .drop-down-container ul {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.cst-chart .klinecharts-pro-select .drop-down-container ul li {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 40px;
    padding: 0 10px
}

.cst-chart .klinecharts-pro-select .drop-down-container ul li:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.cst-chart .klinecharts-pro-select .drop-down-container ul li:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.cst-chart .klinecharts-pro-select .drop-down-container ul li:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.cst-chart .klinecharts-pro-select-show .selector-container {
    border-color: var(--klinecharts-pro-primary-color) !important
}

.cst-chart .klinecharts-pro-select-show .selector-container .value {
    color: var(--klinecharts-pro-primary-color)
}

.cst-chart .klinecharts-pro-select-show .selector-container .arrow {
    transform: rotate(180deg)
}

.cst-chart .klinecharts-pro-select-show .drop-down-container {
    opacity: 1 !important;
    transform: scaleY(1) !important
}

.cst-chart .klinecharts-pro-input {
    align-items: center;
    border: 1px solid var(--klinecharts-pro-border-color);
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--klinecharts-pro-text-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    height: 34px;
    padding: 0 12px;
    position: relative
}

.cst-chart .klinecharts-pro-input[data-status=focus] {
    border-color: var(--klinecharts-pro-primary-color)
}

.cst-chart .klinecharts-pro-input .prefix {
    display: flex;
    padding-right: 10px;
    white-space: nowrap
}

.cst-chart .klinecharts-pro-input .suffix {
    display: flex;
    padding-left: 10px;
    white-space: nowrap
}

.cst-chart .klinecharts-pro-input .value {
    background: transparent;
    border: none;
    color: var(--klinecharts-pro-text-color);
    cursor: pointer;
    font-size: 14px;
    outline: none;
    width: 100%
}

.cst-chart .klinecharts-pro-loading {
    align-items: center;
    color: var(--klinecharts-pro-primary-color);
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50
}

.cst-chart .klinecharts-pro-loading .circle1,
.cst-chart .klinecharts-pro-loading .circle2,
.cst-chart .klinecharts-pro-loading .circle3 {
    animation: loading-anim .8s ease-in-out infinite alternate;
    background-color: currentColor;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    pointer-events: none;
    width: 10px
}

.cst-chart .klinecharts-pro-loading .circle1 {
    animation-delay: .48s
}

.cst-chart .klinecharts-pro-loading .circle2 {
    animation-delay: .32s;
    margin-left: .2em;
    margin-right: .2em
}

.cst-chart .klinecharts-pro-loading .circle3 {
    animation-delay: .16s
}

@keyframes loading-anim {
    0% {
        top: 0
    }

    to {
        margin-top: -2.2em
    }
}

.cst-chart .klinecharts-pro-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    fill: var(--klinecharts-pro-text-second-color);
    color: var(--klinecharts-pro-text-second-color)
}

.cst-chart .klinecharts-pro-empty .icon {
    height: 50px;
    width: 50px
}

.cst-chart .klinecharts-pro-switch {
    border-radius: 9px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 18px;
    position: relative;
    width: 36px
}

.cst-chart .klinecharts-pro-switch .thumb {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    position: absolute;
    top: 2px;
    transition: all .2s;
    width: 14px;
    z-index: 10
}

.cst-chart .klinecharts-pro-switch.turn-off {
    background-color: var(--klinecharts-pro-border-color)
}

.cst-chart .klinecharts-pro-switch.turn-off .thumb {
    left: 2px
}

.cst-chart .klinecharts-pro-switch.turn-on {
    background-color: var(--klinecharts-pro-primary-color)
}

.cst-chart .klinecharts-pro-switch.turn-on .thumb {
    left: 20px
}

.cst-chart .klinecharts-pro-period-bar {
    align-items: center;
    border-bottom: 1px solid var(--klinecharts-pro-border-color);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 38px;
    width: 100%
}

.cst-chart .klinecharts-pro-period-bar .menu-container {
    align-items: center;
    border-right: 1px solid var(--klinecharts-pro-border-color);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    width: 52px
}

.cst-chart .klinecharts-pro-period-bar .menu-container svg {
    fill: var(--klinecharts-pro-text-color);
    cursor: pointer;
    height: 28px;
    transition: all .2s;
    width: 28px
}

.cst-chart .klinecharts-pro-period-bar .menu-container svg.rotate {
    transform: rotate(180deg);
    transform-origin: center
}

.cst-chart .klinecharts-pro-period-bar .symbol {
    align-items: center;
    border-right: 1px solid var(--klinecharts-pro-border-color);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-weight: 700;
    height: 100%;
    padding: 0 12px
}

.cst-chart .klinecharts-pro-period-bar .symbol img {
    height: 20px;
    margin-right: 6px;
    width: 20px
}

.cst-chart .klinecharts-pro-period-bar .item {
    box-sizing: border-box;
    cursor: pointer;
    transition: all .2s;
    fill: var(--klinecharts-pro-text-color)
}

.cst-chart .klinecharts-pro-period-bar .item.selected {
    background-color: var(--klinecharts-pro-selected-color) !important;
    color: var(--klinecharts-pro-primary-color)
}

.cst-chart .klinecharts-pro-period-bar .period {
    border-radius: 2px;
    margin: 0 4px;
    padding: 2px 6px
}

.cst-chart .klinecharts-pro-period-bar .period:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.cst-chart .klinecharts-pro-period-bar .period:first-child {
    margin-left: 8px
}

.cst-chart .klinecharts-pro-period-bar .menu-container+.period,
.cst-chart .klinecharts-pro-period-bar .symbol+.period {
    margin-left: 12px
}

.cst-chart .klinecharts-pro-period-bar .tools {
    align-items: center;
    border-right: 1px solid var(--klinecharts-pro-border-color);
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    padding: 0 12px
}

.cst-chart .klinecharts-pro-period-bar .tools:hover {
    fill: var(--klinecharts-pro-primary-color);
    color: var(--klinecharts-pro-primary-color)
}

.cst-chart .klinecharts-pro-period-bar .tools svg {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.cst-chart .klinecharts-pro-period-bar .period+.tools {
    border-left: 1px solid var(--klinecharts-pro-border-color);
    margin-left: 8px
}

.cst-chart .klinecharts-pro-drawing-bar {
    border-right: 1px solid var(--klinecharts-pro-border-color);
    box-sizing: border-box;
    height: 100%;
    width: 52px
}

.cst-chart .klinecharts-pro-drawing-bar .item {
    align-items: center;
    color: var(--klinecharts-pro-text-second-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 8px;
    position: relative;
    width: 100%;
    fill: var(--klinecharts-pro-text-second-color);
    stroke: var(--klinecharts-pro-text-second-color)
}

.cst-chart .klinecharts-pro-drawing-bar .item .icon-overlay {
    border-radius: 2px;
    height: 32px;
    transition: all .2s;
    width: 32px
}

.cst-chart .klinecharts-pro-drawing-bar .item .icon-overlay:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.cst-chart .klinecharts-pro-drawing-bar .item .icon-overlay.selected {
    background-color: var(--klinecharts-pro-selected-color) !important;
    fill: var(--klinecharts-pro-primary-color);
    stroke: var(--klinecharts-pro-primary-color)
}

.cst-chart .klinecharts-pro-drawing-bar .item .icon-arrow {
    align-items: center;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s;
    width: 10px;
    z-index: 10
}

.cst-chart .klinecharts-pro-drawing-bar .item .icon-arrow svg {
    height: 6px;
    transition: all .2s;
    width: 4px
}

.cst-chart .klinecharts-pro-drawing-bar .item .icon-arrow svg.rotate {
    transform: rotate(180deg)
}

.cst-chart .klinecharts-pro-drawing-bar .item .icon-arrow:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.cst-chart .klinecharts-pro-drawing-bar .item .list {
    background-color: var(--klinecharts-pro-popover-background-color);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
    left: calc(100% + 1px);
    max-height: 320px;
    min-height: auto;
    position: absolute;
    top: 0;
    white-space: nowrap;
    z-index: 99
}

.cst-chart .klinecharts-pro-drawing-bar .item .list li {
    padding-left: 16px
}

.cst-chart .klinecharts-pro-drawing-bar .item .list li .icon-overlay:hover {
    background-color: transparent
}

.cst-chart .klinecharts-pro-drawing-bar .item:hover .icon-arrow {
    opacity: 1
}

.cst-chart .klinecharts-pro-drawing-bar .split-line {
    background-color: var(--klinecharts-pro-border-color);
    display: block;
    height: 1px;
    margin-top: 8px;
    width: 100%
}

.cst-chart .klinecharts-pro-indicator-modal-list {
    height: 440px;
    margin-left: -20px;
    margin-right: -20px;
    position: relative
}

.cst-chart .klinecharts-pro-indicator-modal-list .title {
    color: var(--klinecharts-pro-text-color);
    font-size: 16px;
    font-weight: 400;
    position: sticky;
    top: 0
}

.cst-chart .klinecharts-pro-indicator-modal-list .title,
.cst-chart .klinecharts-pro-indicator-modal-list .title:hover {
    background-color: var(--klinecharts-pro-popover-background-color)
}

.cst-chart .klinecharts-pro-indicator-modal-list .row:hover .checkbox {
    fill: var(--klinecharts-pro-primary-color);
    color: var(--klinecharts-pro-primary-color)
}

.cst-chart .klinecharts-pro-setting-modal-content {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-row-gap: 20px;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 20px
}

.cst-chart .klinecharts-pro-indicator-setting-modal-content {
    display: grid;
    grid-template-columns: auto auto;
    grid-row-gap: 20px;
    align-items: center;
    margin-top: 20px
}

.cst-chart .klinecharts-pro-symbol-search-modal-input {
    height: 40px;
    margin: 20px 0 10px
}

.cst-chart .klinecharts-pro-symbol-search-modal-input svg {
    height: 18px;
    width: 18px;
    fill: var(--klinecharts-pro-text-second-color)
}

.cst-chart .klinecharts-pro-symbol-search-modal-input .value {
    font-size: 16px
}

.cst-chart .klinecharts-pro-symbol-search-modal-list {
    height: 400px;
    margin-left: -20px;
    margin-right: -20px
}

.cst-chart .klinecharts-pro-symbol-search-modal-list li {
    justify-content: space-between
}

.cst-chart .klinecharts-pro-symbol-search-modal-list li div {
    align-items: center;
    display: flex;
    flex-direction: row
}

.cst-chart .klinecharts-pro-symbol-search-modal-list li div img {
    height: 16px;
    margin-right: 6px;
    width: 16px
}

.cst-chart .klinecharts-pro-symbol-search-modal-list li div span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px
}

.cst-chart .klinecharts-pro {
    --klinecharts-pro-primary-color: #1677ff;
    --klinecharts-pro-hover-background-color: rgba(22, 119, 255, .15);
    --klinecharts-pro-background-color: #fff;
    --klinecharts-pro-popover-background-color: #fff;
    --klinecharts-pro-text-color: #051441;
    --klinecharts-pro-text-second-color: #76808f;
    --klinecharts-pro-border-color: #ebedf1;
    --klinecharts-pro-selected-color: rgba(22, 119, 255, .15);
    background-color: var(--klinecharts-pro-background-color);
    color: var(--klinecharts-pro-text-color);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 80vh;
    position: relative
}

.cst-chart .klinecharts-pro[data-theme=dark] {
    --klinecharts-pro-hover-background-color: rgba(22, 119, 255, .15);
    --klinecharts-pro-background-color: #151517;
    --klinecharts-pro-popover-background-color: #1c1c1f;
    --klinecharts-pro-text-color: #f8f8f8;
    --klinecharts-pro-text-second-color: #929aa5;
    --klinecharts-pro-border-color: #292929
}

.cst-chart .klinecharts-pro-watermark {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    z-index: 1
}

.cst-chart .klinecharts-pro-watermark .logo {
    height: 184px;
    width: 160px;
    fill: var(--klinecharts-pro-border-color)
}

.cst-chart .klinecharts-pro-price-unit {
    background-color: var(--klinecharts-pro-background-color);
    border: 1px solid var(--klinecharts-pro-border-color);
    border-radius: 4px;
    box-shadow: 0 3px 3px rgba(50, 50, 50, .3);
    color: var(--klinecharts-pro-text-second-color);
    display: none;
    font-size: 10px;
    font-weight: 700;
    left: 50%;
    padding: 1px 4px;
    position: absolute;
    top: 50%;
    top: 4px;
    transform: translate(-50%);
    z-index: 30
}

.cst-chart .klinecharts-pro-load-icon {
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    z-index: -1
}

.cst-chart .klinecharts-pro-content {
    display: flex;
    flex-direction: row;
    height: calc(100% - 38px);
    position: relative;
    width: 100%
}

.cst-chart .klinecharts-pro-widget {
    height: 100%;
    margin-left: 0;
    width: calc(100% - 52px)
}

.cst-chart .klinecharts-pro-widget[data-drawing-bar-visible=false] {
    width: 100%
}

.cst-chart .theme-light .trade__chart .klinecharts-pro[data-theme=dark] {
    --klinecharts-pro-hover-background-color: #fdfdfe;
    --klinecharts-pro-background-color: transparent;
    --klinecharts-pro-popover-background-color: #fbfaff;
    --klinecharts-pro-text-color: #344054;
    --klinecharts-pro-text-second-color: #667085;
    --klinecharts-pro-border-color: #cececf;
    --klinecharts-pro-primary-color: var(--bg-0ead98);
    --klinecharts-pro-selected-color: rgba(255, 106, 86, .15)
}

.cst-chart .theme-light .trade__chart .klinecharts-pro-modal {
    --klinecharts-pro-primary-color: var(--color-main)
}

.cst-chart .theme-light .trade__chart .klinecharts-pro-button.confirm {
    color: #fff;
    width: 13.5714285714rem
}

.cst-chart .theme-light .trade__chart .klinecharts-pro-period-bar .period {
    color: var(--color-desc)
}

.cst-chart .theme-light .trade__chart .klinecharts-pro-period-bar .period:not(.selected):hover {
    background-color: #fff;
    color: var(--color-desc)
}

.cst-chart .theme-light .trade__chart .klinecharts-pro-period-bar .period.selected {
    color: var(--bg-0ead98)
}

.cst-chart .trade__chart .klinecharts-pro[data-theme=dark] {
    --klinecharts-pro-hover-background-color: #2e2e34;
    --klinecharts-pro-background-color: transparent;
    --klinecharts-pro-popover-background-color: #050505;
    --klinecharts-pro-text-color: #ece9fe;
    --klinecharts-pro-text-second-color: #8e8c98;
    --klinecharts-pro-border-color: #282a2e;
    --klinecharts-pro-primary-color: var(--bg-0ead98);
    --klinecharts-pro-selected-color: rgba(255, 106, 86, .15)
}

.cst-chart .trade__chart .klinecharts-pro-period-bar .period+.tools {
    border-left: none;
    border-right: none;
    margin-left: 0
}

.cst-chart .trade__chart .klinecharts-pro-modal {
    --klinecharts-pro-primary-color: var(--color-main)
}

.cst-chart .trade__chart .klinecharts-pro-button.confirm {
    color: var(--color-main);
    width: 13.5714285714rem
}

.cst-chart .trade__chart .klinecharts-pro-watermark {
    opacity: .03;
    transform: translate(-50%) translateY(-50%) scale(2)
}

.cst-chart .trade__chart .klinecharts-pro-watermark .logo {
    height: inherit;
    width: inherit;
    fill: inherit
}

.cst-chart .trade__chart .klinecharts-pro-period-bar {
    display: initial
}

.cst-chart .trade__chart .klinecharts-pro-period-bar .menu-container {
    float: left
}

.cst-chart .trade__chart .klinecharts-pro-period-bar .period {
    align-items: center;
    border-radius: 0;
    color: var(--color-desc);
    display: flex;
    float: left;
    font-size: .875rem;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-width: 1.5rem;
    padding: .25rem .375rem
}

.cst-chart .trade__chart .klinecharts-pro-period-bar .period.item.selected {
    font-weight: 500
}

.cst-chart .trade__chart .klinecharts-pro-period-bar .period:not(.selected):hover {
    background-color: var(--color-bg-box-1);
    color: var(--color-desc)
}

.cst-chart .trade__chart .klinecharts-pro-period-bar .symbol {
    display: none
}

.cst-chart .trade__chart .klinecharts-pro-period-bar .tools {
    float: right
}

.cst-chart .trade__chart .klinecharts-pro-period-bar .tools svg {
    margin: 0
}

.cst-chart .trade__chart .klinecharts-pro-period-bar .tools span {
    display: none
}

.theme-light .btn {
    background: #1f0;
    color: red
}

.theme-light .btn--c-main {
    background: var(--color-main);
    border: .0714285714rem solid transparent;
    color: #fff
}

.theme-light .btn--c-main svg [stroke] {
    stroke: #fff
}

.theme-light .btn--c-main svg [fill] {
    fill: #fff
}

.theme-light .btn--c-main:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid var(--color-main);
    color: var(--color-main)
}

.theme-light .btn--c-main:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-main)
}

.theme-light .btn--c-main:hover:not([disabled]) svg [fill] {
    fill: var(--color-main)
}

.theme-light .btn--c-main-outline {
    background: transparent;
    border: .0714285714rem solid var(--color-main);
    color: var(--color-main)
}

.theme-light .btn--c-main-outline svg [stroke] {
    stroke: var(--color-main)
}

.theme-light .btn--c-main-outline:hover:not([disabled]) {
    background: var(--color-main);
    border: .0714285714rem solid transparent;
    color: #fff
}

.theme-light .btn--c-main-outline:hover:not([disabled]) svg [stroke] {
    stroke: #fff
}

.theme-light .btn--c-text {
    background: transparent;
    border: .0714285714rem solid transparent;
    color: var(--color-main);
    height: auto;
    padding: 0
}

.theme-light .btn--c-text svg [stroke] {
    stroke: var(--color-main)
}

.theme-light .btn--c-text:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid transparent;
    color: var(--color-title)
}

.theme-light .btn--c-text:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.theme-light .btn--c-white-outline {
    background: transparent;
    border: .0714285714rem solid #d0d5dd;
    color: #667085
}

.theme-light .btn--c-white-outline svg [stroke] {
    stroke: var(--color-main)
}

.theme-light .btn--c-white-outline:hover:not([disabled]) {
    background: #d0d5dd;
    border: .0714285714rem solid #d0d5dd;
    color: #667085
}

.theme-light .btn--c-white-outline:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.theme-light .btn--c-white-outline2 {
    background: transparent;
    border: .0714285714rem solid #dfd8fe;
    color: #344054
}

.theme-light .btn--c-white-outline2 svg [stroke] {
    stroke: var(--color-main)
}

.theme-light .btn--c-white-outline2:hover:not([disabled]) {
    background: #dfd8fe;
    border: .0714285714rem solid #dfd8fe;
    color: #344054
}

.theme-light .btn--c-white-outline2:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.theme-light .btn--c-white {
    background: #fff;
    border: .0714285714rem solid #fff;
    color: #344054;
    font-weight: 500
}

.theme-light .btn--c-white svg [stroke] {
    stroke: #343f53
}

.theme-light .btn--c-white:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid #fff;
    color: #fff
}

.theme-light .btn--c-white:hover:not([disabled]) svg [stroke] {
    stroke: #fff
}

.theme-light .btn--c-dark {
    background: #edeef0;
    color: var(--color-desc)
}

.theme-light .btn--c-dark svg [stroke] {
    stroke: var(--color-desc)
}

.theme-light .btn--c-main2 {
    background: rgba(122, 90, 248, .16);
    color: var(--color-main)
}

.theme-light .btn--c-main2 svg [stroke] {
    stroke: var(--color-main)
}

.theme-light .btn--c-dark2 {
    background: #eae7fc;
    border: .0714285714rem solid #eae7fc;
    color: var(--color-main)
}

.theme-light .btn--c-dark2:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid #eae7fc;
    color: var(--color-main)
}

.theme-light .btn--c-green {
    background: var(--color-green);
    border: .0714285714rem solid var(--color-green);
    color: #fff
}

.theme-light .btn--c-green svg [stroke] {
    stroke: #fff
}

.theme-light .btn--c-green:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid var(--color-green);
    color: var(--color-green)
}

.theme-light .btn--c-green:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-green)
}

.theme-light .btn--c-red {
    background: var(--color-red);
    border: .0714285714rem solid var(--color-red);
    color: #fff
}

.theme-light .btn--c-red svg [stroke] {
    stroke: #fff
}

.theme-light .btn--c-red:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid var(--color-red);
    color: var(--color-red)
}

.theme-light .btn--c-red:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-red)
}

.theme-light .btn--c-red2 {
    background: rgba(240, 68, 56, .16);
    color: var(--color-red)
}

.theme-light .btn--c-red2 svg [stroke] {
    stroke: var(--color-red)
}

.theme-light .btn--c-transparent {
    background: transparent;
    border: .0714285714rem solid var(--border-color);
    color: var(--color-desc)
}

.theme-light .btn--c-transparent svg [stroke] {
    stroke: var(--color-desc)
}

.theme-light .btn--c-transparent svg [fill] {
    fill: var(--color-desc)
}

.theme-light .btn--c-transparent:hover:not([disabled]) {
    background: var(--border-color);
    border: .0714285714rem solid var(--border-color);
    color: #fff
}

.theme-light .btn--c-transparent:hover:not([disabled]) svg [stroke] {
    stroke: #fff
}

.theme-light .btn--c-transparent:hover:not([disabled]) svg [fill] {
    fill: #fff
}

.btn {
    align-items: center;
    background: #1f0;
    border: none;
    border-radius: 0;
    color: red;
    cursor: pointer;
    display: flex;
    font-family: Inter, arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    height: 2.4285714286rem;
    justify-content: center;
    line-height: 1.1428571429rem;
    margin: 0;
    outline: none;
    padding: 0 1.4285714286rem;
    position: relative
}

.btn,
.btn svg path {
    transition: all .3s
}

.btn[disabled] {
    cursor: default;
    opacity: .6
}

.btn--d-width {
    max-width: 14.2857142857rem;
    width: 100%
}

.btn--s44 {
    height: 3.1428571429rem
}

.btn--s40,
.btn--s42 {
    height: 3rem
}

.btn--s36 {
    height: 2.5714285714rem
}

.btn--s48 {
    height: 3.4285714286rem
}

.btn--s52 {
    font-size: 1.1428571429rem;
    font-weight: 500;
    height: 3.7142857143rem
}

.btn--s60 {
    font-size: 1.2857142857rem;
    font-weight: 500;
    height: 4.2857142857rem
}

.btn--c-main {
    background: var(--color-main);
    border: .0714285714rem solid transparent;
    color: #fff
}

.btn--c-main svg [stroke] {
    stroke: #fff
}

.btn--c-main svg [fill] {
    fill: #fff
}

.btn--c-main:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid var(--color-main);
    color: var(--color-main)
}

.btn--c-main:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-main:hover:not([disabled]) svg [fill] {
    fill: var(--color-main)
}

.btn--c-main-outline {
    background: transparent;
    border: .0714285714rem solid var(--color-main);
    color: var(--color-main)
}

.btn--c-main-outline svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-main-outline:hover:not([disabled]) {
    background: var(--color-main);
    border: .0714285714rem solid transparent;
    color: var(--color-title)
}

.btn--c-main-outline:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.btn--c-text {
    background: transparent;
    border: .0714285714rem solid transparent;
    color: var(--color-main);
    height: auto;
    padding: 0
}

.btn--c-text svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-text:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid transparent;
    color: var(--color-title)
}

.btn--c-text:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.btn--c-white-outline {
    background: transparent;
    border: .0714285714rem solid #36363d;
    color: var(--color-title)
}

.btn--c-white-outline svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-white-outline:hover:not([disabled]) {
    background: #36363d;
    border: .0714285714rem solid #36363d;
    color: var(--color-title)
}

.btn--c-white-outline:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.btn--c-white-outline2 {
    background: transparent;
    border: .0714285714rem solid #36363d;
    color: var(--color-title)
}

.btn--c-white-outline2 svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-white-outline2:hover:not([disabled]) {
    background: #36363d;
    border: .0714285714rem solid #36363d;
    color: var(--color-title)
}

.btn--c-white-outline2:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.btn--c-white {
    background: #fff;
    border: .0714285714rem solid #fff;
    color: #344054;
    font-weight: 500
}

.btn--c-white svg [stroke] {
    stroke: #000
}

.btn--c-white:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid #fff;
    color: #fff
}

.btn--c-white:hover:not([disabled]) svg [stroke] {
    stroke: #fff
}

.btn--c-main2 {
    background: rgba(122, 90, 248, .16);
    color: var(--color-main)
}

.btn--c-main2 svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-dark {
    background: hsla(0, 0%, 100%, .05);
    color: var(--color-desc)
}

.btn--c-dark svg [stroke] {
    stroke: var(--color-desc)
}

.btn--c-dark2 {
    background: var(--color-bg-box-1)
}

.btn--c-dark2,
.btn--c-dark2:hover:not([disabled]) {
    border: .0714285714rem solid var(--color-bg-box-1);
    color: var(--color-title)
}

.btn--c-dark2:hover:not([disabled]) {
    background: transparent
}

.btn--c-green {
    background: var(--color-green);
    border: .0714285714rem solid var(--color-green);
    color: #000
}

.btn--c-green svg [stroke] {
    stroke: #000
}

.btn--c-green:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid var(--color-green);
    color: var(--color-green)
}

.btn--c-green:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-green)
}

.btn--c-red {
    background: var(--color-red);
    border: .0714285714rem solid var(--color-red);
    color: #000
}

.btn--c-red svg [stroke] {
    stroke: #000
}

.btn--c-red:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid var(--color-red);
    color: var(--color-red)
}

.btn--c-red:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-red)
}

.btn--c-red2 {
    background: rgba(240, 68, 56, .16);
    color: var(--color-red)
}

.btn--c-red2 svg [stroke] {
    stroke: var(--color-red)
}

.btn--c-transparent {
    background: transparent;
    border: .0714285714rem solid var(--border-color);
    color: var(--color-desc)
}

.btn--c-transparent svg [stroke] {
    stroke: var(--color-desc)
}

.btn--c-transparent svg [fill] {
    fill: var(--color-desc)
}

.btn--c-transparent:hover:not([disabled]) {
    background: var(--border-color);
    border: .0714285714rem solid var(--border-color);
    color: var(--color-title)
}

.btn--c-transparent:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.btn--c-transparent:hover:not([disabled]) svg [fill] {
    fill: var(--color-title)
}

.btn--r-sm {
    border-radius: .2857142857rem
}

.btn--r-d {
    border-radius: .4285714286rem
}

.btn--r-md {
    border-radius: .5714285714rem
}

.btn--r-lg {
    border-radius: .8571428571rem
}

.btn--block {
    display: block
}

.btn--full-width {
    width: 100%
}

.btn--mb {
    margin-bottom: 1.2857142857rem
}

.btn--loading {
    opacity: .95
}

.btn--loading span {
    opacity: 0
}

.btn--loading:after {
    animation: loading 1.2s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%230ead98%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    height: 2.1428571429rem;
    left: calc(50% - 1.07143rem);
    opacity: .9;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 1.07143rem);
    transition: opacity .3s;
    width: 2.1428571429rem
}

.btn--icon span {
    gap: .3571428571rem
}

.box-loading,
.btn--icon span {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-exchange-pagelayout .via-table {
    max-width: 100vw;
    overflow: auto;
    width: 100%
}

.status-row {
    border: .0714285714rem solid var(--border-color4);
    border-radius: .2857142857rem;
    margin-bottom: .8571428571rem;
    padding: 1rem
}

.theme-light .verification-result:before {
    background-size: 100% 100%
}

.verification-result {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 322px;
    position: relative;
    text-align: left;
    text-align: center
}

.verification-result:before {
    background-size: 100% 100%;
    bottom: -35px;
    content: "";
    height: 366px;
    opacity: 1;
    position: absolute;
    right: -35px;
    width: 723px;
    z-index: 0
}

.verification-result__icon {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 36px;
    justify-content: center;
    margin-bottom: 18px;
    position: relative;
    width: 36px;
    z-index: 1
}

.verification-result__icon img {
    display: block;
    height: 32px;
    width: 32px
}

.verification-result__icon svg {
    display: block;
    height: 36px;
    width: 36px
}

.verification-result__title {
    color: var(--color-title);
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 28px;
    position: relative;
    z-index: 1.2
}

.verification-result__desc {
    color: var(--color-desc2);
    font-size: 16px;
    font-weight: 400;
    max-width: 358px;
    position: relative;
    word-break: break-all;
    z-index: 1
}

.verification-result--error .verification-result__icon {
    background-color: #f05247
}

.verification-result--check .verification-result__icon {
    background-color: #ffb800
}

.verification-box {
    background-color: #fff;
    padding: 2rem 1rem
}

.verification-box__title {
    color: #fff;
    margin-bottom: 1.5rem
}

.verification-box__desc {
    color: #e7e7e7;
    margin-bottom: 1.5rem;
    text-align: center
}

.verification-box__btns {
    text-align: center
}

.verification-box__back {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: .75rem;
    margin-bottom: 1rem
}

.verification-box__back:before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 1.5rem;
    margin-right: .75rem;
    transform: rotate(180deg);
    width: 1.5rem
}

.verification-info {
    font-size: .75rem;
    margin-bottom: 1.5rem;
    padding: 0 1rem
}

.verification-info__title {
    color: #9b9bab;
    font: 400 .75rem Plus Jakarta Sans, "IBM Plex Serif", sans-serif;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.verification-info__desc {
    color: #565661;
    font-size: .75rem
}

.verification-info__btns {
    display: flex;
    gap: .5rem;
    margin: 0 -1rem -.5rem -.25rem;
    overflow: auto;
    padding-top: 1rem
}

.m-statuses {
    gap: 30px
}

.m-statuses,
.m-statuses__list {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.m-statuses__list {
    flex-direction: column;
    gap: 10px;
    max-width: 220px;
    width: 100%
}

.m-statuses__item {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    gap: 6px;
    justify-content: flex-start;
    padding: 10px 20px;
    transition: all .25s;
    width: 100%
}

.m-statuses__item--active,
.m-statuses__item:hover {
    width: 105%
}

.m-statuses__item:hover:not(.m-statuses__item--current):not(.m-statuses__item--submitted):not(.m-statuses__item--error) {
    background: rgba(255, 106, 86, .08)
}

.m-statuses__item--active:not(.m-statuses__item--current):not(.m-statuses__item--submitted):not(.m-statuses__item--error) {
    background: rgba(255, 106, 86, .08);
    color: #0ead98
}

.m-statuses__item--active:not(.m-statuses__item--current):not(.m-statuses__item--submitted):not(.m-statuses__item--error) svg path {
    stroke: #0ead98
}

.m-statuses__item--current {
    background: rgba(85, 204, 128, .08);
    color: #55cc80
}

.m-statuses__item--current svg path {
    stroke: #55cc80
}

.m-statuses__item--submitted {
    background: rgba(255, 184, 0, .08);
    color: #ffb800
}

.m-statuses__item--submitted svg path {
    stroke: #ffb800
}

.m-statuses__item--error {
    background: rgba(241, 89, 93, .08);
    color: #f1595d
}

.m-statuses__item--error svg path {
    stroke: #f1595d
}

.m-statuses__info {
    width: 100%
}

.m-statuses__title {
    color: var(--color-title);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px
}

.m-statuses__desc {
    color: var(--color-desc);
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 25px
}

.v-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 44px;
    position: relative;
    z-index: 1
}

.v-header__title {
    color: var(--color-title);
    font-size: 20px;
    font-weight: 500;
    line-height: 1
}

.v-header__close {
    align-items: center;
    color: var(--color-desc2);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    justify-content: flex-end;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.v-header__close [fill] {
    fill: var(--color-desc20)
}

.status-row {
    align-items: center;
    background: var(--color-bg-box-12);
    border: 1px solid var(--border-color4);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 14px
}

.status-row>div:first-child {
    color: var(--color-desc3);
    padding: 0 .5rem
}

.status-row>div:last-child {
    color: var(--color-title)
}

.verification-docs-title {
    color: var(--color-title);
    font-size: 16px
}

.verification-docs-desc {
    color: var(--color-desc2);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%
}

.verification-docs-desc>* {
    margin-bottom: 14px
}

.verification-docs-desc>:last-child {
    margin-bottom: 0
}

.verification-docs-desc b {
    color: var(--color-desc22);
    font-weight: 400
}

.verification-docs-desc--red {
    color: var(--color-red)
}

.verification-docs-desc--mb20 {
    margin-bottom: 20px;
    margin-top: 0
}

.verification-docs {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem
}

.verification-docs__item {
    align-items: center;
    border: 1px solid #252426;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: .875rem;
    height: 100%;
    margin-bottom: .5rem;
    padding: .5rem;
    position: relative;
    width: 100%
}

.verification-docs__item:last-child {
    margin-right: 0
}

.verification-docs__item svg {
    filter: drop-shadow(2px 2px 2px hsla(0deg, 0%, 0%, .1));
    margin-right: 1rem;
    position: relative;
    z-index: 1
}

.verification-docs__item--active {
    border-color: #fd6956;
    color: #fd6956
}

.verification-docs__item--active:after {
    background-color: #fd6956;
    content: "";
    height: 100%;
    left: 0;
    opacity: .05;
    position: absolute;
    top: 0;
    width: 100%
}

.verification-docs__item--active svg {
    filter: drop-shadow(2px 2px 2px hsla(214deg, 92%, 41%, .08))
}

.verification-docs__item--active svg .stroke {
    stroke: #fd6956
}

.verification-docs__item--active svg .fill {
    fill: #fd6956
}

.verification-docs__name {
    position: relative;
    z-index: 1
}

.verification-docs-upload {
    width: 100%
}

.verification-docs-upload__item {
    align-items: center;
    background: var(--color-bb-24);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    margin-bottom: 18px;
    max-width: 403px;
    overflow: hidden;
    padding: 24px 22px;
    position: relative;
    width: 100%
}

.verification-docs-upload__item:last-child {
    margin-bottom: 0
}

.verification-docs-upload__item:hover:not(.verification-docs-upload__item--uploaded):not(.verification-docs-upload__item--uploading) {
    opacity: .9
}

.verification-docs-upload__item--drop {
    opacity: .5
}

.verification-docs-upload__item--uploaded {
    margin-bottom: 0
}

.verification-docs-upload__name {
    color: var(--color-desc21);
    font-size: 14px;
    line-height: 1;
    margin-bottom: 10px
}

.verification-docs-upload__name span {
    color: #0ead98;
    font-weight: 500
}

.verification-docs-upload__desc {
    color: var(--color-desc21);
    font-size: 12px;
    line-height: 1
}

.verification-docs-upload__preview {
    position: relative
}

.verification-docs-upload__preview img {
    background: var(--color-bg-box-1);
    display: block;
    font-size: .5rem;
    max-height: 6.25rem;
    max-width: 100%
}

.verification-docs-upload__uploading {
    background-color: rgba(255, 106, 86, .07);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.verification-docs-upload__uploaded {
    align-items: center;
    color: #0ead98;
    display: flex;
    font-size: 14px;
    gap: 8px;
    justify-content: flex-start;
    line-height: 1;
    margin-bottom: 18px;
    margin-top: 12px
}

.verification-docs-upload__uploaded:last-child {
    margin-bottom: 0
}

.verification-docs-upload__remove {
    cursor: pointer
}

.verification-form__body {
    min-height: 255px
}

.verification-form__body>* {
    margin-bottom: 32px
}

.verification-form__body>:last-child {
    margin-bottom: 0
}

.verification-form__footer {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 40px
}

.verification-form__footer>* {
    margin-bottom: 0
}

.verification-form__footer .btn span {
    align-items: center;
    display: flex;
    font-size: 16px;
    gap: 10px;
    justify-content: center;
    line-height: 1
}

.verification-form__footer .btn--c-transparent {
    padding: 0 15px
}

.zone-dark.verification-form__footer .btn--c-transparent {
    color: #fff
}

.theme-light .verification-form__footer .btn--c-transparent {
    color: #344054
}

.zone-dark.verification-form__footer .btn--c-transparent svg [fill] {
    fill: #3a3a41
}

.theme-light .verification-form__footer .btn--c-transparent svg [fill] {
    fill: #98a2b3
}

.verification-form__footer .btn--c-main {
    padding: 0 20px
}

.theme-light .verification-form__footer .btn--c-main svg [fill],
.zone-dark.verification-form__footer .btn--c-main svg [fill] {
    fill: hsla(0, 0%, 100%, .6)
}

.theme-light .verification-form__footer .btn--c-main:hover svg [fill],
.zone-dark.verification-form__footer .btn--c-main:hover svg [fill] {
    fill: #7a5af8
}

.verification-form__row {
    align-items: flex-end;
    display: flex;
    gap: 20px;
    justify-content: space-between
}

.verification-form__row>* {
    margin-bottom: 0;
    width: 100%
}

.verification-form__radiobox {
    align-items: center;
    display: flex;
    gap: 34px;
    justify-content: flex-start
}

.verification-form__radiobox .checkbox {
    margin-bottom: 0
}

.verification-form__radiobox .checkbox__box {
    border-radius: 3px;
    height: 20px;
    min-width: 20px
}

.verification-form__radiobox .checkbox__label {
    color: var(--color-title);
    font-weight: 500;
    padding-left: 10px
}

.verification-form__label {
    color: var(--color-title);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 16px
}

.select-el1 .selector {
    margin-top: 6px;
    width: 100%
}

.verification-form .el-form-item {
    margin-bottom: 0 !important
}

.theme-light .tabs__item {
    opacity: 1
}

.zone-dark .tabs--st6 .tabs__item {
    background: #131317;
    border-color: #36363d;
    color: #ece9fe
}

.zone-dark .tabs--st6 .tabs__item--active,
.zone-dark .tabs--st6 .tabs__item:hover {
    background: rgba(138, 108, 255, .14);
    border-color: #0ead98;
    color: #ece9fe
}

.tabs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: flex-start;
    margin-bottom: 20px
}

.tabs--st6 {
    gap: 8px;
    margin: 0 !important
}

.tabs--st6 .tabs__item {
    align-items: center;
    background: var(--color-bb-23);
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 4px;
    color: #344054;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 34px;
    justify-content: center;
    line-height: 1;
    padding: 0 14px !important
}

.tabs--st6 .tabs__item--active,
.tabs--st6 .tabs__item:hover {
    background: rgba(138, 108, 255, .16);
    border-color: #0ead98;
    color: #0ead98
}

.tabs--st5 {
    gap: 10px
}

.tabs--st5 .tabs__item {
    align-items: center;
    border: 1px solid var(--color-bb-23);
    border-radius: 4px;
    color: var(--color-desc3);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 42px;
    justify-content: center;
    line-height: 1;
    padding: 0 24px !important
}

.tabs--st5 .tabs__item--active,
.tabs--st5 .tabs__item:hover {
    border-color: #0ead98;
    color: var(--color-title)
}

.tabs--st1 {
    border-bottom: 1px solid var(--border-color9);
    font-size: 14px
}

.tabs--st1 .tabs__item {
    color: var(--color-desc3);
    justify-content: center;
    opacity: 1 !important;
    padding: 0 3px 10px !important;
    position: relative;
    text-align: center;
    top: 1px;
    transition: all .25s
}

.tabs--st1 .tabs__item svg path {
    transition: all .25s;
    stroke: var(--color-title)
}

.tabs--st1 .tabs__item--complete {
    color: #0ead98 !important
}

.tabs--st1 .tabs__item-error {
    color: #ad0e4b !important
}

.tabs--st1 .tabs__item--active,
.tabs--st1 .tabs__item:hover {
    color: var(--color-title)
}

.tabs--st1 .tabs__item--active svg path,
.tabs--st1 .tabs__item:hover svg path {
    stroke: var(--color-title)
}

.tabs--st2 {
    gap: 28px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1
}

.tabs--st2 .tabs__item {
    padding-bottom: 18px !important
}

.tabs--m0 {
    margin-bottom: 0
}

.tabs__item {
    align-items: center;
    border-bottom: 1px solid transparent;
    color: var(--color-desc3);
    cursor: pointer;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    line-height: 1;
    opacity: .8;
    transition: all .2s;
    white-space: nowrap
}

.tabs__item:first-child {
    padding-left: 0
}

.tabs__item--active,
.tabs__item:hover {
    color: #0ead98
}

.tabs__item--active {
    border-bottom-color: #0ead98;
    opacity: 1
}

.tabs--s18 {
    font-size: 18px
}

.tabs--s18 .tabs__item {
    padding-bottom: 10px
}

.tabs--s20 {
    font-size: 20px;
    gap: 26px
}

.tabs--s20 .tabs__item {
    padding: 0 8px 18px
}

.tabs--s20 .tabs__item:first-child {
    padding-left: 0
}

.tabs--s16 {
    font-size: 16px
}

.tabs--s16 .tabs__item {
    padding-bottom: 6px;
    transition: all .25s
}

.tabs--s16 .tabs__item svg path {
    transition: all .25s;
    stroke: var(--color-desc)
}

.tabs--s16 .tabs__item--active,
.tabs--s16 .tabs__item:hover {
    color: #0ead98
}

.tabs--s16 .tabs__item--active svg path,
.tabs--s16 .tabs__item:hover svg path {
    stroke: #0ead98
}

.settings-box {
    background-color: #fff;
    border-radius: 25px;
    margin-bottom: 1rem;
    padding: 1rem
}

.settings-box--p {
    padding: 1rem
}

.settings-box__title {
    color: var(--color-title);
    font-size: 1.5rem;
    line-height: 1.25;
    margin-bottom: 1rem;
    position: relative
}

.settings-box__desc {
    color: var(--color-desc);
    font-size: .875rem;
    margin-bottom: 1rem;
    max-width: 50rem
}

.settings-box__desc--small {
    font-size: .875rem;
    margin-bottom: .5rem;
    max-width: none
}

.settings-box__desc--center {
    text-align: center
}

.settings-box__noty {
    background-color: rgba(14, 173, 152, .14);
    border-radius: 4px;
    color: #0ead98;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 1rem;
    padding: 13px
}

.settings-box__noty span {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start
}

.settings-box__noty span svg {
    min-width: 20px
}

.settings-box__noty--red {
    background-color: rgba(241, 89, 93, .1);
    color: var(--color-red)
}

.settings-box>.btn {
    margin-bottom: 2rem
}

.u2fa-box {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem
}

.u2fa-box__left {
    border: 1px solid #252426;
    border-radius: 12px;
    display: block;
    height: 17rem;
    margin: 0 auto;
    overflow: hidden;
    width: 17rem
}

.u2fa-box__left img {
    display: block;
    width: 100%
}

.theme-light .u-settings-row__icon svg,
.theme-light .u-settings-row__icon svg path {
    stroke: #fff
}

.u-settings-row {
    border-bottom: 1px dashed var(--border-color36);
    margin-bottom: 24px;
    max-width: 870px;
    padding-bottom: 24px
}

.u-settings-row:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.u-settings-row__name {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-size: 18px;
    font-weight: 500;
    gap: 8px;
    justify-content: flex-start;
    margin-bottom: 24px
}

.u-settings-row__desc {
    color: var(--color-desc2);
    line-height: 160%;
    margin-bottom: 32px
}

.u-settings-row__status {
    align-items: center;
    color: var(--color-desc3);
    display: flex;
    justify-content: center
}

.u-settings-row__btns {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: flex-start
}

.u-settings-row__btns .btn {
    width: 101px
}

.settings-v-form {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem
}

.settings-v-form>* {
    margin: 0
}

.settings-v-form>:not(.btn) {
    width: 100%
}

.settings-shoulder {
    border: 1px solid #f2d082;
    border-radius: 12px;
    color: #000;
    font-size: .75rem;
    line-height: 1;
    margin-left: .5rem;
    padding: .25rem;
    position: relative;
    top: -3px
}

.settings-password-form {
    margin: 0 auto 2rem;
    max-width: 28.75rem
}

.settings-v2-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
    min-height: 2.5rem
}

.settings-whitelist-form {
    align-items: flex-start;
    border: 1px solid #d7dbdf;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: 1rem;
    min-height: 5.75rem;
    padding: 1rem;
    position: relative
}

.settings-whitelist-form>:not(.btn) {
    width: 100%
}

.settings-whitelist-form .btn {
    min-width: 6rem
}

.deposit-box__title {
    color: var(--color-desc15);
    font-size: 16px;
    line-height: 1;
    margin-bottom: 18px
}

.deposit-box__row {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center
}

.deposit-box__qr {
    background: #fdfdfd;
    border-radius: 4px;
    height: 180px;
    min-width: 180px;
    overflow: hidden;
    width: 180px
}

.deposit-box__info,
.deposit-box__qr img {
    width: 100%
}

.deposit-box__address {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 34px;
    width: 100%
}

.deposit-box__address>div:first-child {
    color: var(--color-desc3);
    margin-bottom: 10px
}

.deposit-box__address>div:last-child {
    align-items: center;
    color: var(--color-title);
    cursor: pointer;
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    word-break: break-all
}

.deposit-box__amount {
    align-items: center;
    display: flex;
    font-size: 14px;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100%
}

.deposit-box__amount>div:first-child {
    color: var(--color-desc3)
}

.deposit-box__amount>div:last-child {
    align-items: center;
    color: var(--color-title);
    cursor: pointer;
    display: flex;
    gap: 8px;
    justify-content: center;
    word-break: break-all
}

.deposit-box__amount:last-child {
    margin-bottom: 0
}

.deposit-box__noty {
    background: var(--color-bg-box-20);
    border-radius: 4px;
    color: var(--color-desc3);
    line-height: 160%;
    margin-top: 14px;
    padding: 15px
}

.deposit-qr {
    align-items: center;
    display: flex;
    justify-content: center
}

.deposit-qr__image {
    border-radius: 4px;
    display: block;
    max-width: 250px;
    width: 80%
}

.d-verif {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    text-align: left
}

.d-verif__title {
    color: var(--color-title);
    font-size: 16px;
    font-weight: 600;
    line-height: 1
}

.d-verif__desc {
    background: rgba(0, 0, 0, .1);
    border-radius: 6px;
    color: var(--color-desc3);
    font-size: 14px;
    line-height: 160%;
    margin-top: 18px;
    padding: 15px 16px
}

.d-verif__desc .link {
    color: var(--color-desc3);
    text-decoration: underline
}

.d-verif__btns {
    margin-top: 16px
}

.d-verif__btns .btn {
    margin: 0;
    width: 100%
}

.plain-days {
    display: flex;
    gap: 10px
}

.plain-days--mb {
    justify-content: space-between;
    margin-bottom: 18px
}

.plain-days--mb .plain-days__row {
    width: 100%
}

.plain-days__row {
    align-items: center;
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    color: var(--color-title);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    justify-content: center;
    line-height: 1.35;
    padding: 5px 12px;
    width: 3.25rem
}

.plain-days__row:last-child {
    margin-right: 0
}

.plain-days__row:hover:not(.plain-days__row--selected) {
    background-color: rgba(14, 173, 152, .08)
}

.plain-days__row--selected {
    background-color: rgba(14, 173, 152, .15);
    border: 1px solid var(--color-main)
}

.plain-days__value {
    color: var(--color-title);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35
}

.plain-days__name {
    color: var(--color-desc);
    font-size: 13px;
    font-weight: 400;
    line-height: 1
}

.plain-days__percent {
    border-top: 1px solid var(--border-color);
    font-size: 12px;
    margin-top: .25rem;
    padding-top: .25rem;
    text-align: center;
    width: calc(100% - 1rem);
    width: 100%
}

.only-light {
    display: block
}

.only-dark,
.theme-night .only-light {
    display: none
}

.theme-night .only-dark {
    display: block
}

.c-logo {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-start
}

.c-logo img {
    width: 151px
}

.c-logo__text {
    color: rgb(var(--ui0-text-primary));
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 2px
}

.c-logo__text span:last-child {
    color: var(--bg-0ead98)
}

.c-logo--small img {
    height: 34px;
    max-width: 34px;
    min-width: 34px;
    width: 34px
}

.c-logo--v2 .c-logo__text {
    color: #000
}

.c-logo--v2 .c-logo__text span:last-child {
    color: rgb(var(--ui0-text-primary))
}

.c-common-header-nav-wrap .connect-wallet-btn {
    background: linear-gradient(rgba(14, 172, 151, .1), rgba(14, 172, 151, .25));
    border: 1px solid rgba(14, 172, 151, .5);
    color: #0eac97;
    cursor: pointer;
    height: 34px;
    padding: 0 12px
}

.c-common-header-nav-wrap .connect-wallet-btn .newbie-text [stroke] {
    stroke: #0eac97
}

.table-prop {
    overflow: hidden
}

.via-table-default.scrollable-x {
    overflow-x: auto
}

@media(min-width:768px) {
    .app__toasts {
        gap: .5rem;
        left: 1rem;
        max-height: calc(100vh - 58px - 2.14286rem);
        max-width: 25rem;
        top: 58px2.1428571429rem
    }

    .toast {
        border-radius: .5rem
    }

    .toast__close {
        background-color: var(--color-bg-box-1);
        border-radius: 50%;
        cursor: pointer;
        display: block;
        height: 1rem;
        padding: .125rem;
        position: absolute;
        right: .5rem;
        top: .5rem;
        transition: background-color .15s;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 1rem
    }

    .toast__text {
        overflow: auto;
        text-overflow: clip;
        white-space: inherit
    }

    .verification-box {
        border-radius: 25px;
        padding: 2.5rem 3rem
    }

    .verification-info {
        margin-bottom: 2.5rem;
        padding: 0
    }

    .verification-info__btns {
        overflow: visible
    }

    .verification-docs {
        flex-direction: row
    }

    .verification-docs__item {
        flex-direction: column;
        font-size: .625rem;
        justify-content: space-between;
        margin-bottom: 0;
        margin-right: 1rem;
        padding: 1rem .5rem
    }

    .verification-docs__item svg {
        margin: 0 0 .5rem
    }

    .verification-docs-upload {
        align-items: flex-start;
        flex-direction: row
    }

    .settings-box {
        padding: 2rem 2rem .5rem
    }

    .settings-box--p {
        padding: 2rem
    }

    .settings-box__desc {
        font-size: 1rem
    }

    .settings-v-form {
        flex-direction: row
    }

    .settings-v-form>* {
        max-width: 18.75rem
    }

    .settings-v2-form {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }

    .settings-whitelist-form {
        flex-direction: row;
        margin-bottom: 0;
        padding: 1.5rem 1.5rem 0
    }

    .settings-whitelist-form>* {
        max-width: 18.75rem
    }
}

@media(min-width:414px) {
    .toast__text {
        max-width: 100%
    }
}

@media(max-width:1200px) {
    .live-chat {
        bottom: 1rem;
        right: 1rem
    }

    .live-chat__btn {
        transform: translateY(0) scale(.8)
    }

    .live-chat--opened .live-chat__btn {
        transform: translateY(7.1428571429rem) scale(.8)
    }

    .cst-chart .trade__chart .klinecharts-pro-period-bar .tools {
        display: none
    }
}

@media(max-width:700px) {
    .wallet-keys {
        grid-template-columns: 1fr
    }

    .m-statuses {
        flex-direction: column
    }

    .m-statuses__list {
        max-width: none
    }

    .v-header {
        flex-direction: column-reverse;
        gap: 14px;
        margin-bottom: 30px
    }

    .v-header__close,
    .v-header__title {
        width: 100%
    }

    .tabs--st2 .tabs__item {
        padding-bottom: 12px !important
    }

    .tabs--st2 {
        gap: 14px
    }

    .u-settings-row__name {
        font-size: 16px
    }
}

@media(max-width:770px) {
    .c-p2p-index-adv-filter {
        flex-wrap: wrap;
        padding: 0 13px
    }

    .c-p2p-index-adv-filter>* {
        margin-bottom: 8px;
        width: 100%
    }

    .c-p2p-index-adv-filter .flex {
        flex-wrap: wrap
    }

    .c-p2p-index-adv-filter .flex .me-20 {
        margin: 0 0 8px !important
    }

    .c-p2p-index-adv-filter .flex>* {
        display: block;
        margin-bottom: 8px !important;
        width: 100%
    }
}

@media(max-width:900px) {
    .status {
        border-radius: 14px;
        font-size: 12px;
        height: 28px;
        padding: 0 8px
    }

    .status--cancelled:before,
    .status--error:before,
    .status--success:before {
        display: none
    }

    .verification-form__row {
        flex-direction: column;
        gap: 40px
    }

    .tabs--s18,
    .tabs--s20 {
        font-size: 16px
    }

    .tabs--s20 .tabs__item {
        padding: 0 8px 10px
    }
}

@media screen and (max-width:768px) {
    .c-exchange-pagelayout {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        min-width: auto
    }

    .c-exchange-pagelayout .grid-deal,
    .c-exchange-pagelayout .grid-orderbook {
        display: none
    }
}

@media(max-width:768px) {
    .c-exchange-summary-container {
        border: none !important;
        min-height: auto
    }
}

@media(min-width:2000px) {

    .theme-light .verification-result:before,
    div.zone-dark .verification-result:before {
        background-size: 100% 100%
    }
}

@media(min-width:1366px) {
    .verification-box {
        flex-grow: 1;
        padding: 3rem 3.5rem
    }

    .verification-info {
        flex-basis: 17.5rem;
        margin: 0 0 0 3.5rem;
        min-width: 17.5rem;
        padding-top: 3rem
    }

    .verification-info__btns {
        flex-wrap: wrap
    }

    .verification-docs-upload {
        margin-bottom: 1rem
    }
}

@media(max-width:1000px) {
    .tabs {
        justify-content: center
    }
}

@media(min-width:600px) {
    .u2fa-box__left {
        margin: 0
    }
}

@media(min-width:991px) {
    .u2fa-box__left {
        height: 12.5rem;
        width: 12.5rem
    }
}