/*! CSS Used from: /assets/web-frontend-next/public/_next/entry.DL8x_9GI.css */
*,: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-scroll-snap-strictness:proximity;--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;}
.bm-row{--bm-gutter-x:1.5rem;--bm-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--bm-gutter-x)*-.5);margin-right:calc(var(--bm-gutter-x)*-.5);margin-top:calc(var(--bm-gutter-y)*-1);}
.bm-col{flex:1 0 0%;}
.bm-text-black{color:#1a1b1f;}
@media (min-width:1280px){
.bm2xl\:max-w-\[1280px\]{max-width:1280px;}
}
::placeholder,button{font-family:IBM,IBM Plex Sans,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"Microsoft Yahei",Arial,sans-serif;}
input{font-family:IBM,IBM Plex Sans,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;outline:none;}
ul{margin:0;padding:0;}
li,ul{list-style:none;}
a{color:inherit;text-decoration:none;}
::-webkit-scrollbar{height:4px!important;width:4px!important;}
::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:#f5f9fb!important;}
::-webkit-scrollbar-thumb{background-color:#e6e8ec!important;border-radius:1px!important;height:auto!important;min-height:40px!important;width:4px!important;}
*{scrollbar-color:rgba(0,0,0,.3);scrollbar-width:thin;}
.ibm-font{font-family:IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif!important;font-weight:400;}
.ibm-font::placeholder{font-family:IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif!important;font-weight:400;}
.ibm-font input{font-family:IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif!important;font-weight:400;}
.ibm-font input::placeholder{font-family:IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif!important;font-weight:400;}
.bm-container-fluid,.bm2xl\:bm-container{box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:var(--bm-gutter-x,5%);padding-right:var(--bm-gutter-x,5%);width:100%;}
@media (min-width:1280px){
.bm2xl\:bm-container{max-width:1280px;padding-left:var(--bm-gutter-x,40px);padding-right:var(--bm-gutter-x,40px);}
}
@media (min-width:1440px){
.bm2xl\:bm-container{max-width:1440px;}
}
@media (min-width:1680px){
.bm2xl\:bm-container{max-width:1680px;}
}
@media (min-width:1920px){
.bm2xl\:bm-container{max-width:1920px;}
}
.bm2xl\:max-w-\[1280px\]{max-width:1280px;}
.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit;}
.el-icon svg{height:1em;width:1em;}
.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;display:inline-block;position:relative;vertical-align:middle;width:-moz-fit-content;width:fit-content;}
.el-badge__content{align-items:center;background-color:var(--el-badge-bg-color);border:1px solid var(--el-bg-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);display:inline-flex;font-size:var(--el-badge-font-size);height:var(--el-badge-size);justify-content:center;padding:0 var(--el-badge-padding);white-space:nowrap;}
.el-badge__content.is-fixed{position:absolute;right:calc(1px + var(--el-badge-size)/2);top:0;transform:translateY(-50%) translate(100%);z-index:var(--el-index-normal);}
.el-badge__content--danger{background-color:var(--el-color-danger);}
.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:hsla(0,0%,100%,.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:transparent;--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-color-primary);--el-button-active-color:var(--el-text-color-primary);align-items:center;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;color:var(--el-button-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-button-font-weight);height:34px;justify-content:center;line-height:1;outline:none;padding:8px 15px;text-align:center;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;}
.el-button:focus,.el-button:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);outline:none;}
.el-button:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none;}
.el-button>span{align-items:center;display:inline-flex;}
.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5);}
.el-overlay-dialog{inset:0;overflow:auto;position:fixed;}
.el-input{--el-input-text-color:var(--el-text-color-primary);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:#eff4f6;--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:#eff4f6;--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);box-sizing:border-box;display:inline-flex;font-size:var(--el-font-size-base);line-height:var(--el-input-height);position:relative;vertical-align:middle;width:var(--el-input-width);}
.el-input::-webkit-scrollbar{width:6px;z-index:11;}
.el-input::-webkit-scrollbar-thumb{background:var(--el-text-color-disabled);border-radius:5px;width:6px;}
.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank);}
.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px;}
.el-input__wrapper{align-items:center;background-color:var(--el-input-bg-color,#eff4f6);background-image:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:0 0 0 1px var(--el-input-border-color,#eff4f6) inset;cursor:text;display:inline-flex;flex-grow:1;justify-content:center;padding:1px 11px;transform:translateZ(0);transition:var(--el-transition-box-shadow);}
.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset;}
.el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 34px) - 2px);-webkit-appearance:none;background:none;border:none;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-primary));flex-grow:1;font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);outline:none;padding:0;width:100%;}
.el-input__inner:focus{outline:none;}
.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder));}
.el-input__suffix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap;}
.el-input__suffix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all;}
.el-input__suffix-inner>:first-child{margin-left:8px;}
.el-input-group{align-items:stretch;display:inline-flex;width:100%;}
.el-input-group__append{align-items:center;background-color:var(--el-fill-color-light);border-radius:var(--el-input-border-radius);color:var(--el-color-info);display:inline-flex;justify-content:center;min-height:100%;padding:0 20px;position:relative;white-space:nowrap;}
.el-input-group__append:focus{outline:none;}
.el-input-group__append{border-left:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset;}
.el-input-group__append{border-bottom-left-radius:0;border-top-left-radius:0;}
.el-input-group--append>.el-input__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;}
.el-overlay{background-color:var(--el-overlay-color-lighter);height:100%;inset:0;overflow:auto;position:fixed;z-index:2000;}
.el-pagination{--el-pagination-font-size:14px;--el-pagination-bg-color:var(--el-fill-color-blank);--el-pagination-text-color:getCssVar("text-color-primary");--el-pagination-border-radius:2px;--el-pagination-button-color:var(--el-text-color-primary);--el-pagination-button-width:26px;--el-pagination-button-height:26px;--el-pagination-button-disabled-color:var(--el-text-color-placeholder);--el-pagination-button-disabled-bg-color:var(--el-fill-color-blank);--el-pagination-button-bg-color:var(--el-fill-color);--el-pagination-hover-color:var(--el-color-primary);--el-pagination-font-size-small:12px;--el-pagination-button-width-small:24px;--el-pagination-button-height-small:24px;--el-pagination-item-gap:16px;--el-pagination-border-color:#e9f0f3;align-items:center;color:var(--el-pagination-text-color);display:flex;font-size:var(--el-pagination-font-size);font-weight:400;white-space:nowrap;}
.el-pagination button{align-items:center;background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;display:flex;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center;}
.el-pagination button *{pointer-events:none;}
.el-pagination button:focus{outline:none;}
.el-pagination button:hover{color:var(--el-pagination-hover-color);}
.el-pagination button:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed;}
.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700;width:inherit;}
.el-pagination>.is-first{margin-left:0!important;}
.el-pagination>.is-last{margin-right:0!important;}
.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{background-color:var(--el-pagination-button-bg-color);margin:0 4px;}
.el-pagination.is-background .el-pager li.is-active{background-color:var(--el-color-primary);color:var(--el-color-white);}
.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li:disabled{background-color:var(--el-disabled-bg-color);color:var(--el-text-color-placeholder);}
.el-pagination.is-background .el-pager li:disabled.is-active{background-color:var(--el-fill-color-dark);color:var(--el-text-color-secondary);}
.el-pagination.is-background .btn-prev{margin-left:var(--el-pagination-item-gap);}
.el-pager{font-size:0;list-style:none;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.el-pager,.el-pager li{align-items:center;display:flex;}
.el-pager li{background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center;}
.el-pager li:focus{outline:none;}
.el-pager li.is-active,.el-pager li:hover{color:var(--el-pagination-hover-color);}
.el-pager li.is-active{cursor:default;font-weight:700;}
.el-pager li:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed;}
.el-scrollbar{--el-scrollbar-opacity:.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary);height:100%;overflow:hidden;position:relative;}
.el-scrollbar__wrap{height:100%;overflow:auto;}
.el-scrollbar__wrap--hidden-default{scrollbar-width:none;}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none;}
.el-scrollbar__thumb{background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));border-radius:inherit;cursor:pointer;display:block;height:0;opacity:var(--el-scrollbar-opacity,.3);position:relative;transition:var(--el-transition-duration) background-color;width:0;}
.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5);}
.el-scrollbar__bar{border-radius:4px;bottom:2px;position:absolute;right:2px;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-select{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-border:var(--el-disabled-border-color);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px;--el-select-bg-color:#eff4f6;--el-select-border-color:#eff4f6;--el-select-text-color:var(--el-text-color-primary);--el-select-focus-border-color:var(--el-color-primary);display:inline-block;line-height:34px;position:relative;vertical-align:middle;}
.el-select:hover:not(.el-select--disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-select-border-color-hover) inset;}
.el-select .el-input__wrapper{cursor:pointer;}
.el-select .el-input__inner{cursor:pointer;}
.el-select .el-input{display:flex;}
.el-select .el-input .el-select__caret{color:var(--el-select-input-color);cursor:pointer;font-size:var(--el-select-input-font-size);transform:rotate(0);transition:transform var(--el-transition-duration);}
.el-select .el-input .el-select__caret.el-icon{height:inherit;position:relative;z-index:2;}
.el-select__tags{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;line-height:normal;position:absolute;top:50%;transform:translateY(-50%);white-space:normal;z-index:var(--el-index-normal);}
.el-table{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-fill-color-blank);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0,0,0,.15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0,0,0,.15);background-color:var(--el-table-bg-color);box-sizing:border-box;color:var(--el-table-text-color);font-size:14px;height:-moz-fit-content;height:fit-content;max-width:100%;overflow:hidden;position:relative;width:100%;}
.el-table__inner-wrapper{display:flex;flex-direction:column;height:100%;position:relative;}
.el-table__inner-wrapper:before{bottom:0;height:1px;left:0;width:100%;}
.el-table--fit{border-bottom:0;border-right:0;}
.el-table thead{color:var(--el-table-header-text-color);}
.el-table thead th{font-weight:600;}
.el-table .el-table__cell{box-sizing:border-box;min-width:0;padding:8px 0;position:relative;text-align:left;text-overflow:ellipsis;vertical-align:middle;z-index:1;}
.el-table .cell{box-sizing:border-box;line-height:23px;overflow:hidden;padding:0 12px;text-overflow:ellipsis;white-space:normal;word-break:break-all;}
.el-table tr{background-color:var(--el-table-tr-bg-color);}
.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:var(--el-table-border);}
.el-table th.el-table__cell{background-color:var(--el-table-header-bg-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.el-table td.el-table__cell div{box-sizing:border-box;}
.el-table__inner-wrapper:before{background-color:var(--el-table-border-color);content:"";position:absolute;z-index:3;}
.el-table__body-wrapper,.el-table__header-wrapper{width:100%;}
.el-table__body-wrapper tr td.el-table-fixed-column--right,.el-table__header-wrapper tr th.el-table-fixed-column--right{background:var(--el-bg-color);position:sticky!important;z-index:2;}
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before{bottom:-1px;box-shadow:none;content:"";overflow-x:hidden;overflow-y:hidden;pointer-events:none;position:absolute;top:0;touch-action:none;width:10px;}
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before{left:-10px;}
.el-table__header-wrapper{flex-shrink:0;}
.el-table__header-wrapper tr th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color);}
.el-table__body,.el-table__header{border-collapse:separate;table-layout:fixed;}
.el-table__header-wrapper{overflow:hidden;}
.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column);}
.el-table__body-wrapper{flex:1;overflow:hidden;position:relative;}
.el-table__body-wrapper .el-scrollbar__bar{z-index:2;}
.el-table .hidden-columns{position:absolute;visibility:hidden;z-index:-1;}
.el-table__column-resize-proxy{border-left:var(--el-table-border);bottom:0;left:200px;position:absolute;top:0;width:0;z-index:10;}
.el-table--enable-row-transition .el-table__body td.el-table__cell{transition:background-color .25s ease;}
.el-table:not(.el-table--border) .el-table__cell{border-right:none;}
.el-table:not(.el-table--border)>.el-table__inner-wrapper:after{content:none;}
.el-tabs{--el-tabs-header-height:40px;}
.el-tabs__header{margin:0 0 15px;padding:0;position:relative;}
.el-tabs__active-bar{background-color:var(--el-color-primary);bottom:0;height:2px;left:0;list-style:none;position:absolute;transition:width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);z-index:1;}
.el-tabs__nav-wrap{margin-bottom:-1px;overflow:hidden;position:relative;}
.el-tabs__nav-wrap:after{background-color:var(--el-border-color-light);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%;z-index:var(--el-index-normal);}
.el-tabs__nav-scroll{overflow:hidden;}
.el-tabs__nav{display:flex;float:left;position:relative;transition:transform var(--el-transition-duration);white-space:nowrap;z-index:calc(var(--el-index-normal) + 1);}
.el-tabs__item{align-items:center;box-sizing:border-box;color:var(--el-text-color-primary);display:flex;font-size:var(--el-font-size-base);font-weight:500;height:var(--el-tabs-header-height);justify-content:center;list-style:none;padding:0 20px;position:relative;}
.el-tabs__item:focus,.el-tabs__item:focus:active{outline:none;}
.el-tabs__item.is-active,.el-tabs__item:hover{color:var(--el-color-primary);}
.el-tabs__item:hover{cursor:pointer;}
.el-tabs__content{overflow:hidden;position:relative;}
.el-tabs--top .el-tabs__item.is-top:nth-child(2){padding-left:0;}
.el-tabs--top .el-tabs__item.is-top:last-child{padding-right:0;}
.el-pagination .btn-next,.el-pagination .btn-prev,.el-pagination .el-pager li{background-color:var(--el-pagination-bg-color);border:1px solid var(--el-pagination-border-color);margin:0 4px;}
.el-pagination .el-pager li.is-active{background-color:var(--el-color-primary);color:var(--el-color-white);font-weight:400;}
.el-pagination .btn-next:disabled,.el-pagination .btn-prev:disabled,.el-pagination .el-pager li:disabled{background-color:var(--el-disabled-bg-color);color:var(--el-text-color-placeholder);font-weight:400;}
.el-pagination .el-pager li:disabled.is-active{background-color:var(--el-fill-color-dark);color:var(--el-text-color-secondary);}
.el-pagination .btn-prev{margin-left:var(--el-pagination-item-gap);}
.bmicon{font-family:bmicon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-actions_select_down:before{content:"";}
.r-my-select{position:relative;width:100%;}
.r-my-select .r-my-select-bar{align-items:center;background:#eef3f5;border:1px solid transparent;border-radius:4px;box-sizing:border-box;display:flex;height:44px;justify-content:space-between;padding:12px 16px;transition:all .3s ease 0s;width:100%;}
.r-my-select .r-my-select-bar .r-my-select-bar__prefix{padding-right:10px;}
.r-my-select .r-my-select-bar .r-my-select-input{background:transparent;border:0;flex:1;flex-grow:1;outline:none;width:inherit;}
.r-my-select .r-my-select-bar .r-my-select-input::placeholder{color:#91a5b1;}
.r-my-select .r-my-select-bar .r-my-select-bar__icon{display:inline-block;transform-origin:center;transition:all .3s ease 0s;}
.r-my-select .r-my-select-list{background:#fff;box-shadow:0 8px 12px #0000001a;left:0;position:absolute;width:100%;z-index:1;}
.r-my-select .r-my-select-list .r-my-select-list__empty{align-items:center;color:#6a7c81;display:flex;font-size:14px;height:50px;justify-content:center;line-height:18px;}
.r-my-select .r-my-select-list .r-my-select-list__virtual{max-height:266px;overflow:auto;}
.el-scrollbar{height:100%;}
.r-virtual-list{overflow-x:hidden;}
/*! CSS Used from: /assets/web-frontend-next/public/_next/IconSelect.B-BKO2FV.css */
.r-my-select.p2p-icon-select .r-my-select-list{border-radius:4px;box-shadow:0 0 12px #0000001f;margin-top:10px;max-width:-moz-fit-content;max-width:fit-content;min-width:100%;padding-bottom:6px;padding-top:6px;position:absolute;width:auto;z-index:9;}
.p2p-icon-select{height:34px;}
.p2p-icon-select .p2p-select-option__isCurrent{color:var(--color-p2p-text-effect);font-weight:500;}
.p2p-icon-select .r-my-select-bar{cursor:pointer;font-size:14px;font-weight:400;height:34px;}
.p2p-icon-select .r-my-select-bar .r-my-select-bar__prefix{padding-right:6px!important;}
.p2p-icon-select .r-my-select-input{cursor:pointer;font-size:14px;font-weight:400;}
.select-icon{border-radius:10px;height:20px;-o-object-fit:contain;object-fit:contain;width:20px;}
.select-fait-icon{background:#cf5749;color:#fff;font-size:12px;line-height:20px;text-align:center;}
.p2p-select-option{align-items:center;cursor:pointer;display:flex;height:40px;padding:0 16px;white-space:nowrap;}
.p2p-select-option:hover{background-color:#f5f9fb;}
.p2p-select-option__fait_icon,.p2p-select-option__icon{height:20px;margin-right:8px;width:20px;}
.p2p-select-option__fait_icon{border-radius:10px;}
.p2p-select-option__label{font-size:14px;font-weight:400;line-height:20px;}
/*! CSS Used from: /assets/web-frontend-next/public/_next/index.B5uQj2YR.css */
.p2p-guide-wrapper[data-v-0725858f]{background-color:#f5f9fb;margin-bottom:-40px;margin-top:64px;padding:80px 0;width:100%;}
.p2p-guide-wrapper .title[data-v-0725858f]{font-size:36px;font-weight:600;margin-bottom:55px;}
.p2p-guide-wrapper .item-title[data-v-0725858f]{color:var(--color-p2p-text-primary);font-size:16px;font-weight:500;margin:2px 0 11px;}
.p2p-guide-wrapper .item-content[data-v-0725858f]{color:var(--color-p2p-text-primary-400);font-size:12px;}
.p2p-guide-row[data-v-0725858f]{flex-wrap:wrap;justify-content:space-between;}
.p2p-guide__item[data-v-0725858f]{flex:0 0 auto;width:312px;}
@media screen and (max-width:768px){
.p2p-guide__item[data-v-0725858f]{flex:1 1 auto;margin-bottom:38px;width:100%;}
}
.p2p-guide-item__icon[data-v-0725858f]{height:32px;width:32px;}
.p2p-multi-select[data-v-dc9d6212] .el-input__suffix-inner .el-icon{color:#1a1b1f;font-size:11px;margin-left:6px;}
.p2p-table[data-v-ea13b359]{color:var(--color-p2p-text-primary);}
.p2p-table .p2p-home-table-btn[data-v-ea13b359]{font-size:12px;height:32px;}
.p2p-table .merchant-info-row[data-v-ea13b359],.p2p-table .merchant-title[data-v-ea13b359]{align-items:center;display:flex;}
.p2p-table .merchant-title[data-v-ea13b359]{justify-content:flex-start;}
.p2p-table .merchant-title .merchant-title__text[data-v-ea13b359]{font-size:16px;font-weight:500;}
.p2p-table .merchant-title .merchant-title-img[data-v-ea13b359]{height:12px;margin-left:4px;width:12px;}
.p2p-table .merchant-info[data-v-ea13b359]{display:inline-block;font-size:12px;line-height:16px;}
.p2p-table .merchant-info-desc[data-v-ea13b359]{color:#9cb3ba;margin-left:2px;}
.p2p-table .avatar[data-v-ea13b359]{background-color:#1a1b1f;border-radius:16px;color:#fff;font-size:18px;font-weight:500;height:28px;line-height:28px;margin-right:8px;text-align:center;width:28px;}
.p2p-table[data-v-ea13b359] .el-table__header{font-size:12px;}
.p2p-table[data-v-ea13b359] .el-table__header th .cell{color:#9cb3ba;font-weight:400;}
.p2p-table[data-v-ea13b359] .el-table__header .el-table__cell{border-bottom:none;border-top:var(--el-table-border);padding:24px 0 0;z-index:0;}
.p2p-table[data-v-ea13b359] .el-table__body td.el-table__cell{padding:28px 0;z-index:0;}
.p2p-table .pay-indicator[data-v-ea13b359]{display:inline-block;height:8px;margin-right:4px;width:2px;}
.p2p-table .pay-name[data-v-ea13b359]{display:inline-block;}
.p2p-home-unit-price-text[data-v-ea13b359]{font-size:16px;font-weight:500;word-break:break-word;}
.p2p-table.el-table .el-table__header{font-size:12px;}
.p2p-table.el-table .el-table__header .el-table__cell{border-bottom:none;border-top:var(--el-table-border);color:var(--color-input-placeholder-text);padding:24px 0 0;z-index:0;}
.p2p-table.el-table .last-col{text-align:right;}
.p2p-table.el-table .cell{text-overflow:clip;}
.search-container[data-v-282bf812]{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding-right:12px;}
.search-container[data-v-282bf812] .r-my-select-bar{cursor:pointer;height:34px;padding:6px 6px 6px 16px;}
.search-container[data-v-282bf812] .el-input-group__append{color:var(--color-p2p-text-primary);padding:0;}
.search-container[data-v-282bf812] .el-input-group__append .r-my-select-bar{padding:6px 4px 6px 16px;}
.search-container .btn-last[data-v-282bf812]{font-size:12px;margin-left:auto;}
@media screen and (max-width:768px){
.search-container .btn-last[data-v-282bf812]{width:100%;}
}
.p2p-pagination[data-v-282bf812]{display:flex;justify-content:flex-end;margin-top:32px;}
.numrule input[type=number]{-moz-appearance:textfield!important;}
.p2p-container[data-v-747c0f35]{margin-top:40px;}
.p2p-panel-tabs[data-v-747c0f35] .el-tabs__header{margin-bottom:40px;}
.p2p-panel-tabs[data-v-747c0f35] .el-tabs__item{color:var(--color-input-placeholder-text);font-size:24px;font-weight:400;line-height:24px;padding:0 12px;transition:all .3s;}
@media screen and (max-width:768px){
.p2p-panel-tabs[data-v-747c0f35] .el-tabs__item{font-size:20px!important;}
}
.p2p-panel-tabs[data-v-747c0f35] .el-tabs__content{overflow:visible;}
.p2p-panel-tabs[data-v-747c0f35] .el-tabs__item.is-active{color:var(--color-p2p-text-primary);font-size:28px;font-weight:500;}
.p2p-panel-tabs[data-v-747c0f35] .el-tabs__active-bar{display:none;}
/*! CSS Used from: /assets/web-frontend-next/public/_next/default.gyYCXld3.css */
.main-container[data-v-11869b96]{box-sizing:border-box;min-height:calc(100vh - 134px);padding-top:0;}
.main-container:not(.isApp).light[data-v-11869b96]{padding-top:80px;}
.main-container.roadmap[data-v-11869b96]{min-height:calc(100vh - 456px);}
/*! CSS Used from: /assets/web-frontend-next/public/_next/p2p-main.Bo0XY2hN.css */
.p2p-header[data-v-db6baca2]{background-color:var(--color-p2p-navigator-bg-primary);border-bottom:1px solid var(--color-p2p-line-primary);display:flex;justify-content:center;position:fixed;width:100vw;z-index:99;}
.p2p-header-wrapper[data-v-db6baca2]{box-sizing:border-box;display:flex;height:58px;justify-content:space-between;max-width:1200px;padding:0 40px;width:100%;}
@media screen and (max-width:768px){
.p2p-header-wrapper[data-v-db6baca2]{padding:0 24px;}
}
.p2p-header-left[data-v-db6baca2]{gap:24px;}
.p2p-header-left[data-v-db6baca2],.p2p-header-right[data-v-db6baca2]{align-items:center;display:flex;}
.p2p-header-item[data-v-db6baca2]{color:var(--color-p2p-nav-active-primary);cursor:pointer;font-size:14px;font-weight:400;line-height:58px;position:relative;white-space:nowrap;}
.p2p-header-item>a[data-v-db6baca2]:hover{color:var(--color-p2p-text-effect);}
.p2p-header-right-pc[data-v-db6baca2]{display:flex;gap:24px;}
.p2p-header-right-mobile[data-v-db6baca2]{display:none;}
.p2p-header-right-mobile .p2p-header-item-popper-button[data-v-db6baca2]{align-items:center;box-sizing:border-box;display:flex;height:24px;justify-content:space-between;padding:4.5px;width:24px;}
.p2p-header-right-mobile .p2p-header-item-popper-button span[data-v-db6baca2]{background-color:var(--color-p2p-nav-more-point);height:3px;width:3px;}
@media screen and (max-width:768px){
.p2p-header-right-pc[data-v-db6baca2]{display:none;}
.p2p-header-right-mobile[data-v-db6baca2]{display:block;}
}
[data-v-f64cee4a],[data-v-f64cee4a]:after,[data-v-f64cee4a]: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-scroll-snap-strictness:proximity;--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;}
[data-v-f64cee4a] .p2p-container{color:var(--color-p2p-text-primary);}
.p2p-page{color:var(--color-p2p-text-primary);}
.p2p-pager.el-pagination.is-background .btn-next,.p2p-pager.el-pagination.is-background .btn-prev,.p2p-pager.el-pagination.is-background .el-pager li{background-color:transparent;}
.p2p-pager.el-pagination.is-background .el-pager li.is-active{background-color:var(--color-p2p-main-primary);}

 /*! CSS Used from: /assets/web-frontend/client/css/2fcff08.css */
.comp-num-input[disabled=disabled][data-v-ce6a0c50]{cursor:not-allowed;}
.coinSelect__titBox[data-v-c3578dc8]{box-sizing:border-box;display:grid;grid-auto-rows:36px;grid-template-columns:1fr 1fr;grid-template-rows:36px;padding:10px 16px;}
.search__box[data-v-c3578dc8]{background:#f2f2f2;border-radius:50px;display:flex;grid-column-start:span 2;overflow:hidden;}
.search__icon[data-v-c3578dc8]{color:#9cb3ba;justify-content:center;width:40px;}
.search__icon[data-v-c3578dc8],.search__input[data-v-c3578dc8]{align-items:center;background:#eef3f5;display:flex;}
.search__input[data-v-c3578dc8]{border:none;flex-grow:1;font-size:14px;outline:none;padding-right:1em;}
[data-v-c3578dc8] .list__coin{margin-bottom:0!important;margin-right:0!important;max-height:344px;overflow:auto;}
[data-v-c3578dc8] .list__coin::-webkit-scrollbar{background-color:#fafafa!important;height:4px!important;}
[data-v-c3578dc8] .list__coin::-webkit-scrollbar-thumb{background-color:#e6e8ec!important;border-radius:10px!important;height:4px!important;}
[data-v-c3578dc8] .list__coin::-webkit-scrollbar-track{background-color:#fafafa!important;}
.r-search-select[data-v-c3578dc8]{background:#fff;}
.component-margin-transfer-dialog[data-v-14793048] .el-dialog{border-radius:8px;max-width:720px;width:90%;}
.component-margin-transfer-dialog[data-v-14793048] .el-dialog__header{padding:40px 40px 16px;}
.component-margin-transfer-dialog[data-v-14793048] .el-dialog__footer{padding-bottom:40px;padding-left:40px;padding-right:40px;text-align:left;text-align:initial;}
.component-margin-transfer-dialog[data-v-14793048] .el-button{border-radius:4px;height:44px;min-width:180px;}
.component-margin-transfer-dialog .dialog-footer[data-v-14793048]{display:flex;justify-content:flex-end;}
.component-margin-transfer-dialog .confirm-btn[data-v-14793048]{flex:1;}
.page-buysell[data-v-0afe7c10]{box-sizing:border-box;width:100%;}
.page-buysell .page-buysell-width-wrapper[data-v-0afe7c10]{box-sizing:border-box;margin:0 auto;max-width:1200px;position:relative;width:100%;}
.page-buysell .buysell-kv[data-v-0afe7c10]{background:#1a1b1f;color:#fff;height:200px;overflow:hidden;width:100%;}
.page-buysell .buysell-kv>.page-buysell-width-wrapper[data-v-0afe7c10]{background-image:url(http://assets/web-frontend/client/img/kv-bg.6c3fc29.png);background-position:73%;background-repeat:no-repeat;height:200px;}
.page-buysell .buysell-kv .buysell-kv-head[data-v-0afe7c10]{display:flex;font-size:12px;justify-content:space-between;padding-top:10px;}
.page-buysell .buysell-kv .buysell-kv-maintext[data-v-0afe7c10]{font-size:40px;padding-top:40px;text-align:center;}
.page-buysell .buysell-kv .buysell-kv-subtext[data-v-0afe7c10]{color:#6a7c81;font-size:14px;padding-top:12px;text-align:center;}
.page-buysell .buysell-main[data-v-0afe7c10]{max-width:384px;padding-bottom:120px;padding-top:40px;}
.page-buysell .buysell-main .buysell-main-tabs .header__tab[data-v-0afe7c10]{align-items:center;display:flex;justify-content:center;}
.page-buysell .buysell-main .buysell-main-tabs .header__tab .tab__btn[data-v-0afe7c10]{color:#999;cursor:pointer;display:inline-block;font-size:22px;font-weight:400;line-height:38px;margin:0 15px;}
.page-buysell .buysell-main .buysell-main-tabs .header__tab .tab__btn--active[data-v-0afe7c10]{color:#1a1b1f;font-size:28px;font-weight:500;}
.page-buysell .buysell-main .buysell-main-form[data-v-0afe7c10]{margin-top:24px;position:relative;z-index:1;}
.page-buysell .buysell-main .buysell-main-form .dealForm__switch[data-v-0afe7c10]{height:32px;position:absolute;right:-20px;top:120px;transform:rotate(-90deg);width:78px;}
.page-buysell .buysell-main .buysell-main-form .dealForm__switch[data-v-0afe7c10]:not(.dealForm__switch--disable){cursor:pointer;}
.page-buysell .buysell-main .buysell-main-form .dealForm__switch .dealForm__switch--wrapper[data-v-0afe7c10]{align-items:center;display:flex;height:100%;position:relative;width:100%;}
.page-buysell .buysell-main .buysell-main-form .dealForm__switch .dealForm__switch--wrapper .dealForm__switch--dashed[data-v-0afe7c10]{border-top:1px dashed #e7eaef;height:0;width:100%;}
.page-buysell .buysell-main .buysell-main-form .dealForm__switch .dealForm__switch--wrapper .dealForm__switch--btn[data-v-0afe7c10]{align-items:center;background:#f3f4f7;border-radius:50px;display:flex;height:32px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:32px;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item[data-v-0afe7c10]{margin-bottom:20px;transition:transform .3s ease 0s;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item[data-v-0afe7c10]:last-child{margin-bottom:0;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--label[data-v-0afe7c10]{align-items:center;display:flex;justify-content:space-between;padding-bottom:4px;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--label .item__label--text[data-v-0afe7c10]{font-size:14px;font-weight:400;line-height:20px;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content[data-v-0afe7c10]{align-items:center;background:#eef3f5;border:1px solid #eef3f5;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;height:64px;justify-content:space-between;margin:0 auto;padding:0 16px;transition:all .2s ease-in 0s;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content.item__content--main[data-v-0afe7c10]{position:relative;width:100%;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content.item__content--main .item__currency[data-v-0afe7c10]{display:flex;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content.item__content--receive[data-v-0afe7c10]{position:relative;width:100%;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content.item__content--receive .item__currency[data-v-0afe7c10]{display:flex;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content .coin-dropdown[data-v-0afe7c10]{box-shadow:0 8px 12px rgba(0,0,0,.08);left:0;position:absolute;top:64px;width:100%;z-index:1;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content .coin-dropdown .coin-dropdown_item--wrapper[data-v-0afe7c10]{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;height:50px;justify-content:space-between;padding:13px 16px;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content .coin-dropdown .coin-dropdown_item--wrapper.coin-dropdown_item--selected[data-v-0afe7c10],.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content .coin-dropdown .coin-dropdown_item--wrapper[data-v-0afe7c10]:hover{background:#f5f9fb;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content .coin-dropdown .coin-dropdown_item--wrapper .coin-dropdown_item--left[data-v-0afe7c10]{align-items:center;display:flex;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item-tips[data-v-0afe7c10]{color:#9cb3ba;font-size:12px;height:45.5px;margin-top:4px;text-align:left;}
.page-buysell .buysell-main .buysell-main-form .dealForm__item--readonly .dealForm__item--content[data-v-0afe7c10]{background:transparent;}
.page-buysell .buysell-main .buysell-main-btn[data-v-0afe7c10]{margin-top:30px;width:100%;z-index:0;}
.page-buysell .buysell-3steps[data-v-0afe7c10]{background-color:#fafafa;padding-bottom:85px;padding-top:80px;}
.page-buysell .buysell-3steps .buysell-3steps_title[data-v-0afe7c10]{color:#141f21;font-size:32px;text-align:center;}
.page-buysell .buysell-3steps .buysell-3steps-list[data-v-0afe7c10]{grid-gap:60px;align-items:center;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;margin-top:44px;place-items:center;}
.page-buysell .buysell-3steps .buysell-3steps-list .buysell-3steps-item[data-v-0afe7c10]{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 16px 0 rgba(0,0,0,.03);box-sizing:border-box;display:flex;flex-direction:column;height:203px;padding:30px 20px;width:360px;}
.page-buysell .buysell-3steps .buysell-3steps-list .buysell-3steps-item .buysell-3steps-item-title[data-v-0afe7c10]{color:#141f21;font-size:16px;margin-top:20px;}
.page-buysell .buysell-3steps .buysell-3steps-list .buysell-3steps-item .buysell-3steps-item-text[data-v-0afe7c10]{color:#6a7c81;font-size:12px;margin-top:10px;text-align:center;}
.provider__item--new[data-v-0afe7c10]{display:inline-block;position:relative;}
.provider__item--new[data-v-0afe7c10]:after{color:#049FD3;content:"New";font-size:10px;font-weight:500;line-height:12px;position:absolute;right:-4px;top:0;transform:translateX(100%);}
.logo__coin[data-v-0afe7c10]{border-radius:50px;height:24px;margin-right:12px;position:relative;width:24px;}
.logo__coin[data-v-0afe7c10]:before{background-color:#f2f2f2;content:" ";display:block;height:24px;left:0;position:absolute;width:24px;}
.fiat__logo[data-v-0afe7c10]{align-items:center;background:#2b2e36;border-radius:20px;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;margin-right:12px;overflow:hidden;width:24px;}
.label__coinSelect[data-v-0afe7c10]{color:#2b2e36;font-size:16px;font-weight:500;}
.label__fullName[data-v-0afe7c10]{color:#91a5b1;font-size:12px;font-weight:400;margin-left:12px;}
.logo__currency[data-v-0afe7c10]{align-items:center;display:flex;height:64px;}
.logo__currencyTxt[data-v-0afe7c10]{font-fize:16px;color:#2b2e36;font-weight:500;margin:0 5px 0 0;}
.input__currency[data-v-0afe7c10]{background:transparent;border:none;color:#2b2e36;flex-grow:1;font-size:18px;font-weight:500;outline:none;padding-right:16px;text-align:left;width:0;}
.produceIntroduce[data-v-0afe7c10]{margin-top:120px;}
.produceIntroduce__advantage[data-v-0afe7c10]{margin:0 auto;max-width:1200px;padding-top:78px;width:100%;}
.produceIntroduce__advantage .produceIntroduce__advantage--items[data-v-0afe7c10]{display:grid;grid-template-columns:repeat(3,1fr);}
.produceIntroduce__advantage .produceIntroduce__advantage--items .advantage__item[data-v-0afe7c10]{background:#fff;box-sizing:border-box;padding:30px 30px 30px 0;}
.produceIntroduce__advantage .produceIntroduce__advantage--items .advantage__itemTitle[data-v-0afe7c10]{align-items:center;color:#141f21;display:flex;font-size:20px;font-weight:500;}
.produceIntroduce__advantage .produceIntroduce__advantage--items .advantage__con[data-v-0afe7c10]{box-sizing:border-box;color:#6a7c81;font-size:14px;line-height:22px;margin-top:15px;}
.produceIntroduce__advantage .produceIntroduce__advantage--pays[data-v-0afe7c10]{grid-gap:30px 60px;display:grid;grid-template-columns:repeat(auto-fill,58px);}
.produceIntroduce__advantage .produceIntroduce__advantage--pays .advantage__paysItem[data-v-0afe7c10]{align-items:center;border-radius:100px;box-shadow:0 4px 16px rgba(0,0,0,.05);display:flex;flex-shrink:0;height:58px;justify-content:center;width:58px;}
.produceIntroduce__title[data-v-0afe7c10]{color:#000;font-size:40px;font-weight:500;margin-bottom:20px;}
.produceIntroduce__partner[data-v-0afe7c10]{margin:140px auto 0;max-width:1200px;width:100%;}
.partner__content[data-v-0afe7c10]{grid-gap:20px 20px;display:grid;grid-template-columns:repeat(2,1fr);}
.partner__item[data-v-0afe7c10]{background:#fff;box-sizing:border-box;left:0;padding:30px 40px 30px 0;position:relative;top:0;}
.partner__itemTit[data-v-0afe7c10]{align-items:center;display:flex;height:64px;}
.partner__itemCon[data-v-0afe7c10]{color:#6a7c81;font-size:14px;line-height:22px;margin-bottom:20px;}
.partner__itemMore[data-v-0afe7c10]{bottom:20px;color:#049FD3;font-size:14px;position:absolute;}
.produceIntroduce__commonProblem[data-v-0afe7c10]{margin:0 auto;max-width:1200px;padding-top:120px;width:100%;}
.commonProblem__tit[data-v-0afe7c10]{color:#111;font-size:40px;font-weight:500;}
.commonProblem__con[data-v-0afe7c10]{margin-bottom:100px;margin-top:40px;}
.commonProblem__itemTit[data-v-0afe7c10] .el-collapse-item__header{color:#333;font-size:16px;font-weight:500;height:70px;line-height:70px;}
.buy-sell__order-processed[data-v-0afe7c10] .el-dialog{border-radius:10px;max-width:90%;}
.legalTender__wrapper[data-v-0afe7c10]{box-sizing:border-box;}
@media (max-width:1220px){
.legalTender__wrapper[data-v-0afe7c10]{padding-left:56px;padding-right:56px;}
.page-buysell-width-wrapper[data-v-0afe7c10]{padding:0 20px;}
}
@media (max-width:1024px){
.produceIntroduce__advantage--items[data-v-0afe7c10]{grid-template-columns:repeat(2,1fr)!important;}
.partner__content[data-v-0afe7c10]{grid-template-columns:repeat(1,1fr)!important;}
.buysell-3steps-list[data-v-0afe7c10]{grid-gap:22px!important;grid-template-columns:repeat(2,1fr)!important;}
}
@media (max-width:768px){
.legalTender__wrapper[data-v-0afe7c10]{padding-left:20px;padding-right:20px;}
.buysell-3steps-list[data-v-0afe7c10],.produceIntroduce__advantage--items[data-v-0afe7c10]{grid-template-columns:repeat(1,1fr)!important;}
}
@media (max-width:500px){
.buysell-kv-subtext[data-v-0afe7c10]{display:none;}
}

/*! CSS Used from: /assets/web-frontend/client/css/f89b17b.css */
[class*=" el-icon-"],[class^=el-icon-]{speak:none;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:element-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;vertical-align:baseline;}
.el-icon-search:before{content:"\e778";}
.el-icon-arrow-right:before{content:"\e6e0";}
.el-icon-arrow-left:before{content:"\e6de";}
.el-icon-caret-bottom:before{content:"\e790";}
.el-icon-close:before{content:"\e6db";}
.el-icon-more:before{content:"\e794";}
.r-pagination-wrap .el-pagination button{height:26px;min-width:26px;}
.r-pagination-wrap .el-pagination .btn-next,.r-pagination-wrap .el-pagination .btn-prev{border:1px solid #e5ebf0;height:26px;position:relative;width:26px;}
.r-pagination-wrap .el-pagination .btn-next .el-icon-arrow-right,.r-pagination-wrap .el-pagination .btn-prev .el-icon-arrow-left{display:none;}
.r-pagination-wrap .el-pagination .btn-next:after,.r-pagination-wrap .el-pagination .btn-prev:after{border:4px solid #141f21;content:"";display:block;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0;}
.r-pagination-wrap .el-pagination .btn-prev:after{border-bottom-color:transparent;border-left-color:transparent;border-top-color:transparent;margin-left:-2px;}
.r-pagination-wrap .el-pagination .btn-next:after{border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent;margin-left:2px;}
.r-pagination-wrap .el-pagination.is-background .el-pager li{background-color:#fff;border:1px solid #e5ebf0;color:#161616;font-size:14px;font-weight:400;height:26px;line-height:24px;min-width:26px;}
.r-pagination-wrap .el-pagination.is-background .el-pager li:hover{background:#f5f9fb;color:#161616;}
.r-pagination-wrap .el-pagination.is-background .el-pager li.active{background-color:#049FD3!important;}
.r-pagination-wrap .el-pagination.is-background .el-pager li.active:hover{background:#049FD3!important;color:#fff;}
.r-pagination-wrap .el-pagination.is-background .el-pager li.el-icon-more{border:0;}
.r-pagination-wrap .el-pagination.is-background .el-pager li.el-icon-more:before{line-height:30px;}
.r-pagination-wrap .el-pagination.is-background .el-pager li.btn-quicknext{border:0;}
.r-pagination-wrap .el-pagination.is-background .el-pager li.btn-quicknext:hover{background-color:#fff;}
.r-pagination-wrap .el-pagination.is-background .el-pager li.btn-quicknext:before{line-height:26px;}
.el-input__inner{border-radius:0;padding:0 10px;}
.el-input__inner:focus{border-color:#0e1118;}
.el-dialog{box-shadow:0 4px 12px 0 rgba(0,1,4,.1);}
.el-dialog__header{font-weight:700;padding:40px 40px 8px;}
.el-dialog__headerbtn{right:10px;top:10px;}
.el-dialog__headerbtn .el-dialog__close,.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#5d606a;}
.el-dialog__title{font-size:20px;}
.el-pagination{color:#5d606a;}
.el-pagination button:hover{color:#0e1118;}
.el-pagination .el-pager li{font-weight:400;}
.el-pagination .el-pager li.active,.el-pagination .el-pager li:hover{color:#0e1118;font-weight:700;}
.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{background-color:#fff;}
.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:transparent;}
.el-popover{border-radius:0;box-shadow:0 4px 12px 0 rgba(0,1,4,.1);padding:20px;word-break:break-word;}
/*! CSS Used from: /assets/web-frontend/client/css/eb4f189.css */
::placeholder,button,input{font-family:IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;}
h3,p{margin:0;padding:0;}
h3{font-weight:500;}
input{outline:none;}
ul{margin:0;padding:0;}
li,ul{list-style:none;}
a{color:inherit;-webkit-text-decoration:none;text-decoration:none;}
.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing),.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0;}
[class*=" el-icon-"],[class^=el-icon-]{speak:none;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:element-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;vertical-align:baseline;}
.el-icon-search:before{content:"\e778";}
.el-icon-arrow-right:before{content:"\e6e0";}
.el-icon-arrow-left:before{content:"\e6de";}
.el-icon-caret-bottom:before{content:"\e790";}
.el-icon-close:before{content:"\e6db";}
.el-icon-more:before{content:"\e794";}
.el-pagination{color:#303133;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{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;font-size:13px;height:28px;line-height:28px;min-width:35.5px;vertical-align:top;}
.el-pagination button{background:0 0;border:none;padding:0 6px;}
.el-pagination button:focus{outline:0;}
.el-pagination button:hover{color:#049FD3;}
.el-pagination button:disabled{background-color:#fff;color:#c0c4cc;cursor:not-allowed;}
.el-pagination .btn-next,.el-pagination .btn-prev{background:50% no-repeat #fff;background-size:16px;color:#303133;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-pager li,.el-pager li.btn-quicknext:hover{cursor:pointer;}
.el-pagination__rightwrapper{float:right;}
.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0;}
.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{background-color:#f4f4f5;border-radius:2px;color:#606266;margin:0 5px;min-width:30px;}
.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:#049FD3;}
.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#049FD3;color:#fff;}
.el-dialog,.el-pager li{background:#fff;-webkit-box-sizing:border-box;}
.el-pager,.el-pager li{display:inline-block;margin:0;vertical-align:top;}
.el-pager{font-size:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.el-pager .more:before{line-height:30px;}
.el-pager li{box-sizing:border-box;font-size:13px;height:28px;line-height:28px;min-width:35.5px;padding:0 4px;text-align:center;}
.el-pager li.btn-quicknext{color:#303133;line-height:28px;}
.el-pager li.active+li{border-left:0;}
.el-pager li:hover{color:#049FD3;}
.el-pager li.active{color:#049FD3;cursor:default;}
.el-dialog{border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;margin:0 auto 50px;position:relative;width:50%;}
.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0;}
.el-dialog__header{padding:32px 32px 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:#909399;}
.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#049FD3;}
.el-dialog__title{color:#303133;font-size:18px;line-height:24px;}
.el-dropdown-menu{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:10;}
.el-dropdown{color:#606266;display:inline-block;font-size:14px;position:relative;}
.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;}
.el-dropdown-menu__item{color:#606266;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:#e7f9f9;color:#42cece;}
.el-popover{border-radius:4px;}
.el-popover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);}
.el-popover{background:#fff;border:1px solid #ebeef5;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);color:#606266;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-input{display:inline-block;font-size:14px;position:relative;width:100%;}
.el-input::-webkit-scrollbar{width:6px;z-index:11;}
.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__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;}
.el-input__prefix{color:#c0c4cc;height:100%;position:absolute;text-align:center;top:0;-webkit-transition:all .3s;}
.el-input__inner::placeholder{color:#c0c4cc;}
.el-input__inner:hover{border-color:#c0c4cc;}
.el-input__inner:focus{border-color:#049FD3;outline:0;}
.el-input__prefix{left:5px;transition:all .3s;}
.el-input__icon{height:100%;line-height:40px;text-align:center;-webkit-transition:all .3s;transition:all .3s;width:25px;}
.el-input__icon:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0;}
.el-input--prefix .el-input__inner{padding-left:30px;}
.el-drawer{-webkit-box-orient:vertical;-webkit-box-direction:normal;}
.el-drawer{-webkit-box-sizing:border-box;overflow:hidden;}
.el-drawer{display:-webkit-box;display:-ms-flexbox;}
.el-drawer.btt,.el-drawer__container{left:0;right:0;width:100%;}
.el-drawer__container{bottom:0;height:100%;top:0;}
.el-drawer{background-color:#fff;-webkit-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-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;-ms-flex-direction:column;flex-direction:column;position:absolute;}
.el-drawer.btt{-webkit-animation:btt-drawer-out .3s;animation:btt-drawer-out .3s;bottom:0;}
.el-drawer__wrapper{bottom:0;left:0;margin:0;overflow:hidden;position:fixed;right:0;top:0;}
.el-drawer__container{position:relative;}
.el-input__inner{border-radius:0;padding:0 10px;}
.el-input__inner:focus{border-color:#0e1118;}
.el-dialog{box-shadow:0 4px 12px 0 rgba(0,1,4,.1);}
.el-dialog__header{font-weight:500;}
.el-dialog__headerbtn{right:10px;top:10px;}
.el-dialog__headerbtn .el-dialog__close,.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#5d606a;}
.el-pagination{color:#5d606a;}
.el-pagination button:hover{color:#0e1118;}
.el-pagination .el-pager li{font-weight:400;}
.el-pagination .el-pager li.active,.el-pagination .el-pager li:hover{color:#0e1118;font-weight:700;}
.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{background-color:#fff;}
.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:transparent;}
.el-popover{border-radius:0;box-shadow:0 4px 12px 0 rgba(0,1,4,.1);padding:20px;word-break:break-word;}
.col-1{flex:0 0 auto;width:8.33333333%;}
.col-2{flex:0 0 auto;width:16.66666667%;}
.col-3{flex:0 0 auto;width:25%;}
.col-4{flex:0 0 auto;width:33.33333333%;}
.col-5{flex:0 0 auto;width:41.66666667%;}
.main-layout .main-container[data-v-69400e95]{box-sizing:border-box;min-height:calc(100vh - 134px);padding-top:0;}
.main-layout .main-container.light[data-v-69400e95]{padding-top:80px;}
.main-layout .main-container.roadmap[data-v-69400e95]{min-height:calc(100vh - 456px);}
/*! CSS Used from: /assets/web-frontend/client/css/0c3ac6f.css */
.market-coin-crypto-popover{border:0;box-sizing:border-box;margin-top:3px;padding:8px 0;}
.market-crypto-drawer{border-radius:8px 8px 0 0;height:auto!important;}
.crypto-symbol-list .crypto-symbol-item[data-v-5f0337e4]{color:#141f21;cursor:pointer;display:block;font-size:14px;height:36px;line-height:36px;min-width:140px;padding:0 12px;}
.crypto-symbol-list .crypto-symbol-item[data-v-5f0337e4]:hover{background:#f5f9fb;}
.coinmap-table-wrap[data-v-5f0337e4]{margin:0 auto;width:1200px;}
.coinmap-table-wrap .coinmap-table-header[data-v-5f0337e4]{align-items:center;display:flex;height:64px;}
.coinmap-table-wrap .coinmap-table-header.h5[data-v-5f0337e4]{display:none;}
.coinmap-table-wrap .coinmap-table-header .header-item[data-v-5f0337e4]{align-items:center;color:#86939b;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:400;justify-content:flex-end;margin-right:15px;}
.coinmap-table-wrap .coinmap-table-header .header-item[data-v-5f0337e4]:last-child{margin-right:0;}
.coinmap-table-wrap .coinmap-table-header .header-item.align-left[data-v-5f0337e4]{justify-content:flex-start;}
.coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper[data-v-5f0337e4]{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;height:64px;overflow:visible;overflow:initial;position:relative;vertical-align:middle;width:14px;}
.coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper .sort-caret[data-v-5f0337e4]{zoom:.7;border:5px solid transparent;height:0;left:auto;position:absolute;width:0;}
.coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper .sort-caret.ascending[data-v-5f0337e4]{border-bottom-color:#86939b;top:35px;}
.coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper .sort-caret.descending[data-v-5f0337e4]{border-top-color:#86939b;bottom:32px;}
.coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper .sort-caret.mark-actived-down[data-v-5f0337e4]{border-top-color:#049FD3;}
.coinmap-table-wrap .coinmap-table-header .header-item.col-1[data-v-5f0337e4]{flex-shrink:0;width:28.45%;}
.coinmap-table-wrap .coinmap-table-header .header-item.col-2[data-v-5f0337e4]{width:28.45%;}
.coinmap-table-wrap .coinmap-table-header .header-item.col-3[data-v-5f0337e4]{width:9.7%;}
.coinmap-table-wrap .coinmap-table-header .header-item.col-4[data-v-5f0337e4]{width:16%;}
.coinmap-table-wrap .coinmap-table-body[data-v-5f0337e4]{width:100%;}
.coinmap-table-wrap .coinmap-table-body .h5-body-col[data-v-5f0337e4]{display:none;}
.coinmap-table-wrap .coinmap-table-body .body-col[data-v-5f0337e4]{border-radius:8px;box-sizing:content-box;cursor:pointer;font-size:16px;font-weight:400;margin-left:-20px;padding:0 20px;width:100%;}
.coinmap-table-wrap .coinmap-table-body .body-col[data-v-5f0337e4]:hover{background:#f7f9fa;}
.coinmap-table-wrap .coinmap-table-body .body-col .body-col-content[data-v-5f0337e4]{align-items:center;display:flex;height:64px;margin:0 auto;width:1200px;}
.coinmap-table-wrap .coinmap-table-body .body-col .body-item[data-v-5f0337e4]{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-right:15px;}
.coinmap-table-wrap .coinmap-table-body .body-col .body-item[data-v-5f0337e4]:last-child{margin-right:0;}
.coinmap-table-wrap .coinmap-table-body .body-col .col-1[data-v-5f0337e4]{color:#3e4648;justify-content:flex-start;width:28.45%;}
.coinmap-table-wrap .coinmap-table-body .body-col .col-1 .icon-img[data-v-5f0337e4]{border-radius:100px;height:28px;margin-right:16px;width:28px;}
.coinmap-table-wrap .coinmap-table-body .body-col .col-1 .name[data-v-5f0337e4]{font-size:16px;font-weight:500;margin-right:8px;}
.coinmap-table-wrap .coinmap-table-body .body-col .col-1 .full-name[data-v-5f0337e4]{font-size:14px;}
.coinmap-table-wrap .coinmap-table-body .body-col .col-2[data-v-5f0337e4]{color:#000;width:28.45%;}
.coinmap-table-wrap .coinmap-table-body .body-col .col-3[data-v-5f0337e4]{width:9.7%;}
.coinmap-table-wrap .coinmap-table-body .body-col .col-3.red[data-v-5f0337e4]{color:#ff532f;}
.coinmap-table-wrap .coinmap-table-body .body-col .col-3.green[data-v-5f0337e4]{color:#40c200;}
.coinmap-table-wrap .coinmap-table-body .body-col .col-4[data-v-5f0337e4]{width:16%;}
.coinmap-table-wrap .coinmap-table-body .body-col .col-5[data-v-5f0337e4]{flex:1;}
.coinmap-table-wrap .coinmap-table-body .body-col .col-5 .trade-link[data-v-5f0337e4]{color:#049FD3;}
.coinmap-table-wrap .coinmap-table-body .body-col .col-5 .trade-link-detail[data-v-5f0337e4]{margin-left:24px;margin-right:24px;}
.coinmap-table-wrap .pg-wrapper[data-v-5f0337e4]{display:flex;justify-content:flex-end;margin-top:30px;}
.coinmap-table-wrap .pg-wrapper[data-v-5f0337e4] .el-pagination{padding:0;}
.ellipsis[data-v-5f0337e4]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media (max-width:1199px){
.coinmap-table-wrap[data-v-5f0337e4]{width:100%;}
.coinmap-table-wrap .coinmap-table-header.pc[data-v-5f0337e4]{display:none;}
.coinmap-table-wrap .coinmap-table-header.h5[data-v-5f0337e4]{display:flex;height:48px;justify-content:space-between;padding:0 16px;}
.coinmap-table-wrap .coinmap-table-header .header-item[data-v-5f0337e4]{margin-right:8px;}
.coinmap-table-wrap .coinmap-table-header .header-item[data-v-5f0337e4]:last-child{margin-right:0;}
.coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper[data-v-5f0337e4]{height:48px;}
.coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper .sort-caret.ascending[data-v-5f0337e4]{top:23px;}
.coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper .sort-caret.descending[data-v-5f0337e4]{bottom:21px;}
.coinmap-table-wrap .coinmap-table-header .left-col[data-v-5f0337e4],.coinmap-table-wrap .coinmap-table-header .right-col[data-v-5f0337e4]{align-items:center;display:flex;}
.coinmap-table-wrap .coinmap-table-body .body-col[data-v-5f0337e4]{border-radius:0;box-sizing:border-box;margin-left:0;padding:0 16px;}
.coinmap-table-wrap .coinmap-table-body .body-col .body-col-content[data-v-5f0337e4]{display:none;}
.coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col[data-v-5f0337e4]{display:flex;height:64px;justify-content:space-between;}
.coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .left-col[data-v-5f0337e4]{align-items:center;display:flex;margin-right:1%;width:49.5%;}
.coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .left-col .icon-img[data-v-5f0337e4]{border-radius:100px;height:28px;margin-right:12px;width:28px;}
.coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .left-col .name-vol-wrapper[data-v-5f0337e4]{display:flex;flex-direction:column;width:calc(100% - 35px);}
.coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .left-col .name-vol-wrapper .name-wrapper[data-v-5f0337e4]{align-items:center;display:flex;}
.coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .left-col .name-vol-wrapper .name-wrapper .name[data-v-5f0337e4]{color:#3e4648;font-size:16px;font-weight:500;}
.coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .left-col .name-vol-wrapper .vol[data-v-5f0337e4]{color:#86939b;font-size:14px;}
.coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .right-col[data-v-5f0337e4]{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;width:49.5%;}
.coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .right-col .price[data-v-5f0337e4]{color:#3e4648;font-size:16px;font-weight:500;text-align:right;width:100%;}
.coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .right-col .flu[data-v-5f0337e4]{font-size:14px;}
.coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .right-col .flu.green[data-v-5f0337e4]{color:#40c200;}
.coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .right-col .flu.red[data-v-5f0337e4]{color:#ff532f;}
.coinmap-table-wrap .pg-wrapper[data-v-5f0337e4]{justify-content:center;margin-top:16px;}
}
.market-second-tab-popover{border:0;border-radius:4px;margin-top:0!important;max-width:480px;padding:16px 16px 0 0;}
.market-first-tab-dropdown[data-v-621f890f]{border:0;margin-top:5px!important;width:140px;}
.market-first-tab-dropdown .el-dropdown-menu__item[data-v-621f890f]{color:#141f21;padding:0 12px;}
.market-first-tab-dropdown .el-dropdown-menu__item[data-v-621f890f]:hover{background:#f5f9fb;color:#141f21;}
.market-first-tab-dropdown .el-dropdown-menu__item.active[data-v-621f890f]{color:#049FD3;}
.second-tab-dropdown .dropdown-item[data-v-621f890f]{color:#6a7c81;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;margin-bottom:16px;margin-left:16px;}
.second-tab-dropdown .dropdown-item[data-v-621f890f]:hover{color:#1a1b1f;}
.second-tab-dropdown .dropdown-item.active[data-v-621f890f]{color:#1a1b1f;font-weight:700;}
.coinmap-wrap[data-v-621f890f]{padding-top:18px;}
.coinmap-wrap .w1200[data-v-621f890f]{margin:0 auto;width:1200px;}
.coinmap-wrap .coinmap-content[data-v-621f890f]{margin:26px auto 50px;}
.coinmap-wrap .coinmap-content .coinmap-header[data-v-621f890f]{margin-bottom:40px;}
.coinmap-wrap .coinmap-content .coinmap-header h3[data-v-621f890f]{color:#1a1b1f;font-size:50px;font-weight:700;}
.coinmap-wrap .coinmap-content .currency-select-wrapper[data-v-621f890f]{font-size:14px;font-weight:400;}
.coinmap-wrap .coinmap-content .currency-select-wrapper.h5[data-v-621f890f]{display:none;}
.coinmap-wrap .coinmap-content .currency-select-wrapper .label[data-v-621f890f]{color:#86939b;}
.coinmap-wrap .coinmap-content .currency-select-wrapper .value[data-v-621f890f]{color:#1a1b1f;cursor:pointer;margin-left:8px;}
.coinmap-wrap .coinmap-content .coinmap-root-tab[data-v-621f890f]{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:16px;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .tab-left[data-v-621f890f]{align-items:center;display:flex;gap:24px;overflow:auto;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .root-tab-item[data-v-621f890f]{border-bottom:3px solid transparent;color:#86939b;cursor:pointer;font-size:24px;font-weight:600;line-height:48px;white-space:nowrap;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .root-tab-active[data-v-621f890f]{border-bottom:3px solid #1a1b1f;color:#1a1b1f;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .tab-search[data-v-621f890f]{height:40px;width:240px;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .tab-search[data-v-621f890f] .el-input__inner{background:#eef3f5;border:none;border-radius:100px;height:40px;line-height:40px;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .tab-search[data-v-621f890f] .el-input__prefix{color:#86939b;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .tab-search[data-v-621f890f] .el-input__prefix .el-input__icon{line-height:40px;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .h5-search[data-v-621f890f]{display:none;}
.coinmap-wrap .coinmap-content .coinmap-tab-wrapper[data-v-621f890f]{border-bottom:1px solid #eef3f5;width:100%;}
.coinmap-wrap .coinmap-content .coinmap-tab-row[data-v-621f890f]{position:relative;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper[data-v-621f890f]{align-items:center;display:flex;padding-bottom:10px;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item[data-v-621f890f]{color:#86939b;cursor:pointer;font-size:14px;padding:6px 12px;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item[data-v-621f890f]:hover{color:#1a1b1f;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.h5-more-tag[data-v-621f890f]{display:none;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy[data-v-621f890f]{font-size:16px;font-weight:700;padding:6px 16px;position:relative;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy[data-v-621f890f]:last-of-type{margin-right:36px;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy[data-v-621f890f]:last-of-type:after{background:#eef3f5;content:"";height:32px;position:absolute;right:-24px;top:0;width:1px;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item[data-v-621f890f]:not(.heavy){max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.active[data-v-621f890f]{color:#1a1b1f;font-weight:700;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy.active[data-v-621f890f]{background:#eef3f5;border-radius:8px;}
.coinmap-wrap .coinmap-content .tag-intro-wrapper[data-v-621f890f]{border-bottom:1px solid #eef3f5;padding:16px 0;}
.coinmap-wrap .coinmap-content .tag-intro-wrapper .name[data-v-621f890f]{color:#1a1b1f;font-size:20px;font-weight:700;margin-bottom:8px;}
.coinmap-wrap .coinmap-content .tag-intro-wrapper .intro[data-v-621f890f]{-webkit-box-orient:vertical;color:#86939b;display:-webkit-box;font-size:14px;line-height:20px;overflow:hidden;white-space:pre-wrap;width:800px;word-break:break-word;}
.coinmap-wrap .coinmap-content .tag-intro-wrapper .expand-btn[data-v-621f890f]{color:#1a1b1f;cursor:pointer;font-size:14px;line-height:20px;}
@media (max-width:1199px){
.coinmap-wrap[data-v-621f890f]{padding-top:0;}
.coinmap-wrap .w1200[data-v-621f890f]{width:100%;}
.coinmap-wrap .coinmap-content[data-v-621f890f]{margin:0 auto 20px;}
.coinmap-wrap .coinmap-content .coinmap-root-tab[data-v-621f890f]{border-bottom:1px solid #f4f8fa;box-sizing:border-box;margin-bottom:8px;padding:0 16px;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .currency-select-wrapper[data-v-621f890f],.coinmap-wrap .coinmap-content .coinmap-root-tab .tab-search[data-v-621f890f]{display:none;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .tab-left[data-v-621f890f]{gap:16px;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .root-tab-item[data-v-621f890f]{font-size:16px;font-weight:700;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .h5-search[data-v-621f890f]{align-items:center;display:flex;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .h5-search .search-icon[data-v-621f890f]{color:#1a1b1f;font-weight:700;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .h5-search .search-input[data-v-621f890f]{flex:1;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .h5-search .search-input[data-v-621f890f] .el-input__inner{border:0;font-weight:700;height:51px;line-height:51px;}
.coinmap-wrap .coinmap-content .coinmap-root-tab .h5-search .cancel-btn[data-v-621f890f]{color:#049FD3;cursor:pointer;font-size:14px;}
.coinmap-wrap .coinmap-content .coinmap-tab-row[data-v-621f890f]{overflow:hidden;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper[data-v-621f890f]{overflow-x:auto;padding-left:16px;padding-right:16px;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item[data-v-621f890f]{flex-shrink:0;max-width:none!important;padding:6px;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy[data-v-621f890f]{font-size:14px;padding:6px 11px;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy[data-v-621f890f]:last-of-type{margin-right:18px;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy[data-v-621f890f]:last-of-type:after{right:-12px;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.h5-more-tag[data-v-621f890f]{display:inline;}
.coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.second-tab-popover-reference[data-v-621f890f]{display:none;}
.coinmap-wrap .coinmap-content .tag-intro-wrapper[data-v-621f890f]{box-sizing:border-box;padding:16px;}
.coinmap-wrap .coinmap-content .tag-intro-wrapper .intro[data-v-621f890f]{width:100%;}
.coinmap-wrap .coinmap-content .currency-select-wrapper.h5[data-v-621f890f]{display:flex;padding:9px 16px;}
.coinmap-header[data-v-621f890f]{display:none;}
}
.CAoz4k{margin:0 auto;padding-top:60px;width:1200px;}
.g83kLV{display:flex;justify-content:space-between;}
.TIVX8s{background:#f7f9fa;border-radius:8px;box-sizing:border-box;cursor:pointer;height:72px;margin-right:20px;padding:12px 16px;position:relative;width:282px;}
.TIVX8s:last-child{margin-right:0;}
.HrCfGv{position:absolute;right:0;top:0;z-index:1;}
.gCp4Gp{display:flex;flex-direction:column;}
._8GZijX{color:#3e4648;font-size:14px;font-weight:500;margin-bottom:5px;}
.Z03zWD{align-items:center;display:flex;justify-content:space-between;}
._5tifkf,.aFuYuU{font-size:16px;font-weight:500;}
.dvy5II{color:#ff532f;}
.ORKhA1{color:#40c200;}
@media screen and (max-width:1199px){
.CAoz4k{display:none;}
}
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
.wXJLmL{background-color:#fff;min-height:80vh;padding-bottom:100px;}
/*! CSS Used from: /assets/web-frontend/client/css/2adeff9.css */
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
/*! CSS Used keyframes */
@-webkit-keyframes btt-drawer-out{0%{-webkit-transform:translate(0);transform:translate(0);}to{-webkit-transform:translateY(100%);transform:translateY(100%);}}
@keyframes btt-drawer-out{0%{-webkit-transform:translate(0);transform:translate(0);}to{-webkit-transform:translateY(100%);transform:translateY(100%);}}

/*! CSS Used from: /assets/web-frontend/client/css/f89b17b.css */
[class*=" el-icon-"]{speak:none;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:element-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;vertical-align:baseline;}
.el-icon-close:before{content:"\e6db";}
.bmicon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:bmicon!important;font-size:16px;font-style:normal;}
.icon-back:before{content:"\e64d";}
.r-back-top-arrow{color:#3e4648;font-size:20px;transform:rotate(90deg);}
.el-button:active{border-color:transparent;}
.el-button{border-radius:0;}
.el-button:not(.el-button--mini){height:46px;}
.el-button:focus,.el-button:hover{border-color:#ebeef5;}
.el-button.el-button--default{background-color:transparent;}
.el-dialog{box-shadow:0 4px 12px 0 rgba(0,1,4,.1);}
.el-dialog__header{font-weight:700;padding:40px 40px 8px;}
.el-dialog__headerbtn{right:10px;top:10px;}
.el-dialog__headerbtn .el-dialog__close,.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#5d606a;}
.el-dialog__title{font-size:20px;}
/*! CSS Used from: /assets/web-frontend/client/css/eb4f189.css */
::placeholder,button{font-family:IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;}
p{margin:0;padding:0;}
a{color:inherit;-webkit-text-decoration:none;text-decoration:none;}
[class*=" el-icon-"]{speak:none;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:element-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;vertical-align:baseline;}
.el-icon-close:before{content:"\e6db";}
.el-dialog{background:#fff;-webkit-box-sizing:border-box;}
.el-dialog{border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;margin:0 auto 50px;position:relative;width:50%;}
.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0;}
.el-dialog__header{padding:32px 32px 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:#909399;}
.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#049FD3;}
.el-dialog__title{color:#303133;font-size:18px;line-height:24px;}
.el-dialog--center{text-align:center;}
.el-progress-bar__inner:after{content:"";}
.el-progress{line-height:1;position:relative;}
.el-progress--without-text .el-progress-bar{display:block;margin-right:0;padding-right:0;}
.el-progress-bar,.el-progress-bar__inner:after{display:inline-block;vertical-align:middle;}
.el-progress-bar{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:-55px;padding-right:50px;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:#049FD3;border-radius:100px;height:100%;left:0;line-height:1;position:absolute;text-align:right;top:0;-webkit-transition:width .6s ease;transition:width .6s ease;white-space:nowrap;}
.el-progress-bar__inner:after{height:100%;}
.el-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.el-button{-webkit-appearance:none;background:#fff;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;line-height:1;margin:0;outline:0;padding:12px 20px;text-align:center;-webkit-transition:.1s;transition:.1s;white-space:nowrap;}
.el-button+.el-button{margin-left:10px;}
.el-button:focus,.el-button:hover{background-color:#e7f9f9;border-color:#b8eded;color:#049FD3;}
.el-button:active{border-color:#11afaf;color:#11afaf;outline:0;}
.el-button:active{border-color:transparent;}
.el-button{border-radius:4px;}
.el-button:not(.el-button--mini){height:46px;}
.el-button:focus,.el-button:hover{border-color:#dcdfe6;}
.el-button.el-button--default{background-color:transparent;}
.el-dialog{box-shadow:0 4px 12px 0 rgba(0,1,4,.1);}
.el-dialog__header{font-weight:500;}
.el-dialog__headerbtn{right:10px;top:10px;}
.el-dialog__headerbtn .el-dialog__close,.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#5d606a;}
.main-layout .main-container[data-v-69400e95]{box-sizing:border-box;min-height:calc(100vh - 134px);padding-top:0;}
.main-layout .main-container.dark[data-v-69400e95]{padding-top:80px;}
.main-layout .main-container.roadmap[data-v-69400e95]{min-height:calc(100vh - 456px);}
/*! CSS Used from: /assets/web-frontend/client/css/96346a5.css */
.block-wrapper[data-v-f9e1736a]{box-sizing:border-box;color:#000;min-width:900px;width:100%;}
@media (max-width:768px){
.block-wrapper[data-v-f9e1736a]{min-width:0;min-width:auto;}
}
.block-wrapper.dark[data-v-f9e1736a]{color:#fff;}
.block-wrapper.dark .timer-value[data-v-f9e1736a]{background:#fff;color:#000;}
.block-wrapper.dark .timer-desc[data-v-f9e1736a],.block-wrapper.dark .timer-unit[data-v-f9e1736a]{color:#fff;}
.block-wrapper .timer[data-v-f9e1736a]{margin-top:10px;}
.block-wrapper .timer-value[data-v-f9e1736a]{background:#000;border-radius:2px;color:#fff;display:inline-block;font-size:14px;height:24px;line-height:24px;min-width:30px;text-align:center;}
.block-wrapper .timer-unit[data-v-f9e1736a]{font-size:16px;font-weight:600;line-height:24px;margin:0 10px 0 4px;}
.block-wrapper .timer-unit[data-v-f9e1736a]:last-child{margin-right:0;}
.block-wrapper .timer-desc[data-v-f9e1736a]{color:#000;display:block;font-size:12px;font-weight:400;margin-top:10px;}
.block-wrapper .main[data-v-f9e1736a]{align-items:center;display:flex;min-height:333px;position:relative;}
@media (max-width:768px){
.block-wrapper .main[data-v-f9e1736a]{flex-direction:column;min-height:0;min-height:auto;}
}
.block-wrapper .main .main-intro[data-v-f9e1736a]{display:flex;flex-direction:column;min-height:240px;padding-left:20px;}
@media (max-width:768px){
.block-wrapper .main .main-intro[data-v-f9e1736a]{flex:1;min-height:0;min-height:auto;padding-left:0;}
}
.block-wrapper .main .main-intro .main-title[data-v-f9e1736a]{flex:1;line-height:1.2;}
.block-wrapper .main .main-logo[data-v-f9e1736a]{max-height:600px;max-width:500px;}
@media (max-width:768px){
.block-wrapper .main .main-logo[data-v-f9e1736a]{max-height:none;max-width:none;width:100%;}
}
.block-wrapper .main .main-logo-placeholder[data-v-f9e1736a]{margin-right:-500px;visibility:hidden;}
@media (max-width:768px){
.block-wrapper .main .main-logo-placeholder[data-v-f9e1736a]{display:none;}
}
.block-wrapper .main .main-logo-position[data-v-f9e1736a]{position:absolute;right:0;top:50%;transform:translateY(-50%);}
@media (max-width:768px){
.block-wrapper .main .main-logo-position[data-v-f9e1736a]{max-height:none;max-width:none;position:static;transform:translateY(0);width:100%;}
}
.block-wrapper .btns[data-v-f9e1736a]{display:flex;flex-wrap:wrap;}
.block-wrapper .btns .btn[data-v-f9e1736a]{margin-top:20px;}
@media (max-width:768px){
.block-wrapper .btns .btn[data-v-f9e1736a]{margin-top:10px;}
.block-wrapper .btns .btn.pc[data-v-f9e1736a]{display:none;}
}
.block-wrapper .btns .btn.h5[data-v-f9e1736a]{display:none;}
@media (max-width:768px){
.block-wrapper .btns .btn.h5[data-v-f9e1736a]{display:inline-block;}
}
.block-wrapper .btns .join-btn[data-v-f9e1736a]{margin-right:10px;max-width:333px;min-width:240px;}
@media (max-width:768px){
.block-wrapper .btns .join-btn[data-v-f9e1736a]{margin-right:0;max-width:none;min-width:0;min-width:auto;width:100%;}
}
.block-wrapper .btns .share-btn[data-v-f9e1736a]{max-width:200px;min-width:120px;}
@media (max-width:768px){
.block-wrapper .btns .share-btn[data-v-f9e1736a]{max-width:none;min-width:0;min-width:auto;width:100%;}
}
.campaign-container[data-v-b3ff7354]{background:#eef1f9;background-position:top;background-repeat:no-repeat;background-size:100%;color:#000;overflow:hidden;padding-bottom:200px;padding-top:60px;}
@media (max-width:768px){
.campaign-container[data-v-b3ff7354]{background-repeat:no-repeat;padding-bottom:60px;padding-top:30px;}
}
.campaign-container .main-content[data-v-b3ff7354]{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:800px;padding:0 100px;position:relative;}
@media (max-width:768px){
.campaign-container .main-content[data-v-b3ff7354]{padding:0 20px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/2369f90.css */
.btn-normal[data-v-9b204428]{border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:18px;font-weight:500;height:auto;padding:13px 20px;text-align:center;}
@media (max-width:768px){
.btn-normal[data-v-9b204428]{font-size:15px;padding:13px 8px;}
}
.black[data-v-9b204428]{background:#000;color:#fff;}
.black.border[data-v-9b204428]{border:1px solid #fff;}
.btn-normal+.btn-normal[data-v-9b204428]{margin-left:0;}
.modal-tip-dialog[data-v-21ec51de] .el-dialog{top:50%;transform:translateY(-50%);width:400px;}
@media (max-width:768px){
.modal-tip-dialog[data-v-21ec51de] .el-dialog{width:calc(100% - 60px);}
}
.modal-tip-dialog[data-v-21ec51de] .el-dialog__header{padding:30px 30px 0;}
.ahjOKL{--trade-text-secondary:#a3a8b7;--trade-text-primary:#000;--trade-dialog-background:#f0f0f0;--trade-dialog-icon-background:#e1e1e1;}
.ahjOKL .el-dialog{background:var(--trade-dialog-background);border-radius:4px;top:50%;transform:translateY(-50%);}
.ahjOKL .el-dialog__header{padding:0;}
.title-wrapper[data-v-44635495]{margin-bottom:20px;}
.title-wrapper .title-wrapper-inner[data-v-44635495]{display:flex;margin-top:40px;width:100%;}
.title-wrapper .title-wrapper-inner .title-row[data-v-44635495]{display:flex;width:100%;}
.title-wrapper .title-wrapper-inner .title-row .title-left-wrapper[data-v-44635495]{align-items:center;display:flex;height:52px;}
.title-wrapper .title-wrapper-inner .title-row .title-left-wrapper .title-left-img[data-v-44635495]{height:100%;}
.title-wrapper .title-wrapper-inner .title-row .title-content[data-v-44635495]{display:flex;flex:1;flex-wrap:wrap;}
.title-wrapper .title-wrapper-inner .title-row .title[data-v-44635495]{font-size:40px;font-weight:500;line-height:52px;margin-left:20px;margin-right:auto;}
.title-wrapper .placeholder[data-v-44635495]{height:10px;}
@media (max-width:768px){
.title-wrapper .title-wrapper-inner[data-v-44635495]{display:block;margin-top:30px;}
.title-wrapper .title-wrapper-inner .title-row .title-left-wrapper[data-v-44635495]{height:36px;}
.title-wrapper .title-wrapper-inner .title-row .title-left-wrapper .title-left-img[data-v-44635495]{height:100%;}
.title-wrapper .title-wrapper-inner .title-row .title-content[data-v-44635495]{flex-direction:column;}
.title-wrapper .title-wrapper-inner .title-row .title[data-v-44635495]{font-size:28px;line-height:36px;margin-left:10px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/16453a4.css */
._1iFGT\+{width:100%;}
.task-item[data-v-2d3f7556]{align-items:center;border-radius:10px;display:flex;margin-bottom:20px;padding:20px;}
@media (max-width:960px){
.task-item[data-v-2d3f7556]{padding:12px;}
}
@media (max-width:768px){
.task-item[data-v-2d3f7556]{align-items:stretch;border-radius:4px;flex-direction:column;margin-bottom:20px;padding:10px;}
}
.task-item[data-v-2d3f7556]:last-child{margin-bottom:0;}
.task-item .task-image[data-v-2d3f7556]{height:60px;margin-right:20px;}
@media (max-width:768px){
.task-item .task-image[data-v-2d3f7556]{display:none;}
}
.task-item .task-image-h5[data-v-2d3f7556]{display:none;}
@media (max-width:768px){
.task-item .task-image-h5[data-v-2d3f7556]{display:block;margin-right:10px;width:30px;}
}
.task-item .task-info[data-v-2d3f7556]{color:#000;flex:1;font-size:20px;font-weight:600;}
@media (max-width:768px){
.task-item .task-info[data-v-2d3f7556]{font-size:16px;line-height:21px;}
}
.task-item .task-info .title-wrapper[data-v-2d3f7556]{display:flex;}
.task-item .task-info .title-wrapper .sub-title[data-v-2d3f7556]{font-size:12px;line-height:16px;}
.task-item .task-intro[data-v-2d3f7556]{color:#010101;font-size:14px;font-weight:400;line-height:18px;margin-top:10px;}
@media (max-width:768px){
.task-item .task-intro[data-v-2d3f7556]{font-size:12px;line-height:16px;width:100%;}
}
.task-item .task-list[data-v-2d3f7556]{display:flex;gap:6px 24px;}
.task-item .task-list-col1 .progress-wrapper[data-v-2d3f7556]{flex:0 0 100%;max-width:300px;}
@media (max-width:1024px){
.task-item .task-list-col2[data-v-2d3f7556]{flex-direction:column;}
}
.task-item .task-list-col2 .progress-wrapper[data-v-2d3f7556]{align-items:flex-start;flex:1 1 50%;flex-direction:column;}
.task-item .progress-label-wrap[data-v-2d3f7556]{align-items:center;display:flex;white-space:nowrap;}
.task-item .progress-label[data-v-2d3f7556]{font-size:12px;font-weight:400;margin-right:8px;}
.task-item .progress-label[data-v-2d3f7556]:after{content:":";}
.task-item .progress-wrapper[data-v-2d3f7556]{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;margin-top:10px;}
.task-item .progress-wrapper .progress-text[data-v-2d3f7556]{color:#141f21;font-size:12px;font-weight:500;}
.task-item .btn-group[data-v-2d3f7556]{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:12px;margin-left:60px;max-width:244px;}
@media (max-width:768px){
.task-item .btn-group[data-v-2d3f7556]{flex-wrap:wrap;margin-left:0;margin-top:32px;max-width:100%;}
}
.task-item .btn-group .btn[data-v-2d3f7556]{flex:1;margin:0;max-width:none;min-width:0;min-width:auto;padding-left:8px;padding-right:8px;}
.task-item .btn[data-v-2d3f7556]{max-width:320px;min-width:215px;}
@media (max-width:768px){
.task-item .btn[data-v-2d3f7556]{margin:20px 0 0;max-width:none;width:100%;}
}
.luck-draw-dialog[data-v-47988aee] .el-dialog{border-radius:8px;top:50%;transform:translateY(-50%);width:480px;}
.luck-draw-dialog[data-v-47988aee] .el-dialog__header{padding:30px 30px 0;}
@media (max-width:768px){
.luck-draw-dialog[data-v-47988aee] .el-dialog{width:calc(100% - 60px);}
}
.block-container[data-v-25c1218a]{width:100%;}
.block-container .task-wrapper[data-v-25c1218a]{background:#fff;border-radius:8px;overflow:hidden;padding:30px 20px;position:relative;}
@media (max-width:768px){
.block-container .task-wrapper[data-v-25c1218a]{padding:20px 10px;}
}
.block-container .task-content[data-v-25c1218a]{left:0;position:relative;top:0;}
.block-wrapper .card-wrapper[data-v-6119acd6]{background:#fff;border-radius:8px;box-sizing:border-box;padding:40px;width:100%;}
@media (max-width:768px){
.block-wrapper .card-wrapper[data-v-6119acd6]{padding:30px 20px;}
}
.data-wrapper[data-v-b6e391de]{display:flex;height:100%;padding:10px 0;position:relative;}
@media (max-width:768px){
.data-wrapper[data-v-b6e391de]{flex-direction:column;}
}
.title[data-v-b6e391de]{font-size:20px;font-weight:600;}
.content-wrapper[data-v-b6e391de]{display:flex;flex:1;flex-direction:column;margin-right:10%;}
@media (max-width:768px){
.content-wrapper[data-v-b6e391de]{margin-right:0;}
}
.FsZr1X{background:#fff;border-radius:8px;padding:40px;}
@media (max-width:768px){
.FsZr1X{padding:30px 20px;}
}
.rwOeK1{display:grid;word-break:break-word;}
.\+MceGi,.rwOeK1{position:relative;}
.\+MceGi .U2uRhz{border-left:1px dashed #dadada;height:100%;position:absolute;top:0;width:0;}
.back-to-top-wrapper[data-v-48d1ca8a]{align-items:center;background-color:#fff;border-radius:50%;bottom:90px;box-shadow:0 0 6px rgba(0,0,0,.12);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;right:28px;width:40px;z-index:5;}

/*! CSS Used from: /assets/web-frontend/client/css/c9859f6.css */
.tier-label[data-v-66a2f853]{cursor:pointer;font-size:14px;line-height:20px;}
.tier-decoration[data-v-66a2f853]{border-bottom:1px dashed;}
.extra_bonus_label[data-v-28c480da]{cursor:pointer;font-size:14px;line-height:20px;}
.extra_bonus_decoration[data-v-28c480da]{border-bottom:1px dashed;}
.earn-nav-wrap[data-v-592e1f74]{border-bottom:1px solid #f3f8fa;}
.earn-nav-content[data-v-592e1f74]{margin:0 auto;position:relative;width:100%;}
[data-v-592e1f74] .el-tabs__nav.is-top .el-tabs__active-bar.is-top{background-color:#141f21;display:block!important;transition:none!important;}
[data-v-592e1f74] .el-tabs__header{margin:0;}
@media (max-width:768px){
.earn-nav-content[data-v-592e1f74]{font-size:12px!important;margin:0 auto;position:relative;width:95%!important;}
}
/*! CSS Used from: /assets/web-frontend/client/css/e80b653.css */
.dialog-detail[data-v-bec88590] .el-dialog{border-radius:8px;width:486px;}
[data-v-bec88590] .el-dialog__headerbtn{right:10px;top:10px;}
@media (max-width:720px){
.dialog-detail[data-v-bec88590] .el-dialog{width:96%;}
}
.action-btn[data-v-1ad7bc04]{font-size:14px;padding:10px 20px;}
.con__earn[data-v-1ad7bc04]{background:#fff;display:grid;grid-template-columns:1200px;justify-content:center;padding:80px 0 0;}
.tit_box__earn[data-v-1ad7bc04]{align-items:flex-end;display:flex;margin-bottom:22px;}
.tit_box__earn .title_texts[data-v-1ad7bc04]{flex:1;width:100%;}
.tit__earn[data-v-1ad7bc04]{color:#000;font-size:48px;font-weight:500;}
.des__titEarn[data-v-1ad7bc04]{color:#333;font-size:16px;line-height:22px;padding-top:16px;}
.action-buttons[data-v-1ad7bc04]{align-items:center;display:flex;margin-left:20px;}
.action-buttons .link-btn[data-v-1ad7bc04]{background-color:transparent;color:#3e4648;font-size:16px;height:auto;line-height:18px;padding:0;}
.action-buttons .line[data-v-1ad7bc04]{background-color:#9cb3ba;display:block;height:17px;margin:0 20px;width:1px;}
.filter_wrap[data-v-1ad7bc04]{align-items:center;background-color:#fff;display:flex;height:40px;justify-content:space-between;padding:16px 0 12px;position:relative;z-index:1;}
.filter_wrap--pin[data-v-1ad7bc04]{position:sticky;top:80px;}
.box__pin[data-v-1ad7bc04]{align-items:center;display:flex;height:50px;}
.pin[data-v-1ad7bc04]{border-radius:4px;color:#999;cursor:pointer;font-size:16px;font-weight:500;height:32px;line-height:32px;margin-right:20px;padding:0 10px;transition:color .5s ease-in-out,background-color .5s ease-in-out;}
.pin-active[data-v-1ad7bc04]{background-color:#f5f9fb;color:#333;}
.earn__filter[data-v-1ad7bc04] .el-input__inner{background-color:#f5f9fb;border:0;border-radius:4px;}
.earn__filter[data-v-1ad7bc04] .el-input{border:1px solid transparent;}
.earn__filter[data-v-1ad7bc04] .el-input__prefix,.filter__option[data-v-1ad7bc04]{align-items:center;display:flex;}
.search-icon[data-v-1ad7bc04]{background:url(http://assets/web-frontend/client/img/search.34b9682.svg) 50% no-repeat;background-size:contain;display:inline-flex;height:100%;width:18px;}
.coin__logo[data-v-1ad7bc04]{border-radius:18px;height:18px;width:18px;}
.coin__name[data-v-1ad7bc04]{margin-left:8px;}
.earnList--first[data-v-1ad7bc04]{margin-top:-72px;}
.earnList--next[data-v-1ad7bc04]{margin-top:-50px;position:relative;}
.earnList--pin[data-v-1ad7bc04]{padding-top:96px;}
.list__head[data-v-1ad7bc04]{background-color:#fff;padding-top:44px;}
.tit_earnList[data-v-1ad7bc04]{color:#333;font-size:32px;font-weight:500;}
.list__earn[data-v-1ad7bc04]{border-bottom:1px solid #f2f2f2;}
.list__toggle[data-v-1ad7bc04]{background-color:#fff;display:flex;height:90px;justify-content:center;}
.box__th[data-v-1ad7bc04]{border-bottom:1px solid #f2f2f2;color:#333;font-size:14px;grid:64px/3fr 3fr 3fr 5fr 2fr;}
.box__td[data-v-1ad7bc04],.box__th[data-v-1ad7bc04]{align-items:center;display:grid;overflow:hidden;}
.box__td[data-v-1ad7bc04]{grid:72px/3fr 3fr 3fr 5fr 2fr;}
.box__td[data-v-1ad7bc04]:hover{background:#fafafa;}
.item__td[data-v-1ad7bc04],.logo__td[data-v-1ad7bc04],.td1-wrap[data-v-1ad7bc04]{align-items:center;display:flex;}
.coin-name-wrap[data-v-1ad7bc04]{display:block;margin-left:12px;}
.coin-name[data-v-1ad7bc04]{align-items:center;color:#1a1b1f;-moz-column-gap:4px;column-gap:4px;display:flex;font-size:16px;font-weight:700;line-height:21px;}
.coin-full-name[data-v-1ad7bc04]{color:#999;font-size:14px;}
.dia-titwrap[data-v-1ad7bc04]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;word-break:break-all;}
.logo-img[data-v-1ad7bc04]{border-radius:50%;height:24px;vertical-align:bottom;width:24px;}
.tag__new[data-v-1ad7bc04]{height:14px;width:36px;}
.item__lastTh[data-v-1ad7bc04]{text-align:right;}
.tit__td[data-v-1ad7bc04]{color:#333;font-size:16px;}
.logo__productName[data-v-1ad7bc04]{border-radius:50%;display:none;height:22px;margin-right:5px;width:22px;}
.apy__th[data-v-1ad7bc04]{display:flex;}
.apy__td[data-v-1ad7bc04]{color:#049FD3;font-size:16px;font-weight:600;}
.apy__td .apy__td__row1[data-v-1ad7bc04],.apy__td .apy__td__row2[data-v-1ad7bc04]{display:flex;}
.apy__td .apy__td__plus[data-v-1ad7bc04]{padding:0 3px;}
.time__td[data-v-1ad7bc04]{color:#333;font-size:16px;font-weight:700;overflow:scroll;overflow:-moz-scrollbars-none;}
.time__td[data-v-1ad7bc04]::-webkit-scrollbar{display:none;}
.btn__td[data-v-1ad7bc04]{justify-self:end;}
.timeLimit__box[data-v-1ad7bc04]{display:flex;height:32px;}
.num__item[data-v-1ad7bc04]{align-items:center;border:1px solid #f2f2f2;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;margin-right:8px;width:40px;}
.num-active[data-v-1ad7bc04]{border:1px solid #049FD3;}
.btn__el[data-v-1ad7bc04]{border-radius:4px;height:32px;min-width:122px;padding:8px;}
.btn__el[data-v-1ad7bc04] span{font-size:14px;font-weight:600;}
.btn__disabled[data-v-1ad7bc04]{background:#f3f4f7;color:#9cb3ba;}
.con__feature[data-v-1ad7bc04]{background-color:#f5f9fb;display:grid;grid-template-columns:1200px;justify-content:center;padding:64px 0;}
.tit__feature[data-v-1ad7bc04]{color:#000;font-size:40px;font-weight:500;margin-bottom:24px;}
.box__feature[data-v-1ad7bc04]{display:flex;justify-content:space-between;}
.item__featureCon[data-v-1ad7bc04]{box-sizing:border-box;padding-top:32px;width:380px;}
.tit__itemFeature[data-v-1ad7bc04]{color:#333;font-size:24px;font-weight:500;margin-bottom:8px;}
.des__itemFeature[data-v-1ad7bc04]{color:#333;font-size:14px;line-height:22px;}
.con__qa[data-v-1ad7bc04]{background:#fff;display:grid;grid-template-columns:1200px;justify-content:center;padding:80px 0 0;}
.tit__qa[data-v-1ad7bc04]{color:#000;font-size:40px;font-weight:500;}
.commonProblem__con[data-v-1ad7bc04]{margin-top:40px;}
.commonProblem__itemTit[data-v-1ad7bc04] .el-collapse-item__header{color:#333;font-size:16px;font-weight:500;height:70px;line-height:70px;}
.con_agree[data-v-1ad7bc04]{color:#3e4648;font-size:14px;grid:none/1200px;line-height:20px;margin-top:48px;padding-bottom:100px;}
.con_agree[data-v-1ad7bc04]{background:#fff;display:grid;justify-content:center;}
.dialog__detail[data-v-1ad7bc04] .el-dialog{border-radius:8px;width:486px;}
.dialog__detail[data-v-1ad7bc04] .el-dialog__footer{padding:0 32px 32px;}
.dia-titwrap[data-v-1ad7bc04]{align-items:center;display:flex;}
.tit-font[data-v-1ad7bc04]{color:#1a1b1f;font-size:20px;font-weight:600;margin-left:12px;}
.highlight__txt[data-v-1ad7bc04]{color:#049FD3;}
.tip__agree[data-v-1ad7bc04]{color:#ff4d4f;font-size:12px;height:16px;}
.agree__box[data-v-1ad7bc04]{text-align:left;}
.agree__box[data-v-1ad7bc04] .el-checkbox__label{color:#606266;}
.btn__confirm[data-v-1ad7bc04]{border-radius:4px;height:40px;width:100%;}
[data-v-1ad7bc04] .btn__confirm.is-disabled{background:rgba(19,194,194,.4);color:#fff;}
.num-active[data-v-1ad7bc04]{border-color:#049FD3;color:#049FD3;}
[data-v-1ad7bc04] .el-dialog__header{margin-bottom:32px;padding:32px 32px 0;}
[data-v-1ad7bc04] .el-dialog__close:before{font-weight:700;}
@media (max-width:720px){
.tit__earn[data-v-1ad7bc04]{font-size:48px;}
.con__earn[data-v-1ad7bc04],.con__feature[data-v-1ad7bc04]{grid-template-columns:90%;margin:0 auto;}
.box__th[data-v-1ad7bc04]{grid-column-gap:10px;font-size:14px;grid:64px/0 4fr 1fr 0 2fr;padding:0;}
.item__th[data-v-1ad7bc04]{overflow:hidden;}
.box__td[data-v-1ad7bc04]{grid-gap:10px;font-size:14px;grid:64px/0 4fr 1fr 0 2fr;padding:0;}
.commonProblem__itemTit[data-v-1ad7bc04] .el-collapse-item__header{align-content:center;align-items:center;line-height:normal;}
.item__td[data-v-1ad7bc04]{overflow:hidden;}
.logo__productName[data-v-1ad7bc04]{display:block;}
.time__td[data-v-1ad7bc04]{font-size:12px;}
.item__featureCon[data-v-1ad7bc04]{margin-bottom:20px;}
.box__feature[data-v-1ad7bc04]{flex-flow:column wrap;}
.item__featureCon[data-v-1ad7bc04]{height:100px;padding-top:20px;width:100%;}
.con__qa[data-v-1ad7bc04]{grid-template-columns:90%;}
.con__qa[data-v-1ad7bc04]{padding:40px 0 0;}
.con_agree[data-v-1ad7bc04]{grid-template-columns:90%;}
.dialog__detail[data-v-1ad7bc04] .el-dialog{width:96%;}
.dialog__detail[data-v-1ad7bc04] .el-dialog__header{margin-bottom:32px;padding:32px 32px 0;}
.dialog__detail[data-v-1ad7bc04] .el-dialog__footer{padding:0 32px 32px;}
}
.tier-placeholder[data-v-1ad7bc04]{align-items:center;color:#91a5b1;color:#9cb3ba;display:flex;font-size:14px;font-weight:400;line-height:18px;margin-top:2px;}

/*! CSS Used from: /assets/web-frontend/client/css/a579814.css */
.con-qa[data-v-168c2ed9]{background:#fff;display:grid;grid-template-columns:1200px;justify-content:center;padding:80px 0 0;}
.tit-qa[data-v-168c2ed9]{color:#000;font-size:40px;font-weight:500;}
.commonProblem__con[data-v-168c2ed9]{margin-top:40px;}
.commonProblem__itemTit[data-v-168c2ed9] .el-collapse-item__header{color:#333;font-size:16px;font-weight:500;height:70px;line-height:70px;}
@media (max-width:720px){
.con-qa[data-v-168c2ed9]{grid-template-columns:100%;padding-left:20px;padding-right:20px;}
.commonProblem__itemTit[data-v-168c2ed9] .el-collapse-item__header{color:#333;font-size:16px;font-weight:500;height:70px;line-height:27px;}
}
.dialog-detail[data-v-cb755524] .el-dialog{border-radius:8px;width:486px;}
[data-v-cb755524] .el-dialog__headerbtn{right:10px;top:10px;}
.table[data-v-051f08e8]{border-bottom:1px solid #f2f2f2;border-collapse:collapse;margin-top:10px;text-align:left;width:100%;}
thead[data-v-051f08e8]{background:#fff;position:sticky;top:80px;}
thead[data-v-051f08e8]{border-bottom:1px solid #f2f2f2;}
.logo-img[data-v-051f08e8]{border-radius:50%;height:24px;vertical-align:bottom;width:24px;}
.coin-name-wrap[data-v-051f08e8]{display:block;margin-left:12px;}
.coin-name[data-v-051f08e8]{color:#1a1b1f;font-size:16px;font-weight:700;line-height:21px;}
.coin-full-name[data-v-051f08e8]{color:#999;font-size:14px;}
.td2[data-v-051f08e8]{margin-right:10px;}
.td3 .td3-flex[data-v-051f08e8]{align-items:flex-end;color:#049FD3;flex-direction:column;font-weight:700;padding-left:20px;text-align:right;}
.td3 .apy__td__row1[data-v-051f08e8],.td3 .apy__td__row2[data-v-051f08e8]{display:flex;}
.td3 .apy__td__plus[data-v-051f08e8]{padding:0 3px;}
@media (max-width:720px){
.td3 .td3-flex[data-v-051f08e8],.th3[data-v-051f08e8]{margin-right:20px;}
.td3 .td3-flex[data-v-051f08e8]{padding-left:10px;}
}
.td1-wrap[data-v-051f08e8]{align-items:center;display:flex;}
th[data-v-051f08e8]{font-size:14px;font-weight:400;}
td[data-v-051f08e8],th[data-v-051f08e8]{padding:24px 0;white-space:nowrap;}
.td2[data-v-051f08e8],.td4[data-v-051f08e8],.th2[data-v-051f08e8],.th4[data-v-051f08e8]{overflow:hidden;}
.col5[data-v-051f08e8],.td5[data-v-051f08e8],.th5[data-v-051f08e8]{width:110px;}
.col1[data-v-051f08e8]{width:22%;}
.col3[data-v-051f08e8]{width:200px;}
.col4[data-v-051f08e8]{width:320px;}
.more-btn-wrap[data-v-051f08e8]{align-items:center;background:#fff;display:grid;justify-items:center;place-items:center;}
.dia-titwrap[data-v-051f08e8]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;word-break:break-all;}
.tit-font[data-v-051f08e8]{color:#1a1b1f;font-size:20px;font-weight:600;margin-left:12px;}
.btn-el[data-v-051f08e8]{border-radius:4px;height:34px;padding:8px;width:102px;}
.btn-el[data-v-051f08e8] span{font-size:14px;font-weight:600;}
.btn__disabled[data-v-051f08e8]{background:#f3f4f7;color:#9cb3ba;}
[data-v-051f08e8] .el-dialog{border-radius:8px;width:486px;}
.dialog-detail[data-v-051f08e8] .el-dialog__footer{padding:0 32px 32px;}
.highlight-txt[data-v-051f08e8]{color:#049FD3;}
.tip-agree[data-v-051f08e8]{color:#ff4d4f;font-size:12px;height:16px;}
.agree-box[data-v-051f08e8],.tip-agree[data-v-051f08e8]{text-align:left;}
.agree-box[data-v-051f08e8] .el-checkbox__label{color:#606266;}
.date-num[data-v-051f08e8]{align-items:center;display:flex;}
.num-item[data-v-051f08e8]{align-items:center;border:1px solid #f2f2f2;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;margin-right:8px;padding:0 16px;}
.num-item.active[data-v-051f08e8]{border-color:#049FD3;color:#049FD3;}
[data-v-051f08e8] .el-dialog__header{margin-bottom:32px;padding:32px 32px 0;}
[data-v-051f08e8] .el-dialog__close:before{font-weight:700;}
@media (max-width:720px){
.table[data-v-051f08e8]{table-layout:fixed;}
.td1[data-v-051f08e8],.th1[data-v-051f08e8]{padding-left:20px;}
.td5[data-v-051f08e8],.th5[data-v-051f08e8]{padding-right:20px;}
.col1[data-v-051f08e8]{width:40%;}
.col3[data-v-051f08e8],.col5[data-v-051f08e8]{width:30%;}
.col2[data-v-051f08e8],.col4[data-v-051f08e8],.td4[data-v-051f08e8],.th4[data-v-051f08e8]{visibility:hidden;width:0;}
.coin-full-name[data-v-051f08e8]{display:none;}
.dialog-detail[data-v-051f08e8] .el-dialog{width:90%;}
.dialog-detail[data-v-051f08e8] .el-dialog__header{margin-bottom:32px;padding:32px 32px 0;}
.dialog-detail[data-v-051f08e8] .el-dialog__footer{padding:0 32px 32px;}
}
.tier-placeholder[data-v-051f08e8]{align-items:center;color:#91a5b1;display:flex;font-size:14px;font-weight:400;line-height:18px;margin-top:2px;}
.con-staking[data-v-913c721a],.staking[data-v-913c721a]{background:#fff;}
.con-staking[data-v-913c721a]{display:grid;grid-template-columns:1200px;justify-content:center;padding:80px 0 0;}
.title-box-staking[data-v-913c721a]{align-items:flex-end;display:flex;margin-bottom:22px;}
.title-box-staking .title-texts[data-v-913c721a]{flex:1;font-size:48px;width:100%;}
.tit-staking[data-v-913c721a]{color:#000;font-size:48px;font-weight:500;}
.subtit-staking[data-v-913c721a]{color:#333;font-size:16px;line-height:22px;padding-top:16px;}
.action-buttons[data-v-913c721a]{align-items:center;display:flex;margin-left:20px;}
.action-buttons .link-btn[data-v-913c721a]{background-color:transparent;color:#3e4648;font-size:16px;height:auto;line-height:18px;padding:0;}
.action-buttons .line[data-v-913c721a]{background-color:#9cb3ba;display:block;height:17px;margin:0 20px;width:1px;}
.filter-wrap[data-v-913c721a]{align-items:center;background-color:#fff;display:flex;height:40px;justify-content:space-between;padding:16px 0 12px;position:relative;z-index:1;}
.con-feature[data-v-913c721a]{background-color:#f5f9fb;display:grid;grid-template-columns:1200px;justify-content:center;margin-top:60px;padding:64px 0;}
.tit__feature[data-v-913c721a]{color:#000;font-size:40px;font-weight:500;margin-bottom:24px;}
.box__feature[data-v-913c721a]{display:flex;justify-content:space-between;}
.item__featureCon[data-v-913c721a]{box-sizing:border-box;padding-top:32px;width:380px;}
.tit__itemFeature[data-v-913c721a]{color:#333;font-size:24px;font-weight:500;margin-bottom:8px;}
.des__itemFeature[data-v-913c721a]{color:#333;font-size:14px;line-height:22px;}
.con-agree[data-v-913c721a]{background:#fff;color:#3e4648;display:grid;font-size:14px;grid:none/1200px;justify-content:center;line-height:20px;margin-top:38px;padding-bottom:100px;}
.staking-table[data-v-913c721a]{margin-top:20px;}
.staking__filter[data-v-913c721a] .el-input__inner{background-color:#f5f9fb;border:0;border-radius:4px;}
.staking__filter[data-v-913c721a] .el-input{border:1px solid transparent;}
.staking__filter[data-v-913c721a] .el-input__prefix{align-items:center;display:flex;}
.search-icon[data-v-913c721a]{background:url(web-frontend/client/img/search.34b9682.html) 50% no-repeat;background-size:contain;display:inline-flex;height:100%;width:18px;}
.filter__option[data-v-913c721a]{align-items:center;display:flex;}
.coin__logo[data-v-913c721a]{border-radius:18px;height:18px;width:18px;}
.coin__name[data-v-913c721a]{margin-left:8px;}
@media (max-width:720px){
.con-staking[data-v-913c721a]{grid-template-columns:100%;padding:70px 0;}
.tit-staking[data-v-913c721a]{font-size:40px;font-weight:400;left:0;}
.subtit-staking[data-v-913c721a],.tit-staking[data-v-913c721a]{padding-left:20px;padding-right:20px;}
.subtit-staking[data-v-913c721a]{font-size:14px;font-weight:500;}
.con-feature[data-v-913c721a]{grid-template-columns:100%;padding-left:20px;padding-right:20px;}
.box__feature[data-v-913c721a]{flex-wrap:wrap;}
.item__featureCon[data-v-913c721a]{width:100%;}
.con-agree[data-v-913c721a]{grid:none/100%;padding-left:20px;padding-right:20px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/c9859f6.css */
.extra_bonus_label[data-v-28c480da]{cursor:pointer;font-size:14px;line-height:20px;}
.extra_bonus_decoration[data-v-28c480da]{border-bottom:1px dashed;}
.earn-nav-wrap[data-v-592e1f74]{border-bottom:1px solid #f3f8fa;}
.earn-nav-content[data-v-592e1f74]{margin:0 auto;position:relative;width:100%;}
[data-v-592e1f74] .el-tabs__nav.is-top .el-tabs__active-bar.is-top{background-color:#141f21;display:block!important;transition:none!important;}
[data-v-592e1f74] .el-tabs__header{margin:0;}
@media (max-width:768px){
.earn-nav-content[data-v-592e1f74]{font-size:12px!important;margin:0 auto;position:relative;width:95%!important;}
}

/*! CSS Used from: /assets/web-frontend/client/css/64dbec2.css */
.dialog-detail[data-v-bec88590] .el-dialog{border-radius:8px;width:486px;}
[data-v-bec88590] .el-dialog__headerbtn{right:10px;top:10px;}
@media (max-width:720px){
.dialog-detail[data-v-bec88590] .el-dialog{width:96%;}
}
.action-btn[data-v-aa5651c8]{font-size:14px;padding:10px 20px;}
.con__earn[data-v-aa5651c8]{background:#fff;display:grid;grid-template-columns:1200px;justify-content:center;}
.con__earn[data-v-aa5651c8]:nth-child(2){background:linear-gradient(180deg,#fff6e3,hsla(0,0%,100%,0));padding-bottom:100px;padding-top:80px;}
.tit_box__earn[data-v-aa5651c8]{align-items:flex-end;display:flex;}
.tit_box__earn .title_texts[data-v-aa5651c8]{flex:1;width:100%;}
.tit__earn[data-v-aa5651c8]{color:#000;font-size:48px;font-weight:500;}
.des__titEarn[data-v-aa5651c8]{color:#333;font-size:16px;line-height:22px;padding-top:16px;}
.action-buttons[data-v-aa5651c8]{align-items:center;display:flex;margin-left:20px;}
.filter_wrap[data-v-aa5651c8]{align-items:center;background-color:#fff;display:flex;height:40px;justify-content:space-between;padding:16px 0 12px;position:relative;z-index:1;}
.filter_wrap--pin[data-v-aa5651c8]{position:sticky;top:80px;}
.box__pin[data-v-aa5651c8]{align-items:center;display:flex;height:50px;}
.pin[data-v-aa5651c8]{border-radius:4px;color:#999;cursor:pointer;font-size:16px;font-weight:500;height:32px;line-height:32px;margin-right:20px;padding:0 10px;transition:color .5s ease-in-out,background-color .5s ease-in-out;}
.pin-active[data-v-aa5651c8]{background-color:#f5f9fb;color:#333;}
.earn__filter[data-v-aa5651c8] .el-input__inner{background-color:#f5f9fb;border:0;border-radius:4px;}
.earn__filter[data-v-aa5651c8] .el-input{border:1px solid transparent;}
.earn__filter[data-v-aa5651c8] .el-input__prefix,.filter__option[data-v-aa5651c8]{align-items:center;display:flex;}
.search-icon[data-v-aa5651c8]{background:url(web-frontend/client/img/search.34b9682.html) 50% no-repeat;background-size:contain;display:inline-flex;height:100%;width:18px;}
.coin__logo[data-v-aa5651c8]{border-radius:18px;height:18px;width:18px;}
.coin__name[data-v-aa5651c8]{margin-left:8px;}
.earnList--first[data-v-aa5651c8]{margin-top:-72px;}
.earnList--next[data-v-aa5651c8]{margin-top:-50px;position:relative;}
.earnList--pin[data-v-aa5651c8]{padding-top:96px;}
.list__head[data-v-aa5651c8]{background-color:#fff;}
.tit_earnList[data-v-aa5651c8]{color:#333;font-size:32px;font-weight:500;}
.list__earn[data-v-aa5651c8]{border-bottom:1px solid #f2f2f2;}
.list__toggle[data-v-aa5651c8]{background-color:#fff;display:flex;height:90px;justify-content:center;}
.box__th[data-v-aa5651c8]{border-bottom:1px solid #f2f2f2;color:#333;font-size:14px;grid:64px/3fr 3fr 3fr 5fr 2fr;}
.box__td[data-v-aa5651c8],.box__th[data-v-aa5651c8]{align-items:center;display:grid;overflow:hidden;}
.box__td[data-v-aa5651c8]{grid:72px/3fr 3fr 3fr 5fr 2fr;}
.box__td[data-v-aa5651c8]:hover{background:#fafafa;}
.item__td[data-v-aa5651c8],.logo__td[data-v-aa5651c8],.td1-wrap[data-v-aa5651c8]{align-items:center;display:flex;}
.coin-name-wrap[data-v-aa5651c8]{display:block;margin-left:12px;}
.coin-name[data-v-aa5651c8]{align-items:center;color:#1a1b1f;-moz-column-gap:4px;column-gap:4px;display:flex;font-size:16px;font-weight:700;line-height:21px;}
.coin-full-name[data-v-aa5651c8]{color:#999;font-size:14px;}
.dia-titwrap[data-v-aa5651c8]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;word-break:break-all;}
.logo-img[data-v-aa5651c8]{border-radius:50%;height:24px;vertical-align:bottom;width:24px;}
.tag_class[data-v-aa5651c8]{align-items:center;border-bottom-right-radius:8px;border-top-left-radius:8px;box-sizing:border-box;display:inline-flex;font-size:12px;font-weight:lighter;height:14px;justify-content:center;padding:1px 5px;}
.tag__vip[data-v-aa5651c8]{background-color:rgba(255,167,31,.1);color:#ffa71f;}
.item__lastTh[data-v-aa5651c8]{text-align:right;}
.tit__td[data-v-aa5651c8]{color:#333;font-size:16px;}
.logo__productName[data-v-aa5651c8]{border-radius:50%;display:none;height:22px;margin-right:5px;width:22px;}
.apy__th[data-v-aa5651c8]{display:flex;}
.apy__td[data-v-aa5651c8],.apy__th[data-v-aa5651c8]{justify-content:flex-end;margin-right:50px;}
.apy__td[data-v-aa5651c8]{align-items:flex-end;color:#049FD3;flex-direction:column;font-size:16px;font-weight:700;text-align:right;}
.apy__td .apy__td__row1[data-v-aa5651c8],.apy__td .apy__td__row2[data-v-aa5651c8]{display:flex;}
.apy__td .apy__td__plus[data-v-aa5651c8]{padding:0 3px;}
.time__td[data-v-aa5651c8]{color:#333;font-size:16px;font-weight:700;overflow:scroll;overflow:-moz-scrollbars-none;}
.time__td[data-v-aa5651c8]::-webkit-scrollbar{display:none;}
.btn__td[data-v-aa5651c8]{justify-self:end;}
.timeLimit__box[data-v-aa5651c8]{display:flex;height:32px;}
.num__item[data-v-aa5651c8]{align-items:center;border:1px solid #f2f2f2;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;margin-right:8px;width:40px;}
.num-active[data-v-aa5651c8]{border:1px solid #049FD3;}
.btn__el[data-v-aa5651c8]{border-radius:4px;height:32px;min-width:122px;padding:8px;}
.btn__el[data-v-aa5651c8] span{font-size:14px;font-weight:600;}
.btn__disabled[data-v-aa5651c8]{background:#f3f4f7;color:#9cb3ba;}
.con__feature[data-v-aa5651c8]{display:grid;grid-template-columns:1200px;justify-content:center;padding:64px 0;}
.tit__feature[data-v-aa5651c8]{color:#000;font-size:40px;font-weight:500;margin-bottom:24px;}
.box__feature[data-v-aa5651c8]{display:flex;flex-wrap:wrap;justify-content:space-between;}
.item__featureCon[data-v-aa5651c8]{box-sizing:border-box;display:flex;flex-shrink:0;padding-top:32px;width:482px;}
.ico__itemFeature[data-v-aa5651c8]{flex-shrink:0;height:32px;margin-right:40px;width:32px;}
.tit__itemFeature[data-v-aa5651c8]{color:#333;font-size:24px;font-weight:500;margin-bottom:8px;}
.des__itemFeature[data-v-aa5651c8]{color:#333;font-size:14px;line-height:22px;}
.con__qa[data-v-aa5651c8]{background:#fff;display:grid;grid-template-columns:1200px;justify-content:center;padding:80px 0 0;}
.tit__qa[data-v-aa5651c8]{color:#000;font-size:40px;font-weight:500;}
.commonProblem__con[data-v-aa5651c8]{margin-top:40px;}
.commonProblem__itemTit[data-v-aa5651c8] .el-collapse-item__header{color:#333;font-size:16px;font-weight:500;height:70px;line-height:70px;}
.dialog__detail[data-v-aa5651c8] .el-dialog{border-radius:8px;width:486px;}
.dialog__detail[data-v-aa5651c8] .el-dialog__footer{padding:0 32px 32px;}
.dia-titwrap[data-v-aa5651c8]{align-items:center;display:flex;}
.tit-font[data-v-aa5651c8]{color:#1a1b1f;font-size:20px;font-weight:600;margin-left:12px;}
.highlight__txt[data-v-aa5651c8]{color:#049FD3;}
.tip__agree[data-v-aa5651c8]{color:#ff4d4f;font-size:12px;height:16px;}
.agree__box[data-v-aa5651c8]{text-align:left;}
.agree__box[data-v-aa5651c8] .el-checkbox__label{color:#606266;}
.btn__confirm[data-v-aa5651c8]{border-radius:4px;height:40px;width:100%;}
[data-v-aa5651c8] .btn__confirm.is-disabled{background:rgba(19,194,194,.4);color:#fff;}
.num-active[data-v-aa5651c8]{border-color:#049FD3;color:#049FD3;}
[data-v-aa5651c8] .el-dialog__header{margin-bottom:32px;padding:32px 32px 0;}
[data-v-aa5651c8] .el-dialog__close:before{font-weight:700;}
@media (max-width:720px){
.tit__earn[data-v-aa5651c8]{font-size:48px;}
.con__earn[data-v-aa5651c8],.con__feature[data-v-aa5651c8]{grid-template-columns:90%;margin:0 auto;}
.box__th[data-v-aa5651c8]{grid-column-gap:10px;font-size:14px;grid:64px/0 4fr 1fr 0 2fr;padding:0;}
.item__th[data-v-aa5651c8]{overflow:hidden;}
.box__td[data-v-aa5651c8]{grid-gap:10px;font-size:14px;grid:64px/0 4fr 1fr 0 2fr;padding:0;}
.commonProblem__itemTit[data-v-aa5651c8] .el-collapse-item__header{align-content:center;align-items:center;line-height:normal;}
.item__td[data-v-aa5651c8]{overflow:hidden;}
.logo__productName[data-v-aa5651c8]{display:block;}
.time__td[data-v-aa5651c8]{font-size:12px;}
.item__featureCon[data-v-aa5651c8]{margin-bottom:20px;}
.box__feature[data-v-aa5651c8]{flex-flow:column wrap;}
.item__featureCon[data-v-aa5651c8]{height:100px;padding-top:20px;width:100%;}
.con__qa[data-v-aa5651c8]{grid-template-columns:90%;}
.con__qa[data-v-aa5651c8]{padding:40px 0 0;}
.dialog__detail[data-v-aa5651c8] .el-dialog{width:96%;}
.dialog__detail[data-v-aa5651c8] .el-dialog__header{margin-bottom:32px;padding:32px 32px 0;}
.dialog__detail[data-v-aa5651c8] .el-dialog__footer{padding:0 32px 32px;}
}
.tier-placeholder[data-v-aa5651c8]{align-items:center;color:#91a5b1;display:flex;font-size:14px;font-weight:400;line-height:18px;margin-top:2px;}
/*! CSS Used from: /assets/web-frontend/client/css/c9859f6.css */
.extra_bonus_label[data-v-28c480da]{cursor:pointer;font-size:14px;line-height:20px;}
.extra_bonus_decoration[data-v-28c480da]{border-bottom:1px dashed;}
.earn-nav-wrap[data-v-592e1f74]{border-bottom:1px solid #f3f8fa;}
.earn-nav-content[data-v-592e1f74]{margin:0 auto;position:relative;width:100%;}
[data-v-592e1f74] .el-tabs__nav.is-top .el-tabs__active-bar.is-top{background-color:#141f21;display:block!important;transition:none!important;}
[data-v-592e1f74] .el-tabs__header{margin:0;}
@media (max-width:768px){
.earn-nav-content[data-v-592e1f74]{font-size:12px!important;margin:0 auto;position:relative;width:95%!important;}
}




/*! CSS Used from: /assets/web-frontend/client/css/51c257a.css */
.con-qa[data-v-67017d83]{background:#fff;display:grid;grid-template-columns:1200px;justify-content:center;padding:80px 0 0;}
.tit-qa[data-v-67017d83]{color:#000;font-size:40px;font-weight:500;}
.commonProblem__con[data-v-67017d83]{margin-top:40px;}
.commonProblem__itemTit[data-v-67017d83] .el-collapse-item__header{color:#333;font-size:16px;font-weight:500;height:70px;line-height:70px;}
.con-agree[data-v-67017d83]{background:#fff;color:#3e4648;display:grid;font-size:14px;grid:none/1200px;justify-content:center;line-height:20px;margin-top:38px;padding-bottom:100px;}
@media (max-width:720px){
.con-qa[data-v-67017d83]{grid-template-columns:100%;padding-left:20px;padding-right:20px;}
.commonProblem__itemTit[data-v-67017d83] .el-collapse-item__header{color:#333;font-size:16px;font-weight:500;height:70px;line-height:27px;}
.con-agree[data-v-67017d83]{grid:none/100%;}
}
.dual-asset-list[data-v-38f9d4f9]{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,282px);margin-bottom:60px;}
.asset-item[data-v-38f9d4f9]{border:1px solid #eaf0f3;border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:wrap;height:128px;padding:20px;position:relative;transition:all .3s ease;}
.asset-item[data-v-38f9d4f9]:hover{border-color:#049FD3;}
.asset-item[data-v-38f9d4f9]:after{background:url(web-frontend/client/img/checked.2914807.html) no-repeat 50%;content:"";display:block;height:24px;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease;width:36px;}
.asset-item.active[data-v-38f9d4f9]{background-color:#f5f9fb;border-color:#049FD3;}
.asset-item.active[data-v-38f9d4f9]:after{opacity:1;}
.asset-item .asset-name[data-v-38f9d4f9]{align-items:center;display:flex;margin-bottom:20px;overflow:hidden;white-space:nowrap;width:100%;}
.asset-item .asset-name .coin-icon[data-v-38f9d4f9]{border-radius:50%;height:28px;margin-right:8px;width:28px;}
.asset-item .asset-name .name[data-v-38f9d4f9]{color:#141f21;font-size:20px;font-weight:700;line-height:28px;margin-right:8px;}
.asset-item .asset-name .sub[data-v-38f9d4f9]{color:#86939b;font-size:16px;line-height:28px;}
.asset-item .apy-box[data-v-38f9d4f9]{width:146px;}
.asset-item .a-label[data-v-38f9d4f9]{color:#6a7c81;font-size:12px;line-height:16px;margin-bottom:4px;}
.asset-item .a-value[data-v-38f9d4f9]{color:#141f21;font-size:14px;font-weight:700;line-height:18px;}
.asset-item .a-value.green[data-v-38f9d4f9]{color:#049FD3;}
@media (max-width:720px){
.dual-asset-list[data-v-38f9d4f9]{display:block;}
.asset-item[data-v-38f9d4f9]{margin-bottom:20px;}
.asset-item[data-v-38f9d4f9]:last-child{margin-bottom:0;}
}
.date-selector[data-v-6478c5ce]{display:flex;overflow:hidden;width:100%;}
.date-selector .date-list-wrapper[data-v-6478c5ce]{flex:1;overflow:auto;position:relative;scroll-behavior:smooth;white-space:nowrap;width:100%;}
.date-selector .date-list-wrapper[data-v-6478c5ce]::-webkit-scrollbar{background-color:transparent;height:0;width:0;}
.date-selector .date-list-wrapper[data-v-6478c5ce]::-webkit-scrollbar-track{opacity:0;}
.date-selector .date-list-wrapper[data-v-6478c5ce]::-webkit-scrollbar-thumb,.date-selector .date-list-wrapper[data-v-6478c5ce]::-webkit-scrollbar-track{background-color:transparent;border-radius:0;box-shadow:none;}
.date-selector .all-date[data-v-6478c5ce],.date-selector .date-item[data-v-6478c5ce]{color:#3e4648;cursor:pointer;display:inline-block;font-size:16px;line-height:20px;margin:0 18px;}
.date-selector .all-date.active[data-v-6478c5ce]{color:#141f21;font-weight:700;}
.date-selector .all-date[data-v-6478c5ce]:first-child,.date-selector .date-item[data-v-6478c5ce]:first-child{margin-left:0;}
.date-selector .date-item[data-v-6478c5ce]:last-child{margin-right:0;}
.date-selector .all-date[data-v-6478c5ce]{margin-right:36px;}
.date-selector .left-mask[data-v-6478c5ce],.date-selector .right-mask[data-v-6478c5ce]{pointer-events:none;position:relative;width:0;z-index:1;}
.date-selector .left-mask[data-v-6478c5ce]:before,.date-selector .right-mask[data-v-6478c5ce]:before{background:linear-gradient(90deg,#fff,transparent);content:"";display:block;height:100%;opacity:0;position:absolute;top:0;width:20px;}
.date-selector .left-mask[data-v-6478c5ce]:before{left:0;}
.date-selector .right-mask[data-v-6478c5ce]:before{right:0;transform:scaleX(-1);}
.date-selector .right-mask.show[data-v-6478c5ce]:before{opacity:1;}
.list-title[data-v-b24523a0]{align-items:center;background-color:#f5f9fb;border-radius:4px;box-sizing:border-box;display:flex;height:48px;justify-content:space-between;margin-bottom:16px;padding:0 16px;width:100%;}
.list-title .left-text[data-v-b24523a0]{align-items:center;display:inline-flex;font-size:16px;}
.list-title .right-text[data-v-b24523a0]{color:#6a7c81;font-size:16px;}
.list-title .right-text .bold[data-v-b24523a0]{color:#141f21;font-weight:700;}
.date-selector[data-v-b24523a0]{background-color:#fff;padding:20px 0 24px;position:sticky;top:125px;z-index:99;}
[data-v-b24523a0] .el-table{margin-bottom:24px;}
[data-v-b24523a0] .el-table:before{content:none;}
[data-v-b24523a0] .el-table .el-table__body-wrapper::-webkit-scrollbar{background-color:transparent;height:8px;width:6px;}
[data-v-b24523a0] .el-table .el-table__body-wrapper::-webkit-scrollbar-track{background-color:transparent;border-radius:10px;box-shadow:none;opacity:0;}
[data-v-b24523a0] .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb{background-color:#9cb3ba;border-radius:3px;box-shadow:none;}
[data-v-b24523a0] .el-table .el-table__body-wrapper{scrollbar-color:transparent;scrollbar-width:thin;}
[data-v-b24523a0] .dual-list-header th{border:none;padding:0;}
[data-v-b24523a0] .dual-list-header .cell{color:#6a7c81;font-size:14px;font-weight:400;}
[data-v-b24523a0] .dual-list-row td{border:none;padding:24px 0;}
[data-v-b24523a0] .dual-list-row .cell{color:#141f21;font-size:16px;}
[data-v-b24523a0] .dual-list-row .depositDays{color:#141f21;}
[data-v-b24523a0] .dual-list-row .target-price{display:flex;}
[data-v-b24523a0] .dual-list-row .target-price .price{color:#141f21;font-weight:700;}
[data-v-b24523a0] .dual-list-row .target-price .percent{color:#86939b;font-size:12px;margin-left:12px;}
[data-v-b24523a0] .dual-list-row .target-price .percent-red{color:#f5223b;}
[data-v-b24523a0] .dual-list-row .annual-apy{color:#049FD3;font-weight:700;}
[data-v-b24523a0] .dual-list-row .action-btn{border-radius:4px;font-size:14px;height:34px;padding:0;width:90px;}
[data-v-b24523a0] .el-pagination{text-align:right;}
[data-v-b24523a0] .el-pagination .btn-next,[data-v-b24523a0] .el-pagination .btn-prev,[data-v-b24523a0] .el-pagination .el-pager .number{border:1px solid #e9f0f3;border-radius:2px;box-sizing:border-box;height:26px;line-height:24px;margin:0 4px;min-width:26px;padding:0 4px;transition:border-color .1s ease;}
[data-v-b24523a0] .el-pagination .btn-next:hover,[data-v-b24523a0] .el-pagination .btn-prev:hover,[data-v-b24523a0] .el-pagination .el-pager .number:hover{border-color:#049FD3;color:#049FD3;font-weight:400;}
[data-v-b24523a0] .el-pagination .btn-next:hover:disabled,[data-v-b24523a0] .el-pagination .btn-prev:hover:disabled,[data-v-b24523a0] .el-pagination .el-pager .number:hover:disabled{border-color:#e9f0f3;color:#c0c4cc;}
[data-v-b24523a0] .el-pagination .el-pager .number.active{background-color:#049FD3;border-color:#049FD3;color:#fff;font-weight:400;}
@media (max-width:720px){
.list-title .left-text[data-v-b24523a0],.list-title .right-text[data-v-b24523a0]{font-size:14px;}
[data-v-b24523a0] .dual-list-header .cell{font-size:12px;}
}
.result-modal[data-v-3e1e694c]{align-items:center;display:flex;justify-content:center;}
[data-v-3e1e694c] .el-dialog{border-radius:8px;}
[data-v-3e1e694c] .el-dialog .el-dialog__header{padding:32px 0 0;}
.result-modal[data-v-2e767cba]{align-items:center;display:flex;justify-content:center;}
[data-v-2e767cba] .el-dialog{border-radius:8px;}
[data-v-2e767cba] .el-dialog .el-dialog__header{padding:32px 0 0;}
.subcribe-modal[data-v-49c2d9e2]{align-items:center;display:flex;justify-content:center;}
[data-v-49c2d9e2] .el-dialog{border-radius:8px;}
[data-v-49c2d9e2] .el-dialog .el-dialog__header{padding:28px 0 0;}
.step-title[data-v-c33d97ea]{font-size:28px;line-height:40px;margin-bottom:24px;}
.top-list[data-v-c33d97ea]{margin-bottom:36px;}
.tab-title[data-v-c33d97ea]{align-items:center;color:#141f21;display:flex;font-size:20px;font-weight:400;padding-bottom:4px;}
.tab-title .coin-icon[data-v-c33d97ea]{border-radius:50%;height:28px;margin:0;position:relative;width:28px;}
.tab-title .coin-icon[data-v-c33d97ea]:first-child{border:2px solid #fff;z-index:1;}
.tab-title .coin-icon[data-v-c33d97ea]:nth-child(2){margin-left:-6px;margin-right:12px;margin-top:2px;}
[data-v-c33d97ea] .el-tabs{position:sticky;top:80px;z-index:99;}
[data-v-c33d97ea] .el-tabs .el-tabs__header{background-color:#fff;margin-bottom:24px;}
[data-v-c33d97ea] .el-tabs .el-tabs__nav-wrap{border-bottom:1px solid #eaf0f3;}
[data-v-c33d97ea] .el-tabs .el-tabs__nav.is-top .el-tabs__active-bar.is-top{background-color:#1a1b1f;display:block;}
[data-v-c33d97ea] .el-tabs .el-tabs__item{height:auto;}
[data-v-c33d97ea] .el-tabs .el-tabs__item.is-active .tab-title{font-weight:500;}
.earn-nav-wrap[data-v-592e1f74]{border-bottom:1px solid #f3f8fa;}
.earn-nav-content[data-v-592e1f74]{margin:0 auto;position:relative;width:100%;}
[data-v-592e1f74] .el-tabs__nav.is-top .el-tabs__active-bar.is-top{background-color:#141f21;display:block!important;transition:none!important;}
[data-v-592e1f74] .el-tabs__header{margin:0;}
@media (max-width:768px){
.earn-nav-content[data-v-592e1f74]{font-size:12px!important;margin:0 auto;position:relative;width:95%!important;}
}
.dual-wrapper[data-v-a2f58280]{background-color:#fff;display:grid;grid-template-columns:1200px;justify-content:center;}
.dual-header[data-v-a2f58280]{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:87px;padding-top:80px;}
.dual-header .title-box[data-v-a2f58280]{flex:1;width:100%;}
.dual-header .title[data-v-a2f58280]{font-size:48px;line-height:62px;margin-bottom:21px;}
.dual-header .sub-title[data-v-a2f58280]{font-size:16px;line-height:18px;}
.action-buttons[data-v-a2f58280]{align-items:center;display:flex;margin-left:20px;}
.action-buttons .link-btn[data-v-a2f58280]{background-color:transparent;color:#3e4648;font-size:16px;height:auto;line-height:18px;padding:0;}
.action-buttons .line[data-v-a2f58280]{background-color:#9cb3ba;display:block;height:17px;margin:0 20px;width:1px;}
@media (max-width:720px){
.dual-wrapper[data-v-a2f58280]{grid-template-columns:100%;padding:70px 0;}
}


/*! CSS Used from: /assets/web-frontend/client/css/ca11014.css */
.earn-nav-wrap[data-v-592e1f74]{border-bottom:1px solid #f3f8fa;}
.earn-nav-content[data-v-592e1f74]{margin:0 auto;position:relative;width:100%;}
[data-v-592e1f74] .el-tabs__nav.is-top .el-tabs__active-bar.is-top{background-color:#141f21;display:block!important;transition:none!important;}
[data-v-592e1f74] .el-tabs__header{margin:0;}
@media (max-width:768px){
.earn-nav-content[data-v-592e1f74]{font-size:12px!important;margin:0 auto;position:relative;width:95%!important;}
}
.con-qa[data-v-e229c7ec]{background:#fff;display:grid;grid-template-columns:1200px;justify-content:center;padding:80px 0 0;}
.tit-qa[data-v-e229c7ec]{color:#000;font-size:40px;font-weight:500;}
.commonProblem__con[data-v-e229c7ec]{margin-top:40px;}
.commonProblem__itemTit[data-v-e229c7ec] .el-collapse-item__header{color:#333;font-size:16px;font-weight:500;height:70px;line-height:70px;}
@media (max-width:720px){
.con-qa[data-v-e229c7ec]{grid-template-columns:100%;padding-left:20px;padding-right:20px;}
.commonProblem__itemTit[data-v-e229c7ec] .el-collapse-item__header{color:#333;font-size:16px;font-weight:500;height:70px;line-height:27px;}
}
.dialog-detail[data-v-cb755524] .el-dialog{border-radius:8px;width:486px;}
[data-v-cb755524] .el-dialog__headerbtn{right:10px;top:10px;}
.logo-img[data-v-54daa03f]{border-radius:50%;height:24px;vertical-align:bottom;width:24px;}
.dia-titwrap[data-v-54daa03f]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;word-break:break-all;}
.tit-font[data-v-54daa03f]{color:#1a1b1f;font-size:20px;font-weight:600;margin-left:12px;}
.btn__disabled[data-v-54daa03f]{background:#f3f4f7;color:#9cb3ba;}
[data-v-54daa03f] .el-dialog{border-radius:8px;width:486px;}
.dialog-detail[data-v-54daa03f] .el-dialog__footer{padding:0 32px 32px;}
.highlight-txt[data-v-54daa03f]{color:#049FD3;}
.tip-agree[data-v-54daa03f]{color:#ff4d4f;font-size:12px;height:16px;}
.agree-box[data-v-54daa03f],.tip-agree[data-v-54daa03f]{text-align:left;}
.agree-box[data-v-54daa03f] .el-checkbox__label{color:#606266;vertical-align:top;white-space:normal;}
[data-v-54daa03f] .el-dialog__header{margin-bottom:32px;padding:32px 32px 0;}
[data-v-54daa03f] .el-dialog__close:before{font-weight:700;}
@media (max-width:720px){
.dialog-detail[data-v-54daa03f] .el-dialog{width:90%!important;}
.dialog-detail[data-v-54daa03f] .el-dialog__header{margin-bottom:32px;padding:32px 32px 0;}
.dialog-detail[data-v-54daa03f] .el-dialog__footer{padding:0 32px 32px;}
}
.MK\+9RO{color:#1a1b1f;display:flex;flex-wrap:wrap;gap:38px 0;justify-content:space-between;padding-top:120px;}
._0YvHk-{font-size:40px;font-weight:500;line-height:72px;width:100%;}
.LxTDcj{box-sizing:border-box;padding-left:79px;position:relative;width:486px;}
.dqJt0L{font-size:24px;font-weight:500;line-height:40px;}
.qA-G3L{font-size:16px;line-height:1.5;}
.jYGMJt{height:32px;left:0;position:absolute;top:4px;width:32px;}
@media (max-width:768px){
.LxTDcj{padding-left:60px;width:100%;}
}
.eth2-page-wrapper .eth2-page-content[data-v-82324066]{margin:0 auto;width:1200px;}
.eth2-page-wrapper .title-box[data-v-82324066]{margin:80px 0;}
.eth2-page-wrapper .title-box .t1[data-v-82324066]{color:#141f21;font-size:64px;font-weight:500;line-height:83px;}
.eth2-page-wrapper .title-box .intro[data-v-82324066]{color:#141f21;font-size:16px;font-weight:400;line-height:24px;}
.eth2-page-wrapper .main-part[data-v-82324066]{display:flex;flex-wrap:nowrap;justify-content:space-between;}
.eth2-page-wrapper .main-part .drop-box[data-v-82324066]{display:none;width:100%;}
.eth2-page-wrapper .main-part .el-dropdown-link[data-v-82324066]{align-content:center;background:#eef3f5;border-radius:12px;box-sizing:border-box;color:#141f21;display:flex;font-size:14px;font-weight:500;height:44px;justify-content:space-between;line-height:44px;margin:0;padding:0 20px;width:100%;}
.eth2-page-wrapper .main-part .card-box[data-v-82324066]{display:flex;flex-wrap:wrap;justify-content:space-between;width:824px;}
.eth2-page-wrapper .main-part .card-box .eth2-card[data-v-82324066]{background:#fff;border:1px solid #eef3f5;border-radius:12px;box-sizing:border-box;height:140px;margin-bottom:24px;padding:16px;transition:box-shadow .3s ease;width:400px;}
.eth2-page-wrapper .main-part .card-box .eth2-card[data-v-82324066]:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);}
.eth2-page-wrapper .main-part .card-box .eth2-card .title-layer[data-v-82324066]{align-items:center;display:flex;margin-bottom:20px;}
.eth2-page-wrapper .main-part .card-box .eth2-card .title-layer img[data-v-82324066]{margin-right:12px;width:32px;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer[data-v-82324066]{align-items:flex-end;box-sizing:border-box;display:flex;padding-left:44px;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .day-box[data-v-82324066]{min-width:120px;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .apy-box[data-v-82324066]{min-width:100px;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .btn-box[data-v-82324066]{text-align:right;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .btn-box .sub-btn[data-v-82324066]{min-width:102px;white-space:nowrap;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .m1[data-v-82324066]{color:#6a7c81;font-size:14px;line-height:24px;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .m2[data-v-82324066]{color:#141f21;font-size:20px;font-weight:500;line-height:1;margin-top:10px;}
.eth2-page-wrapper .main-part .asset-box .asset-card[data-v-82324066]{background:linear-gradient(132.83deg,#eef3f5 51.9%,rgba(238,243,245,.5));border-radius:12px;box-sizing:border-box;height:302px;padding:20px;position:relative;width:328px;}
.eth2-page-wrapper .main-part .asset-box .asset-card .s1[data-v-82324066]{color:#141f21;font-size:16px;font-weight:500;line-height:24px;}
.eth2-page-wrapper .main-part .asset-box .asset-card .fund-box[data-v-82324066]{display:flex;flex-wrap:wrap;justify-content:space-between;}
.eth2-page-wrapper .main-part .asset-box .asset-card .fund-card[data-v-82324066]{margin-top:24px;width:48%;}
.eth2-page-wrapper .main-part .asset-box .asset-card .a1[data-v-82324066]{color:#6a7c81;font-size:14px;line-height:24px;}
.eth2-page-wrapper .main-part .asset-box .asset-card .a2[data-v-82324066]{color:#141f21;font-size:16px;font-weight:500;line-height:24px;}
.eth2-page-wrapper .main-part .asset-box .asset-card .link-earn[data-v-82324066]{bottom:20px;color:#049FD3;font-size:14px;font-weight:400;left:20px;line-height:24px;position:absolute;}
.eth2-page-wrapper .mt1[data-v-82324066]{color:#1a1b1f;font-size:40px;font-weight:500;line-height:72px;margin-bottom:48px;}
.eth2-page-wrapper .other-lay[data-v-82324066]{display:flex;justify-content:space-between;}
.eth2-page-wrapper .other-card[data-v-82324066]{background:#fff;border:1px solid #eef3f5;border-radius:12px;box-sizing:border-box;height:140px;margin-bottom:24px;padding:16px;transition:box-shadow .3s ease;width:588px;}
.eth2-page-wrapper .other-card[data-v-82324066]:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);}
.eth2-page-wrapper .other-card .title-layer[data-v-82324066]{align-items:center;display:flex;margin-bottom:20px;}
.eth2-page-wrapper .other-card .title-layer img[data-v-82324066]{margin-right:12px;width:32px;}
.eth2-page-wrapper .other-card .title-layer span[data-v-82324066]{color:#141f21;font-size:16px;font-weight:500;line-height:24px;}
.eth2-page-wrapper .other-card .button-layer[data-v-82324066]{align-items:flex-end;box-sizing:border-box;display:flex;justify-content:space-between;padding-left:44px;white-space:nowrap;}
.eth2-page-wrapper .other-card .button-layer .apy-box[data-v-82324066]{width:100px;}
.eth2-page-wrapper .other-card .button-layer .btn-box[data-v-82324066]{flex-grow:2;text-align:right;}
.eth2-page-wrapper .other-card .button-layer .btn-box .sub-btn[data-v-82324066]{width:102px;}
.eth2-page-wrapper .other-card .button-layer .m1[data-v-82324066]{color:#6a7c81;font-size:14px;line-height:24px;}
.eth2-page-wrapper .other-card .button-layer .m2[data-v-82324066]{color:#141f21;font-size:20px;font-weight:500;line-height:1;margin-top:10px;}
@media (max-width:768px){
.eth2-page-wrapper .eth2-page-content[data-v-82324066]{margin:0 auto;width:95%;}
.eth2-page-wrapper .title-box[data-v-82324066]{margin:40px 0;}
.eth2-page-wrapper .title-box .t1[data-v-82324066]{font-size:40px;font-weight:500;line-height:52px;margin-bottom:8px;}
.eth2-page-wrapper .title-box .intro[data-v-82324066]{font-size:14px;font-weight:400;line-height:24px;}
.eth2-page-wrapper .main-part[data-v-82324066]{display:block;}
.eth2-page-wrapper .main-part .drop-box[data-v-82324066]{display:block;margin:16px 0;}
.eth2-page-wrapper .main-part .asset-box[data-v-82324066]{display:none;}
.eth2-page-wrapper .main-part .card-box[data-v-82324066]{display:block;width:100%;}
.eth2-page-wrapper .main-part .card-box .eth2-card[data-v-82324066]{height:130px;margin-bottom:8px;width:100%;}
.eth2-page-wrapper .main-part .card-box .eth2-card .title-layer[data-v-82324066]{margin-bottom:16px;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer[data-v-82324066]{white-space:nowrap;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .day-box[data-v-82324066]{margin-right:12px;min-width:auto;width:auto;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .apy-box[data-v-82324066]{min-width:auto;width:auto;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .btn-box[data-v-82324066]{width:100%;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .btn-box .sub-btn[data-v-82324066]{min-width:88px;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .m1[data-v-82324066]{font-size:12px;line-height:24px;}
.eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .m2[data-v-82324066]{font-size:16px;line-height:1;margin-top:0;}
.eth2-page-wrapper .mt1[data-v-82324066]{font-size:40px;line-height:52px;margin-bottom:32px;}
.eth2-page-wrapper .other-lay[data-v-82324066]{display:block;}
.eth2-page-wrapper .other-card[data-v-82324066]{width:100%;}
}
.eth-drop-content{border:none;margin:0;padding:0;width:100%;}
.eth-drop-content .el-collapse-item__arrow{display:none;}
.eth-drop-content .el-collapse-item__wrap{border:none;}
.eth-drop-content .el-collapse-item__header{border:none;height:auto;}
.eth-drop-content .asset-box-drop .asset-card{background:linear-gradient(132.83deg,#eef3f5 51.9%,rgba(238,243,245,.5));border-radius:0 0 12px 12px!important;box-sizing:border-box;height:168px;padding:16px;position:relative;}
.eth-drop-content .asset-box-drop .asset-card .fund-box{display:flex;flex-wrap:wrap;justify-content:space-between;}
.eth-drop-content .asset-box-drop .asset-card .fund-card{flex:1 0 calc(50% - 12px);}
.eth-drop-content .asset-box-drop .asset-card .a1{color:#6a7c81;font-size:14px;line-height:24px;}
.eth-drop-content .asset-box-drop .asset-card .a2{color:#141f21;font-size:16px;font-weight:500;line-height:24px;}
.eth-drop-content .asset-box-drop .asset-card .link-earn{color:#049FD3;display:block;font-size:14px;font-weight:400;line-height:24px;margin-top:12px;}


/*! CSS Used from: /assets/web-frontend/client/css/65f3f15.css */
.swiper{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1;}
.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;width:100%;z-index:1;}
.swiper-wrapper{transform:translateZ(0);}
.swiper-pointer-events{touch-action:pan-y;}
.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%;}
.swiper-3d{perspective:1200px;}
.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-wrapper{transform-style:preserve-3d;}
.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10;}
.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent);}
.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent);}
.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:10px;left:0;width:100%;}
.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;}
.swiper-pagination-bullet-active{background:#007aff;background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1);}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px);}
.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000;}
/*! CSS Used from: /assets/web-frontend/client/css/5c7be42.css */
.nft-goods-list .nft-goods-list-wrapper[data-v-bea73b2c]{grid-row-gap:24px;grid-column-gap:24px;display:grid;grid:auto/repeat(auto-fill,minmax(282px,1fr));grid-auto-rows:auto;justify-content:space-between;justify-items:center;row-gap:24px;}
@media (max-width:500px){
.nft-goods-list .nft-goods-list-wrapper[data-v-bea73b2c]{grid:auto/repeat(auto-fill,minmax(100%,1fr));row-gap:41px;}
}
.nft-loading[data-v-bea73b2c]{align-items:center;display:flex;height:120px;justify-content:center;}
.lazy-img-bg[data-v-5420df20]{filter:blur(15px);transition:filter .3s;}
.lazy-img-bg.lazy-img-bg-loaded[data-v-5420df20]{filter:blur(0);}
.nft-card[data-v-5420df20]{background:#fff;cursor:pointer;left:0;padding:0 24px 24px;top:0;transition:all .4s;width:282px;}
.nft-card .nft-card-wrapper[data-v-5420df20],.nft-card[data-v-5420df20]{box-sizing:border-box;overflow:hidden;position:relative;}
.nft-card .nft-card-wrapper[data-v-5420df20]{height:100%;padding-top:24px;width:100%;}
.item-img[data-v-5420df20]{border:1px solid #e7edf0;border-radius:8px;box-sizing:border-box;height:234px;overflow:hidden;position:relative;width:234px;z-index:1;}
.item-img .item-multi-number[data-v-5420df20]{align-items:center;background:rgba(20,31,33,.4);border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;padding:0 7px;position:absolute;right:8px;top:8px;z-index:1;}
.item-img .goods-preview-box[data-v-5420df20]{display:flex;height:100%;position:relative;width:100%;}
.item-img .goods-preview-box .item-img-nft[data-v-5420df20]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;}
.item-img .goods-preview-box .item-img-play[data-v-5420df20]{bottom:16px;position:absolute;right:16px;transition:transform .4s;}
.item-con[data-v-5420df20]{background:#fff;z-index:2;}
@media (min-width:501px){
.nft-card[data-v-5420df20]:hover{border-radius:8px;box-shadow:0 4px 20px rgba(20,31,33,.1);transform:translateY(-3px);}
.nft-card:hover .bias[data-v-5420df20]{transform:skewY(5deg) translateY(-17px);}
.nft-card:hover .item-con[data-v-5420df20]:not(.no-buy-button),.nft-card:hover .item-img-play[data-v-5420df20]{transform:translateY(-60px);}
}
@media (max-width:500px){
.nft-card[data-v-5420df20]{max-width:328px;padding:0;width:100%;}
.item-img[data-v-5420df20]{height:327px;width:100%;}
}
.item-con[data-v-5420df20]{position:relative;}
.bias[data-v-5420df20],.item-con[data-v-5420df20]{left:0;transition:all .4s;}
.bias[data-v-5420df20]{background:#fff;height:100%;position:absolute;top:0;transform-origin:right;width:100%;z-index:1;}
.tit[data-v-5420df20]{color:#141f21;font-size:16px;font-weight:600;margin-top:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.seller[data-v-5420df20]{color:#3e4648;font-size:12px;font-weight:400;margin-top:8px;}
.seller[data-v-5420df20]{align-items:center;display:flex;}
.seller img[data-v-5420df20]{border-radius:50%;height:16px;margin-right:4px;width:16px;}
.usd-price[data-v-5420df20]{color:#86939b;font-size:12px;font-weight:700;margin-top:8px;text-align:right;}
.coin-price[data-v-5420df20]{align-items:center;display:flex;justify-content:space-between;margin-top:3px;}
.coin-price label[data-v-5420df20]{color:#6a7c81;font-size:14px;font-weight:400;}
.coin-price .price__wrapper[data-v-5420df20]{align-items:center;display:flex;}
.coin-price img[data-v-5420df20]{border-radius:100%;height:18px;margin-right:4px;width:18px;}
.coin-price span[data-v-5420df20]{color:#141f21;font-size:16px;font-weight:600;}
.con-con[data-v-5420df20]{background:#fff;left:0;position:relative;top:0;z-index:2;}
.btn-wrap[data-v-5420df20]{background-color:#fff;overflow:hidden;position:absolute;width:100%;}
.buy-btn[data-v-5420df20]{border-radius:4px;font-size:14px;font-weight:600;height:44px;left:0;margin-top:16px;position:relative;top:0;width:100%;z-index:2;}
.buy-btn[data-v-235883f4]{border-radius:4px;font-size:14px;font-weight:600;height:44px;left:0;margin-top:16px;position:relative;top:0;width:100%;z-index:2;}
/*! CSS Used from: /assets/web-frontend/client/css/1f17f92.css */
.base-wrapper[data-v-69620d87]{margin:0 auto;max-width:1200px;}
@media screen and (max-width:1200px){
.base-wrapper[data-v-69620d87]{box-sizing:border-box;padding:0 20px;width:100%;}
}
.nft-kv[data-v-69620d87]{height:666px;position:relative;}
.nft-kv .nft-kv-bg[data-v-69620d87]{height:100%;left:0;position:absolute;top:0;width:100%;}
.nft-kv .nft-kv-bg .nft-kv-bg-1[data-v-69620d87]{background-image:url(web-frontend/client/img/kv-bg-1.f898ef7.png);}
.nft-kv .nft-kv-bg .nft-kv-bg-1[data-v-69620d87],.nft-kv .nft-kv-bg .nft-kv-bg-2[data-v-69620d87]{background-position:50%;height:100%;left:0;position:absolute;top:0;width:100%;}
.nft-kv .nft-kv-bg .nft-kv-bg-2[data-v-69620d87]{background-image:url(web-frontend/client/img/kv-bg-2.b78ceaf.html);}
.nft-kv .nft-kv-bg .nft-kv-bg-3[data-v-69620d87]{background-image:url(web-frontend/client/img/kv-bg-3.7c6e5a5.html);background-position:50%;height:100%;left:0;position:absolute;top:0;width:100%;}
.nft-kv .nft-kv-bg .nft-kv-bg-item[data-v-69620d87]{opacity:0;transition:all .3s;}
.nft-kv .nft-kv-bg .nft-kv-bg-active[data-v-69620d87]{opacity:1;}
.nft-kv .nft-kv-content[data-v-69620d87]{align-items:center;display:flex;height:100%;justify-content:space-between;left:50%;max-width:1200px;position:absolute;top:0;transform:translateX(-50%);width:100%;}
.nft-kv .nft-kv-content .nft-kv-left[data-v-69620d87]{color:#141f21;}
.nft-kv .nft-kv-content .nft-kv-left .nft-kv-mainText[data-v-69620d87]{font-size:48px;font-weight:700;line-height:62px;width:388px;}
.nft-kv .nft-kv-content .nft-kv-left .nft-kv-subText[data-v-69620d87]{font-size:20px;font-weight:400;line-height:18px;margin-top:32px;}
.nft-kv .nft-kv-content .nft-kv-right[data-v-69620d87]{box-sizing:border-box;height:410px;overflow:hidden;padding-top:20px;position:relative;width:760px;}
.nft-kv .nft-kv-content .nft-kv-right.nft-swiper-show .swiper-slide-next[data-v-69620d87],.nft-kv .nft-kv-content .nft-kv-right.nft-swiper-show .swiper-slide-prev[data-v-69620d87]{opacity:.5;}
.nft-kv .nft-kv-content .nft-kv-right.nft-swiper-show .swiper-slide-active[data-v-69620d87]{opacity:1;}
.nft-kv .nft-kv-content .nft-kv-right .swiper-slide[data-v-69620d87]{border-radius:16px;box-shadow:0 8px 35px -12px rgba(46,48,54,.7);height:354px;opacity:0;overflow:hidden;position:relative;transition:all .3s;width:532px;}
.nft-kv .nft-kv-content .nft-kv-right .swiper-slide a[data-v-69620d87]{-webkit-tap-highlight-color:rgba(255,255,255,0);}
.nft-kv .nft-kv-content .nft-kv-right .swiper-slide:not(.swiper-slide-active)>[data-v-69620d87]{pointer-events:none;}
.nft-kv .nft-kv-content .nft-kv-right .swiper-pagination[data-v-69620d87]{bottom:0;}
.nft-kv .nft-kv-content .nft-kv-right .swiper-pagination[data-v-69620d87] .swiper-pagination-bullet{background-color:#9cb3ba;border-radius:10px;height:4px;transition:all .3s;width:12px;}
.nft-kv .nft-kv-content .nft-kv-right .swiper-pagination[data-v-69620d87] .swiper-pagination-bullet-active{background-color:#141f21;height:4px;width:20px;}
.nft-newlist[data-v-69620d87]{grid-row-gap:24px;grid-column-gap:24px;display:grid;grid:auto/repeat(auto-fill,minmax(384px,1fr));grid-auto-rows:auto;justify-content:space-between;justify-items:center;row-gap:24px;}
.nft-newlist .nft-newlist-item[data-v-69620d87]{border:1px solid #e7edf0;border-radius:8px;box-sizing:border-box;height:310px;padding:20px;transition:all .3s;width:384px;}
.nft-newlist .nft-newlist-item .nft-newlist-imgs[data-v-69620d87]{display:flex;justify-content:center;}
.nft-newlist .nft-newlist-item .nft-newlist-imgs .nft-home-imgs[data-v-69620d87]{border-radius:6px;height:110px;margin-right:7px;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:110px;}
.nft-newlist .nft-newlist-item .nft-newlist-imgs .nft-home-imgs[data-v-69620d87]:last-child{margin-right:0;}
.nft-newlist .nft-newlist-item .nft-newlist-name[data-v-69620d87]{font-size:20px;font-weight:600;line-height:26px;margin-top:20px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.nft-newlist .nft-newlist-item .nft-newlist-desc[data-v-69620d87]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#86939b;display:-webkit-box;font-size:14px;font-weight:400;height:36px;line-height:18px;margin-top:4px;overflow:hidden;text-align:center;text-overflow:ellipsis;}
.nft-newlist .nft-newlist-item .nft-newlist-time[data-v-69620d87]{margin-top:24px;}
.nft-newlist .nft-newlist-item .nft-newlist-time .nft-newlist-time-title[data-v-69620d87]{color:#6a7c81;font-size:14px;font-weight:400;line-height:18px;text-align:center;}
.nft-newlist .nft-newlist-item .nft-newlist-time .nft-newlist-time-wrapper[data-v-69620d87]{align-items:center;display:flex;justify-content:center;margin-top:4px;}
.nft-newlist .nft-newlist-item .nft-newlist-time .nft-newlist-time-wrapper .nft-newlist-time-item[data-v-69620d87]{align-items:center;background:#141f21;border-radius:4px;color:#fff;display:flex;font-size:14px;font-weight:500;height:24px;justify-content:center;width:48px;}
.nft-newlist .nft-newlist-item .nft-newlist-time .nft-newlist-time-wrapper span[data-v-69620d87]{margin:0 4px;}
.nft-hotcollect[data-v-69620d87]{grid-row-gap:24px;grid-column-gap:24px;display:grid;grid:auto/repeat(auto-fill,minmax(384px,1fr));grid-auto-rows:auto;justify-content:space-between;justify-items:center;row-gap:24px;}
.nft-hotcollect .nft-hotcollect-item[data-v-69620d87]{border:1px solid #e7edf0;border-radius:8px;box-sizing:border-box;height:376px;overflow:hidden;padding:20px;position:relative;transition:all .3s;width:384px;}
.nft-hotcollect .nft-hotcollect-item .nft-hotcollect-imgs.nft-hotcollect-imgs-3[data-v-69620d87]{grid-gap:8px;display:grid;grid-auto-flow:row dense;grid-template-columns:109px 109px 109px;grid-template-rows:109px 109px;}
.nft-hotcollect .nft-hotcollect-item .nft-hotcollect-imgs.nft-hotcollect-imgs-3 .nft-home-imgs[data-v-69620d87]{border-radius:6px;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%;}
.nft-hotcollect .nft-hotcollect-item .nft-hotcollect-imgs.nft-hotcollect-imgs-3 .nft-home-imgs[data-v-69620d87]:first-child{grid-column-end:3;grid-column-start:1;grid-row-end:3;grid-row-start:1;}
.nft-hotcollect .nft-hotcollect-item .nft-hotcollect-name[data-v-69620d87]{font-size:24px;font-weight:600;line-height:31px;margin-top:24px;opacity:1;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:all .5s;white-space:nowrap;}
.nft-hotcollect .nft-hotcollect-item .nft-hotcollect-creator[data-v-69620d87]{color:#3e4648;font-size:16px;font-weight:400;line-height:21px;margin-top:8px;opacity:1;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:all .5s;white-space:nowrap;}
.nft-hotcollect .nft-hotcollect-item .nft-hotcollect-desc[data-v-69620d87]{-webkit-box-orient:vertical;-webkit-line-clamp:4;background-color:#fff;color:#86939b;display:-webkit-box;font-size:14px;font-weight:400;left:20px;line-height:18px;opacity:0;overflow:hidden;position:absolute;right:20px;text-overflow:ellipsis;top:270px;transform:translateY(10px);transition:all .3s ease 0s;}
.banner-wrap[data-v-69620d87]{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:354px;transition:all .3s;}
.nft-tit[data-v-69620d87]{align-items:center;display:grid;font-size:24px;font-weight:600;grid:auto/max-content max-content;justify-content:space-between;margin:60px auto 30px;}
.nft-more[data-v-69620d87]{color:#141f21;cursor:pointer;font-size:20px;font-weight:600;}
.nft-more:hover .arrow[data-v-69620d87]{margin-left:3px;}
.arrow[data-v-69620d87]{display:inline-block;margin-left:0;transform:rotate(90deg);transition:all .3s;}
.nft-qAndA-list[data-v-69620d87] .el-carousel__container{height:300px;}
.nft-qAndA[data-v-69620d87]{position:relative;}
.nft-qAndA .nft-qAndA-indicator[data-v-69620d87]{height:96px;position:absolute;right:20px;top:100px;z-index:3;}
.nft-qAndA .nft-qAndA-indicator .nft-qAndA-indicator-item[data-v-69620d87]{align-items:center;background:#f5f9fb;border-radius:100px;cursor:pointer;display:flex;height:32px;justify-content:center;margin:16px 0;transition:all .2s ease 0s;width:32px;}
.nft-qAndA .nft-qAndA-indicator .nft-qAndA-indicator-item[data-v-69620d87]:active{background:#049FD3;color:#fff;}
.nft-qAndA .nft-qAndA-wrapper[data-v-69620d87]{box-sizing:border-box;width:100%;}
.nft-qAndA .nft-qAndA-item[data-v-69620d87]{display:flex;margin-top:40px;padding-right:80px;}
.nft-qAndA .nft-qAndA-item .nft-qAndA-item-left[data-v-69620d87]{display:flex;flex-basis:61px;flex-shrink:0;font-size:20px;justify-content:center;}
@media (max-width:767px){
.nft-qAndA .nft-qAndA-item .nft-qAndA-item-left[data-v-69620d87]{font-size:18px;}
}
.nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-q[data-v-69620d87]{font-size:20px;font-style:normal;font-weight:600;line-height:26px;}
@media (max-width:767px){
.nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-q[data-v-69620d87]{font-size:18px;}
}
.nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87]{color:#86939b;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin-top:8px;}
.nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87] a{color:#049FD3;}
@media (max-width:767px){
.nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87]{font-size:12px;}
.nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87]:not(.nft-qAndA-item-a-sp){max-height:60px;overflow-y:auto;}
.nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87]:not(.nft-qAndA-item-a-sp)::-webkit-scrollbar{background-color:#fff;height:4px;}
.nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87]:not(.nft-qAndA-item-a-sp)::-webkit-scrollbar-track{background-color:#fff;border:0;box-shadow:none;}
.nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87]:not(.nft-qAndA-item-a-sp)::-webkit-scrollbar-thumb{background-color:#9cb3ba;box-shadow:none;}
}
.nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a.nft-qAndA-item-a-sp[data-v-69620d87]{line-height:30px;}
@media (max-width:767px){
.nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a.nft-qAndA-item-a-sp[data-v-69620d87]{line-height:20px;}
}
@media screen and (min-width:769px){
.nft-hotcollect .nft-hotcollect-item[data-v-69620d87]:hover,.nft-newlist-item[data-v-69620d87]:hover{box-shadow:0 4px 20px rgba(20,31,33,.1);transform:translateY(-10px);}
.nft-hotcollect .nft-hotcollect-item:hover .nft-hotcollect-desc[data-v-69620d87]{opacity:1;transform:translateY(0);}
.nft-hotcollect .nft-hotcollect-item:hover .nft-hotcollect-creator[data-v-69620d87],.nft-hotcollect .nft-hotcollect-item:hover .nft-hotcollect-name[data-v-69620d87]{opacity:0;}
}
@media screen and (max-width:1200px){
.nft-kv .nft-kv-bg[data-v-69620d87]{display:none;}
.nft-kv .nft-kv-content[data-v-69620d87]{justify-content:center;}
.nft-kv .nft-kv-content .nft-kv-left[data-v-69620d87]{display:none;}
.nft-kv .nft-kv-content .nft-kv-right[data-v-69620d87]{max-width:760px;width:100%;}
}
@media screen and (max-width:768px){
.banner-wrap[data-v-69620d87]{height:171px;}
.nft-newlist-wrapper[data-v-69620d87]{overflow-x:auto;padding-bottom:10px;}
.nft-newlist-wrapper[data-v-69620d87]::-webkit-scrollbar{background-color:transparent!important;}
.nft-newlist-wrapper[data-v-69620d87]::-webkit-scrollbar-track{border:0;}
.nft-newlist-wrapper[data-v-69620d87]::-webkit-scrollbar-thumb,.nft-newlist-wrapper[data-v-69620d87]::-webkit-scrollbar-track{background-color:transparent!important;box-shadow:none;}
.nft-newlist-wrapper .nft-newlist[data-v-69620d87]{grid:auto/repeat(auto-fill,minmax(306px,1fr));row-gap:12px;width:966px;}
.nft-newlist-wrapper .nft-newlist .nft-newlist-item[data-v-69620d87]{height:279px;padding:16px;width:306px;}
.nft-newlist-wrapper .nft-newlist .nft-newlist-item .nft-newlist-imgs .nft-home-imgs[data-v-69620d87]{height:88px;width:88px;}
.nft-newlist-wrapper .nft-newlist .nft-newlist-item .nft-newlist-imgs .nft-home-imgs[data-v-69620d87]:nth-child(-n+2){margin-right:4px;}
.nft-newlist-wrapper .nft-newlist .nft-newlist-item .nft-newlist-name[data-v-69620d87]{font-size:16px;font-weight:600;line-height:21px;margin-top:18px;}
.nft-tit[data-v-69620d87]{font-size:20px;margin:32px auto 20px;}
.nft-kv[data-v-69620d87]{height:280px;}
.nft-kv .nft-kv-content .nft-kv-right[data-v-69620d87]{height:230px;padding-top:20px;width:360px;}
.nft-kv .nft-kv-content .nft-kv-right .swiper-slide[data-v-69620d87]{box-shadow:0 8px 35px -12px rgba(46,48,54,.7);height:171px;width:256px;}
.nft-kv .nft-kv-content .nft-kv-right .swiper-pagination[data-v-69620d87] .swiper-pagination-bullet{height:2px;margin:0 2px;width:8px;}
.nft-kv .nft-kv-content .nft-kv-right .swiper-pagination[data-v-69620d87] .swiper-pagination-bullet-active{height:2px;width:16px;}
.nft-hotcollect[data-v-69620d87]{grid-row-gap:15px;grid-column-gap:5px;display:grid;grid:auto/repeat(auto-fill,minmax(160px,1fr));grid-auto-rows:auto;justify-content:space-between;justify-items:center;row-gap:15px;}
.nft-hotcollect .nft-hotcollect-item[data-v-69620d87]{height:184px;padding:8px;width:160px;}
.nft-hotcollect .nft-hotcollect-item .nft-hotcollect-imgs.nft-hotcollect-imgs-3[data-v-69620d87]{grid-gap:4px;display:grid;grid-template-columns:45px 45px 45px;grid-template-rows:45px 45px;}
.nft-hotcollect .nft-hotcollect-item .nft-hotcollect-name[data-v-69620d87]{font-size:14px;line-height:18px;margin-top:20px;}
.nft-hotcollect .nft-hotcollect-item .nft-hotcollect-creator[data-v-69620d87]{font-size:12px;line-height:16px;margin-top:4px;}
.nft-hotcollect .nft-hotcollect-item .nft-hotcollect-desc[data-v-69620d87]{-webkit-line-clamp:2;font-size:12px;left:8px;position:absolute;right:8px;top:120px;}
}
@media screen and (max-width:600px){
.nft-qAndA-list[data-v-69620d87] .el-carousel__container{height:350px;}
}
@media screen and (max-width:410px){
.nft-qAndA-list[data-v-69620d87] .el-carousel__container{height:370px;}
}

/*! CSS Used from: /assets/web-frontend/client/css/6e31a3d.css */
.marketplace[data-v-2af486a7]{background:#fff;display:grid;grid:auto/minmax(max-content,1200px);justify-content:center;}
.collectSelectMask[data-v-2af486a7]{height:100%;left:0;position:fixed;top:0;width:100%;z-index:80;}
.marketplace-tab[data-v-2af486a7]{align-items:center;display:flex;margin:50px 0;}
.marketplace-filter-collection[data-v-2af486a7]{margin-right:16px;}
.marketplace-sele[data-v-2af486a7] .el-select{width:144px;}
@media screen and (max-width:1200px){
.marketplace-tab[data-v-2af486a7]{padding:0 20px;}
}
.nft-select-inds21[data-v-2af486a7] .el-select{border-radius:28px;}
.nft-select-inds21[data-v-2af486a7] .el-select-dropdown{border-radius:4px;box-shadow:0 2px 12px rgba(20,31,33,.12);z-index:90!important;}
.nft-select-inds21[data-v-2af486a7] .el-input{border:1px solid #9cb3ba;border-radius:28px;}
.nft-select-inds21[data-v-2af486a7] .el-input__inner{background:transparent!important;border:none;border-radius:28px;color:#141f21;font-size:14px;font-weight:500;padding-left:15px;}
.nft-select-inds21[data-v-2af486a7] .el-input__suffix .el-select__caret{color:#141f21;font-family:bmicon!important;font-size:20px;transform:rotate(0);}
.nft-select-inds21[data-v-2af486a7] .el-input__suffix .el-select__caret:before{content:"\e612";position:relative;top:1px;}
.nft-select-inds21[data-v-2af486a7] .el-select-dropdown__item{height:32px;line-height:32px;}
.nft-selectinput-inds21[data-v-2af486a7]{width:280px;}
@media screen and (max-width:768px){
.marketplace-tab[data-v-2af486a7]{align-items:flex-start;flex-direction:column;margin:0 0 32px;}
.marketplace-tab .marketplace-filter-collection[data-v-2af486a7]{margin-right:0;}
.marketplace-tab .nft-select-inds21[data-v-2af486a7]{width:100%;}
.marketplace-tab .marketplace-sele[data-v-2af486a7]{margin-left:0;margin-top:12px;}
.marketplace-tab .marketplace-sele[data-v-2af486a7] .el-select,.marketplace-tab .nft-selectinput-inds21[data-v-2af486a7]{width:100%;}
}
.nft-marketplace-selectpop-inds21 .popper__arrow,.nft-marketplace-selectpop-inds21 .popper__arrow:after{display:none;}
@media screen and (max-width:768px){
.nft-marketplace-selectpop-inds21 .el-select-dropdown__wrap{max-height:150px;}
}
.nft-marketplace-selectpop-inds21 .el-select-dropdown__item{color:#0e1118;font-size:14px;padding:0 10px;}
.nft-marketplace-selectpop-inds21 .el-select-dropdown__item.hover{background:#f5f9fb;font-weight:500;}
/*! CSS Used from: /assets/web-frontend/client/css/5c7be42.css */
.nft-goods-list .nft-goods-list-wrapper[data-v-bea73b2c]{grid-row-gap:24px;grid-column-gap:24px;display:grid;grid:auto/repeat(auto-fill,minmax(282px,1fr));grid-auto-rows:auto;justify-content:space-between;justify-items:center;row-gap:24px;}
@media (max-width:500px){
.nft-goods-list .nft-goods-list-wrapper[data-v-bea73b2c]{grid:auto/repeat(auto-fill,minmax(100%,1fr));row-gap:41px;}
}
.nft-loading[data-v-bea73b2c]{align-items:center;display:flex;height:120px;justify-content:center;}
.lazy-img-bg[data-v-5420df20]{filter:blur(15px);transition:filter .3s;}
.lazy-img-bg.lazy-img-bg-loaded[data-v-5420df20]{filter:blur(0);}
.nft-card[data-v-5420df20]{background:#fff;cursor:pointer;left:0;padding:0 24px 24px;top:0;transition:all .4s;width:282px;}
.nft-card .nft-card-wrapper[data-v-5420df20],.nft-card[data-v-5420df20]{box-sizing:border-box;overflow:hidden;position:relative;}
.nft-card .nft-card-wrapper[data-v-5420df20]{height:100%;padding-top:24px;width:100%;}
.item-img[data-v-5420df20]{border:1px solid #e7edf0;border-radius:8px;box-sizing:border-box;height:234px;overflow:hidden;position:relative;width:234px;z-index:1;}
.item-img .item-multi-number[data-v-5420df20]{align-items:center;background:rgba(20,31,33,.4);border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;padding:0 7px;position:absolute;right:8px;top:8px;z-index:1;}
.item-img .goods-preview-box[data-v-5420df20]{display:flex;height:100%;position:relative;width:100%;}
.item-img .goods-preview-box .item-img-nft[data-v-5420df20]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;}
.item-img .goods-preview-box .item-img-play[data-v-5420df20]{bottom:16px;position:absolute;right:16px;transition:transform .4s;}
.item-con[data-v-5420df20]{background:#fff;z-index:2;}
@media (min-width:501px){
.nft-card[data-v-5420df20]:hover{border-radius:8px;box-shadow:0 4px 20px rgba(20,31,33,.1);transform:translateY(-3px);}
.nft-card:hover .bias[data-v-5420df20]{transform:skewY(5deg) translateY(-17px);}
.nft-card:hover .item-con[data-v-5420df20]:not(.no-buy-button),.nft-card:hover .item-img-play[data-v-5420df20]{transform:translateY(-60px);}
}
@media (max-width:500px){
.nft-card[data-v-5420df20]{max-width:328px;padding:0;width:100%;}
.item-img[data-v-5420df20]{height:327px;width:100%;}
}
.item-con[data-v-5420df20]{position:relative;}
.bias[data-v-5420df20],.item-con[data-v-5420df20]{left:0;transition:all .4s;}
.bias[data-v-5420df20]{background:#fff;height:100%;position:absolute;top:0;transform-origin:right;width:100%;z-index:1;}
.tit[data-v-5420df20]{color:#141f21;font-size:16px;font-weight:600;margin-top:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.seller[data-v-5420df20]{color:#3e4648;font-size:12px;font-weight:400;margin-top:8px;}
.seller[data-v-5420df20]{align-items:center;display:flex;}
.seller img[data-v-5420df20]{border-radius:50%;height:16px;margin-right:4px;width:16px;}
.usd-price[data-v-5420df20]{color:#86939b;font-size:12px;font-weight:700;margin-top:8px;text-align:right;}
.coin-price[data-v-5420df20]{align-items:center;display:flex;justify-content:space-between;margin-top:3px;}
.coin-price label[data-v-5420df20]{color:#6a7c81;font-size:14px;font-weight:400;}
.coin-price .price__wrapper[data-v-5420df20]{align-items:center;display:flex;}
.coin-price img[data-v-5420df20]{border-radius:100%;height:18px;margin-right:4px;width:18px;}
.coin-price span[data-v-5420df20]{color:#141f21;font-size:16px;font-weight:600;}
.con-con[data-v-5420df20]{background:#fff;left:0;position:relative;top:0;z-index:2;}
.btn-wrap[data-v-5420df20]{background-color:#fff;overflow:hidden;position:absolute;width:100%;}
.buy-btn[data-v-5420df20]{border-radius:4px;font-size:14px;font-weight:600;height:44px;left:0;margin-top:16px;position:relative;top:0;width:100%;z-index:2;}
.item-time[data-v-235883f4]{background:rgba(20,31,33,.4);border-radius:2px;color:#fff;font-size:12px;padding:2px 5px;position:absolute;right:12px;top:36px;z-index:1;z-index:2;}
.item-time .item-time-running[data-v-235883f4]{align-items:center;display:flex;justify-content:center;}
.item-time .item-time-running .item-time-running-icon[data-v-235883f4]{margin-right:5px;}
.buy-btn[data-v-235883f4]{border-radius:4px;font-size:14px;font-weight:600;height:44px;left:0;margin-top:16px;position:relative;top:0;width:100%;z-index:2;}



/*! CSS Used from: /assets/web-frontend/client/css/76e6230.css */
.com-card[data-v-46283d71]{border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:block;overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease;}
.com-card [data-v-46283d71]{box-sizing:border-box;}
.figure[data-v-46283d71]{display:block;}
.canvas[data-v-46283d71]{padding-top:50%;position:relative;width:320px;}
.image[data-v-46283d71]{border:none;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .7s ease;width:100%;}
.image[data-v-46283d71]:after{background-color:#e7e7e7;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;}
@media (max-width:767.98px){
.com-card[data-v-46283d71]{border-radius:2.5vw;width:100%;}
.canvas[data-v-46283d71]{width:100%;}
.figure[data-v-46283d71]{box-shadow:.625vw 3.75vw 0 rgba(0,0,0,.1);}
}
.d-desktop[data-v-e1d66c5a]{display:inline!important;display:initial!important;}
.d-desktop.d-flex[data-v-e1d66c5a]{display:flex!important;}
.com-info-card[data-v-e1d66c5a]{position:relative;}
.com-info-card [data-v-e1d66c5a]{box-sizing:border-box;}
.title .label--wrapper[data-v-e1d66c5a],.title .line1-box[data-v-e1d66c5a]{margin-bottom:8px;}
.name[data-v-e1d66c5a]{font-size:24px;font-weight:500;line-height:28px;transition:color .2s ease;vertical-align:middle;}
.status[data-v-e1d66c5a]{border-radius:4px;display:inline-block;font-size:12px;line-height:20px;margin-left:4px;padding:0 4px;vertical-align:middle;}
.status.completed[data-v-e1d66c5a]{background-color:#eff0f1;color:#5d6c76;}
.label--wrapper[data-v-e1d66c5a]{width:auto;}
.summary[data-v-e1d66c5a]{font-size:14px;margin-bottom:18px;}
.pairs[data-v-e1d66c5a]{margin-top:-18px;}
.pair[data-v-e1d66c5a]{margin-top:18px;}
.key[data-v-e1d66c5a]{color:#999;font-size:12px;}
.key[data-v-e1d66c5a],.value[data-v-e1d66c5a]{line-height:16px;}
.value[data-v-e1d66c5a]{font-size:14px;margin-top:4px;}
.bm-text-overflow-1[data-v-e1d66c5a]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;word-break:break-all;}
@media (max-width:767.98px){
.d-desktop.d-flex[data-v-e1d66c5a],.d-desktop[data-v-e1d66c5a]{display:none!important;}
.title[data-v-e1d66c5a]{margin-bottom:2.5vw;}
.name[data-v-e1d66c5a]{font-size:6.25vw;line-height:8.75vw;}
.status[data-v-e1d66c5a]{border-radius:.625vw;display:inline;display:initial;font-size:3.75vw;height:6.25vw;line-height:6.25vw;margin-left:.625vw;padding:.625vw 1.25vw;}
.label--wrapper.mobile[data-v-e1d66c5a]{width:100%;}
.summary[data-v-e1d66c5a]{font-size:4.375vw;line-height:6.25vw;margin-bottom:2.5vw;}
.pairs[data-v-e1d66c5a]{margin-top:-2.5vw;}
.pair[data-v-e1d66c5a]{margin-top:2.5vw;}
.key[data-v-e1d66c5a],.value[data-v-e1d66c5a]{font-size:3.75vw;line-height:5vw;}
.value[data-v-e1d66c5a]{margin-top:.625vw;}
}
.com-subscribe[data-v-404849a2]{cursor:pointer;min-height:32px;}
.com-subscribe [data-v-404849a2]{box-sizing:border-box;}
.com-subscribe .icon[data-v-404849a2]{fill:#fff;stroke-width:16px;color:#fff;font-size:14px;font-weight:700;height:14px;margin-right:4px;width:14px;}
.com-subscribe .content[data-v-404849a2]{align-items:center;background-color:#1a1b1f;border:1px solid #1a1b1f;border-radius:4px;color:#fff;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;line-height:1;padding:0 12px;}
.com-subscribe .text[data-v-404849a2]{white-space:nowrap;}
@media (max-width:767.98px){
.com-subscribe .content[data-v-404849a2]{height:6.4vw;}
}
.com-back-to-page[data-v-9c2082a4]{display:flex;font-size:14px;line-height:20px;position:relative;transition:color .2s ease;}
.com-back-to-page .hover[data-v-9c2082a4]:hover{color:#049FD3;cursor:pointer;}
.com-back-to-page [data-v-9c2082a4]{box-sizing:border-box;}
.icon[data-v-9c2082a4]{font-size:12px;line-height:20px;}
.text[data-v-9c2082a4]{font-weight:500;margin-left:6px;}
.text.desktop[data-v-9c2082a4]{display:inline;display:initial;}
@media (max-width:767.98px){
.com-back-to-page[data-v-9c2082a4]{font-size:3.75vw;line-height:6.25vw;}
.icon[data-v-9c2082a4]{line-height:6.25vw;}
.icon[data-v-9c2082a4],.text[data-v-9c2082a4]{font-size:3.75vw;}
.text[data-v-9c2082a4]{margin-left:1.875vw;}
.text.desktop[data-v-9c2082a4]{display:none;}
}
.d-mobile[data-v-2a9df018]{display:none!important;}
.d-desktop[data-v-2a9df018]{display:inline!important;display:initial!important;}
.page-launchpad[data-v-2a9df018]{background-color:#fff;color:#000;font-size:16px;min-height:calc(100vh - 144px);padding-bottom:0;padding-top:48px;}
.page-launchpad [data-v-2a9df018]{box-sizing:border-box;}
.container[data-v-2a9df018]{--bs-gutter-x:0px;max-width:1200px;width:1200px;}
.header[data-v-2a9df018]{display:none;}
.h1[data-v-2a9df018]{margin-bottom:64px;}
.title[data-v-2a9df018]{font-size:48px;font-weight:500;line-height:64px;}
.slogon[data-v-2a9df018]{font-size:16px;line-height:20px;margin-top:8px;}
.list[data-v-2a9df018]{--bs-gutter-y:48px;--bs-gutter-x:32px;}
.card[data-v-2a9df018]{flex:0 0 auto;margin-right:64px;}
.info-card[data-v-2a9df018]{margin-bottom:24px;}
.project--item[data-v-2a9df018]{border-radius:16px;cursor:pointer;padding-bottom:20px;padding-top:20px;transition:background-color .2s ease;}
.project--item.hover[data-v-2a9df018]:hover{background-color:#f3f4f8;}
.more[data-v-2a9df018]{color:#049FD3;cursor:pointer;font-size:14px;line-height:20px;margin:64px auto;text-align:center;}
.link[data-v-2a9df018]{color:#049FD3;cursor:pointer;transition:color .3s linear;}
.link.hover[data-v-2a9df018]:hover{color:#0ab0b0;-webkit-text-decoration:underline;text-decoration:underline;}
.handler[data-v-2a9df018]{cursor:pointer;transition:color .3s linear;}
.handler.hover[data-v-2a9df018]:hover{color:#0ab0b0;}
.subscribe[data-v-2a9df018]{margin-left:12px;}
@media (max-width:767.98px){
.d-mobile[data-v-2a9df018]{display:inline!important;display:initial!important;}
.d-desktop[data-v-2a9df018]{display:none!important;}
.page-launchpad[data-v-2a9df018]{font-size:5vw;min-height:calc(100vh - 45vw);padding-top:15vw;}
.container[data-v-2a9df018]{--bs-gutter-x:6.25vw;max-width:none;width:auto;}
.h1[data-v-2a9df018]{margin-bottom:3.75vw;}
.title[data-v-2a9df018]{font-size:11.875vw;font-weight:500;line-height:14.375vw;}
.slogon[data-v-2a9df018]{font-size:5vw;line-height:6.25vw;margin-top:2.5vw;}
.list[data-v-2a9df018]{--bs-gutter-y:0;--bs-gutter-x:12.5vw;}
.project--item[data-v-2a9df018]{border-radius:0;flex-direction:column;flex-wrap:wrap;padding-bottom:6.25vw;padding-top:6.25vw;}
.card-wrapper[data-v-2a9df018],.countdown-wrapper[data-v-2a9df018]{width:100%;}
.card[data-v-2a9df018]{margin-bottom:2.5vw;margin-right:0;}
.info-card[data-v-2a9df018]{margin-bottom:0;margin-top:5vw;}
.more[data-v-2a9df018]{line-height:5vw;margin:10vw auto;}
.link[data-v-2a9df018],.more[data-v-2a9df018]{font-size:3.75vw;}
.link[data-v-2a9df018]{color:#1a1b1f;white-space:nowrap;}
.subscribe[data-v-2a9df018]{margin-left:0;}
}
/*! CSS Used from: /assets/web-frontend/client/css/8d06021.css */
.com-card[data-v-46283d71]{border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:block;overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease;}
.com-card [data-v-46283d71]{box-sizing:border-box;}
.figure[data-v-46283d71]{display:block;}
.canvas[data-v-46283d71]{padding-top:50%;position:relative;width:320px;}
.image[data-v-46283d71]{border:none;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .7s ease;width:100%;}
.image[data-v-46283d71]:after{background-color:#e7e7e7;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;}
@media (max-width:767.98px){
.com-card[data-v-46283d71]{border-radius:2.5vw;width:100%;}
.canvas[data-v-46283d71]{width:100%;}
.figure[data-v-46283d71]{box-shadow:.625vw 3.75vw 0 rgba(0,0,0,.1);}
}
.d-desktop[data-v-e1d66c5a]{display:inline!important;display:initial!important;}
.d-desktop.d-flex[data-v-e1d66c5a]{display:flex!important;}
.com-info-card[data-v-e1d66c5a]{position:relative;}
.com-info-card [data-v-e1d66c5a]{box-sizing:border-box;}
.title .label--wrapper[data-v-e1d66c5a],.title .line1-box[data-v-e1d66c5a]{margin-bottom:8px;}
.name[data-v-e1d66c5a]{font-size:24px;font-weight:500;line-height:28px;transition:color .2s ease;vertical-align:middle;}
.status[data-v-e1d66c5a]{border-radius:4px;display:inline-block;font-size:12px;line-height:20px;margin-left:4px;padding:0 4px;vertical-align:middle;}
.status.completed[data-v-e1d66c5a]{background-color:#eff0f1;color:#5d6c76;}
.label--wrapper[data-v-e1d66c5a]{width:auto;}
.summary[data-v-e1d66c5a]{font-size:14px;margin-bottom:18px;}
.pairs[data-v-e1d66c5a]{margin-top:-18px;}
.pair[data-v-e1d66c5a]{margin-top:18px;}
.key[data-v-e1d66c5a]{color:#999;font-size:12px;}
.key[data-v-e1d66c5a],.value[data-v-e1d66c5a]{line-height:16px;}
.value[data-v-e1d66c5a]{font-size:14px;margin-top:4px;}
.bm-text-overflow-1[data-v-e1d66c5a]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;word-break:break-all;}
@media (max-width:767.98px){
.d-desktop.d-flex[data-v-e1d66c5a],.d-desktop[data-v-e1d66c5a]{display:none!important;}
.title[data-v-e1d66c5a]{margin-bottom:2.5vw;}
.name[data-v-e1d66c5a]{font-size:6.25vw;line-height:8.75vw;}
.status[data-v-e1d66c5a]{border-radius:.625vw;display:inline;display:initial;font-size:3.75vw;height:6.25vw;line-height:6.25vw;margin-left:.625vw;padding:.625vw 1.25vw;}
.label--wrapper.mobile[data-v-e1d66c5a]{width:100%;}
.summary[data-v-e1d66c5a]{font-size:4.375vw;line-height:6.25vw;margin-bottom:2.5vw;}
.pairs[data-v-e1d66c5a]{margin-top:-2.5vw;}
.pair[data-v-e1d66c5a]{margin-top:2.5vw;}
.key[data-v-e1d66c5a],.value[data-v-e1d66c5a]{font-size:3.75vw;line-height:5vw;}
.value[data-v-e1d66c5a]{margin-top:.625vw;}
}
.com-subscribe[data-v-404849a2]{cursor:pointer;min-height:32px;}
.com-subscribe [data-v-404849a2]{box-sizing:border-box;}
.com-subscribe .icon[data-v-404849a2]{fill:#fff;stroke-width:16px;color:#fff;font-size:14px;font-weight:700;height:14px;margin-right:4px;width:14px;}
.com-subscribe .content[data-v-404849a2]{align-items:center;background-color:#1a1b1f;border:1px solid #1a1b1f;border-radius:4px;color:#fff;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;line-height:1;padding:0 12px;}
.com-subscribe .text[data-v-404849a2]{white-space:nowrap;}
@media (max-width:767.98px){
.com-subscribe .content[data-v-404849a2]{height:6.4vw;}
}
.com-back-to-page[data-v-9c2082a4]{display:flex;font-size:14px;line-height:20px;position:relative;transition:color .2s ease;}
.com-back-to-page .hover[data-v-9c2082a4]:hover{color:#049FD3;cursor:pointer;}
.com-back-to-page [data-v-9c2082a4]{box-sizing:border-box;}
.icon[data-v-9c2082a4]{font-size:12px;line-height:20px;}
.text[data-v-9c2082a4]{font-weight:500;margin-left:6px;}
.text.desktop[data-v-9c2082a4]{display:inline;display:initial;}
@media (max-width:767.98px){
.com-back-to-page[data-v-9c2082a4]{font-size:3.75vw;line-height:6.25vw;}
.icon[data-v-9c2082a4]{line-height:6.25vw;}
.icon[data-v-9c2082a4],.text[data-v-9c2082a4]{font-size:3.75vw;}
.text[data-v-9c2082a4]{margin-left:1.875vw;}
.text.desktop[data-v-9c2082a4]{display:none;}
}


/*! CSS Used from: /assets/web-frontend/client/css/fd9db2e.css */
.com-card[data-v-78325708]{border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:block;overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease;}
.com-card [data-v-78325708]{box-sizing:border-box;}
.figure[data-v-78325708]{display:block;}
.canvas[data-v-78325708]{padding-top:50%;position:relative;width:320px;}
.image[data-v-78325708]{border:none;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .7s ease;width:100%;}
.image[data-v-78325708]:after{background-color:#e7e7e7;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;}
@media (max-width:767.98px){
.com-card[data-v-78325708]{border-radius:2.5vw;width:100%;}
.canvas[data-v-78325708]{width:100%;}
.figure[data-v-78325708]{box-shadow:.625vw 3.75vw 0 rgba(0,0,0,.1);}
}
.d-desktop[data-v-265f7a12]{display:inline!important;display:initial!important;}
.d-desktop.d-flex[data-v-265f7a12]{display:flex!important;}
.com-info-card[data-v-265f7a12]{position:relative;}
.com-info-card [data-v-265f7a12]{box-sizing:border-box;}
.title .label--wrapper[data-v-265f7a12],.title .line1-box[data-v-265f7a12]{margin-bottom:8px;}
.name[data-v-265f7a12]{font-size:24px;font-weight:500;line-height:28px;transition:color .2s ease;vertical-align:middle;}
.status[data-v-265f7a12]{border-radius:4px;display:inline-block;font-size:12px;line-height:20px;margin-left:4px;padding:0 4px;vertical-align:middle;}
.status.completed[data-v-265f7a12]{background-color:#eff0f1;color:#5d6c76;}
.label--wrapper[data-v-265f7a12]{width:auto;}
.summary[data-v-265f7a12]{font-size:14px;margin-bottom:18px;}
.pairs[data-v-265f7a12]{margin-top:-18px;}
.pair[data-v-265f7a12]{margin-top:18px;}
.key[data-v-265f7a12]{color:#999;font-size:12px;}
.key[data-v-265f7a12],.value[data-v-265f7a12]{line-height:16px;}
.value[data-v-265f7a12]{font-size:14px;margin-top:4px;}
.bm-text-overflow-1[data-v-265f7a12]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;word-break:break-all;}
@media (max-width:767.98px){
.d-desktop.d-flex[data-v-265f7a12],.d-desktop[data-v-265f7a12]{display:none!important;}
.title[data-v-265f7a12]{margin-bottom:2.5vw;}
.name[data-v-265f7a12]{font-size:6.25vw;line-height:8.75vw;}
.status[data-v-265f7a12]{border-radius:.625vw;display:inline;display:initial;font-size:3.75vw;height:6.25vw;line-height:6.25vw;margin-left:.625vw;padding:.625vw 1.25vw;}
.label--wrapper.mobile[data-v-265f7a12]{width:100%;}
.summary[data-v-265f7a12]{font-size:4.375vw;line-height:6.25vw;margin-bottom:2.5vw;}
.pairs[data-v-265f7a12]{margin-top:-2.5vw;}
.pair[data-v-265f7a12]{margin-top:2.5vw;}
.key[data-v-265f7a12],.value[data-v-265f7a12]{font-size:3.75vw;line-height:5vw;}
.value[data-v-265f7a12]{margin-top:.625vw;}
}
.com-subscribe[data-v-58f0d6e2]{cursor:pointer;min-height:32px;}
.com-subscribe [data-v-58f0d6e2]{box-sizing:border-box;}
.com-subscribe .icon[data-v-58f0d6e2]{fill:#fff;stroke-width:16px;color:#fff;font-size:14px;font-weight:700;height:14px;margin-right:4px;width:14px;}
.com-subscribe .content[data-v-58f0d6e2]{align-items:center;background-color:#1a1b1f;border:1px solid #1a1b1f;border-radius:4px;color:#fff;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;line-height:1;padding:0 12px;}
.com-subscribe .text[data-v-58f0d6e2]{white-space:nowrap;}
@media (max-width:767.98px){
.com-subscribe .content[data-v-58f0d6e2]{height:6.4vw;}
}
.com-back-to-page[data-v-280061ae]{display:flex;font-size:14px;line-height:20px;position:relative;transition:color .2s ease;}
.com-back-to-page .hover[data-v-280061ae]:hover{color:#049FD3;cursor:pointer;}
.com-back-to-page [data-v-280061ae]{box-sizing:border-box;}
.icon[data-v-280061ae]{font-size:12px;line-height:20px;}
.text[data-v-280061ae]{font-weight:500;margin-left:6px;}
.text.desktop[data-v-280061ae]{display:inline;display:initial;}
@media (max-width:767.98px){
.com-back-to-page[data-v-280061ae]{font-size:3.75vw;line-height:6.25vw;}
.icon[data-v-280061ae]{line-height:6.25vw;}
.icon[data-v-280061ae],.text[data-v-280061ae]{font-size:3.75vw;}
.text[data-v-280061ae]{margin-left:1.875vw;}
.text.desktop[data-v-280061ae]{display:none;}
}
.d-mobile[data-v-728d5cfd]{display:none!important;}
.d-desktop[data-v-728d5cfd]{display:inline!important;display:initial!important;}
.page-voting[data-v-728d5cfd]{background-color:#fff;color:#000;font-size:16px;min-height:calc(100vh - 144px);padding-bottom:0;padding-top:48px;}
.page-voting [data-v-728d5cfd]{box-sizing:border-box;}
.container[data-v-728d5cfd]{--bs-gutter-x:0px;max-width:1200px;width:1200px;}
.header[data-v-728d5cfd]{display:none;}
.h1[data-v-728d5cfd]{margin-bottom:64px;}
.title[data-v-728d5cfd]{font-size:48px;font-weight:500;line-height:64px;}
.slogon[data-v-728d5cfd]{font-size:16px;line-height:20px;margin-top:8px;}
.list[data-v-728d5cfd]{--bs-gutter-y:48px;--bs-gutter-x:32px;}
.card[data-v-728d5cfd]{flex:0 0 auto;margin-right:64px;}
.info-card[data-v-728d5cfd]{margin-bottom:24px;}
.project--item[data-v-728d5cfd]{border-radius:16px;cursor:pointer;padding-bottom:20px;padding-top:20px;transition:background-color .2s ease;}
.project--item.hover[data-v-728d5cfd]:hover{background-color:#f3f4f8;}
.more[data-v-728d5cfd]{color:#049FD3;cursor:pointer;font-size:14px;line-height:20px;margin:64px auto;text-align:center;}
.handler[data-v-728d5cfd]{cursor:pointer;transition:color .3s linear;}
.handler.hover[data-v-728d5cfd]:hover{color:#0ab0b0;}
.subscribe[data-v-728d5cfd]{margin-left:12px;}
@media (max-width:767.98px){
.d-mobile[data-v-728d5cfd]{display:inline!important;display:initial!important;}
.d-desktop[data-v-728d5cfd]{display:none!important;}
.page-voting[data-v-728d5cfd]{font-size:5vw;min-height:calc(100vh - 45vw);padding-top:15vw;}
.container[data-v-728d5cfd]{--bs-gutter-x:6.25vw;max-width:none;width:auto;}
.h1[data-v-728d5cfd]{margin-bottom:3.75vw;}
.title[data-v-728d5cfd]{font-size:11.875vw;font-weight:500;line-height:14.375vw;}
.slogon[data-v-728d5cfd]{font-size:5vw;line-height:6.25vw;margin-top:2.5vw;}
.list[data-v-728d5cfd]{--bs-gutter-y:0;--bs-gutter-x:12.5vw;}
.project--item[data-v-728d5cfd]{border-radius:0;flex-direction:column;flex-wrap:wrap;padding-bottom:6.25vw;padding-top:6.25vw;}
.card-wrapper[data-v-728d5cfd],.countdown-wrapper[data-v-728d5cfd]{width:100%;}
.card[data-v-728d5cfd]{margin-bottom:2.5vw;margin-right:0;}
.info-card[data-v-728d5cfd]{margin-bottom:0;margin-top:5vw;}
.more[data-v-728d5cfd]{line-height:5vw;margin:10vw auto;}
.more[data-v-728d5cfd]{font-size:3.75vw;}
.subscribe[data-v-728d5cfd]{margin-left:0;}
}
/*! CSS Used from: /assets/web-frontend/client/css/454acf7.css */
.com-card[data-v-78325708]{border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:block;overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease;}
.com-card [data-v-78325708]{box-sizing:border-box;}
.figure[data-v-78325708]{display:block;}
.canvas[data-v-78325708]{padding-top:50%;position:relative;width:320px;}
.image[data-v-78325708]{border:none;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .7s ease;width:100%;}
.image[data-v-78325708]:after{background-color:#e7e7e7;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;}
@media (max-width:767.98px){
.com-card[data-v-78325708]{border-radius:2.5vw;width:100%;}
.canvas[data-v-78325708]{width:100%;}
.figure[data-v-78325708]{box-shadow:.625vw 3.75vw 0 rgba(0,0,0,.1);}
}
.d-desktop[data-v-265f7a12]{display:inline!important;display:initial!important;}
.d-desktop.d-flex[data-v-265f7a12]{display:flex!important;}
.com-info-card[data-v-265f7a12]{position:relative;}
.com-info-card [data-v-265f7a12]{box-sizing:border-box;}
.title .label--wrapper[data-v-265f7a12],.title .line1-box[data-v-265f7a12]{margin-bottom:8px;}
.name[data-v-265f7a12]{font-size:24px;font-weight:500;line-height:28px;transition:color .2s ease;vertical-align:middle;}
.status[data-v-265f7a12]{border-radius:4px;display:inline-block;font-size:12px;line-height:20px;margin-left:4px;padding:0 4px;vertical-align:middle;}
.status.completed[data-v-265f7a12]{background-color:#eff0f1;color:#5d6c76;}
.label--wrapper[data-v-265f7a12]{width:auto;}
.summary[data-v-265f7a12]{font-size:14px;margin-bottom:18px;}
.pairs[data-v-265f7a12]{margin-top:-18px;}
.pair[data-v-265f7a12]{margin-top:18px;}
.key[data-v-265f7a12]{color:#999;font-size:12px;}
.key[data-v-265f7a12],.value[data-v-265f7a12]{line-height:16px;}
.value[data-v-265f7a12]{font-size:14px;margin-top:4px;}
.bm-text-overflow-1[data-v-265f7a12]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;word-break:break-all;}
@media (max-width:767.98px){
.d-desktop.d-flex[data-v-265f7a12],.d-desktop[data-v-265f7a12]{display:none!important;}
.title[data-v-265f7a12]{margin-bottom:2.5vw;}
.name[data-v-265f7a12]{font-size:6.25vw;line-height:8.75vw;}
.status[data-v-265f7a12]{border-radius:.625vw;display:inline;display:initial;font-size:3.75vw;height:6.25vw;line-height:6.25vw;margin-left:.625vw;padding:.625vw 1.25vw;}
.label--wrapper.mobile[data-v-265f7a12]{width:100%;}
.summary[data-v-265f7a12]{font-size:4.375vw;line-height:6.25vw;margin-bottom:2.5vw;}
.pairs[data-v-265f7a12]{margin-top:-2.5vw;}
.pair[data-v-265f7a12]{margin-top:2.5vw;}
.key[data-v-265f7a12],.value[data-v-265f7a12]{font-size:3.75vw;line-height:5vw;}
.value[data-v-265f7a12]{margin-top:.625vw;}
}
.com-subscribe[data-v-58f0d6e2]{cursor:pointer;min-height:32px;}
.com-subscribe [data-v-58f0d6e2]{box-sizing:border-box;}
.com-subscribe .icon[data-v-58f0d6e2]{fill:#fff;stroke-width:16px;color:#fff;font-size:14px;font-weight:700;height:14px;margin-right:4px;width:14px;}
.com-subscribe .content[data-v-58f0d6e2]{align-items:center;background-color:#1a1b1f;border:1px solid #1a1b1f;border-radius:4px;color:#fff;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;line-height:1;padding:0 12px;}
.com-subscribe .text[data-v-58f0d6e2]{white-space:nowrap;}
@media (max-width:767.98px){
.com-subscribe .content[data-v-58f0d6e2]{height:6.4vw;}
}
.com-back-to-page[data-v-280061ae]{display:flex;font-size:14px;line-height:20px;position:relative;transition:color .2s ease;}
.com-back-to-page .hover[data-v-280061ae]:hover{color:#049FD3;cursor:pointer;}
.com-back-to-page [data-v-280061ae]{box-sizing:border-box;}
.icon[data-v-280061ae]{font-size:12px;line-height:20px;}
.text[data-v-280061ae]{font-weight:500;margin-left:6px;}
.text.desktop[data-v-280061ae]{display:inline;display:initial;}
@media (max-width:767.98px){
.com-back-to-page[data-v-280061ae]{font-size:3.75vw;line-height:6.25vw;}
.icon[data-v-280061ae]{line-height:6.25vw;}
.icon[data-v-280061ae],.text[data-v-280061ae]{font-size:3.75vw;}
.text[data-v-280061ae]{margin-left:1.875vw;}
.text.desktop[data-v-280061ae]{display:none;}
}



/*! CSS Used from: /assets/web-frontend/client/css/8484a47.css */
.page-institutional-services[data-v-6bafeaa3]{overflow-x:hidden;padding-top:100px;}
.page-institutional-services [data-v-6bafeaa3]{box-sizing:border-box;}
.page-institutional-services .banner[data-v-6bafeaa3]{margin-bottom:132px;}
.page-institutional-services .banner .title[data-v-6bafeaa3]{color:#1a1b1f;font-size:56px;line-height:73px;margin-bottom:56px;width:900px;}
.page-institutional-services .banner .title .desc[data-v-6bafeaa3]{white-space:pre-line;}
.page-institutional-services .banner .title .key-words[data-v-6bafeaa3]{font-weight:600;}
.page-institutional-services .banner .btn-started[data-v-6bafeaa3]{color:#fff;font-weight:500;}
.page-institutional-services .banner .btn-started[data-v-6bafeaa3]:hover{background-color:#00b1b1;}
.page-institutional-services .banner .btn-started[data-v-6bafeaa3]:active{background-color:#08979c;}
.page-institutional-services .key-list[data-v-6bafeaa3]{display:inline-block;margin-bottom:180px;white-space:nowrap;width:100%;}
.page-institutional-services .key-list .key-item[data-v-6bafeaa3]{display:inline-block;margin-right:142px;}
.page-institutional-services .key-list .key-item .key-item-name[data-v-6bafeaa3]{color:#1a1b1f;font-size:48px;font-weight:500;line-height:62px;margin-bottom:16px;}
.page-institutional-services .key-list .key-item .key-item-desc[data-v-6bafeaa3]{color:#6a7c81;font-size:16px;line-height:21px;text-transform:capitalize;}
.page-institutional-services .function-list[data-v-6bafeaa3]{display:flex;margin-bottom:100px;width:100%;}
.page-institutional-services .function-list .function-tab-panel[data-v-6bafeaa3]{height:324px;position:relative;width:735px;}
.page-institutional-services .function-list .function-tab-panel-item[data-v-6bafeaa3]{height:100%;opacity:0;padding-right:40px;position:absolute;transition:opacity .3s;width:100%;}
.page-institutional-services .function-list .function-tab-panel-item.actived[data-v-6bafeaa3]{opacity:1;z-index:2;}
.page-institutional-services .function-list .function-tab-panel-item .tab-panel-icon[data-v-6bafeaa3]{display:inline-block;height:64px;margin-bottom:8px;width:64px;}
.page-institutional-services .function-list .function-tab-panel-item .tab-panel-title[data-v-6bafeaa3]{color:#1a1b1f;font-size:48px;font-weight:500;line-height:62px;margin-bottom:12px;}
.page-institutional-services .function-list .function-tab-panel-item .tab-panel-desc[data-v-6bafeaa3]{color:#1a1b1f;font-size:20px;line-height:30px;margin-bottom:48px;max-width:600px;}
.page-institutional-services .function-list .function-tab-panel-item .btn-tab-link[data-v-6bafeaa3]{color:#fff;font-weight:500;min-width:200px;}
.page-institutional-services .function-list .function-tab-panel-item .btn-tab-link[data-v-6bafeaa3]:hover{background-color:#00b1b1;}
.page-institutional-services .function-list .function-tab-panel-item .btn-tab-link[data-v-6bafeaa3]:active{background-color:#08979c;}
.page-institutional-services .function-list .function-tab[data-v-6bafeaa3]{display:flex;width:460px;}
.page-institutional-services .function-list .function-tab .tab-progress[data-v-6bafeaa3]{background-color:#f5f9fb;height:100%;width:4px;}
.page-institutional-services .function-list .function-tab .tab-progress .active-bar[data-v-6bafeaa3]{background-color:#1a1b1f;height:60px;transition:transform .3s;width:4px;}
.page-institutional-services .function-list .function-tab .tab-progress .active-bar-1[data-v-6bafeaa3]{transform:translateY(0);}
.page-institutional-services .function-list .function-tab .function-tab-wrapper[data-v-6bafeaa3]{padding-left:40px;}
.page-institutional-services .function-list .function-tab .function-tab-wrapper .function-tab-item[data-v-6bafeaa3]{align-items:center;cursor:pointer;display:flex;margin-bottom:28px;padding:14px 0;}
.page-institutional-services .function-list .function-tab .function-tab-wrapper .function-tab-item[data-v-6bafeaa3]:last-child{margin-bottom:0;}
.page-institutional-services .function-list .function-tab .function-tab-wrapper .function-tab-item .tab-icon[data-v-6bafeaa3]{display:inline-block;height:32px;width:32px;}
.page-institutional-services .function-list .function-tab .function-tab-wrapper .function-tab-item span[data-v-6bafeaa3]{color:#1a1b1f;font-size:24px;font-weight:500;line-height:32px;margin-left:20px;}
.page-institutional-services .function-list-mobile[data-v-6bafeaa3]{display:none;}
.page-institutional-services .partner-wrapper[data-v-6bafeaa3]{height:75px;width:100%;}
.page-institutional-services .partner-wrapper .image-container[data-v-6bafeaa3]{height:75px;}
.page-institutional-services .partner-wrapper .image-container .company-img[data-v-6bafeaa3]{background-image:url(web-frontend/client/img/company.b1ef73b.png);background-position:50%;background-repeat:no-repeat;background-size:100% auto;height:100%;}
.page-institutional-services .work-with-bm[data-v-6bafeaa3]{padding:160px 0 80px;}
.page-institutional-services .work-with-bm .title[data-v-6bafeaa3]{color:#1a1b1f;font-size:32px;font-weight:500;line-height:42px;margin-bottom:40px;}
.page-institutional-services .work-with-bm .work-list[data-v-6bafeaa3]{display:flex;}
.page-institutional-services .work-with-bm .work-list .work-list-item[data-v-6bafeaa3]{align-items:center;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;margin-right:48px;min-height:342px;padding:34px 32px;width:368px;}
.page-institutional-services .work-with-bm .work-list .work-list-item[data-v-6bafeaa3]:hover{background-color:#f5f9fb;}
.page-institutional-services .work-with-bm .work-list .work-list-item[data-v-6bafeaa3]:last-child{margin-right:0;}
.page-institutional-services .work-with-bm .work-list .work-list-item .work-icon[data-v-6bafeaa3]{height:96px;margin-bottom:12px;width:96px;}
.page-institutional-services .work-with-bm .work-list .work-list-item .work-tit[data-v-6bafeaa3]{color:#1a1b1f;font-size:24px;font-weight:500;line-height:31px;margin-bottom:12px;text-align:center;}
.page-institutional-services .work-with-bm .work-list .work-list-item .work-desc[data-v-6bafeaa3]{color:#86939b;font-size:16px;line-height:21px;text-align:center;}
.page-institutional-services .work-with-bm .work-list .work-list-item .btn-tab-link[data-v-6bafeaa3]{border:1px solid #dfe3eb;border-radius:4px;color:#141f21;font-size:14px;font-weight:500;margin-top:24px;min-width:160px;padding:12px;text-align:center;}
.page-institutional-services .work-with-bm .work-list .work-list-item .btn-tab-link[data-v-6bafeaa3]:hover{border-color:#049FD3;color:#049FD3;}
.page-institutional-services .work-with-bm .work-list .work-list-item .btn-tab-link[data-v-6bafeaa3]:active{border-color:#00b1b1;color:#049FD3;}
.page-institutional-services .contact-us .title[data-v-6bafeaa3]{color:#141f21;font-size:32px;font-weight:500;line-height:42px;}
.page-institutional-services .contact-us .contact-list[data-v-6bafeaa3]{display:flex;padding-top:40px;}
.page-institutional-services .contact-us .contact-list .contact-item[data-v-6bafeaa3]{align-items:center;background:hsla(0,0%,100%,.08);border:1px solid #e5ebf0;border-radius:8px;cursor:pointer;display:flex;height:105px;justify-content:space-between;margin-right:36px;padding:0 16px 0 32px;transform:translateY(0);transition:all .3s;width:582px;}
.page-institutional-services .contact-us .contact-list .contact-item[data-v-6bafeaa3]:hover{background:rgba(229,235,240,.3);transform:translateY(-10px);}
.page-institutional-services .contact-us .contact-list .contact-item[data-v-6bafeaa3]:last-child{margin-right:0;}
.page-institutional-services .contact-us .contact-list .contact-item .item-name[data-v-6bafeaa3]{align-items:center;color:#141f21;display:flex;font-size:24px;font-weight:600;}
.page-institutional-services .contact-us .contact-list .contact-item .item-name img[data-v-6bafeaa3]{height:32px;margin-right:8px;width:32px;}
@media screen and (max-width:640px){
.page-institutional-services .banner[data-v-6bafeaa3]{margin-bottom:48px;text-align:center;}
.page-institutional-services .banner .title[data-v-6bafeaa3]{font-size:32px;line-height:42px;margin-bottom:48px;width:100%;}
.page-institutional-services .banner .title .desc[data-v-6bafeaa3]{display:block;white-space:normal;}
.page-institutional-services .key-list[data-v-6bafeaa3]{margin-bottom:50px;text-align:center;white-space:inherit;width:100%;}
.page-institutional-services .key-list .key-item[data-v-6bafeaa3]{margin-right:0;padding:64px 0;text-align:center;width:49%;}
.page-institutional-services .key-list .key-item .key-item-name[data-v-6bafeaa3]{font-size:24px;font-weight:500;line-height:31px;margin-bottom:3px;}
.page-institutional-services .key-list .key-item .key-item-desc[data-v-6bafeaa3]{font-size:12px;line-height:16px;}
.page-institutional-services .key-list .key-item[data-v-6bafeaa3]:first-child{border-bottom:1px solid #e7eff2;border-right:1px solid #e7eff2;}
.page-institutional-services .key-list .key-item[data-v-6bafeaa3]:nth-child(2){border-bottom:1px solid #e7eff2;}
.page-institutional-services .key-list .key-item[data-v-6bafeaa3]:nth-child(3){border-right:1px solid #e7eff2;}
.page-institutional-services .function-list[data-v-6bafeaa3]{display:none;}
.page-institutional-services .function-list-mobile[data-v-6bafeaa3]{display:block;}
.page-institutional-services .function-list-mobile .function-title[data-v-6bafeaa3]{color:#1a1b1f;font-size:20px;font-weight:500;line-height:26px;margin-bottom:24px;}
.page-institutional-services .function-list-mobile .func-item[data-v-6bafeaa3]{margin-bottom:50px;}
.page-institutional-services .function-list-mobile .func-item .content-wrapper[data-v-6bafeaa3]{display:flex;padding-top:8px;}
.page-institutional-services .function-list-mobile .func-item .content-wrapper .func-item-icon[data-v-6bafeaa3]{padding:0 12px 0 16px;width:52px;}
.page-institutional-services .function-list-mobile .func-item .content-wrapper .func-item-icon img[data-v-6bafeaa3]{display:block;height:24px;width:24px;}
.page-institutional-services .function-list-mobile .func-item .content-wrapper .func-content .func-title[data-v-6bafeaa3]{color:#1a1b1f;font-size:16px;line-height:21px;}
.page-institutional-services .function-list-mobile .func-item .content-wrapper .func-content .func-desc[data-v-6bafeaa3]{align-items:center;color:#86939b;display:flex;font-size:12px;line-height:16px;padding-bottom:20px;padding-top:8px;}
.page-institutional-services .function-list-mobile .func-item .button-wrapper[data-v-6bafeaa3]{padding-left:52px;}
.page-institutional-services .function-list-mobile .func-item .button-wrapper .btn-tab-link[data-v-6bafeaa3]{color:#fff;min-width:86px;}
.page-institutional-services .partner-wrapper[data-v-6bafeaa3]{height:100px;}
.page-institutional-services .partner-wrapper .image-container[data-v-6bafeaa3]{height:100px;padding:0 20px;}
.page-institutional-services .partner-wrapper .image-container .company-img[data-v-6bafeaa3]{background-image:url(web-frontend/client/img/company-mob.3b66f37.html);background-size:100% auto;}
.page-institutional-services .work-with-bm[data-v-6bafeaa3]{padding:60px 0;}
.page-institutional-services .work-with-bm .title[data-v-6bafeaa3]{color:#1a1b1f;font-size:20px;line-height:26px;margin-bottom:60px;}
.page-institutional-services .work-with-bm .work-list[data-v-6bafeaa3]{flex-direction:column;flex-wrap:wrap;}
.page-institutional-services .work-with-bm .work-list .work-list-item[data-v-6bafeaa3]{margin-bottom:60px;margin-right:0;min-height:244px;padding:0 24px;width:100%;}
.page-institutional-services .work-with-bm .work-list .work-list-item[data-v-6bafeaa3]:last-child{margin-bottom:0;}
.page-institutional-services .work-with-bm .work-list .work-list-item .work-icon[data-v-6bafeaa3]{height:72px;width:72px;}
.page-institutional-services .work-with-bm .work-list .work-list-item .work-tit[data-v-6bafeaa3]{font-size:20px;line-height:26px;}
.page-institutional-services .work-with-bm .work-list .work-list-item .work-desc[data-v-6bafeaa3]{font-size:14px;line-height:20px;}
.page-institutional-services .contact-us[data-v-6bafeaa3]{padding-top:56px;}
.page-institutional-services .contact-us .title[data-v-6bafeaa3]{font-size:20px;}
.page-institutional-services .contact-us .contact-list[data-v-6bafeaa3]{flex-wrap:wrap;padding-top:20px;}
.page-institutional-services .contact-us .contact-list .contact-item[data-v-6bafeaa3]{height:70px;margin-bottom:12px;margin-right:0;padding:0 12px;width:100%;}
.page-institutional-services .contact-us .contact-list .contact-item[data-v-6bafeaa3]:last-child{margin-bottom:0;}
.page-institutional-services .contact-us .contact-list .contact-item .item-name[data-v-6bafeaa3]{color:#141f21;font-size:16px;font-weight:600;}
.page-institutional-services .contact-us .contact-list .contact-item .item-name img[data-v-6bafeaa3]{height:32px;width:32px;}
}
/*! CSS Used from: Embedded */
.typed-cursor{opacity:1;}

/*! CSS Used from: /assets/web-frontend/client/css/65f3f15.css */
.swiper{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1;}
.swiper-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-wrapper{transform:translateZ(0);}
.swiper-pointer-events{touch-action:pan-y;}
.swiper-pointer-events.swiper-vertical{touch-action:pan-x;}
.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%;}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto;}
.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height;}
.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);}
.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000;}
/*! CSS Used from: /assets/web-frontend/client/css/33e256c.css */
.opg[data-v-314ff9f1]{background-color:#fff;}
.opg [data-v-314ff9f1],.opg[data-v-314ff9f1]{box-sizing:border-box;}
.opg .opg-container[data-v-314ff9f1]{margin:0 auto;width:1200px;}
.opg .opg-container .main-banner[data-v-314ff9f1]{align-items:center;display:flex;height:527px;justify-content:space-between;width:100%;}
.opg .opg-container .main-banner .title-side[data-v-314ff9f1]{display:flex;flex-direction:column;justify-content:center;}
.opg .opg-container .main-banner .title-side .title[data-v-314ff9f1]{animation:fadeIn-314ff9f1 .5s ease-in;color:#1a1b1f;font-size:64px;font-weight:600;line-height:83px;}
.opg .opg-container .main-banner .title-side .sub-title[data-v-314ff9f1]{animation:slideInBottom-314ff9f1 .5s ease-in;color:rgba(26,27,31,.7);font-size:24px;line-height:31px;width:360px;}
.opg .opg-container .main-banner .code-side[data-v-314ff9f1]{height:347px;position:relative;width:540px;}
.opg .opg-container .main-banner .code-side .code-bg[data-v-314ff9f1]{background-image:url(web-frontend/client/img/bg.000395c.png);background-size:contain;height:100%;width:100%;}
.opg .opg-container .main-banner .code-side .code-triangle[data-v-314ff9f1]{animation:rotate3count-314ff9f1 5s ease-in-out .5s both;background:url(web-frontend/client/img/code-icon3669.78cc1ef.html) no-repeat 50%;background-size:contain;bottom:60px;height:78px;position:absolute;right:-32px;width:76px;}
.opg .opg-container .main-banner .code-side .code-chat[data-v-314ff9f1]{animation:slideInRight-314ff9f1 .5s ease-in;background:url(web-frontend/client/img/code-icon3656.c640775.html) no-repeat 50%;background-size:contain;bottom:165px;height:102px;position:absolute;right:-77px;width:281px;}
.opg .opg-container .main-banner .code-side .code-chat.en[data-v-314ff9f1]{background:url(web-frontend/client/img/code-icon3656.c640775.html) no-repeat 50%;background-size:contain;}
.opg .opg-container .main-banner .code-side .code-chat-line[data-v-314ff9f1]{animation:fadeIn-314ff9f1 .3s ease-in .5s both;background:url(web-frontend/client/img/line2.073e9d8.html) no-repeat 50%;background-size:contain;bottom:118px;height:58px;opacity:0;position:absolute;right:91px;width:51px;}
.opg .opg-container .main-banner .code-side .code-count[data-v-314ff9f1]{animation:slideInLeft-314ff9f1 .5s ease-in;bottom:38px;height:67px;left:-180px;position:absolute;width:206px;}
.opg .opg-container .main-banner .code-side .code-count.en[data-v-314ff9f1]{background:url(web-frontend/client/img/code-icon3657.c46d14a.html) no-repeat 50%;background-size:contain;}
.opg .opg-container .main-banner .code-side .code-count-line[data-v-314ff9f1]{animation:fadeIn-314ff9f1 .3s ease-in .5s both;background:url(web-frontend/client/img/line1.3ae09d4.html) no-repeat 50%;background-size:contain;bottom:95px;height:85px;left:-45px;opacity:0;position:absolute;width:81px;}
.opg .opg-container .api-type[data-v-314ff9f1]{animation:slideInBottom-314ff9f1 .5s ease-in;display:flex;}
.opg .opg-container .api-type .api-type-item[data-v-314ff9f1]{align-items:center;background:rgba(229,235,240,.5);border-radius:8px;cursor:pointer;display:flex;flex:1;height:90px;justify-content:space-between;margin-right:24px;padding:0 16px;transition:all .3s;}
.opg .opg-container .api-type .api-type-item[data-v-314ff9f1]:last-child{margin-right:0;}
.opg .opg-container .api-type .api-type-item span[data-v-314ff9f1]{color:#141f21;font-size:16px;font-weight:600;}
.opg .opg-container .api-type .api-type-item i[data-v-314ff9f1]{color:#6a7c81;}
.opg .opg-container .api-type .api-type-item[data-v-314ff9f1]:hover{background:rgba(229,235,240,.3);}
.opg .opg-container .api-type .api-type-item:hover i[data-v-314ff9f1]{color:#141f21;}
.opg .opg-container .api-type .api-type-item[data-v-314ff9f1]:active{background:#e5ebf0;}
.opg .opg-container .api-type .api-type-item:active i[data-v-314ff9f1]{color:#141f21;}
.opg .opg-container .start-guide[data-v-314ff9f1]{animation:slideInBottom-314ff9f1 .5s ease-in;padding:60px 0 0;}
.opg .opg-container .start-guide .title[data-v-314ff9f1]{color:#141f21;font-size:32px;font-weight:600;line-height:42px;margin-bottom:4px;}
.opg .opg-container .start-guide .sub-title[data-v-314ff9f1]{color:#141f21;font-size:16px;line-height:36px;}
.opg .opg-container .start-guide .start-guide-line[data-v-314ff9f1]{background-clip:content-box;background-color:#e2ebef;height:2px;margin:35px 0 19px;position:relative;width:100%;}
.opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]{background-color:#fff;height:14px;position:absolute;top:50%;transform:translateY(-50%);width:14px;}
.opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:before{background-color:#e2ebef;border-radius:50%;content:" ";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;}
.opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:first-child{left:0;}
.opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:nth-child(2){left:33.33%;}
.opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:nth-child(3){left:66.66%;}
.opg .opg-container .start-guide .start-guide-row[data-v-314ff9f1]{display:flex;}
.opg .opg-container .start-guide .start-guide-row .start-guide-item[data-v-314ff9f1]{display:flex;flex:1;flex-direction:column;}
.opg .opg-container .start-guide .start-guide-row .start-guide-item .num-index[data-v-314ff9f1]{color:#141f21;font-size:24px;font-weight:700;line-height:29px;}
.opg .opg-container .start-guide .start-guide-row .start-guide-item .guide-text[data-v-314ff9f1]{color:#141f21;font-size:20px;font-weight:500;line-height:26px;margin-bottom:21px;}
.opg .opg-container .start-guide .start-guide-row .start-guide-item .btn-row[data-v-314ff9f1]{display:flex;}
.opg .opg-container .start-guide .start-guide-row .start-guide-item .btn-row button[data-v-314ff9f1]{align-items:center;border-radius:4px;display:flex;height:34px;justify-content:center;}
.opg .opg-container .start-guide .start-guide-row .start-guide-item .btn-row button[data-v-314ff9f1]:hover{border-color:#049FD3;}
.opg .opg-container .our-offer[data-v-314ff9f1]{animation:slideInBottom-314ff9f1 .5s ease-in;margin-top:100px;position:relative;}
.opg .opg-container .our-offer .title[data-v-314ff9f1]{color:#141f21;font-size:32px;font-weight:600;line-height:42px;}
.opg .opg-container .our-offer .sub-title[data-v-314ff9f1]{color:#141f21;font-size:24px;font-weight:600;line-height:31px;margin-top:40px;}
.opg .opg-container .our-offer .benefit-wrap[data-v-314ff9f1]{display:flex;justify-content:space-between;}
.opg .opg-container .our-offer .benefit-wrap .benefit-list[data-v-314ff9f1]{margin-top:24px;}
.opg .opg-container .our-offer .benefit-wrap .benefit-list .benefit-list-item[data-v-314ff9f1]{color:#141f21;font-size:16px;line-height:36px;}
.opg .opg-container .our-offer .benefit-wrap .benefit-list .benefit-list-item i[data-v-314ff9f1]{color:#049FD3;font-weight:900;margin-right:6px;}
.opg .opg-container .our-offer .benefit-wrap .benefit-img[data-v-314ff9f1]{background:url(web-frontend/client/img/code-icon-vip.fa29d98.html) no-repeat 50%;background-size:contain;height:292px;position:absolute;right:0;top:0;width:241px;}
.opg .opg-container .banner-wrapper[data-v-314ff9f1]{padding-top:60px;}
.opg .opg-container .banner-wrapper .title[data-v-314ff9f1]{color:#141f21;font-size:24px;font-weight:600;line-height:31px;}
.opg .opg-container .banner-wrapper .banner .banner-content[data-v-314ff9f1]{align-items:center;display:flex;justify-content:space-between;overflow:hidden;padding-top:30px;position:relative;width:100%;}
.opg .opg-container .banner-wrapper .banner .banner-content:hover .banner-arrow[data-v-314ff9f1]{background-color:rgba(0,0,0,.5);color:#fff;}
.opg .opg-container .banner-wrapper .banner .banner-content .banner-arrow[data-v-314ff9f1]{align-items:center;background-color:transparent;color:#333;cursor:pointer;display:flex;font-size:18px;height:192px;position:absolute;transition:all .2s ease;z-index:2;}
.opg .opg-container .banner-wrapper .banner .banner-content .banner-arrow.el-icon-arrow-left[data-v-314ff9f1]{border-bottom-left-radius:8px;border-top-left-radius:8px;left:0;}
.opg .opg-container .banner-wrapper .banner .banner-content .banner-arrow.el-icon-arrow-right[data-v-314ff9f1]{border-bottom-right-radius:8px;border-top-right-radius:8px;right:0;}
.opg .opg-container .banner-wrapper .banner .banner-content .banner-over[data-v-314ff9f1]{overflow:hidden;width:100%;}
.opg .opg-container .banner-wrapper .banner .banner-content .banner-over .banner-transform[data-v-314ff9f1]{display:flex;flex-wrap:nowrap;transform:translate(0) translateZ(0);transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out;}
.opg .opg-container .banner-wrapper .banner .banner-content .banner-over .banner-transform .banner-img[data-v-314ff9f1]{background-color:#fafafa;border-radius:8px;flex-shrink:0;height:192px;margin-right:24px;-o-object-fit:cover;object-fit:cover;transition:all .2s ease;width:384px;}
.opg .opg-container .banner-wrapper .banner .banner-content .banner-over .banner-transform .banner-img[data-v-314ff9f1]:hover{transform:scale(.98);transform-origin:center;}
.opg .opg-container .contact-us[data-v-314ff9f1]{padding-top:100px;}
.opg .opg-container .contact-us .title[data-v-314ff9f1]{color:#141f21;font-size:32px;font-weight:600;line-height:42px;}
.opg .opg-container .contact-us .contact-list[data-v-314ff9f1]{display:flex;padding-top:40px;}
.opg .opg-container .contact-us .contact-list .contact-item[data-v-314ff9f1]{align-items:center;background:hsla(0,0%,100%,.08);border:1px solid #e5ebf0;border-radius:8px;cursor:pointer;display:flex;height:105px;justify-content:space-between;margin-right:24px;padding:0 16px 0 32px;transform:translateY(0);transition:all .3s;width:384px;}
.opg .opg-container .contact-us .contact-list .contact-item[data-v-314ff9f1]:hover{background:rgba(229,235,240,.3);transform:translateY(-10px);}
.opg .opg-container .contact-us .contact-list .contact-item[data-v-314ff9f1]:last-child{margin-right:0;}
.opg .opg-container .contact-us .contact-list .contact-item .item-name[data-v-314ff9f1]{align-items:center;color:#141f21;display:flex;font-size:24px;font-weight:600;}
.opg .opg-container .contact-us .contact-list .contact-item .item-name img[data-v-314ff9f1]{height:32px;margin-right:8px;width:32px;}
.opg .opg-container .contact-us .contact-list .contact-item .el-icon-arrow-right[data-v-314ff9f1]{color:#6a7c81;}
.opg .api-partners[data-v-314ff9f1]{padding-top:120px;}
.opg .api-partners .title[data-v-314ff9f1]{color:#141f21;font-size:32px;font-weight:600;line-height:42px;margin-bottom:40px;}
.opg .api-partners .swiper-wrap[data-v-314ff9f1]{position:relative;}
.opg .api-partners .swiper-wrap:hover .swiper-next[data-v-314ff9f1],.opg .api-partners .swiper-wrap:hover .swiper-prev[data-v-314ff9f1]{visibility:visible;}
.opg .api-partners .swiper-wrap .swiper-prev[data-v-314ff9f1]{cursor:pointer;position:absolute;right:20px;text-align:center;top:-16px;transition:transform .3s;visibility:hidden;z-index:2;}
.opg .api-partners .swiper-wrap .swiper-prev img[data-v-314ff9f1]:first-child{display:none;}
.opg .api-partners .swiper-wrap .swiper-next[data-v-314ff9f1]{bottom:-16px;cursor:pointer;position:absolute;right:20px;text-align:center;transition:transform .3s;visibility:hidden;z-index:2;}
.opg .api-partners .swiper-wrap .swiper-next img[data-v-314ff9f1]:first-child,.opg .api-partners .swiper-wrap .swiper-next:hover img[data-v-314ff9f1]:nth-child(2),.opg .api-partners .swiper-wrap .swiper-prev:hover img[data-v-314ff9f1]:nth-child(2){display:none;}
.opg .api-partners .swiper-wrap .swiper-next:hover img[data-v-314ff9f1]:first-child,.opg .api-partners .swiper-wrap .swiper-prev:hover img[data-v-314ff9f1]:first-child{display:inline-block;}
.opg .api-partners .swiper[data-v-314ff9f1]{height:222px;}
.opg .api-partners .api-partners-row .api-partners-item[data-v-314ff9f1]{align-items:center;border:1px solid #e7edf0;border-radius:8px;display:flex;gap:8px;padding:12px;}
.opg .api-partners .api-partners-row .api-partners-item img[data-v-314ff9f1]{-o-object-fit:contain;object-fit:contain;}
.opg .api-program[data-v-314ff9f1]{padding-top:120px;}
.opg .api-program .title[data-v-314ff9f1]{color:#141f21;font-size:32px;font-weight:600;line-height:42px;margin-bottom:32px;}
.opg .api-program .api-program_content[data-v-314ff9f1]{align-items:stretch;display:flex;gap:24px;}
.opg .api-program .api-program_content .api-program_item[data-v-314ff9f1]{background:#fafafa;border-radius:12px;cursor:pointer;flex:1;padding:40px 45px 58px 22px;}
.opg .api-program .api-program_content .api-program_item h4[data-v-314ff9f1]{color:#1a1b1f;color:var(--Web_primary,#1a1b1f);font-size:24px;font-weight:700;margin:16px 0;transition:color .1s linear;}
.opg .api-program .api-program_content .api-program_item div[data-v-314ff9f1]{color:#3e4648;font-size:16px;font-weight:400;}
.typewriter[data-v-314ff9f1]{color:#fff;font-size:12px;left:30px;opacity:0;position:absolute;top:71px;transform:scale(.88);transform-origin:0 0;}
.typewriter[data-v-314ff9f1]:after{animation:blink-314ff9f1 .5s linear infinite alternate;content:"|";}
.typewriter .highlight-red[data-v-314ff9f1]{color:#eb8075;}
.typewriter .highlight-yellow[data-v-314ff9f1]{color:#f2aa65;}
.typewriter .highlight-blue[data-v-314ff9f1]{color:#afd5fb;}
.typewriter .highlight-purple[data-v-314ff9f1]{color:#be9ef9;}
@media (max-width:768px){
.opg[data-v-314ff9f1]{padding:130px 0 0;}
.opg .opg-container[data-v-314ff9f1],.opg[data-v-314ff9f1]{width:100%;}
.opg .opg-container .main-banner[data-v-314ff9f1]{flex-direction:column;justify-content:space-around;overflow:hidden;padding:0 20px;}
.opg .opg-container .main-banner .title-side[data-v-314ff9f1]{align-items:center;}
.opg .opg-container .main-banner .title-side .title[data-v-314ff9f1]{font-size:32px;line-height:42px;}
.opg .opg-container .main-banner .title-side .sub-title[data-v-314ff9f1]{color:rgba(26,27,31,.7);font-size:14px;line-height:18px;width:100%;}
.opg .opg-container .main-banner .code-side[data-v-314ff9f1]{height:215.27vw/3.75;width:335vw/3.75;}
.opg .opg-container .main-banner .code-side .code-bg[data-v-314ff9f1]{background-repeat:no-repeat;background-size:contain;}
.opg .opg-container .main-banner .code-side .code-triangle[data-v-314ff9f1]{bottom:60vw/3.75;height:78vw/3.75;right:-32vw/3.75;width:76vw/3.75;}
.opg .opg-container .main-banner .code-side .code-chat[data-v-314ff9f1]{bottom:165vw/3.75;height:102vw/3.75;right:-77vw/3.75;width:281vw/3.75;}
.opg .opg-container .main-banner .code-side .code-chat-line[data-v-314ff9f1]{bottom:118vw/3.75;height:58vw/3.75;right:91vw/3.75;width:51vw/3.75;}
.opg .opg-container .main-banner .code-side .code-count[data-v-314ff9f1]{bottom:38vw/3.75;height:67vw/3.75;left:-180vw/3.75;width:206vw/3.75;}
.opg .opg-container .main-banner .code-side .code-count-line[data-v-314ff9f1]{bottom:95vw/3.75;height:85vw/3.75;left:-45vw/3.75;width:81vw/3.75;}
.opg .opg-container .api-type[data-v-314ff9f1]{flex-wrap:wrap;padding:0 20px;width:100%;}
.opg .opg-container .api-type .api-type-item[data-v-314ff9f1]{flex-basis:40%;margin-right:0;margin-top:10px;}
.opg .opg-container .api-type .api-type-item[data-v-314ff9f1]:nth-child(odd){margin-right:10px;}
.opg .opg-container .api-type .api-type-item span[data-v-314ff9f1]{font-size:14px;}
.opg .opg-container .start-guide[data-v-314ff9f1]{padding:56px 20px 54px;position:relative;}
.opg .opg-container .start-guide .title[data-v-314ff9f1]{font-size:24px;line-height:31px;margin-bottom:12px;}
.opg .opg-container .start-guide .sub-title[data-v-314ff9f1]{font-size:14px;line-height:22px;}
.opg .opg-container .start-guide .start-guide-line[data-v-314ff9f1]{height:270px;left:23px;margin:initial;position:absolute;top:168px;width:2px;}
.opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]{left:50%;top:auto;transform:translateX(-50%);}
.opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:first-child{top:0;}
.opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:nth-child(2){top:50%;}
.opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:nth-child(3){top:100%;}
.opg .opg-container .start-guide .start-guide-row[data-v-314ff9f1]{flex-direction:column;padding-left:22px;padding-top:20px;}
.opg .opg-container .start-guide .start-guide-row .start-guide-item[data-v-314ff9f1]{padding-bottom:40px;}
.opg .opg-container .start-guide .start-guide-row .start-guide-item .num-index[data-v-314ff9f1]{font-size:20px;line-height:24px;}
.opg .opg-container .start-guide .start-guide-row .start-guide-item .guide-text[data-v-314ff9f1]{font-size:16px;line-height:21px;margin-bottom:16px;}
.opg .opg-container .start-guide .start-guide-row .start-guide-item .btn-row[data-v-314ff9f1]{justify-content:flex-end;}
.opg .opg-container .our-offer[data-v-314ff9f1]{padding:0 20px;}
.opg .opg-container .our-offer .title[data-v-314ff9f1]{font-size:24px;line-height:31px;}
.opg .opg-container .our-offer .sub-title[data-v-314ff9f1]{font-size:16px;line-height:21px;margin-top:20px;}
.opg .opg-container .our-offer .benefit-wrap .benefit-list[data-v-314ff9f1]{margin-top:14px;}
.opg .opg-container .our-offer .benefit-wrap .benefit-list .benefit-list-item[data-v-314ff9f1]{font-size:14px;}
.opg .opg-container .our-offer .benefit-wrap .benefit-img[data-v-314ff9f1]{display:none;}
.opg .opg-container .banner-wrapper[data-v-314ff9f1]{padding:24px 20px 0;}
.opg .opg-container .banner-wrapper .title[data-v-314ff9f1]{font-size:16px;line-height:21px;}
.opg .opg-container .banner-wrapper .banner-content .banner-arrow[data-v-314ff9f1]{display:none!important;}
.opg .opg-container .banner-wrapper .banner-content .banner-over .banner-transform[data-v-314ff9f1]{display:block!important;transform:none!important;}
.opg .opg-container .banner-wrapper .banner-content .banner-over .banner-transform .banner-item:last-child .banner-img[data-v-314ff9f1]{margin-bottom:0;}
.opg .opg-container .banner-wrapper .banner-content .banner-over .banner-transform .banner-img[data-v-314ff9f1]{height:44.67vw!important;margin-bottom:12px;margin-right:0!important;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center;object-position:center;width:100%!important;}
.opg .opg-container .contact-us[data-v-314ff9f1]{padding:56px 20px 0;}
.opg .opg-container .contact-us .contact-list[data-v-314ff9f1]{flex-wrap:wrap;}
.opg .opg-container .contact-us .contact-list .contact-item[data-v-314ff9f1]{height:70px;margin-bottom:12px;margin-right:0;padding:0 12px;width:100%;}
.opg .opg-container .contact-us .contact-list .contact-item[data-v-314ff9f1]:last-child{margin-bottom:0;}
.opg .opg-container .contact-us .contact-list .contact-item .item-name[data-v-314ff9f1]{color:#141f21;font-size:16px;font-weight:600;}
.opg .opg-container .contact-us .contact-list .contact-item .item-name img[data-v-314ff9f1]{height:32px;width:32px;}
.typewriter[data-v-314ff9f1]{left:30vw/3.75;top:50vw/3.75;transform:scale(.55);}
}
/*! CSS Used keyframes */
@keyframes fadeIn-314ff9f1{0%{opacity:0;}to{opacity:1;}}
@keyframes slideInBottom-314ff9f1{0%{opacity:0;transform:translateY(200%);}to{opacity:1;transform:translateX(0);}}
@keyframes rotate3count-314ff9f1{0%{transform:rotate(0deg);}to{transform:rotate(450deg);}}
@keyframes slideInRight-314ff9f1{0%{opacity:0;transform:translateX(100%);}to{opacity:1;transform:translateX(0);}}
@keyframes slideInLeft-314ff9f1{0%{opacity:0;transform:translateX(-100%);}to{opacity:1;transform:translateX(0);}}
@keyframes blink-314ff9f1{0%{opacity:0;}to{opacity:1;}}



/*! CSS Used from: /assets/web-frontend-next/public/_next/index.Dq62j_WS.css */
._Carousel__Area_1y0v5_17{height:362px;margin-left:auto;-webkit-mask:linear-gradient(180deg,transparent,#fff,transparent);position:relative;width:256px;}
@media (max-width:768px){
._Carousel__Area_1y0v5_17{height:52px;margin-top:44px;-webkit-mask:unset;width:100%;}
}
._Carousel__Content_1y0v5_32{animation:_slide_1y0v5_1 calc(3.2s*var(--item-count)) linear infinite;color:#384140;display:flex;flex-direction:column;height:calc(var(--totalHeight)*2px);transform:translateY(0);}
@media (max-width:768px){
._Carousel__Content_1y0v5_32{animation:_slideHorizontal_1y0v5_1 calc(3.2s*var(--item-count)) linear infinite;flex-direction:row;height:auto;transform:translate(0);width:calc(var(--totalWidth)*2px);}
}
._Carousel__Content_1y0v5_32:hover{animation-play-state:paused;}
._Carousel__Content--item_1y0v5_52{box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;padding:11px 0 11px 11px;width:256px;}
@media (max-width:768px){
._Carousel__Content--item_1y0v5_52{padding:0 11px;width:auto;}
}
._Carousel__Content--title_1y0v5_66{color:var(--color-text-light5-,var(--Web_third,#9cb3ba));font-size:24px;font-weight:700;line-height:32px;text-align:left;}
@media (max-width:768px){
._Carousel__Content--title_1y0v5_66{font-size:20px;font-weight:700;line-height:28px;}
}
._Carousel__Content--desc_1y0v5_80{color:var(--color-text-light5-,var(--Web_third,#9cb3ba));font-size:14px;font-weight:400;line-height:24px;text-align:left;white-space:nowrap;}
@media (max-width:768px){
._Carousel__Content--desc_1y0v5_80{font-size:12px;font-weight:400;line-height:24px;}
}
._Top_1mkmq_1{align-items:center;display:flex;justify-items:center;min-height:362px;}
@media (max-width:768px){
._Top_1mkmq_1{flex-direction:column-reverse;}
}
._Top__Carousel_1mkmq_12{position:absolute;right:50px;top:0;}
@media (max-width:768px){
._Top__Carousel_1mkmq_12{position:unset;}
}
._Top__Img_1mkmq_22{margin-left:auto;padding:0 170px 0 20px;}
@media (max-width:768px){
._Top__Img_1mkmq_22{margin-left:unset;padding:0;}
}
._Top__Img_1mkmq_22 img{-o-object-fit:contain;object-fit:contain;width:400px;}
@media (max-width:768px){
._Top__Img_1mkmq_22 img{scale:1.4;transform-origin:50% 25% 0;width:100%;}
}
._Top__Content_1mkmq_43{display:flex;flex-direction:column;}
._Top__Content--title_1mkmq_47{font-size:80px;font-weight:700;line-height:80px;}
@media (max-width:768px){
._Top__Content--title_1mkmq_47{font-size:48px;line-height:56px;text-align:center;}
}
._Top__Content--desc_1mkmq_59{color:#9db3ba;font-size:20px;font-weight:400;line-height:28px;margin-top:8px;}
@media (max-width:768px){
._Top__Content--desc_1mkmq_59{font-size:16px;line-height:24px;text-align:center;}
}
._Top__Content--already_1mkmq_73{background:transparent;border:1px solid #6a7c81;color:#fff;height:auto;margin-left:0!important;margin-right:24px;margin-top:40px;min-width:180px;padding:16px;}
._Top__Content--already_1mkmq_73:hover{border:1px solid #01e0e0;color:#01e0e0;}
@media (max-width:768px){
._Top__Content--already_1mkmq_73{margin-right:12px;margin-top:20px;padding:12px;}
}
._Top__Content--upgrade_1mkmq_101{background:#01e0e0;border:1px solid #1a1b1f;color:#1a1b1f;height:auto;margin-left:0!important;margin-right:24px;margin-top:40px;min-width:180px;padding:16px;}
._Top__Content--upgrade_1mkmq_101:hover{color:#1a1b1f;}
@media (max-width:768px){
._Top__Content--upgrade_1mkmq_101{margin-right:12px;margin-top:20px;padding:12px;}
}
@media (max-width:500px){
._Top__Content--btnWrapper_1mkmq_129{display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:100%;width:343px;}
}
@media (max-width:500px) and (max-width:768px){
._Top__Img_1mkmq_22 img{scale:1;}
}
.banner-wrapper[data-v-c6acd228]{margin-top:135px;width:100%;}
.banner-wrapper[data-v-c6acd228],.banner-wrapper[data-v-c6acd228] *{box-sizing:border-box;}
.banner-wrapper .wrapper[data-v-c6acd228]{margin:0 auto;max-width:1232px;overflow:hidden;padding:20px 16px;position:relative;width:100%;}
.banner-wrapper .wrapper:hover .arrow[data-v-c6acd228]{opacity:.9;}
.banner-wrapper .wrapper:hover .arrow.disabled[data-v-c6acd228]{opacity:0;}
.banner-wrapper .wrapper.mobile[data-v-c6acd228]{display:none;}
.banner-wrapper .list[data-v-c6acd228]{display:flex;flex-wrap:nowrap;justify-content:space-around;margin-left:-16px;margin-right:-8px;}
.banner-wrapper .item-wrapper[data-v-c6acd228],.banner-wrapper .list[data-v-c6acd228]{transition:transform .25s cubic-bezier(.645,.045,.355,1);}
.banner-wrapper .item-wrapper[data-v-c6acd228]{border:1px solid #383a40;border-radius:12px;flex:0 0 auto;margin-left:16px;width:calc(25% - 48);}
.banner-wrapper .item-wrapper[data-v-c6acd228]:hover{transform:translateY(-8px);}
.banner-wrapper .item[data-v-c6acd228]{background-color:var(--index-banner-color-bg-primary,#f7f9fa);border-radius:8px;cursor:pointer;display:flex;height:144px;transition:box-shadow .25s cubic-bezier(.645,.045,.355,1);}
.banner-wrapper .item[data-v-c6acd228]:hover{box-shadow:0 8px 16px #00000026;}
.banner-wrapper .item .poster[data-v-c6acd228]{align-self:center;border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%;}
.banner-wrapper .arrow[data-v-c6acd228]{cursor:pointer;height:40px;margin-top:-20px;opacity:0;position:absolute;top:50%;transition:opacity .25s ease;width:40px;}
.banner-wrapper .arrow.arrow-left[data-v-c6acd228]{left:16px;}
.banner-wrapper .arrow.arrow-right[data-v-c6acd228]{right:16px;}
.banner-wrapper .arrow.disabled[data-v-c6acd228]{cursor:not-allowed;}
@media screen and (max-width:1279px){
.banner-wrapper[data-v-c6acd228]{padding:0 16px;width:100%;}
}
@media screen and (max-width:960px){
.banner-wrapper[data-v-c6acd228]{margin-top:16px;overflow:hidden;padding:0 0 20px;width:100%;}
.banner-wrapper .wrapper[data-v-c6acd228]{height:100%;overflow:auto;padding:20px 0;}
.banner-wrapper .wrapper.pc[data-v-c6acd228]{display:none;}
.banner-wrapper .wrapper.mobile[data-v-c6acd228]{display:flex;}
.banner-wrapper .list[data-v-c6acd228]{display:block;margin-left:0;margin-right:0;width:100%;}
.banner-wrapper .item-wrapper[data-v-c6acd228]{margin-left:16px;padding-left:0;padding-right:0;width:252px;}
.banner-wrapper .item-wrapper[data-v-c6acd228]:hover{transform:translateY(0);}
.banner-wrapper .item-wrapper[data-v-c6acd228]:last-of-type{margin-right:16px;}
.banner-wrapper .item[data-v-c6acd228]{align-items:normal;flex-direction:column-reverse;height:112px;}
.banner-wrapper .item[data-v-c6acd228]:hover{box-shadow:none;}
.banner-wrapper .item .poster[data-v-c6acd228]{align-self:auto;margin-left:0;}
.banner-wrapper .arrow[data-v-c6acd228]{display:none;}
}
._Benefits_1rd8i_1{margin-top:156px;}
@media (max-width:768px){
._Benefits_1rd8i_1{margin-top:80px;}
}
._Benefits__Title_1rd8i_9{font-size:56px;font-weight:700;line-height:80px;}
@media (max-width:768px){
._Benefits__Title_1rd8i_9{font-size:36px;line-height:56px;text-align:center;}
}
._Benefits__Content_1rd8i_21{display:flex;flex-direction:column;margin-top:140px;}
._Benefits__Content--item_1rd8i_26{align-items:center;display:flex;margin:0 auto 140px;}
@media (max-width:768px){
._Benefits__Content--item_1rd8i_26{flex-direction:column;margin:40px 0 0;}
}
._Benefits__Content--itemRight_1rd8i_37{flex-direction:row-reverse;}
@media (max-width:768px){
._Benefits__Content--itemRight_1rd8i_37{flex-direction:column;}
}
._Benefits__Content--wrapper_1rd8i_45{display:flex;flex-direction:column;width:588px;}
@media (max-width:768px){
._Benefits__Content--wrapper_1rd8i_45{margin-top:16px;width:unset;}
}
._Benefits__Content--title_1rd8i_56{font-size:40px;font-weight:700;line-height:48px;text-align:left;}
@media (max-width:768px){
._Benefits__Content--title_1rd8i_56{font-size:24px;line-height:32px;text-align:center;}
}
._Benefits__Content--desc_1rd8i_69{color:#3e4648;color:#9db3ba;font-size:16px;font-weight:400;line-height:24px;margin-top:16px;text-align:left;white-space:break-spaces;}
@media (max-width:768px){
._Benefits__Content--desc_1rd8i_69{font-size:14px;font-weight:400;line-height:21px;text-align:center;}
}
._Benefits__Content--btn_1rd8i_87{color:#9db3ba;cursor:pointer;display:inline-block;font-size:16px;font-weight:400;line-height:24px;margin-top:32px;text-decoration:underline;}
._Benefits__Content--btn_1rd8i_87:after{content:" >";}
._Benefits__Content--btn_1rd8i_87:hover{color:#fff;}
@media (max-width:768px){
._Benefits__Content--btn_1rd8i_87{font-size:14px;font-weight:400;line-height:21px;margin:auto;text-align:center;}
._Benefits__Content--btnWrapper_1rd8i_113{display:flex;margin-top:16px;}
}
._Benefits__Content--left_1rd8i_118{margin-right:100px;}
@media (max-width:768px){
._Benefits__Content--left_1rd8i_118{margin-right:0;}
}
._Benefits__Content--right_1rd8i_126{margin-left:100px;}
@media (max-width:768px){
._Benefits__Content--right_1rd8i_126{margin-left:0;}
}
._Benefits__Content_1rd8i_21 img{height:320px;}
@media (max-width:768px){
._Benefits__Content_1rd8i_21 img{height:auto;width:100%;}
}
._Exclusive_1rd8i_143{align-items:center;display:flex;flex-direction:column;margin-top:160px;}
._Exclusive__Title_1rd8i_149{background-image:url(web-frontend-next/public/_next/bg_vip.Bn5uwfPL.html);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;font-size:72px;font-weight:700;line-height:80px;padding:40px;}
@media (max-width:768px){
._Exclusive__Title_1rd8i_149{background-image:unset;font-size:48px;line-height:56px;padding:0;text-align:center;}
}
._Exclusive__Grid_1rd8i_168{display:grid;margin-top:32px;grid-gap:40px 4px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
@media (max-width:768px){
._Exclusive__Grid_1rd8i_168{grid-template-columns:1fr 1fr;margin-top:52px;}
}
._Exclusive__Grid--item_1rd8i_180{align-items:center;display:flex;flex-direction:column;min-width:196px;}
@media (max-width:768px){
._Exclusive__Grid--item_1rd8i_180{min-width:unset;}
}
._Exclusive__Grid--item_1rd8i_180 img{height:40px;width:40px;}
._Exclusive__Grid--item_1rd8i_180 span{font-size:16px;font-weight:400;line-height:24px;margin-top:28px;text-align:center;}
@media (max-width:768px){
._Exclusive__Grid--item_1rd8i_180 span{font-size:14px;line-height:24px;}
}
._Fees_1u1pr_1{margin-top:240px;}
@media (max-width:768px){
._Fees_1u1pr_1{margin-top:160px;}
}
._Fees__Title_1u1pr_9{flex:1;font-size:56px;font-weight:700;line-height:80px;text-align:left;}
@media (max-width:768px){
._Fees__Title_1u1pr_9{font-size:36px;line-height:56px;}
}
._Fees__TitleWrapper_1u1pr_22{align-items:baseline;display:flex;}
@media (max-width:768px){
._Fees__TitleWrapper_1u1pr_22{flex-direction:column;}
}
._Fees__Title--right_1u1pr_31{color:#9db3ba;cursor:pointer;font-size:16px;font-weight:400;line-height:24px;text-decoration:underline;}
._Fees__Title--right_1u1pr_31:after{content:" >";}
._Fees__TableHeader_1u1pr_42{display:flex;flex-direction:column;}
._Fees__TableHeader--title_1u1pr_46{color:#fff;font-size:16px;font-weight:700;line-height:24px;text-align:center;word-break:break-word;}
._Fees__TableHeader--desc_1u1pr_54{font-size:12px;font-weight:400;line-height:16px;text-align:center;}
._Fees__Table_1u1pr_42{margin-top:80px;--el-table-header-bg-color:#f5f5f580;--el-table-border-color:#383a40;}
@media (max-width:768px){
._Fees__Table_1u1pr_42{margin-top:16px;}
}
._Fees__Table_1u1pr_42 .el-table__cell{padding:16px 0;}
._Fees__Table_1u1pr_42 .el-table__header .el-table__cell{border-bottom:0!important;border-right:0!important;padding:8px 0;}
._Fees__Table--level_1u1pr_78{font-family:IBM Plex Sans;font-size:20px;font-style:italic;font-weight:700;letter-spacing:0;line-height:24px;text-align:center;}
._Fees__Table--levelNum_1u1pr_87{font-size:10px;}
._Fees__Note_1u1pr_90{align-items:center;display:flex;flex-direction:column;font-size:14px;font-weight:400;justify-content:center;line-height:22px;margin-top:22px;padding:10px;}
@media (max-width:768px){
._Fees__Note_1u1pr_90{align-items:flex-start;}
}
._Fees__Note--expand_1u1pr_106{align-items:center;cursor:pointer;display:flex;justify-content:center;}
._Fees__Note--icon_1u1pr_112{margin-left:4px;transform-origin:center;transition:transform .15s ease-in;}
._Fees__Note--content_1u1pr_120{color:#9db3ba;font-size:14px;font-weight:400;line-height:22px;margin-top:32px;max-height:0;overflow:hidden;width:100%;}
@media (max-width:768px){
._Fees__Note--content_1u1pr_120{margin-top:16px;}
}
._Fees__Note--contentExpand_1u1pr_136{max-height:unset;}
._Fees__Note--title_1u1pr_139{color:#1a1b1f;font-size:16px;font-weight:700;line-height:24px;width:100%;}
._Security_scqja_1{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:200px calc(50% - 50vw) 0;padding:96px 100px;}
@media (max-width:768px){
._Security_scqja_1{margin-top:80px;padding:80px 16px;}
}
._Security__Title_scqja_16{font-size:40px;font-weight:700;line-height:48px;text-align:center;}
@media (max-width:768px){
._Security__Title_scqja_16{font-size:28px;font-weight:700;line-height:34px;}
}
._Security__Grid_scqja_29{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:64px;grid-gap:80px;max-width:1200px;}
@media (max-width:768px){
._Security__Grid_scqja_29{grid-template-columns:1fr;margin-top:40px;grid-gap:40px;}
}
._Security__Grid--item_scqja_43{align-items:center;display:flex;flex-direction:column;}
._Security__Grid--item_scqja_43 img{height:80px;}
._Security__Grid--title_scqja_51{font-size:24px;font-weight:700;line-height:32px;margin-top:24px;text-align:center;}
@media (max-width:768px){
._Security__Grid--title_scqja_51{margin-top:8px;}
}
._Security__Grid--desc_scqja_63{color:#9db3ba;font-size:16px;font-weight:400;line-height:24px;margin-top:8px;text-align:center;}
@media (max-width:768px){
._Security__Grid--desc_scqja_63{font-size:14px;line-height:21px;}
}
._Join_1sya7_22{align-items:center;display:flex;margin-top:170px;}
@media (max-width:768px){
._Join_1sya7_22{flex-direction:column;margin-top:80px;}
}
._Join__Desc_1sya7_33{display:flex;flex:1;flex-direction:column;padding-right:100px;}
@media (max-width:768px){
._Join__Desc_1sya7_33{padding-right:0;}
}
._Join__Desc--title_1sya7_44{font-size:72px;font-weight:700;line-height:80px;white-space:break-spaces;}
@media (max-width:768px){
._Join__Desc--title_1sya7_44{font-size:48px;line-height:56px;padding-bottom:20px;}
}
._Join__Desc--item_1sya7_57{color:#86939b;display:flex;font-size:16px;font-weight:400;line-height:24px;margin-top:40px;}
@media (max-width:768px){
._Join__Desc--item_1sya7_57{font-size:14px;line-height:21px;margin-top:20px;}
}
._Join__Form_1sya7_81{flex:1;padding-left:100px;position:relative;}
@media (max-width:768px){
._Join__Form_1sya7_81{margin-top:40px;padding-left:0;}
}
._Join__Form--Checklogin_1sya7_92{cursor:pointer;inset:0;position:absolute;z-index:999;}
._Join__Form_1sya7_81 .el-textarea__inner{background:#25262a;box-shadow:none;color:#86939b;}
._Join__Form_1sya7_81 .el-form-item{margin-bottom:15px;}
._Join__Form_1sya7_81 .el-form-item__label{color:#fff;font-size:16px;font-weight:400;line-height:24px;margin-top:4px;opacity:.7;}
._Join__Form_1sya7_81 .el-upload-list--picture-card{--el-upload-list-picture-card-size:96px;border:none;}
@media (max-width:768px){
._Join__Form_1sya7_81 .el-upload-list--picture-card{--el-upload-list-picture-card-size:80px;}
}
._Join__Form_1sya7_81 .el-upload-list--picture-card .el-upload--picture-card{--el-fill-color-lighter:#eff4f6;--el-upload-picture-card-size:96px;background-color:#25262a;border:none;}
@media (max-width:768px){
._Join__Form_1sya7_81 .el-upload-list--picture-card .el-upload--picture-card{--el-upload-picture-card-size:80px;}
}
._Join__UploadFile--labelWeb_1sya7_154{display:inline;}
@media (max-width:768px){
._Join__UploadFile--labelWeb_1sya7_154{display:none;}
}
._Join__UploadFile--labelH5_1sya7_162{display:none;}
@media (max-width:768px){
._Join__UploadFile--labelH5_1sya7_162{display:inline;}
}
._Join__UploadFile--label_1sya7_154 a{cursor:pointer;font-size:12px;font-weight:400;line-height:18px;margin-left:8px;text-decoration:underline;}
._Join__UploadFile--desc_1sya7_203{color:#86939b;font-size:12px;font-weight:400;line-height:18px;margin-top:8px;width:100%;}
._Terms_i3aus_1{color:#86939b;display:flex;flex-direction:column;margin-top:120px;}
@media (max-width:768px){
._Terms_i3aus_1{margin-top:100px;}
}
._Terms__Title_i3aus_12{font-size:20px;font-weight:700;line-height:24px;margin-top:40px;}
._Terms__Content_i3aus_18 a{color:#01e0e0;text-decoration:underline;}
._Terms__Content--item_i3aus_22{font-size:14px;font-weight:400;line-height:22px;margin-top:20px;}
._Terms__Content--subItem_i3aus_28{margin-left:19px;margin-top:10px;}
._Vip_b1slj_1{background:#1a1b1f;color:#fff;font-family:IBM!important;overflow:hidden;padding-bottom:60px;padding-top:80px;}
@media (max-width:768px){
._Vip_b1slj_1{padding-bottom:60px;padding-top:30px;}
}
._Vip__Content_b1slj_15{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1300px;min-height:800px;position:relative;}
._Vip__Content--padding_b1slj_24{padding:0 50px;}
@media (max-width:768px){
._Vip__Content--padding_b1slj_24{padding:0 16px;}
}
._Vip__Content--padding26_b1slj_32{padding:0 26px;}
@media (max-width:768px){
._Vip__Content--padding26_b1slj_32{padding:0 16px;}
}
/*! CSS Used from: /assets/web-frontend-next/public/_next/default.gyYCXld3.css */
.main-container[data-v-11869b96]{box-sizing:border-box;min-height:calc(100vh - 134px);padding-top:0;}
.main-container:not(.isApp).dark[data-v-11869b96]{padding-top:80px;}
.main-container.roadmap[data-v-11869b96]{min-height:calc(100vh - 456px);}
/*! CSS Used keyframes */
@keyframes _slide_1y0v5_1{0%{transform:translateY(0);}to{transform:translateY(calc(-1px*var(--totalHeight)));}}
@keyframes _slideHorizontal_1y0v5_1{0%{transform:translate(0);}to{transform:translate(calc(-1px*var(--totalWidth)));}}



/*! CSS Used from: /assets/web-frontend/client/css/a65555b.css */
._1K\+f9P{--base-black:#141f21;--base-grey:#86939b;}
.QfHLsf{background-color:#049FD3;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;margin-top:48px;min-width:180px;padding:13px;text-align:center;transition:background-color .3s linear;}
.QfHLsf:hover{background-color:#0ab0b0;}
.lV-Bnn{align-items:center;display:flex;justify-content:space-between;margin:0 auto 20px;max-width:1200px;padding-right:100px;}
.VM2XZE{font-size:48px;font-weight:700;}
.E2xKxW{display:none;}
.iqxgGk{height:360px;}
.n-oV\+5{color:#049FD3;cursor:pointer;font-size:12px;line-height:16px;margin-top:4px;position:relative;}
.n-oV\+5 i{position:absolute;top:0;}
.n-oV\+5:hover{color:#0ab0b0;}
@media screen and (max-width:768px){
.QfHLsf{margin-top:40px;width:calc(100vw - 48px);}
.lV-Bnn{flex-direction:column-reverse;height:-moz-fit-content;height:fit-content;justify-content:center;padding-right:0;text-align:center;}
.VM2XZE{font-size:36px;line-height:44px;}
.E2xKxW{display:block;margin-top:24px;}
.iqxgGk{height:200px;margin-bottom:32px;}
}
.\+HL8nP{background-color:#f5f9fb;color:#3e4648;height:40px;overflow:hidden;position:relative;width:100%;}
.mX9zxD{animation:p1OW-b 5s linear infinite;position:absolute;width:100%;}
.mX9zxD:hover{animation-play-state:paused;}
._41XFwk{align-items:center;display:flex;font-size:12px;height:40px;justify-content:center;line-height:16px;}
.gTH\+cM{font-weight:500;margin-right:5px;}
.gVZgKY{margin-right:6px;}
.EVCgtb{cursor:pointer;margin-left:18px;}
.EVCgtb i{color:#3e4648;font-size:10px;margin-left:2px;padding-top:-2px;}
.EVCgtb:hover,.EVCgtb:hover i{color:#049FD3;}
@media screen and (max-width:768px){
.\+HL8nP{display:none;}
}
._1Ug6uF .el-dialog{border-radius:8px;width:720px;}
._1Ug6uF .el-dialog__header{padding:40px 40px 0;}
._1Ug6uF .el-dialog__header .el-dialog__headerbtn{right:22px;top:22px;}
._1Ug6uF .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#161616;}
@media screen and (max-width:768px){
._1Ug6uF .el-dialog__wrapper{overflow:hidden;}
._1Ug6uF .el-dialog{border-radius:8px 8px 0 0;margin-top:100vh!important;overflow:auto;transform:translateY(-100%);width:100%;}
._1Ug6uF .el-dialog .el-dialog__header{padding:24px 20px 4px;}
}
.XwgQQY{display:none;}
@media screen and (max-width:768px){
.XwgQQY{background-color:#f5f9fb;border-radius:4px;flex-direction:column;height:118px;margin:46px 0;padding-top:16px;}
.XwgQQY,._3XDxMC{align-items:center;display:flex;}
._3XDxMC{color:#3e4648;cursor:pointer;font-size:12px;justify-content:center;line-height:16px;}
.xMBNiD{margin:0 8px;}
._5-jyci{font-size:24px;font-weight:600;line-height:32px;margin:12px 0 0;}
.AorGl-{font-size:12px;line-height:22px;}
}
.referral-invitecode-table[data-v-78615452] .el-dialog{border-radius:8px;width:720px;}
.referral-invitecode-table[data-v-78615452] .el-dialog .el-dialog__header{padding:40px 40px 0;}
.referral-invitecode-table[data-v-78615452] .el-dialog .el-dialog__header .el-dialog__headerbtn{right:22px;top:22px;}
.referral-invitecode-table[data-v-78615452] .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#161616;}
@media screen and (max-width:768px){
.referral-invitecode-table[data-v-78615452] .el-dialog__wrapper{overflow:hidden;}
.referral-invitecode-table[data-v-78615452] .el-dialog{border-radius:8px 8px 0 0;margin-top:100vh!important;transform:translateY(-100%);width:100%;}
.referral-invitecode-table[data-v-78615452] .el-dialog .el-dialog__header{padding:24px 20px 0;}
}
.common-table-wrap table[data-v-14a017ce]{text-align:left;width:100%;}
.common-table-wrap table th[data-v-14a017ce]{border-collapse:collapse;}
.common-table-wrap table th[data-v-14a017ce]{color:#6a7c81;font-size:12px;font-weight:400;height:40px;line-height:40px;}
.common-table-wrap .page-box[data-v-14a017ce]{margin-top:16px;text-align:right;width:100%;}
.common-table-wrap .page-box .btn[data-v-14a017ce]{border:1px solid #e9f0f3;border-radius:2px;cursor:pointer;display:inline-block;line-height:26px;margin-left:8px;text-align:center;width:26px;}
.common-table-wrap .page-box .disable-btn[data-v-14a017ce]{color:#ccdae1;cursor:not-allowed;}
.common-table-wrap .table-data-none[data-v-14a017ce]{color:#808698;font-size:12px;padding:40px 0;text-align:center;}
.common-table-wrap .table-data-none .iconfont2[data-v-14a017ce]{color:#808698;display:block;font-size:24px;margin-bottom:10px;}
.common-table-wrap table[data-v-7d58aaa2]{text-align:left;width:100%;}
.common-table-wrap table th[data-v-7d58aaa2]{border-collapse:collapse;}
.common-table-wrap table th[data-v-7d58aaa2]{color:#6a7c81;font-size:12px;font-weight:400;height:40px;line-height:40px;}
.common-table-wrap .page-box[data-v-7d58aaa2]{margin-top:16px;text-align:right;width:100%;}
.common-table-wrap .page-box .btn[data-v-7d58aaa2]{border:1px solid #e9f0f3;border-radius:2px;cursor:pointer;display:inline-block;line-height:26px;margin-left:8px;text-align:center;width:26px;}
.common-table-wrap .page-box .disable-btn[data-v-7d58aaa2]{color:#ccdae1;cursor:not-allowed;}
.common-table-wrap .table-data-none[data-v-7d58aaa2]{color:#808698;font-size:12px;padding:40px 0;text-align:center;}
.common-table-wrap .table-data-none .iconfont2[data-v-7d58aaa2]{color:#808698;display:block;font-size:24px;margin-bottom:10px;}
.common-table-wrap table[data-v-09603329]{text-align:left;width:100%;}
.common-table-wrap table th[data-v-09603329]{border-collapse:collapse;}
.common-table-wrap table th[data-v-09603329]{color:#6a7c81;font-size:12px;font-weight:400;height:40px;line-height:40px;}
.common-table-wrap .page-box[data-v-09603329]{margin-top:16px;text-align:right;width:100%;}
.common-table-wrap .page-box .btn[data-v-09603329]{border:1px solid #e9f0f3;border-radius:2px;cursor:pointer;display:inline-block;line-height:26px;margin-left:8px;text-align:center;width:26px;}
.common-table-wrap .page-box .disable-btn[data-v-09603329]{color:#ccdae1;cursor:not-allowed;}
.common-table-wrap .table-data-none[data-v-09603329]{color:#808698;font-size:12px;padding:40px 0;text-align:center;}
.common-table-wrap .table-data-none .iconfont2[data-v-09603329]{color:#808698;display:block;font-size:24px;margin-bottom:10px;}
._84V9-7{margin-top:100px;position:relative;}
.xm93CZ{font-size:32px;font-weight:600;margin-bottom:24px;}
.l3YieH{display:flex;font-size:16px;height:56px;justify-content:space-between;}
.uSMBBo{cursor:pointer;margin-right:24px;}
.sPjUnq{font-weight:600;}
.nX-ZAR{border-top:1px solid rgba(0,0,0,.05);margin-bottom:24px;width:100%;}
.zLHgDS{font-size:14px;line-height:24px;margin-bottom:16px;}
.hNaoDb{padding-left:24px;position:relative;}
.hNaoDb:after{background-color:#141f21;border-radius:50%;content:"";height:4px;left:7px;position:absolute;top:10px;width:4px;}
._8m7xJ1{border:1px solid #f2f4f7;border-collapse:collapse;margin-top:24px;text-align:center;width:100%;}
._8m7xJ1 th{background-color:#f5f9fb;color:#6a7c81;font-weight:400;}
._8m7xJ1 td,._8m7xJ1 th{font-size:14px;height:50px;}
._8m7xJ1 td{border-bottom:1px solid #f2f4f7;color:#141f21;font-weight:500;}
.OxHdW\+{border:1px solid #f2f4f7;}
._2sIJhf{display:none;}
.phQiMW{margin:48px 0;}
.OnLX\+f{align-items:center;display:flex;justify-content:space-between;min-height:56px;}
.v5WboJ{cursor:pointer;}
.LW-aTA{font-size:16px;font-weight:600;}
@media screen and (max-width:768px){
._84V9-7{margin-top:60px;}
.xm93CZ{font-size:20px;line-height:32px;margin-bottom:16px;}
.XWY0H-{display:none;}
._2sIJhf{display:block;}
.Ti1\+IP{align-items:center;display:flex;height:60px;justify-content:space-between;}
.UHbwS6{font-size:16px;font-weight:500;}
.nGnglR{background:#fafafa;border-radius:8px;height:114px;padding:16px;}
.XBaqYL{font-weight:500;margin-bottom:12px;}
.KN221Y{display:flex;}
.S5CiAd{width:50%;}
._0AWxso{color:#6a7c81;font-size:12px;line-height:22px;margin-bottom:4px;}
.lB83DP{font-size:20px;font-weight:500;line-height:22px;}
.nGnglR:first-of-type{margin-bottom:8px;margin-top:16px;}
.phQiMW{margin-bottom:40px;margin-top:20px;}
.LW-aTA{font-weight:500;}
}
.poster-canvas-container[data-v-1e221e31] .el-dialog{border-radius:8px;width:720px;}
.poster-canvas-container[data-v-1e221e31] .el-dialog__header{padding:40px 40px 0;}
.poster-canvas-container[data-v-1e221e31] .el-dialog__header .el-dialog__headerbtn{right:22px;top:22px;}
.poster-canvas-container[data-v-1e221e31] .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#161616;}
@media screen and (max-width:768px){
.poster-canvas-container[data-v-1e221e31] .el-dialog{width:100%;}
}
._3Kcxtw{align-items:center;display:flex;flex-direction:column;height:360px;justify-content:center;margin-top:36px;max-width:1200px;}
._0FrelV{color:#141f21;font-size:20px;font-weight:700;margin-bottom:20px;}
.DBQlQT{color:#049FD3;cursor:pointer;font-size:14px;font-weight:500;}
.swiper[data-v-73e44e3b]{padding:0 12px;width:100%;}
@media screen and (max-width:768px){
.swiper[data-v-73e44e3b]{display:none;}
}
.swiper[data-v-73e44e3b] .swiper-button-next{right:0;width:11px;}
.swiper[data-v-73e44e3b] .swiper-button-next:after{color:#ddd;font-size:20px;font-weight:900;right:0;}
.swiper[data-v-73e44e3b] .swiper-button-prev{left:0;width:11px;}
.swiper[data-v-73e44e3b] .swiper-button-prev:after{color:#ddd;font-size:20px;font-weight:900;left:0;}
.card[data-v-73e44e3b]{display:none;}
@media screen and (max-width:768px){
.card[data-v-73e44e3b]{display:flex;flex-direction:column;}
}
.ErNaB0{margin-top:60px;}
@media screen and (max-width:768px){
.ErNaB0{margin-top:60px;}
}
._0XHLjC{font-size:36px;font-weight:600;}
@media screen and (max-width:768px){
._0XHLjC{font-size:20px;}
}
.sM90Ou{margin:50px -24px 0;}
@media screen and (max-width:768px){
.sM90Ou{margin:22px 0 0;}
}
.QYaBnL{background:linear-gradient(180deg,rgba(19,194,194,.08),hsla(0,0%,100%,.02));border:1px solid #f3f4f7;border-radius:8px;box-shadow:0 0 0 0 rgba(0,0,0,.102);display:flex;flex-direction:column;margin:10px;padding:20px 24px;transition:box-shadow .2s ease;}
@media screen and (max-width:768px){
.QYaBnL{margin:10px 0;padding:20px 16px;}
}
.QYaBnL:hover{box-shadow:0 1px 6px 0 rgba(0,0,0,.102);}
._0NROgg{color:#000;}
._0NROgg,.sn1rJi{font-size:14px;font-weight:400;}
.sn1rJi{color:#1a1b1f;margin-bottom:33px;}
.IiizNj{display:flex;flex-direction:column;font-size:40px;font-weight:500;}
@media screen and (max-width:768px){
.IiizNj{font-size:32px;}
}
._8PxkOX{color:#6a7c81;font-size:14px;font-weight:400;}
.mOFDfs{color:#000;display:flex;flex-wrap:wrap;font-size:40px;font-weight:400;margin:20px 0;}
@media screen and (max-width:768px){
.mOFDfs{font-size:32px;margin:10px 0;}
}
.H5Kx-X{background-color:#049FD3;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;height:44px;margin-top:auto;padding:13px;text-align:center;transition:filter .3s linear;width:100%;}
.H5Kx-X:hover{filter:brightness(.95);}
.PBZkui{margin-top:200px;}
@media screen and (max-width:768px){
.PBZkui{margin-top:60px;}
}
.bIuGSP{font-size:36px;font-weight:600;}
@media screen and (max-width:768px){
.bIuGSP{font-size:20px;}
}
.LdlMkg{display:grid;grid-template-columns:repeat(var(--length),1fr);margin-top:80px;}
@media screen and (max-width:768px){
.LdlMkg{grid-template-columns:1fr;margin-top:32px;}
}
.OykY9o{align-items:center;color:#141f21;display:flex;flex-direction:column;}
.zrz4FS{border-bottom:1px dashed #9cb3ba;flex:1;height:0;}
@media screen and (max-width:768px){
.zrz4FS{border:none;}
}
.D1qM9p{padding:0 50px;}
.WWkJmb{align-items:center;display:flex;width:100%;}
.OlJF4T{background:#141f21;border-radius:50%;color:#fff;font-size:18px;height:32px;line-height:32px;width:32px;}
.ARGN9l,.OlJF4T{font-weight:600;text-align:center;}
.ARGN9l{font-size:24px;margin-top:16px;max-width:350px;}
.KpK2vI{font-size:16px;font-weight:400;margin-top:10px;max-width:350px;text-align:center;}
.\+MRIag{display:none;}
@media screen and (max-width:768px){
.\+MRIag{border-right:1px dashed #9cb3ba;display:block;height:50px;margin:10px 0;}
}
@media (max-width:768px){
.referral-back-icon{display:none;}
}
.NlHVhO{--base-black:#141f21;--base-grey:#86939b;background-color:#fff;background-position:top;background-repeat:no-repeat;background-size:100%;color:#141f21;color:var(--base-black);font-family:IBM;font-size:16px;min-height:calc(100vh - 80px);}
.NlHVhO *{box-sizing:border-box;}
.xWN6XE{display:none;}
.dQI0k7,.nRkCWG{cursor:pointer;font-size:14px;}
.dQI0k7{background-color:#049FD3;border-radius:4px;color:#fff;display:inline-block;font-weight:500;height:44px;line-height:44px;text-align:center;transition:background-color .3s linear;width:180px;}
.dQI0k7:hover{background-color:#0ab0b0;}
.OPEVf5{display:block;}
._0RSbFq{align-items:center;display:flex;height:500px;justify-content:space-between;margin:0 auto;max-width:1200px;padding-right:100px;}
.Gvdg0T{flex:1;padding-right:10px;}
.yq2hBg{font-size:48px;font-weight:700;line-height:56px;}
.Yqy2FC{display:flex;margin-top:48px;}
.wfiPWo{color:var(--base-grey);margin-bottom:4px;margin-top:24px;}
.TMFO6O,.wfiPWo{font-size:12px;line-height:16px;}
.TMFO6O{color:#049FD3;cursor:pointer;margin-top:4px;position:relative;}
.TMFO6O i{position:absolute;top:0;}
.TMFO6O:hover{color:#0ab0b0;}
.-O7zKd{display:none;}
.e4oiUf{border:1px solid #f5f9fb;border-radius:8px;height:368px;padding:30px 32px 40px;width:484px;}
.KANLYG{margin-bottom:16px;width:100%;}
._0m39rs{display:flex;justify-content:space-between;margin-top:26px;}
.VlQXmn{font-size:24px;font-weight:600;line-height:32px;}
.NGrgWl{color:var(--base-grey);font-size:14px;margin-bottom:6px;}
.pumRL2{font-size:16px;font-weight:600;}
.sZ6kOo{background-color:#e5ecf0;border-radius:4px;display:flex;height:54px;justify-content:space-between;line-height:54px;padding:0 24px;}
.HcSQ8y{align-items:center;cursor:pointer;display:flex;}
.IDLBi9{margin-left:10px;}
.tXcuIh{margin-right:14px;margin-top:16px;text-align:right;}
.E8Td\+X{margin:0 auto;max-width:1200px;}
.aTRvZd{margin-top:120px;}
.zMCUpV{display:flex;font-size:24px;justify-content:flex-start;}
.z2Xf7Q{cursor:pointer;margin-right:24px;}
.Igmw-I{font-weight:600;}
.\+WplLe{align-items:flex-end;display:flex;justify-content:flex-start;margin-top:32px;}
._1UVDlb{display:flex;margin-right:16px;}
.WV--kL{color:var(--base-black);cursor:pointer;display:inline-block;font-size:24px;font-weight:400;line-height:32px;position:relative;}
.qiIion{font-weight:600;}
.qiIion .waZ434{display:block;}
.waZ434{border-bottom:2px solid #000;bottom:-10px;display:none;height:0;left:50%;position:absolute;transform:translateX(-50%);width:24px;}
.bjhpxZ{border-radius:4px;cursor:pointer;font-size:14px;line-height:32px;margin-right:4px;text-align:center;width:86px;}
.g1xoiu{background-color:#e5ecf0;}
._8cVa0g{margin:36px 0 48px;}
._8cVa0g table{width:760px;}
._8cVa0g table thead th{color:var(--base-grey);font-size:12px;font-weight:400;line-height:16px;text-align:left;}
._8cVa0g table tbody td{font-size:24px;font-weight:600;line-height:32px;}
.kJOrL4{display:flex;flex-direction:column;}
@media screen and (max-width:1200px){
.NlHVhO{padding:64px 24px 0;}
}
@media screen and (max-width:768px){
.NlHVhO{-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0 24px;}
.xWN6XE{align-items:center;display:flex;justify-content:space-between;padding:110px 0 34px;}
.dQI0k7{width:calc(100vw - 48px);}
.OPEVf5{display:none;}
._0RSbFq{align-items:flex-start;flex-direction:column;height:-moz-fit-content;height:fit-content;justify-content:center;text-align:left;}
.Gvdg0T,._0RSbFq{padding-right:0;}
.yq2hBg{font-size:36px;line-height:44px;}
.Yqy2FC{margin-top:32px;}
.-O7zKd{color:#049FD3;display:inline-block;margin-left:8px;}
.e4oiUf{border:none;height:-moz-fit-content;height:fit-content;padding:36px 0 0;width:calc(100vw - 48px);}
._0m39rs{margin-top:0;padding-bottom:16px;}
.NGrgWl{font-size:12px;margin-bottom:6px;}
.sZ6kOo{padding:0 16px;}
.E8Td\+X{margin:0;width:100%;}
.aTRvZd{display:none;}
.kJOrL4{flex-direction:column-reverse;}
}
/*! CSS Used from: /assets/web-frontend/client/css/65f3f15.css */
.swiper{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1;}
.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;width:100%;z-index:1;}
.swiper-wrapper{transform:translateZ(0);}
.swiper-pointer-events{touch-action:pan-y;}
.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%;}
.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);}
.swiper-button-next,.swiper-button-prev{align-items:center;color:#007aff;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10;}
.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:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important;}
.swiper-button-prev{left:10px;right:auto;}
.swiper-button-prev:after{content:"prev";}
.swiper-button-next{left:auto;right:10px;}
.swiper-button-next:after{content:"next";}
.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000;}
/*! CSS Used keyframes */
@keyframes p1OW-b{0%{transform:translateY(0);}90%{transform:translateY(0);}to{transform:translateY(-40px);}}


/*! CSS Used from: /assets/web-frontend/client/css/20f1ea3.css */
.component-confirm-dialog{border-radius:8px;padding:32px;}
.component-confirm-dialog.el-dialog{background-color:#fff;background-color:var(--color-trade-confirm-dialog-bg,#fff);}
.component-confirm-dialog .el-dialog__header{padding:0;}
.component-confirm-dialog .el-dialog__title{color:var(--color-trade-confirm-dialog-text-primary);font-size:20px;font-weight:500;line-height:26px;}
.component-confirm-dialog .el-dialog__footer{padding:0;}
.component-confirm-dialog .el-dialog__headerbtn .el-dialog__close{color:var(--color-trade-confirm-dialog-text-primary);font-size:20px;}
.component-confirm-dialog .footer{width:100%;}
.pie-charts[data-v-2581c7e4]{height:172px;width:172px;}
.page-affiliate-partner[data-v-9921fa1e]{padding-top:100px;}
.page-affiliate-partner [data-v-9921fa1e]{box-sizing:border-box;}
.page-affiliate-partner .wrapper[data-v-9921fa1e]{margin:0 auto;padding:0 20px;width:1200px;}
.page-affiliate-partner .block-title[data-v-9921fa1e]{color:#1a1b1f;font-size:32px;font-weight:600;line-height:42px;}
.page-affiliate-partner .banner[data-v-9921fa1e]{display:flex;flex-direction:column;margin-bottom:160px;}
.page-affiliate-partner .banner .banner-tit[data-v-9921fa1e]{color:#1a1b1f;font-size:48px;font-weight:700;line-height:56px;margin-bottom:16px;}
.page-affiliate-partner .banner .banner-desc[data-v-9921fa1e]{color:#1a1b1f;font-size:16px;font-weight:400;margin-bottom:48px;}
.page-affiliate-partner .banner .btn-wrap[data-v-9921fa1e]{display:flex;}
.page-affiliate-partner .banner .btn-wrap .btn[data-v-9921fa1e]{min-height:56px;min-width:180px;}
.page-affiliate-partner .banner .btn-wrap .btn[data-v-9921fa1e]:first-child{margin-right:23px;}
.page-affiliate-partner .why-BitVez[data-v-9921fa1e]{margin-bottom:160px;}
.page-affiliate-partner .why-BitVez .block-title[data-v-9921fa1e]{margin-bottom:55px;}
.page-affiliate-partner .why-BitVez .why-list[data-v-9921fa1e]{color:#1a1b1f;display:flex;justify-content:space-between;margin-top:48px;}
.page-affiliate-partner .why-BitVez .why-list .why-item[data-v-9921fa1e]{display:flex;flex-direction:column;width:30%;}
.page-affiliate-partner .why-BitVez .why-list .why-item .why-icon[data-v-9921fa1e]{display:inline-block;height:72px;margin-bottom:18px;width:72px;}
.page-affiliate-partner .why-BitVez .why-list .why-item .item-tit[data-v-9921fa1e]{font-size:24px;font-weight:600;line-height:31px;margin-bottom:5px;}
.page-affiliate-partner .why-BitVez .why-list .why-item .item-desc[data-v-9921fa1e]{color:#3e4648;font-size:16px;}
.page-affiliate-partner .step-guide[data-v-9921fa1e]{margin-bottom:160px;}
.page-affiliate-partner .step-guide .block-title[data-v-9921fa1e]{margin-bottom:48px;}
.page-affiliate-partner .step-guide .step-list[data-v-9921fa1e]{display:flex;flex-direction:column;}
.page-affiliate-partner .step-guide .step-list .step-item[data-v-9921fa1e]{border-left:1px solid rgba(19,194,194,.49);display:flex;flex-direction:column;padding-left:22px;position:relative;}
.page-affiliate-partner .step-guide .step-list .step-item[data-v-9921fa1e]:first-child:before{height:21px;left:-12px;top:0;width:24px;}
.page-affiliate-partner .step-guide .step-list .step-item[data-v-9921fa1e]:last-child{border-left:0;}
.page-affiliate-partner .step-guide .step-list .step-item:last-child .btn-list[data-v-9921fa1e]{margin-bottom:48px;}
.page-affiliate-partner .step-guide .step-list .step-item[data-v-9921fa1e]:before{background-color:#fff;content:" ";height:12px;left:-6px;position:absolute;top:8px;width:12px;}
.page-affiliate-partner .step-guide .step-list .step-item[data-v-9921fa1e]:after{background-color:#049FD3;border-radius:50%;content:" ";height:10px;left:-5px;position:absolute;top:9px;width:10px;}
.page-affiliate-partner .step-guide .step-list .step-item .step-name[data-v-9921fa1e]{color:#1a1b1f;font-size:24px;font-weight:700;line-height:29px;margin-bottom:8px;}
.page-affiliate-partner .step-guide .step-list .step-item .step-desc[data-v-9921fa1e]{color:#3e4648;font-size:16px;line-height:24px;margin-bottom:16px;}
.page-affiliate-partner .step-guide .step-list .step-item .btn-list[data-v-9921fa1e]{margin-bottom:60px;}
.page-affiliate-partner .step-guide .btn-submit[data-v-9921fa1e]{border-radius:4px;font-size:16px;min-height:56px;}
.page-affiliate-partner .commission-tiers[data-v-9921fa1e]{margin-bottom:160px;}
.page-affiliate-partner .commission-tiers .block-title[data-v-9921fa1e]{margin-bottom:48px;}
.page-affiliate-partner .commission-tiers .select-list[data-v-9921fa1e]{display:none;}
.page-affiliate-partner .commission-tiers .tab-list[data-v-9921fa1e]{display:inline-block;margin-bottom:48px;}
.page-affiliate-partner .commission-tiers .tab-list.active0 .tab-item[data-v-9921fa1e]:first-child{color:#1a1b1f;font-weight:500;}
.page-affiliate-partner .commission-tiers .tab-list .tab-item[data-v-9921fa1e]{color:#91a5b1;cursor:pointer;display:inline-block;font-size:20px;line-height:24px;margin-right:80px;}
.page-affiliate-partner .commission-tiers .tab-list .tab-item[data-v-9921fa1e]:last-child{margin-right:0;}
.page-affiliate-partner .commission-tiers .tab-panel[data-v-9921fa1e]{display:flex;justify-content:space-between;}
.page-affiliate-partner .commission-tiers .tab-panel .content[data-v-9921fa1e]{max-width:53%;padding-right:70px;}
.page-affiliate-partner .commission-tiers .tab-panel .content .sub-tit[data-v-9921fa1e]{color:#1a1b1f;font-size:24px;font-weight:500;line-height:31px;margin-bottom:5px;}
.page-affiliate-partner .commission-tiers .tab-panel .content .sub-desc[data-v-9921fa1e]{color:#3e4648;font-size:16px;line-height:24px;margin-bottom:12px;}
.page-affiliate-partner .commission-tiers .tab-panel .content ul[data-v-9921fa1e]{margin-bottom:48px;}
.page-affiliate-partner .commission-tiers .tab-panel .content ul li[data-v-9921fa1e]{color:#3e4648;font-size:16px;line-height:24px;padding-left:20px;position:relative;}
.page-affiliate-partner .commission-tiers .tab-panel .content ul li[data-v-9921fa1e]:before{color:#1a1b1f;content:"·";font-size:24px;font-weight:900;height:32px;left:0;line-height:28px;position:absolute;text-align:center;width:20px;}
.page-affiliate-partner .commission-tiers .tab-panel .chart[data-v-9921fa1e]{display:flex;flex:1;justify-content:space-between;}
.page-affiliate-partner .commission-tiers .tab-panel .chart .mobile-chart[data-v-9921fa1e]{display:none;}
.page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type[data-v-9921fa1e]{align-items:center;display:flex;flex-direction:column;}
.page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type .type-tit[data-v-9921fa1e]{color:#1a1b1f;font-size:24px;font-weight:500;line-height:31px;margin-bottom:30px;}
.page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type .chart-wrap[data-v-9921fa1e]{align-items:center;display:flex;}
.page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type .chart-wrap .chart-item[data-v-9921fa1e]{align-items:center;display:flex;flex-direction:column;}
.page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type .chart-wrap .chart-item .pie-chart[data-v-9921fa1e]{height:172px;width:172px;}
.page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type .chart-wrap .chart-item .chart-sub-desc[data-v-9921fa1e]{color:#6a7c81;font-size:12px;margin-top:-12px;}
.page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type .chart-wrap .chart-item .chart-desc[data-v-9921fa1e]{color:#1a1b1f;font-size:14px;line-height:24px;margin-top:24px;max-width:173px;text-align:center;}
.page-affiliate-partner .terms-conditions .block-title[data-v-9921fa1e]{margin-bottom:48px;}
.page-affiliate-partner .terms-conditions ul li[data-v-9921fa1e]{color:#6a7c81;font-size:14px;line-height:24px;margin-bottom:12px;padding-left:16px;position:relative;}
.page-affiliate-partner .terms-conditions ul li[data-v-9921fa1e]:before{color:#6a7c81;content:"·";font-size:18px;font-weight:900;height:24px;left:0;line-height:20px;position:absolute;text-align:center;width:16px;}
.dialog-footer[data-v-9921fa1e]{display:flex;justify-content:flex-end;}
.dialog-footer-btn[data-v-9921fa1e]{border:none;border-radius:4px;display:inline-block;font-size:14px;font-weight:600;height:44px;line-height:18px;line-height:44px;margin-left:12px;min-width:140px;padding:0;text-align:center;}
.dialog-footer-btn.primary[data-v-9921fa1e]{background-color:#049FD3;color:#fff;}
.dialog-footer-btn.ghost[data-v-9921fa1e]{background-color:#fff;border:1px solid #75858a;color:#3e4648;}
.dialog-footer-btn.ghost[data-v-9921fa1e]:hover{border-color:#049FD3;color:#049FD3;}
@media screen and (max-width:640px){
.page-affiliate-partner[data-v-9921fa1e]{padding-top:100px;}
.page-affiliate-partner .wrapper[data-v-9921fa1e]{padding:0 20px;width:100%;}
.page-affiliate-partner .wrapper .wrapper-item[data-v-9921fa1e]{width:100%;}
.page-affiliate-partner .wrapper .block-title[data-v-9921fa1e]{font-size:30px;line-height:38px;}
.page-affiliate-partner .wrapper .banner[data-v-9921fa1e]{margin-bottom:42px;}
.page-affiliate-partner .wrapper .banner .banner-tit[data-v-9921fa1e]{font-size:38px;font-weight:700;line-height:45px;margin-bottom:7px;}
.page-affiliate-partner .wrapper .banner .banner-desc[data-v-9921fa1e]{font-size:16px;line-height:24px;margin-bottom:24px;}
.page-affiliate-partner .wrapper .banner .btn-wrap[data-v-9921fa1e]{flex-wrap:wrap;}
.page-affiliate-partner .wrapper .banner .btn-wrap .btn[data-v-9921fa1e]{width:100%;}
.page-affiliate-partner .wrapper .banner .btn-wrap .btn[data-v-9921fa1e]:first-child{margin-bottom:12px;margin-right:0;}
.page-affiliate-partner .wrapper .why-BitVez[data-v-9921fa1e]{margin-bottom:48px;}
.page-affiliate-partner .wrapper .why-BitVez .block-title[data-v-9921fa1e]{margin-bottom:0;}
.page-affiliate-partner .wrapper .why-BitVez .why-list[data-v-9921fa1e]{flex-direction:column;margin-top:0;}
.page-affiliate-partner .wrapper .why-BitVez .why-list .why-item[data-v-9921fa1e]{margin-top:36px;width:100%;}
.page-affiliate-partner .wrapper .why-BitVez .why-list .why-item .item-desc[data-v-9921fa1e]{font-size:14px;line-height:18px;}
.page-affiliate-partner .wrapper .step-guide[data-v-9921fa1e]{margin-bottom:48px;}
.page-affiliate-partner .wrapper .step-guide .block-title[data-v-9921fa1e]{margin-bottom:36px;}
.page-affiliate-partner .wrapper .step-guide .step-list .step-item .step-desc[data-v-9921fa1e]{font-size:14px;line-height:18px;margin-bottom:8px;}
.page-affiliate-partner .wrapper .step-guide .step-list .step-item .btn-list[data-v-9921fa1e]{margin-bottom:56px;}
.page-affiliate-partner .wrapper .step-guide .step-list .step-item:last-child .btn-list[data-v-9921fa1e]{margin-bottom:24px;}
.page-affiliate-partner .wrapper .commission-tiers[data-v-9921fa1e]{margin-bottom:48px;}
.page-affiliate-partner .wrapper .commission-tiers .block-title[data-v-9921fa1e]{margin-bottom:24px;}
.page-affiliate-partner .wrapper .commission-tiers .select-list[data-v-9921fa1e]{display:block;margin-bottom:32px;width:100%;}
.page-affiliate-partner .wrapper .commission-tiers .tab-list[data-v-9921fa1e]{display:none;}
.page-affiliate-partner .wrapper .commission-tiers .tab-panel[data-v-9921fa1e]{flex-direction:column-reverse;}
.page-affiliate-partner .wrapper .commission-tiers .tab-panel .chart[data-v-9921fa1e]{margin-bottom:36px;}
.page-affiliate-partner .wrapper .commission-tiers .tab-panel .chart .chart-type[data-v-9921fa1e]{display:none;}
.page-affiliate-partner .wrapper .commission-tiers .tab-panel .chart .mobile-chart[data-v-9921fa1e]{display:inline-block;width:100%;}
.page-affiliate-partner .wrapper .commission-tiers .tab-panel .content[data-v-9921fa1e]{max-width:100%;padding-right:0;}
.page-affiliate-partner .wrapper .commission-tiers .tab-panel .content .sub-tit[data-v-9921fa1e]{margin-bottom:6px;}
.page-affiliate-partner .wrapper .commission-tiers .tab-panel .content .sub-desc[data-v-9921fa1e]{font-size:14px;line-height:22px;}
.page-affiliate-partner .wrapper .commission-tiers .tab-panel .content ul[data-v-9921fa1e]{margin-bottom:36px;}
.page-affiliate-partner .wrapper .commission-tiers .tab-panel .content ul li[data-v-9921fa1e]{font-size:14px;line-height:30px;}
.page-affiliate-partner .wrapper .terms-conditions .block-title[data-v-9921fa1e]{margin-bottom:24px;}
.page-affiliate-partner .wrapper .terms-conditions ul li[data-v-9921fa1e]{font-size:12px;line-height:18px;}
}
.apply-affiliate-dialog{border-radius:8px;width:720px;}
.apply-affiliate-dialog .el-dialog__header{padding:40px 40px 0;}
@media screen and (max-width:640px){
.apply-affiliate-dialog{width:92%;}
.apply-affiliate-dialog .el-dialog__header{padding:30px 17px 0;}
}
.tIB1CK .el-dialog__wrapper{z-index:1999!important;}

/*! CSS Used from: /assets/web-frontend/client/css/cd92276.css */
.luck-draw-dialog[data-v-47988aee] .el-dialog{border-radius:8px;top:50%;transform:translateY(-50%);width:480px;}
.luck-draw-dialog[data-v-47988aee] .el-dialog__header{padding:30px 30px 0;}
@media (max-width:768px){
.luck-draw-dialog[data-v-47988aee] .el-dialog{width:calc(100% - 60px);}
}
.Xn2kSc{background:#f3f4f7;border:1px solid #f3f4f7;border-radius:10px;margin-bottom:12px;padding:23px 25px;transition:all .5s ease-in-out;}
@media (max-width:768px){
.Xn2kSc{padding:16px;}
}
.jIcSWD{display:flex;}
@media (max-width:768px){
.jIcSWD{flex-direction:column;}
}
.PzlLRC{display:flex;flex:1;}
@media (max-width:768px){
.PzlLRC{flex-direction:column;}
}
.lRF4ze{display:flex;flex:1;flex-direction:column;}
@media (max-width:768px){
.lRF4ze{flex-direction:column-reverse;}
}
.El8vya{box-sizing:border-box;display:flex;flex-direction:column;min-width:200px;padding-left:28px;}
@media (max-width:768px){
.El8vya{margin-top:6px;min-width:0;min-width:auto;padding-left:0;}
}
.JezBEb{display:flex;flex-direction:column;max-height:0;overflow:hidden;padding-top:6px;transition:max-height 2s linear;}
@media (max-width:768px){
.JezBEb{padding-bottom:6px;}
}
.q\+PjKS{align-items:center;display:flex;font-size:20px;line-height:30px;}
@media (max-width:768px){
.q\+PjKS{font-size:16px;}
}
.TK3K3x{display:none;transition:all .5s ease-in-out;}
@media (max-width:768px){
.TK3K3x{display:inline-block;font-size:10px;height:10px;width:10px;}
}
@media (max-width:768px){
._3KQ13n{display:none;}
}
.JYTr\+E{align-items:center;display:flex;flex-wrap:wrap;gap:8px;}
.gDKvJR[id=mission-btn]{border-radius:4px;font-size:14px;font-weight:500;height:auto;justify-content:center;line-height:18px;min-width:102px;padding:8px 11px;white-space:break-spaces;}
.ocxlVl{display:none;margin-top:8px;}
@media (max-width:768px){
.ocxlVl{display:block;}
.ocxlVl .el-button{border-radius:4px;font-size:14px;font-weight:500;height:auto;justify-content:center;line-height:18px;min-width:102px;padding:8px 11px;white-space:break-spaces;}
}
.OqGOGP{display:flex;flex:1;flex-direction:column;}
@media (max-width:768px){
.OqGOGP{box-sizing:border-box;margin:6px 0;max-width:none;padding-right:20px;width:100%;}
}
.qylIJP{width:100%;}
.eKIm91{margin-top:16px;padding:4px 0;position:relative;}
@media (max-width:768px){
.eKIm91{margin-top:0;max-width:200px;}
}
.nc9SJv{align-items:baseline;color:#000;display:flex;flex-direction:column;flex-wrap:wrap;font-size:14px;font-weight:500;line-height:24px;margin-top:4px;}
@media (max-width:768px){
.nc9SJv{flex-direction:column;}
}
.K12j2I{font-size:16px;font-weight:500;}
.BVDgge{color:#898d91;font-size:14px;margin-top:8px;}
@media (max-width:768px){
.BVDgge{font-size:12px;}
}
.-bdNwn{color:#1a1b1f;}
.-bdNwn:after{content:": ";}
.c2rSrB{font-size:32px;font-weight:500;line-height:48px;padding-bottom:16px;}
@media (max-width:768px){
.c2rSrB{font-size:24px;line-height:40px;}
}
._9WwthX{display:flex;flex-direction:column;margin-bottom:30px;}
.com-back-to-page[data-v-511d68b8]{font-size:14px;line-height:20px;position:relative;transition:color .2s ease;}
.com-back-to-page.hover[data-v-511d68b8]:hover{color:#049FD3;cursor:pointer;}
.com-back-to-page [data-v-511d68b8]{box-sizing:border-box;}
.icon[data-v-511d68b8]{font-size:12px;line-height:20px;}
.text[data-v-511d68b8]{font-weight:500;margin-left:6px;}
.text.desktop[data-v-511d68b8]{display:inline;display:initial;}
@media (max-width:767.98px){
.com-back-to-page[data-v-511d68b8],.icon[data-v-511d68b8]{font-size:3.75vw;line-height:6.25vw;}
.text[data-v-511d68b8]{font-size:3.75vw;margin-left:1.875vw;}
.text.desktop[data-v-511d68b8]{display:none;}
}
.EYP1NI{box-sizing:border-box;color:#1a1b1f;display:flex;flex-direction:column;margin:0 auto;max-width:1240px;padding:0 20px;position:relative;}
@media (max-width:768px){
.EYP1NI{padding-bottom:100px;}
}
.aLKEqi{align-items:center;color:#898d91;display:flex;flex-direction:column;height:50vh;justify-content:center;}
.Z5lkzt{font-size:40px;}
.zWJUOV{font-size:12px;margin:8px;}
.Nefm1f{display:flex;}
@media (max-width:768px){
.Nefm1f{flex-direction:column;}
}
.-CZxfy{display:flex;flex-direction:column;height:700px;max-width:480px;padding-right:24px;padding-top:90px;position:sticky;top:80px;}
@media (max-width:768px){
.-CZxfy{align-items:center;flex-direction:column;height:auto;max-width:none;padding:0;position:relative;top:16px;}
}
._4V6-B1{display:none;}
@media (max-width:768px){
._4V6-B1{display:flex;justify-content:end;margin-bottom:30px;width:100%;}
}
.XdbKqX{font-size:72px;font-weight:700;line-height:72px;}
@media (max-width:768px){
.XdbKqX{font-size:56px;line-height:56px;text-align:center;}
}
.DdQD3Y{font-size:24px;font-weight:600;line-height:48px;margin-top:12px;}
@media (max-width:768px){
.DdQD3Y{font-size:16px;line-height:24px;text-align:center;}
}
.slG17o{width:320px;}
.J-gNKV{display:flex;flex:1;flex-direction:column;margin-left:auto;margin-top:40px;max-width:700px;min-height:calc(100vh - 144px);word-break:break-word;}
@media (max-width:768px){
.J-gNKV{margin-top:20px;max-width:none;min-height:0;min-height:auto;width:100%;}
}
.E6DxAq{display:flex;justify-content:end;margin-bottom:20px;}
@media (max-width:768px){
.E6DxAq{display:none;}
}
.AEpcnJ,.jue05o{width:100%;}
.AEpcnJ{display:block;}
.CHs2cV{background:#f3f4f7;border-radius:20px;color:#42484d;cursor:pointer;font-size:14px;line-height:20px;padding:6px 25px;text-align:center;}
.CHs2cV:hover{background:#f1f1f1;}
@media (max-width:768px){
.CHs2cV{font-size:12px;padding:6px 20px;}
}
.vbzK4x{display:flex;flex-direction:column;margin:100px 0 50px;}
@media (max-width:768px){
.vbzK4x{margin:30px 0;}
}
.yprgtd{font-size:72px;font-weight:600;line-height:72px;margin-bottom:40px;}
.\+GDs2z p{font-size:14px;font-weight:400;line-height:18px;margin-top:20px;}
.rewards .header[data-v-808e031e]{display:none;}
.rewards[data-v-808e031e] .rh-task-nft-open-dialog{background-color:transparent;box-shadow:none;overflow:hidden;width:500px;}
.rewards[data-v-808e031e] .rh-task-nft-open-dialog .el-dialog__header{padding:0;}
@media (max-width:768px){
.rewards[data-v-808e031e] .rh-task-nft-open-dialog{width:300px;}
}
.rewards-block-modal[data-v-808e031e] .el-dialog__header{padding:40px 50px 0;}
/*! CSS Used from: /assets/web-frontend/client/css/16453a4.css */
.luck-draw-dialog[data-v-47988aee] .el-dialog{border-radius:8px;top:50%;transform:translateY(-50%);width:480px;}
.luck-draw-dialog[data-v-47988aee] .el-dialog__header{padding:30px 30px 0;}
@media (max-width:768px){
.luck-draw-dialog[data-v-47988aee] .el-dialog{width:calc(100% - 60px);}
}


/*! CSS Used from: /assets/web-frontend-next/public/_next/CourseItem.D2V0ZV6j.css */
.com-back-to-page[data-v-96f29294]{align-items:center;background-color:#fff;display:flex;font-size:14px;height:48px;justify-content:space-between;line-height:20px;padding:0 16px;position:relative;transition:color .2s ease;}
.com-back-to-page .title[data-v-96f29294]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;}
.com-back-to-page .hover[data-v-96f29294]:hover{color:#049FD3;cursor:pointer;}
.com-back-to-page .close[data-v-96f29294]{display:none;}
.com-back-to-page[data-v-96f29294] *{box-sizing:border-box;}
.icon[data-v-96f29294]{font-size:12px;line-height:20px;}
@media (max-width:768px){
.com-back-to-page[data-v-96f29294]{font-size:16px;line-height:1.5;}
.com-back-to-page .close[data-v-96f29294]{display:block;margin-left:auto;}
.icon[data-v-96f29294]{font-size:16px;}
}
._Course_1g1us_1{width:100%;}
._Course_1g1us_1:hover ._Course__Img_1g1us_4{box-shadow:0 4px 10px #00010433;}
._Course_1g1us_1:hover ._Course__Img_1g1us_4 img{scale:1.02;}
._Course__Vip_1g1us_10{background:linear-gradient(90deg,#fe7c02,#ffae55);border-radius:10px;color:#fff;font-size:12px;font-weight:600;padding:0 5px;position:absolute;right:8px;top:8px;z-index:1;}
._Course__PreviewImg_1g1us_22{height:214px;width:100%;}
@media (max-width:768px){
._Course__PreviewImg_1g1us_22{height:var(--h5Height);width:100%;}
}
._Course__PreviewImgWrapper_1g1us_32{display:flex;position:relative;width:100%;}
._Course__PreviewImg--icon_1g1us_37{bottom:19px;position:absolute;right:19px;width:40px;}
@media (max-width:768px){
._Course__PreviewImg--icon_1g1us_37{bottom:10px;right:10px;width:20px;}
}
._Course__Img_1g1us_4{border:1px solid #e8e8e9;border-radius:4px;box-shadow:0 0 #00010433;cursor:pointer;display:flex;overflow:hidden;position:relative;transition:box-shadow .2s ease;width:100%;}
._Course__Img_1g1us_4 img{border-radius:4px;-o-object-fit:contain;object-fit:contain;scale:1;transition:scale .4s ease;}
._Course__Title_1g1us_67{display:-webkit-box;font-size:20px;font-weight:600;line-height:26px;margin-top:10px;text-align:left;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;cursor:pointer;overflow:hidden;}
@media (max-width:768px){
._Course__Title_1g1us_67{font-size:var(--h5FontSize);}
}
._Course__Tag_1g1us_86{background:#049FD314;color:#049FD3;font-size:14px;font-weight:400;line-height:20px;margin-top:8px;padding:2px 8px;width:-moz-fit-content;width:fit-content;}
@media (max-width:768px){
._Course__Tag_1g1us_86{font-size:12px;margin-top:6px;padding:0 4px;}
}
/*! CSS Used from: /assets/web-frontend-next/public/_next/swiper-bundle.CbuSzWzj.css */
.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1;}
.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1;}
.swiper-wrapper{transform:translateZ(0);}
.swiper-horizontal{touch-action:pan-y;}
.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%;}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto;}
.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height;}
.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%;}
.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;}
.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1);}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px);}
.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000;}
/*! CSS Used from: /assets/web-frontend-next/public/_next/nodata.CTDwnqyU.css */
._Anchor_mk8s2_1{margin-top:32px;}
@media (max-width:768px){
._Anchor_mk8s2_1{margin-top:24px;}
}
._Anchor_mk8s2_1 ._Tabs_mk8s2_9{display:flex;justify-content:space-between;width:100%;}
@media (max-width:768px){
._Anchor_mk8s2_1 ._Tabs_mk8s2_9{flex-direction:column-reverse;gap:18px;}
}
._Anchor_mk8s2_1 ._Tabs__Content_mk8s2_20{align-items:center;box-sizing:border-box;display:flex;font-size:20px;font-weight:400;overflow-x:scroll;position:relative;scrollbar-width:none;white-space:nowrap;}
@media (max-width:768px){
._Anchor_mk8s2_1 ._Tabs__Content_mk8s2_20{font-size:16px;line-height:21px;}
}
._Anchor_mk8s2_1 ._Tabs__Content_mk8s2_20::-webkit-scrollbar{height:0!important;width:0!important;}
._Anchor_mk8s2_1 ._Tabs__Content--item_mk8s2_41{color:#697175;cursor:pointer;flex-shrink:0;margin:0 12px;overflow:hidden;padding-bottom:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-break:break-word;}
._Anchor_mk8s2_1 ._Tabs__Content--activeItem_mk8s2_53{color:#000;font-weight:500;}
._Anchor_mk8s2_1 ._Tabs__Underline_mk8s2_57{background-color:#000;bottom:0;height:3px;left:var(--left);position:absolute;transition:left .2s linear;width:24px;}
/*! CSS Used from: /assets/web-frontend-next/public/_next/index.CiWa0Vc6.css */
.swiper[data-v-39c17435]{width:100%;}
.swiper .swiper-pagination[data-v-39c17435]{bottom:32px;}
@media (max-width:768px){
.swiper .swiper-pagination[data-v-39c17435]{bottom:26px;}
}
.swiper .swiper-pagination[data-v-39c17435] .swiper-pagination-bullet{background-color:#1c1e1f;border-radius:10px;height:3px;opacity:30%;transition:all .3s;width:16px;}
.swiper .swiper-pagination[data-v-39c17435] .swiper-pagination-bullet-active{background-color:#1c1e1f;height:3px;opacity:100%;width:24px;}
._Btn_1na51_1{background-color:#049FD3;border:none;border-radius:4px;color:#fff;font-size:16px;font-weight:500;height:auto;line-height:20px;padding:14px;width:auto;}
._Btn_1na51_1:active,._Btn_1na51_1:hover{background-color:#15d1d1;color:#fff;}
._Btn_1na51_1:focus{background-color:#049FD3;color:#fff;}
._Banner_1h4dx_1{background:#eef3f566;border-radius:8px;margin-top:40px;}
@media (max-width:768px){
._Banner_1h4dx_1{margin-top:20px;}
}
._Banner__Tags_1h4dx_11{margin-top:10px;}
@media (max-width:768px){
._Banner__Tags_1h4dx_11{margin-top:6px;}
}
._Banner__Vip_1h4dx_19{background:linear-gradient(90deg,#fe7c02,#ffae55);border-radius:10px;color:#fff;font-size:12px;font-weight:600;padding:0 5px;position:absolute;right:12px;top:12px;z-index:1;}
._Banner__Item_1h4dx_31{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap-reverse;gap:0 50px;justify-content:center;min-height:400px;padding:60px;}
@media (max-width:768px){
._Banner__Item_1h4dx_31{flex-direction:column-reverse;padding:24px 9px 80px;}
}
._Banner__Item--wrapper_1h4dx_48{display:flex;flex:1;flex-direction:column;position:relative;width:100%;}
._Banner__Item--title_1h4dx_55{cursor:pointer;display:-webkit-box;font-size:40px;font-weight:500;text-align:left;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
@media (max-width:768px){
._Banner__Item--title_1h4dx_55{font-size:20px;margin-top:10px;}
}
._Banner__Item--tag_1h4dx_72{background:#049FD314;color:#049FD3;font-size:14px;font-weight:400;line-height:20px;padding:2px 8px;}
._Banner__Item--img_1h4dx_80{position:relative;}
._Banner__ActionBtn_1h4dx_83{margin-top:32px;width:260px;}
@media (max-width:768px){
._Banner__ActionBtn_1h4dx_83{min-width:unset;width:100%;}
}
._Banner__PreviewImg_1h4dx_93{border:1px solid #e8e8e9;border-radius:4px;cursor:pointer;height:315px;-o-object-fit:contain;object-fit:contain;width:560px;}
@media (max-width:768px){
._Banner__PreviewImg_1h4dx_93{height:auto;max-height:50vw;width:100%;}
}
._Banner__Icon_1h4dx_108{bottom:19px;cursor:pointer;position:absolute;right:19px;width:40px;}
@media (max-width:768px){
._Banner__Icon_1h4dx_108{bottom:10px;right:10px;width:20px;}
}
._CourseList_9wfbr_1{color:#000;display:flex;flex-direction:column;margin-top:80px;}
@media (max-width:768px){
._CourseList_9wfbr_1{margin-top:50px;}
}
._CourseList__Title_9wfbr_12{font-size:40px;font-weight:500;line-height:52px;}
@media (max-width:768px){
._CourseList__Title_9wfbr_12{font-size:28px;line-height:36px;}
}
._CourseList__Content_9wfbr_23{display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:12px;}
@media (max-width:768px){
._CourseList__Content_9wfbr_23{gap:12px;grid-template-columns:repeat(2,1fr);}
}
._CourseList__Content--noData_9wfbr_35{grid-template-columns:repeat(1,1fr);}
._CourseList__EmptyContent_9wfbr_38{align-items:center;color:#919697;display:flex;flex-direction:column;font-size:12px;font-weight:400;justify-content:center;line-height:16px;min-height:200px;text-align:center;width:100%;}
._CourseList__EmptyContent_9wfbr_38 span{margin-top:4px;}
._CourseList__ViewMore_9wfbr_54{margin-top:20px;text-align:center;}
._CourseList__ViewMore_9wfbr_54 span{color:#049FD3;cursor:pointer;font-size:16px;font-weight:400;line-height:21px;text-align:center;}
._CourseList__ViewMore_9wfbr_54 span:after{content:"  >";}
@media (max-width:768px){
._CourseList__ViewMore_9wfbr_54 span{font-size:12px;line-height:16px;}
}
._CourseList__ViewMore_9wfbr_54 span:hover{text-decoration:underline;}
._Reward_1amh6_1{align-items:center;background:#f3f4f780;border-radius:8px;display:flex;flex-wrap:wrap-reverse;justify-content:space-between;margin-top:80px;padding:25px 90px;}
@media (max-width:768px){
._Reward_1amh6_1{align-items:center;justify-content:center-between;margin-top:50px;padding:40px 24px;}
}
._Reward__Content_1amh6_19{color:#000;display:flex;flex-direction:column;font-size:32px;font-weight:500;line-height:42px;margin:10px;}
@media (max-width:768px){
._Reward__Content_1amh6_19{font-size:24px;line-height:31px;text-align:center;}
}
._Reward__Content--btn_1amh6_35{margin-top:20px;min-width:191px;}
@media (max-width:768px){
._Reward__Content--btn_1amh6_35{min-width:unset;width:100%;}
}
._Reward__Img_1amh6_45{height:130px;margin:10px;}
._Academy_biydg_1{background-color:#fff;background:#fff;font-family:IBM!important;overflow:hidden;padding-bottom:100px;padding-top:80px;}
@media (max-width:768px){
._Academy_biydg_1{padding-bottom:60px;padding-top:0;}
}
._Academy__Content_biydg_15{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1300px;min-height:800px;padding:0 50px;position:relative;}
@media (max-width:768px){
._Academy__Content_biydg_15{padding:32px 16px 0;}
}
._Academy__Content--title_biydg_30{font-size:64px;font-weight:500;line-height:83px;}
@media (max-width:768px){
._Academy__Content--title_biydg_30{font-size:40px;line-height:52px;}
}
._Academy__Content--desc_biydg_41{font-size:20px;font-weight:400;}
@media (max-width:768px){
._Academy__Content--desc_biydg_41{font-size:16px;line-height:24px;}
}
._Academy__MobileHead_biydg_51{display:none;}
@media (max-width:768px){
._Academy__MobileHead_biydg_51{background-color:#fff;display:block;height:48px;left:0;padding-top:env(safe-area-inset-top);position:fixed;right:0;top:0;z-index:10;}
}
.safe-area-inset-top[data-v-e3f3c3c6]{height:calc(env(safe-area-inset-top) + 48px);}
/*! CSS Used from: /assets/web-frontend-next/public/_next/default.gyYCXld3.css */
.main-container[data-v-11869b96]{box-sizing:border-box;min-height:calc(100vh - 134px);padding-top:0;}
.main-container:not(.isApp).light[data-v-11869b96]{padding-top:80px;}
.main-container.roadmap[data-v-11869b96]{min-height:calc(100vh - 456px);}


/*! CSS Used from: /assets/web-frontend/client/css/2369f90.css */
.btn-normal[data-v-9b204428]{border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:18px;font-weight:500;height:auto;padding:13px 20px;text-align:center;}
@media (max-width:768px){
.btn-normal[data-v-9b204428]{font-size:15px;padding:13px 8px;}
}
.black[data-v-9b204428]{background:#000;color:#fff;}
.black.border[data-v-9b204428]{border:1px solid #fff;}
.modal-tip-dialog[data-v-21ec51de] .el-dialog{top:50%;transform:translateY(-50%);width:400px;}
@media (max-width:768px){
.modal-tip-dialog[data-v-21ec51de] .el-dialog{width:calc(100% - 60px);}
}
.modal-tip-dialog[data-v-21ec51de] .el-dialog__header{padding:30px 30px 0;}
.ahjOKL{--trade-text-secondary:#a3a8b7;--trade-text-primary:#000;--trade-dialog-background:#f0f0f0;--trade-dialog-icon-background:#e1e1e1;}
.ahjOKL .el-dialog{background:var(--trade-dialog-background);border-radius:4px;top:50%;transform:translateY(-50%);}
.ahjOKL .el-dialog__header{padding:0;}
.title-wrapper[data-v-44635495]{margin-bottom:20px;}
.title-wrapper .title-wrapper-inner[data-v-44635495]{display:flex;margin-top:40px;width:100%;}
.title-wrapper .title-wrapper-inner .title-row[data-v-44635495]{display:flex;width:100%;}
.title-wrapper .title-wrapper-inner .title-row .title-left-wrapper[data-v-44635495]{align-items:center;display:flex;height:52px;}
.title-wrapper .title-wrapper-inner .title-row .title-left-wrapper .title-left-img[data-v-44635495]{height:100%;}
.title-wrapper .title-wrapper-inner .title-row .title-content[data-v-44635495]{display:flex;flex:1;flex-wrap:wrap;}
.title-wrapper .title-wrapper-inner .title-row .title[data-v-44635495]{font-size:40px;font-weight:500;line-height:52px;margin-left:20px;margin-right:auto;}
@media (max-width:768px){
.title-wrapper .title-wrapper-inner[data-v-44635495]{display:block;margin-top:30px;}
.title-wrapper .title-wrapper-inner .title-row .title-left-wrapper[data-v-44635495]{height:36px;}
.title-wrapper .title-wrapper-inner .title-row .title-left-wrapper .title-left-img[data-v-44635495]{height:100%;}
.title-wrapper .title-wrapper-inner .title-row .title-content[data-v-44635495]{flex-direction:column;}
.title-wrapper .title-wrapper-inner .title-row .title[data-v-44635495]{font-size:28px;line-height:36px;margin-left:10px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/16453a4.css */
.block-wrapper .card-wrapper[data-v-6119acd6]{background:#fff;border-radius:8px;box-sizing:border-box;padding:40px;width:100%;}
@media (max-width:768px){
.block-wrapper .card-wrapper[data-v-6119acd6]{padding:30px 20px;}
}
.block-wrapper .noBackg[data-v-6119acd6]{background:transparent;border-radius:0;padding:0;}
@media (max-width:768px){
.block-wrapper .noBackg[data-v-6119acd6]{padding:0;}
}
.data-wrapper[data-v-b6e391de]{display:flex;height:100%;padding:10px 0;position:relative;}
@media (max-width:768px){
.data-wrapper[data-v-b6e391de]{flex-direction:column;}
}
.title[data-v-b6e391de]{font-size:20px;font-weight:600;}
.content-wrapper[data-v-b6e391de]{display:flex;flex:1;flex-direction:column;margin-right:10%;}
@media (max-width:768px){
.content-wrapper[data-v-b6e391de]{margin-right:0;}
}
.btn-wrapper[data-v-b6e391de]{display:flex;}
@media (max-width:768px){
.btn-wrapper[data-v-b6e391de]{margin-top:10px;}
}
.btn-wrapper .btn[data-v-b6e391de]{word-wrap:break-word;margin:auto;max-width:200px;min-width:120px;white-space:normal;}
@media (max-width:768px){
.btn-wrapper .btn[data-v-b6e391de]{max-width:none;width:100%;}
}
.FsZr1X{background:#fff;border-radius:8px;padding:40px;}
@media (max-width:768px){
.FsZr1X{padding:30px 20px;}
}
.rwOeK1{display:grid;word-break:break-word;}
.\+MceGi,.rwOeK1{position:relative;}
.\+MceGi .U2uRhz{border-left:1px dashed #dadada;height:100%;position:absolute;top:0;width:0;}
.\+MceGi .uVyQWY{border-bottom:1px dashed #dadada;height:0;left:0;position:absolute;width:100%;}
.back-to-top-wrapper[data-v-48d1ca8a]{align-items:center;background-color:#fff;border-radius:50%;bottom:90px;box-shadow:0 0 6px rgba(0,0,0,.12);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;right:28px;width:40px;z-index:5;}


/*! CSS Used from: /assets/web-frontend/client/css/2369f90.css */
.btn-normal[data-v-9b204428]{border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:18px;font-weight:500;height:auto;padding:13px 20px;text-align:center;}
@media (max-width:768px){
.btn-normal[data-v-9b204428]{font-size:15px;padding:13px 8px;}
}
.black[data-v-9b204428]{background:#000;color:#fff;}
.btn-normal+.btn-normal[data-v-9b204428]{margin-left:0;}
.btn-disabled[data-v-9b204428]{background:#dedede!important;border:none!important;color:#fff!important;}
.modal-tip-dialog[data-v-21ec51de] .el-dialog{top:50%;transform:translateY(-50%);width:400px;}
@media (max-width:768px){
.modal-tip-dialog[data-v-21ec51de] .el-dialog{width:calc(100% - 60px);}
}
.modal-tip-dialog[data-v-21ec51de] .el-dialog__header{padding:30px 30px 0;}
.ahjOKL{--trade-text-secondary:#a3a8b7;--trade-text-primary:#000;--trade-dialog-background:#f0f0f0;--trade-dialog-icon-background:#e1e1e1;}
.ahjOKL .el-dialog{background:var(--trade-dialog-background);border-radius:4px;top:50%;transform:translateY(-50%);}
.ahjOKL .el-dialog__header{padding:0;}
.title-wrapper[data-v-44635495]{margin-bottom:20px;}
.title-wrapper .title-wrapper-inner[data-v-44635495]{display:flex;margin-top:40px;width:100%;}
.title-wrapper .title-wrapper-inner .title-row[data-v-44635495]{display:flex;width:100%;}
.title-wrapper .title-wrapper-inner .title-row .title-left-wrapper[data-v-44635495]{align-items:center;display:flex;height:52px;}
.title-wrapper .title-wrapper-inner .title-row .title-left-wrapper .title-left[data-v-44635495]{background:#000;display:inline-block;height:34px;width:8px;}
.title-wrapper .title-wrapper-inner .title-row .title-content[data-v-44635495]{display:flex;flex:1;flex-wrap:wrap;}
.title-wrapper .title-wrapper-inner .title-row .title[data-v-44635495]{font-size:40px;font-weight:500;line-height:52px;margin-left:20px;margin-right:auto;}
@media (max-width:768px){
.title-wrapper .title-wrapper-inner[data-v-44635495]{display:block;margin-top:30px;}
.title-wrapper .title-wrapper-inner .title-row .title-left-wrapper[data-v-44635495]{height:36px;}
.title-wrapper .title-wrapper-inner .title-row .title-left-wrapper .title-left[data-v-44635495]{height:20px;width:6px;}
.title-wrapper .title-wrapper-inner .title-row .title-content[data-v-44635495]{flex-direction:column;}
.title-wrapper .title-wrapper-inner .title-row .title[data-v-44635495]{font-size:28px;line-height:36px;margin-left:10px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/16453a4.css */
._1iFGT\+{width:100%;}
.task-item[data-v-2d3f7556]{align-items:center;border-radius:10px;display:flex;margin-bottom:20px;padding:20px;}
@media (max-width:960px){
.task-item[data-v-2d3f7556]{padding:12px;}
}
@media (max-width:768px){
.task-item[data-v-2d3f7556]{align-items:stretch;border-radius:4px;flex-direction:column;margin-bottom:20px;padding:10px;}
}
.task-item[data-v-2d3f7556]:last-child{margin-bottom:0;}
.task-item .task-image[data-v-2d3f7556]{height:60px;margin-right:20px;}
@media (max-width:768px){
.task-item .task-image[data-v-2d3f7556]{display:none;}
}
.task-item .task-image-h5[data-v-2d3f7556]{display:none;}
@media (max-width:768px){
.task-item .task-image-h5[data-v-2d3f7556]{display:block;margin-right:10px;width:30px;}
}
.task-item .task-info[data-v-2d3f7556]{color:#000;flex:1;font-size:20px;font-weight:600;}
@media (max-width:768px){
.task-item .task-info[data-v-2d3f7556]{font-size:16px;line-height:21px;}
}
.task-item .task-info .title-wrapper[data-v-2d3f7556]{display:flex;}
.task-item .task-info .title-wrapper .sub-title[data-v-2d3f7556]{font-size:12px;line-height:16px;}
@media (max-width:768px){
.task-item .task-intro[data-v-2d3f7556]{font-size:12px;line-height:16px;width:100%;}
}
.task-item .task-list[data-v-2d3f7556]{display:flex;gap:6px 24px;}
.task-item .task-list-col1 .progress-wrapper[data-v-2d3f7556]{flex:0 0 100%;max-width:300px;}
.task-item .progress-label-wrap[data-v-2d3f7556]{align-items:center;display:flex;white-space:nowrap;}
.task-item .progress-wrapper[data-v-2d3f7556]{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;margin-top:10px;}
.task-item .progress-wrapper .progress-text[data-v-2d3f7556]{color:#141f21;font-size:12px;font-weight:500;}
.task-item .btn-group[data-v-2d3f7556]{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:12px;margin-left:60px;max-width:244px;}
@media (max-width:768px){
.task-item .btn-group[data-v-2d3f7556]{flex-wrap:wrap;margin-left:0;margin-top:32px;max-width:100%;}
}
.task-item .btn-group .btn[data-v-2d3f7556]{flex:1;margin:0;max-width:none;min-width:0;min-width:auto;padding-left:8px;padding-right:8px;}
.task-item .btn[data-v-2d3f7556]{max-width:320px;min-width:215px;}
@media (max-width:768px){
.task-item .btn[data-v-2d3f7556]{margin:20px 0 0;max-width:none;width:100%;}
}
.luck-draw-dialog[data-v-47988aee] .el-dialog{border-radius:8px;top:50%;transform:translateY(-50%);width:480px;}
.luck-draw-dialog[data-v-47988aee] .el-dialog__header{padding:30px 30px 0;}
@media (max-width:768px){
.luck-draw-dialog[data-v-47988aee] .el-dialog{width:calc(100% - 60px);}
}
.block-container[data-v-25c1218a]{width:100%;}
.block-container .task-wrapper[data-v-25c1218a]{background:#fff;border-radius:8px;overflow:hidden;padding:30px 20px;position:relative;}
@media (max-width:768px){
.block-container .task-wrapper[data-v-25c1218a]{padding:20px 10px;}
}
.block-container .task-content[data-v-25c1218a]{left:0;position:relative;top:0;}
@media (max-width:768px){
.block-wrapper .card-wrapper[data-v-6119acd6]{padding:30px 20px;}
}
.task-item[data-v-01be9168]{display:flex;flex-wrap:wrap;height:100%;}
@media (max-width:768px){
.task-item[data-v-01be9168]{flex-direction:column;}
}
.task-item .task-image-wrapper[data-v-01be9168]{align-items:center;display:flex;}
.task-item .task-image-wrapper .task-image[data-v-01be9168]{margin-right:20px;width:60px;}
@media (max-width:768px){
.task-item .task-image-wrapper .task-image[data-v-01be9168]{display:none;}
}
.task-item .task-image-h5[data-v-01be9168]{display:none;}
@media (max-width:768px){
.task-item .task-image-h5[data-v-01be9168]{display:block;height:30px;margin-right:10px;width:30px;}
}
.task-item .task-info[data-v-01be9168]{color:#000;display:flex;flex:1;flex-direction:column;font-size:20px;font-weight:600;justify-content:center;margin-right:10%;}
@media (max-width:768px){
.task-item .task-info[data-v-01be9168]{font-size:16px;line-height:21px;margin-right:0;}
}
.task-item .task-info .title-wrapper[data-v-01be9168]{display:flex;}
.task-item .task-intro[data-v-01be9168]{color:#010101;font-size:14px;font-weight:400;line-height:18px;margin-top:10px;}
@media (max-width:768px){
.task-item .task-intro[data-v-01be9168]{font-size:12px;line-height:16px;width:100%;}
}
.task-item .btn-wrapper[data-v-01be9168]{display:flex;margin:10px auto;}
@media (max-width:768px){
.task-item .btn-wrapper[data-v-01be9168]{margin:20px 0 0;}
}
.task-item .btn-wrapper .btn[data-v-01be9168]{margin:auto;max-width:200px;min-width:148px;transform:scale(1);transition:all .2s ease;}
.task-item .btn-wrapper .btn[data-v-01be9168]:hover{transform:scale(1.02);}
@media (max-width:768px){
.task-item .btn-wrapper .btn[data-v-01be9168]:hover{transform:scale(1);}
.task-item .btn-wrapper .btn[data-v-01be9168]{max-width:none;width:100%;}
}
.FsZr1X{background:#fff;border-radius:8px;padding:40px;}
@media (max-width:768px){
.FsZr1X{padding:30px 20px;}
}



/*! CSS Used from: /assets/web-frontend/client/css/4bba197.css */
.bmx-page-wrap .bmx-header{background:url(web-frontend/client/img/bmx_bg.7ae85f2.jpg) no-repeat 100% 100%;background-color:#000;background-size:1680px;color:#fff;height:600px;}
.bmx-page-wrap .bmx-header .bmx-header-title{margin:0 auto;padding-top:216px;width:1200px;}
.bmx-page-wrap .bmx-header .bmx-header-title h3{color:#fff;font-size:36px;font-weight:700;letter-spacing:-.34px;line-height:36px;margin-bottom:44px;text-align:left;}
.bmx-page-wrap .bmx-header .bmx-header-title p{color:#fff;font-size:14px;letter-spacing:-.34px;line-height:20px;text-align:left;width:540px;}
.bmx-page-wrap .bmx-header .bmx-header-title p.tit-p{margin-bottom:20px;}
.bmx-page-wrap .bmx-header .bmx-header-title a{display:block;margin-top:1em;-webkit-text-decoration:underline;text-decoration:underline;}
.bmx-page-wrap .bmx-body{background-color:#fff;padding-bottom:200px;padding-top:92px;}
.bmx-page-wrap .bmx-body .bmx-contents{margin:0 auto 61px;width:1200px;}
.bmx-page-wrap .bmx-body .bmx-contents:nth-child(2){margin-top:82px;}
.bmx-page-wrap .bmx-body .bmx-contents .content-title{color:#040404;font-size:30px;font-weight:700;letter-spacing:-.72px;line-height:20px;margin-bottom:40px;}
.bmx-page-wrap .bmx-body .bmx-contents .content-txt-tit{color:#050505;font-size:18px;letter-spacing:-.34px;margin-bottom:5px;}
.bmx-page-wrap .bmx-body .bmx-contents .content-txt-txt{color:#050505;font-size:14px;letter-spacing:-.34px;line-height:25px;margin-bottom:40px;max-width:900px;}
.bmx-page-wrap .bmx-body .bmx-contents .content-txt-txt.no-margin{margin-bottom:5px;}
.bmx-page-wrap .bmx-body .bmx-contents .mg1{margin-bottom:22px;}
.bmx-page-wrap .bmx-body .bmx-contents .mg2{margin-bottom:6px;}
.bmx-page-wrap .bmx-body .bmx-contents .bmx-trade-link a{color:#049FD3;font-size:14px;margin-right:5px;}
.bmx-page-wrap .bmx-body .bmx-contents .bmx-trade-link a span{display:inline-block;vertical-align:middle;}
@media (min-width:1920px){
.bmx-page-wrap .bmx-header{background-size:cover;height:420px;padding-top:50px;}
.bmx-page-wrap .bmx-header .bmx-header-title{padding-top:110px;}
}
@media (max-width:768px){
.bmx-page-wrap .bmx-header{background-size:cover;height:420px;padding-top:50px;}
.bmx-page-wrap .bmx-header .bmx-header-title{margin:0 auto;padding-top:60px;width:90%;}
.bmx-page-wrap .bmx-header .bmx-header-title h3{font-size:24px;letter-spacing:4px;line-height:24px;margin-bottom:30px;}
.bmx-page-wrap .bmx-header .bmx-header-title p{width:70%;}
.bmx-page-wrap .bmx-header .bmx-header-title a{border-radius:32px;font-size:12px;line-height:36px;padding:10px 40px;}
.bmx-page-wrap .bmx-body .bmx-contents{width:90%;}
}
@media (max-width:500px){
.bmx-page-wrap .bmx-header{background-size:cover;height:300px;padding-top:30px;}
.bmx-page-wrap .bmx-header .bmx-header-title{margin:0 auto;padding-top:30px;width:90%;}
.bmx-page-wrap .bmx-header .bmx-header-title h3{font-size:20px;letter-spacing:4px;line-height:20px;margin-bottom:20px;}
.bmx-page-wrap .bmx-header .bmx-header-title p{font-size:12px;line-height:18px;width:100%;}
.bmx-page-wrap .bmx-header .bmx-header-title p.tit-p{font-size:12px;}
.bmx-page-wrap .bmx-body{padding-bottom:50px;padding-top:50px;}
.bmx-page-wrap .bmx-body .bmx-contents{margin-bottom:30px;width:320px;}
.bmx-page-wrap .bmx-body .bmx-contents:nth-child(2){margin-top:40px;}
.bmx-page-wrap .bmx-body .bmx-contents .content-title{font-size:16px;line-height:20px;margin-bottom:15px;}
.bmx-page-wrap .bmx-body .bmx-contents .content-txt-tit{font-size:14px;margin-bottom:4px;}
.bmx-page-wrap .bmx-body .bmx-contents .content-txt-txt{font-size:12px;line-height:18px;margin-bottom:25px;max-width:300px;}
.bmx-page-wrap .bmx-body .bmx-contents .bmx-trade-link a{font-size:12px;margin-right:3px;}
.bmx-page-wrap .bmx-body .bmx-contents .bmx-trade-link a .iconfont2{font-size:12px;}
}


/*! CSS Used from: /assets/web-frontend/client/css/2056ce6.css */
.fee-container[data-v-628380ed]{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:space-between;}
.fee-container .header .title[data-v-628380ed]{color:#141f21;font-size:32px;font-weight:500;margin-bottom:8px;}
.fee-container .header .intro[data-v-628380ed]{color:#3e4648;font-size:14px;line-height:18.2px;}
.fee-container .content[data-v-628380ed]{width:800px;}
.fee-container .content .coin-full-cell[data-v-628380ed]{align-items:center;color:#6a7c81;display:flex;font-size:12px;}
.fee-container .content .coin-full-cell .coin-icon[data-v-628380ed]{height:20px;margin-right:8px;width:20px;}
.fee-container .content .coin-full-cell .coin-name[data-v-628380ed]{color:#141f21;font-size:14px;font-weight:500;margin-right:15px;}
.fee-container .content[data-v-628380ed] .cell{padding:0 10px!important;}
.fee-container .content[data-v-628380ed] .el-table__fixed:before{z-index:inherit;}
.fee-container .content[data-v-628380ed] .el-table thead{color:#6a7c81!important;}
.fee-container .content[data-v-628380ed] .el-table thead th{background:#f5f8f9!important;border-bottom-color:#e9f0f3!important;font-size:12px!important;font-weight:400!important;}
.fee-container .content[data-v-628380ed] .el-table td{border-bottom-color:#e9f0f3!important;}
@media screen and (max-width:768px){
.fee-container[data-v-628380ed]{flex-direction:column;}
.fee-container .content[data-v-628380ed]{margin-top:20px;width:100%;}
.fee-container .header .title[data-v-628380ed]{font-size:20px;}
}
.pair-container[data-v-00e04b5b]{width:100%;}
.pair-container .nav[data-v-00e04b5b]{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:14px;margin-bottom:16px;margin-top:40px;}
.pair-container .nav .nav__item[data-v-00e04b5b]{box-sizing:border-box;cursor:pointer;height:44px;line-height:44px;margin-right:13px;min-width:160px;padding:0 41px;}
.pair-container .nav .nav__item.active[data-v-00e04b5b]{background:#f5f8f9;font-weight:500;}
.pair-container .pair-table[data-v-00e04b5b]{min-height:44px;overflow-x:hidden;overflow-y:auto;width:100%;}
.pair-container .pair-table[data-v-00e04b5b]::-webkit-scrollbar{background-color:#e7e9e9;border-radius:4px;height:4px;width:4px;}
.pair-container .pair-table[data-v-00e04b5b]::-webkit-scrollbar-track{background-color:#e7e9e9;border:0;box-shadow:none;}
.pair-container .pair-table[data-v-00e04b5b]::-webkit-scrollbar-thumb{background-color:#141f21;border-radius:4px;box-shadow:none;height:40px;width:4px;}
.pair-container .pair-table .table__list[data-v-00e04b5b]{box-sizing:border-box;display:flex;flex-flow:row wrap;max-height:176px;padding-left:1px;padding-top:1px;}
.pair-container .pair-table .table__item[data-v-00e04b5b]{border:1px solid #e9f0f3;box-sizing:border-box;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:400;height:44px;line-height:44px;margin-left:-1px;margin-top:-1px;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:150px;}
.pair-container .intro[data-v-00e04b5b]{color:#9cb3ba;font-size:14px;font-weight:400;line-height:18px;margin:16px 0 40px;}
.pair-container .fee-table-wrapper .fee-table[data-v-00e04b5b] th>.cell{white-space:inherit;}
.pair-container .fee-table-wrapper .link[data-v-00e04b5b]{-webkit-text-decoration:underline;text-decoration:underline;}
.pair-container .fee-table-wrapper[data-v-00e04b5b] .cell{padding:0 10px!important;word-break:inherit;}
.pair-container .fee-table-wrapper[data-v-00e04b5b] .el-table__fixed:before{z-index:inherit;}
.pair-container .fee-table-wrapper[data-v-00e04b5b] .el-table thead{color:#6a7c81!important;}
.pair-container .fee-table-wrapper[data-v-00e04b5b] .el-table thead th{background:#f5f8f9!important;border-bottom-color:#e9f0f3!important;font-size:12px!important;font-weight:400!important;}
.pair-container .fee-table-wrapper[data-v-00e04b5b] .el-table td{border-bottom-color:#e9f0f3!important;}
@media screen and (max-width:768px){
.pair-container .nav[data-v-00e04b5b]{margin-top:30px;}
.pair-container .nav__item[data-v-00e04b5b]{flex-basis:30%;margin:0;margin-right:0!important;overflow:hidden;padding:0 5px!important;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.pair-container .pair-table[data-v-00e04b5b]{overflow-x:auto;overflow-y:auto;}
.pair-container .intro[data-v-00e04b5b]{display:none;}
}
.wrapper[data-v-6e082ddb]{background:#fff;padding-top:70px;}
.wrapper .mobile-back[data-v-6e082ddb]{display:none;}
.wrapper .contain[data-v-6e082ddb]{margin:auto;width:1200px;}
.wrapper .header[data-v-6e082ddb]{width:100%;}
.wrapper .header [data-v-6e082ddb]{box-sizing:border-box;}
.wrapper .header .title[data-v-6e082ddb]{align-items:flex-end;color:#141f21;display:flex;font-size:64px;font-weight:500;margin-bottom:16px;}
.wrapper .header .title .go-link[data-v-6e082ddb]{align-items:center;color:#049FD3;display:flex;font-size:16px;font-weight:400;margin-bottom:10px;margin-left:28px;}
.wrapper .header .title .go-link .icon-arr[data-v-6e082ddb]{margin-left:9px;transform:rotate(180deg);}
.wrapper .header .intro[data-v-6e082ddb]{color:#3e4648;font-size:16px;line-height:24px;}
.wrapper .header .not-login[data-v-6e082ddb]{margin-top:39px;}
.wrapper .header .not-login span[data-v-6e082ddb]{color:#3e4648;font-size:16px;line-height:24px;}
.wrapper .header .not-login a[data-v-6e082ddb]{color:#049FD3;}
.wrapper .tab-wrapper[data-v-6e082ddb]{position:relative;}
.wrapper .tab-wrapper .pc-pair-list[data-v-6e082ddb]{background:#fff;display:none;padding-left:40px;position:absolute;right:0;top:0;z-index:2;}
.wrapper .tab-wrapper .pc-pair-list[data-v-6e082ddb] .el-input__inner{height:42px;line-height:42px;}
.wrapper .tab-wrapper .h5-pair-list[data-v-6e082ddb]{display:none;}
.wrapper .tab-wrapper .guide-intro[data-v-6e082ddb]{color:#3e4648;font-size:16px;line-height:24px;margin-top:20px;}
.wrapper .tab-wrapper .guide-intro p[data-v-6e082ddb]{margin-top:20px;}
.wrapper .tab-wrapper .guide-intro[data-v-6e082ddb] a{color:#049FD3;font-weight:700;}
.wrapper .fee-tabs[data-v-6e082ddb]{margin-top:30px;}
.wrapper .fee-tabs[data-v-6e082ddb] .el-tabs__header{margin:0 0 40px;}
.wrapper .fee-tabs[data-v-6e082ddb] .el-tabs__item{color:#3e4648;font-size:20px;font-weight:400;}
.wrapper .fee-tabs[data-v-6e082ddb] .el-tabs__item.is-active{color:#141f21;font-weight:500;}
.wrapper .fee-tabs[data-v-6e082ddb] .el-tabs__nav-wrap:after{background-color:#e9f0f3;}
.wrapper .fee-tabs[data-v-6e082ddb] .el-tabs__nav.is-top .el-tabs__active-bar.is-top{background-color:#141f21;display:block;}
.wrapper .future[data-v-6e082ddb]{margin:88px 0 100px;}
.wrapper .fee-container[data-v-6e082ddb]{display:flex;margin-bottom:35px;}
.wrapper .fee-container .el-col[data-v-6e082ddb]{margin-bottom:20px;}
.wrapper .fee-container .fee-item[data-v-6e082ddb]{width:100%;}
.wrapper .fee-container .fee-item .tit[data-v-6e082ddb]{color:#000;font-size:14px;margin-bottom:12px;}
.wrapper .fee-container .fee-item .sub[data-v-6e082ddb]{align-items:center;display:flex;gap:8px;}
.wrapper .fee-container .fee-item .response-row[data-v-6e082ddb]{width:100%;}
.wrapper .fee-container .fee-item .response-row .el-col[data-v-6e082ddb]{margin-bottom:12px;white-space:nowrap;}
.wrapper .fee-container .fee-item .label[data-v-6e082ddb]{color:#3e4648;font-size:14px;}
.wrapper .fee-container .fee-item .value[data-v-6e082ddb]{color:#1a1b1f;font-size:20px;font-style:normal;font-weight:500;line-height:20px;}
.visible-hidden[data-v-6e082ddb]{visibility:hidden;}
@media screen and (max-width:768px){
.wrapper[data-v-6e082ddb]{padding-top:49px;width:100%;}
.wrapper .mobile-back[data-v-6e082ddb]{background:#fff;border-bottom:1px solid #e5e7eb;display:none;padding:calc(env(safe-area-inset-top) + 3.75vw) 6.25vw 3.75vw;position:fixed;top:0;width:100vw;z-index:10;}
.wrapper .header[data-v-6e082ddb]{position:relative;}
.wrapper .header .title[data-v-6e082ddb]{align-items:flex-start;flex-direction:column;font-size:44px;}
.wrapper .header .go-link[data-v-6e082ddb]{font-size:14px;margin-left:0!important;margin-top:7px;}
.wrapper .header .intro[data-v-6e082ddb]{font-size:14px;line-height:18px;}
.wrapper .fee-tabs[data-v-6e082ddb]{margin-top:50px;}
.wrapper .fee-tabs[data-v-6e082ddb] .el-tabs__header{margin:0;}
.wrapper .tab-wrapper[data-v-6e082ddb]{position:relative;}
.wrapper .tab-wrapper .pc-pair-list[data-v-6e082ddb]{display:none!important;}
.wrapper .tab-wrapper .h5-pair-list[data-v-6e082ddb]{color:#000;display:none;position:absolute;right:0;top:13px;z-index:2;}
.wrapper .tab-wrapper .h5-pair-list .search-icon[data-v-6e082ddb]{display:inline;font-size:18px;}
.wrapper .tab-wrapper .h5-pair-list .pair-choose[data-v-6e082ddb]{background:#fff;display:none;}
.wrapper .tab-wrapper .h5-pair-list .pair-choose[data-v-6e082ddb] .r-coin-selector{flex:1;}
.wrapper .tab-wrapper .h5-pair-list .pair-choose[data-v-6e082ddb] .r-select{width:100%!important;}
.wrapper .tab-wrapper .h5-pair-list .pair-choose[data-v-6e082ddb] .el-input__inner{height:42px;line-height:42px;}
.wrapper .tab-wrapper .h5-pair-list .pair-choose .cancel-btn[data-v-6e082ddb]{color:#049FD3;font-size:14px;margin-left:25px;}
.wrapper .future[data-v-6e082ddb]{margin-top:7px;}
.wrapper .margin[data-v-6e082ddb]{margin-top:35px;}
.wrapper .fee-container[data-v-6e082ddb]{flex-direction:column;}
.wrapper .fee-container .fee-item[data-v-6e082ddb]{margin-right:0;margin-top:40px;}
.wrapper .fee-container .fee-item .tit[data-v-6e082ddb]{margin-bottom:4px;}
.wrapper .fee-container .fee-item[data-v-6e082ddb]:last-child{margin-top:24px;}
}
/*! CSS Used keyframes */
@-webkit-keyframes loading-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn);}}
@keyframes loading-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn);}}
@-webkit-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;}}
@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;}}

/*! CSS Used from: /assets/web-frontend/client/css/d5883fa.css */
.com-rating[data-v-1e64343c]{display:flex;margin-top:16px;width:100%;}
.com-rating [data-v-1e64343c]{box-sizing:border-box;}
.com-rating .item[data-v-1e64343c]{align-items:center;border:1px solid #e8e8e9;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;height:88px;justify-content:center;margin-right:16px;outline:1px solid transparent;width:96px;}
.com-rating .item[data-v-1e64343c]:last-of-type{margin-right:0;}
.com-rating .icon[data-v-1e64343c]{height:40px;opacity:.3;width:40px;}
.com-rating .label[data-v-1e64343c]{color:#1c1e1f;font-size:12px;line-height:16px;margin-top:6px;}
@media (max-width:768px){
.com-rating .item[data-v-1e64343c]{margin-right:10px;}
.com-rating .label[data-v-1e64343c]{font-size:12px;margin-top:6px;transform:scale(.833);}
}
.feedback-dialog[data-v-fa5f20a2] .el-dialog{border-radius:8px;}
.feedback-dialog[data-v-fa5f20a2] .el-dialog__header{padding:32px 32px 0;text-align:left;}
.feedback-dialog[data-v-fa5f20a2] .el-dialog__title{color:#141f21;font-size:20px;font-weight:500;line-height:26px;}
@media (max-width:480px){
.feedback-dialog[data-v-fa5f20a2] .el-dialog{width:80%!important;}
.feedback-dialog[data-v-fa5f20a2] .el-dialog__header{padding:24px 20px 0;text-align:center;}
}
.hnYn1E{display:inline-block;height:116px;vertical-align:bottom;}
@media (max-width:768px){
.hnYn1E{width:1005;}
}
.NFPExf{align-items:center;background-color:#eef3f5;border:1px dashed #91a5b1;border-radius:4px;box-sizing:border-box;display:flex;height:116px;justify-content:center;margin:0 16px 16px 0;width:116px;}
@media (max-width:768px){
.NFPExf{margin:0 12px 12px 0;}
}
.LsQkJ0,.\+rRYNn{color:#91a5b1;font-size:32px;}
.Q1zHwr{display:flex;}
.page-feedback [data-v-3c509bba]{box-sizing:border-box;}
.page-feedback .wrapper[data-v-3c509bba]{padding-top:80px;}
.page-feedback .header .title[data-v-3c509bba]{color:#1c1e1f;font-size:64px;font-weight:600;line-height:84px;}
.page-feedback .header .slogan[data-v-3c509bba]{color:#1c1e1f;font-size:20px;line-height:24px;margin-top:10px;}
.page-feedback .form[data-v-3c509bba]{margin-top:60px;max-width:588px;}
.page-feedback .form .form-item[data-v-3c509bba]{margin-top:30px;}
.page-feedback .form .form-label[data-v-3c509bba]{color:#1c1e1f;font-size:16px;font-weight:600;line-height:22px;}
.page-feedback .form .form-content[data-v-3c509bba]{align-items:flex-end;display:flex;flex-wrap:wrap;margin-top:8px;}
.page-feedback .form .textarea[data-v-3c509bba] .el-textarea__inner{background-color:#eef3f5;border:none;border-radius:4px;padding:16px;resize:none;}
.page-feedback .form .textarea[data-v-3c509bba] .el-textarea__inner::placeholder{color:#aab7bd;font-size:14px;line-height:18px;}
.page-feedback .form .textarea[data-v-3c509bba] .el-input__count{background-color:transparent;color:#91a5b1;font-size:14px;line-height:18px;}
.page-feedback .form .important[data-v-3c509bba]{color:#ff532f;}
.page-feedback .form .upload-notice[data-v-3c509bba]{color:#6a7c81;font-size:12px;line-height:16px;}
.page-feedback .form .supplement[data-v-3c509bba]{color:#697175;font-size:12px;line-height:16px;margin-top:16px;}
.page-feedback .form .notice[data-v-3c509bba]{color:#1c1e1f;font-weight:500;text-decoration-line:underline;}
.page-feedback .form .footer[data-v-3c509bba]{margin-top:60px;}
.page-feedback .form .footer .button[data-v-3c509bba]{font-size:15px;font-weight:600;height:42px;width:100%;}
@media (max-width:768px){
.page-feedback .wrapper[data-v-3c509bba]{padding-top:30px;}
.page-feedback .header .title[data-v-3c509bba]{font-size:32px;line-height:42px;}
.page-feedback .header .slogan[data-v-3c509bba]{font-size:14px;line-height:18px;}
.page-feedback .form[data-v-3c509bba]{margin-top:30px;}
.page-feedback .form .form-label[data-v-3c509bba]{font-size:16px;line-height:22px;}
.page-feedback .form .footer[data-v-3c509bba]{margin-top:36px;}
.page-feedback .form .upload-notice[data-v-3c509bba]{margin-top:6px;}
}

/*! CSS Used from: /assets/web-frontend/client/css/c9ed564.css */
.sH8Jg6{align-items:center;display:flex;justify-content:center;min-height:500px;}
.tgE-dt{margin:96px auto 0;max-width:640px;padding:0 20px;text-align:center;width:100%;}
.kZgZOp{color:#000;font-size:40px;font-weight:500;margin-bottom:10px;}
.WtVdZp{font-weight:400;margin-right:4px;}
.WtVdZp,.tC1hWA{color:#000;font-size:14px;}
.tC1hWA{font-weight:500;}
.lGsDw\+{font-size:16px;margin-top:48px;}
.LqasLo{background-color:#049FD3;border-radius:100%;color:#fff;cursor:pointer;font-size:20px;height:48px;margin-top:4px;right:10px;top:4px;width:48px;}
.lGsDw\+ input{background-color:#eef3f5;border:none;border-radius:28px;height:56px;line-height:56px;padding-left:30px;}
._9idSdc{margin-top:146px;}
.Z5rDcR{color:#999;font-size:12px;margin-left:auto;margin-right:auto;margin-top:6px;max-width:600px;}
.OI3te5,.Z5rDcR{text-align:center;}


/*! CSS Used from: /assets/web-frontend/client/css/a3b7c0f.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
}
.google-2fa-dialog{background-color:#fff;max-width:500px;}
.force-ga-dialog{max-width:500px;text-align:center;width:90%;}
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
.page-account .wrapper[data-v-aad7bbe4]{padding-top:56px;}
.page-account .to-portal[data-v-aad7bbe4]{color:#6a7c81;font-family:IBM Plex Sans;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:underline;}
.page-account .item[data-v-aad7bbe4]{outline:0 solid #f2f2f2;outline-offset:-.5px;}
@media (min-width:640px){
.page-account .item[data-v-aad7bbe4]{outline-width:1px;}
}
.page-account .security-level[data-v-aad7bbe4]{border-left:5px solid #d7e1e8;box-sizing:border-box;display:inline-block;height:8px;margin-right:2px;position:relative;width:19px;}
.page-account .security-level[data-v-aad7bbe4]:after,.page-account .security-level[data-v-aad7bbe4]:before{background-color:#d7e1e8;content:"";display:inline-block;height:8px;position:absolute;right:0;width:5px;}
.page-account .security-level[data-v-aad7bbe4]:after{right:7px;}
.page-account .security-level.security-level-1[data-v-aad7bbe4]{border-color:#f5223b;}
.page-account .security-level.security-level-1[data-v-aad7bbe4]:after,.page-account .security-level.security-level-1[data-v-aad7bbe4]:before{background-color:#f5223b;}
/*! CSS Used from: /assets/web-frontend/client/css/2adeff9.css */
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
/*! CSS Used from: /assets/web-frontend/client/css/0c3ac6f.css */
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}

.UWNtA0 .el-loading-mask{z-index:101;}
.ps1PjI{border-collapse:collapse;font-size:12px;width:100%;}
.xL6RoF th{color:#888;font-weight:400;padding-top:18px;text-align:left;}
.xL6RoF th:nth-child(2){min-width:125px;}
.xL6RoF th:nth-child(3){min-width:180px;}
.xL6RoF th:nth-child(4){min-width:100px;}
.xL6RoF th:nth-child(5){min-width:40px;}
._0YZjzK td{color:#0e1118;padding:14px 0;}
._0YZjzK td{border-bottom:1px solid #f2f4f7;}
.KEGheE{background:none;border:0;color:#049FD3;cursor:pointer;font-size:14px;margin-top:25px;padding:0;}
.KEGheE:focus{outline:0 none;}
.v\+RaZL{background:none;border:0;cursor:pointer;transition:transform .15s ease-in;}
.OKRos5{visibility:hidden;}
.v\+RaZL:focus{outline:0 none;}
._52uYxJ{background:none;border:0;cursor:pointer;font-size:16px;padding:0;transform:rotate(-90deg);}
._52uYxJ:hover{color:#049FD3;}
._52uYxJ:focus{outline:0 none;}
@media (max-width:768px){
.xL6RoF th{min-width:auto!important;}
}
.C\+6AjX{border-collapse:collapse;font-size:12px;width:100%;}
.vLRBxD th{color:#a3a8b7;font-weight:400;padding-top:18px;text-align:left;}
.y65aNx td{color:#0e1118;padding:17px 0;}
.y65aNx td{border-bottom:1px solid #eaeaea;}
.lnG5fv{background:none;border:0;color:#049FD3;cursor:pointer;font-size:14px;margin-top:25px;padding:0;}
.lnG5fv:focus{outline:0 none;}
.j6\+HoW .el-loading-mask{z-index:101;}
.page-account-security .wrapper[data-v-297ce8c8]{padding-top:56px;}
.page-account-security .btn[data-v-297ce8c8]{min-width:70px;}




.yrLDV3{background-color:#fff;padding-bottom:100px;}
.wqnN-y{margin:0 auto;padding-top:56px;position:relative;}
.mU2u-G{align-items:center;display:flex;position:absolute;right:40px;top:72px;}
.mU2u-G span{color:#141f21;font-size:16px;}
.ev-wqt{align-items:center;border-radius:50%;color:#049FD3;display:flex;height:32px;justify-content:center;margin-left:12px;transform:rotate(180deg);width:32px;}
.V8PfHy{padding-top:68px;width:680px;}
.dpelhf{color:#000;font-size:40px;font-weight:500;line-height:48px;}
.MC4-Il,.dpelhf{font-style:normal;}
.MC4-Il{color:#111;font-size:14px;font-weight:400;line-height:20px;margin-top:8px;}
.Qwi9MB{display:flex;justify-content:space-between;padding-top:52px;}
.U6Vc-w{width:282px;}
.h-utRo{font-size:20px;line-height:28px;}
.A1DBvg,.h-utRo{color:#000;font-weight:500;}
.A1DBvg{font-size:16px;margin:42px 0 16px;}
.rNGyEj{height:69px;padding:16px 0;}
.yHH5kg{color:#000;font-size:14px;line-height:20px;margin-top:4px;}
.yHH5kg:first-child{margin-top:0;}
._8QD7CZ{color:#f5222d;font-size:12px;margin-bottom:10px;}
.MdK0Yz{background:#049FD3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:48px;line-height:48px;position:relative;text-align:center;width:282px;}
.MdK0Yz i{font-size:20px;font-weight:500;position:absolute;right:16px;top:15px;}
.owxk7O{opacity:.5;}
.owxk7O{color:#fff;cursor:not-allowed;}
.\-3YW5e{align-items:center;display:flex;}
.\-3YW5e{border-bottom:1px dashed #eee;margin-bottom:3px;padding-bottom:6px;}
.wA1hCr{width:45px;}
.\-3YW5e span{color:#000;font-size:14px;}
@media (max-width:768px){
.yrLDV3{padding-left:0;}
.wqnN-y{max-width:100%;}
.mU2u-G{margin:1.5rem auto;position:static;right:auto;top:auto;}
.mU2u-G span{font-size:16px;}
.ev-wqt{height:28px;margin-left:8px;width:28px;}
.V8PfHy{padding-top:20px;width:100%;}
.Qwi9MB{display:block;}
.U6Vc-w:nth-child(2){margin-top:50px;}
.rNGyEj{height:auto;}
}




/*! CSS Used from: /assets/web-frontend/client/css/f89b17b.css */
[class*=" el-icon-"]{speak:none;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:element-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;vertical-align:baseline;}
.el-icon-close:before{content:"\e6db";}
.bmicon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:bmicon!important;font-size:16px;font-style:normal;}
.icon-caret_down:before{content:"\e612";}
.r-load-more .r-load-more-loading{align-items:center;display:flex;height:120px;justify-content:center;}
.r-load-more .r-load-more-click{cursor:pointer;}
.el-select-dropdown__wrap{border-radius:4px;transition:width .3s;}
.r-select.el-select--default{width:140px;}
.r-select .el-input--default{font-size:14px;}
.r-select .el-input--default .el-input__inner{height:32px;line-height:32px;}
.el-select-dropdown .el-select-dropdown__item{contain-intrinsic-size:36px;content-visibility:auto;height:36px;line-height:36px;padding:0 16px;}
.el-select-dropdown .el-select-dropdown__item.selected{color:#049FD3!important;}
.el-select-dropdown .el-select-dropdown__list{padding:8px 0 12px;}
.r-select *{box-sizing:border-box;}
.r-select.el-select:focus .el-input__inner{background-color:#eef4f6;border-color:transparent;}
.r-select.el-select:hover{cursor:pointer;}
.r-select.el-select:hover .el-input__inner{border-color:#049FD3!important;}
.r-select.el-select .el-input__inner{background-color:#eef4f6;border:1px solid #eef4f6;border-radius:4px;color:#141f21;font-family:DIN,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Arial,sans-serif;font-size:14px;padding:0 30px 0 12px;text-overflow:ellipsis;transition:border-color .25s cubic-bezier(.645,.045,.355,1),background-color .25s cubic-bezier(.645,.045,.355,1);}
.r-select.el-select .el-input__inner:focus{background-color:#eef4f6;border-color:transparent;}
.r-select .el-input{background-color:#fff;border-radius:4px;}
.r-select .el-input__suffix{align-items:center;display:flex;}
.r-select .r-select-icon-arrow{display:inline-block;}
.r-tabs-header-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px;min-height:24px;}
.r-tabs-header{display:block;}
.r-tabs-left-wrapper{align-items:center;display:flex;white-space:nowrap;}
.r-tabs-right-wrapper{display:none;}
.r-tabs-nav{flex-wrap:nowrap;margin-left:-12px;margin-left:calc(var(--bm-tabs-gutter-x)*-.5);margin-right:-12px;margin-right:calc(var(--bm-tabs-gutter-x)*-.5);}
.r-tabs-nav,.r-tabs-nav-item{--bm-tabs-gutter-x:24px;align-items:center;display:flex;}
.r-tabs-nav-item{color:#6a7c81;cursor:pointer;font-size:16px;line-height:24px;padding-left:12px;padding-left:calc(var(--bm-tabs-gutter-x)*.5);padding-right:12px;padding-right:calc(var(--bm-tabs-gutter-x)*.5);}
.r-tabs-nav-item.actived{color:#1a1b1f;font-weight:500;}
.r-tabs-nav-item:first-of-type{margin-left:0;}
.r-tabs-pane-left,.r-tabs-pane-right{align-items:center;display:flex;}
.r-tabs-pane-left-item,.r-tabs-pane-right-item{display:none;}
.r-tabs-pane-left-item.actived,.r-tabs-pane-right-item.actived{display:inline;display:initial;}
@media screen and (min-width:640px){
.r-tabs-header-wrapper{justify-content:space-between;margin-bottom:22px;margin-top:6px;min-height:34px;}
.r-tabs-header,.r-tabs-header-wrapper{align-items:center;display:flex;}
.r-tabs-left-wrapper{margin-right:24px;}
.r-tabs-left-wrapper,.r-tabs-right-wrapper{align-items:center;display:flex;white-space:nowrap;}
.r-tabs-right-wrapper{margin-left:24px;}
.r-tabs-nav{flex-wrap:wrap;margin-left:-12px;margin-left:calc(var(--bm-tabs-gutter-x)*-.5);margin-right:-12px;margin-right:calc(var(--bm-tabs-gutter-x)*-.5);}
.r-tabs-nav,.r-tabs-nav-item{--bm-tabs-gutter-x:24px;align-items:center;display:flex;}
.r-tabs-nav-item{color:#6a7c81;cursor:pointer;font-size:16px;line-height:24px;padding-left:12px;padding-left:calc(var(--bm-tabs-gutter-x)*.5);padding-right:12px;padding-right:calc(var(--bm-tabs-gutter-x)*.5);}
.r-tabs-nav-item.actived{color:#1a1b1f;font-weight:500;}
.r-tabs-nav-item:first-of-type{margin-left:0;}
.r-tabs-pane-right-item{display:none;}
.r-tabs-pane-right-item.actived{display:inline;display:initial;}
}
.el-scrollbar{height:100%;}
.el-input__inner{border-radius:0;padding:0 10px;}
.el-input__inner:focus{border-color:#0e1118;}
.el-dialog{box-shadow:0 4px 12px 0 rgba(0,1,4,.1);}
.el-dialog__header{font-weight:700;padding:40px 40px 8px;}
.el-dialog__headerbtn{right:10px;top:10px;}
.el-dialog__headerbtn .el-dialog__close,.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#5d606a;}
.el-dialog__title{font-size:20px;}
.el-select .el-input .el-input__suffix .el-select__caret{color:#5d606a;}
.el-select .el-input__inner:focus{border-color:#0e1118;}
.el-select-dropdown{border:0;}
.el-select-dropdown .el-select-dropdown__item.selected{color:#0e1118;}
.el-select-dropdown__wrap{overflow-x:hidden;}
/*! CSS Used from: /assets/web-frontend/client/css/eb4f189.css */
::placeholder,button,input{font-family:IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;}
input{outline:none;}
ul{margin:0;padding:0;}
li,ul{list-style:none;}
a{color:inherit;-webkit-text-decoration:none;text-decoration:none;}
.el-input__suffix{pointer-events:none;}
[class*=" el-icon-"]{speak:none;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:element-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;vertical-align:baseline;}
.el-icon-close:before{content:"\e6db";}
.el-dialog{background:#fff;-webkit-box-sizing:border-box;}
.el-dialog{border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;margin:0 auto 50px;position:relative;width:50%;}
.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0;}
.el-dialog__header{padding:32px 32px 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:#909399;}
.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#049FD3;}
.el-dialog__title{color:#303133;font-size:18px;line-height:24px;}
.el-select-dropdown{background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0;position:absolute;z-index:1001;}
.el-select-dropdown__wrap{max-height:274px;}
.el-select-dropdown__list{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:0;padding:6px 0;}
.el-select-dropdown__item{-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;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:hover{background-color:#f5f7fa;}
.el-select-dropdown__item.selected{color:#049FD3;font-weight:700;}
.el-select{display:inline-block;position:relative;}
.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:#049FD3;}
.el-select .el-input .el-select__caret{color:#c0c4cc;cursor:pointer;font-size:14px;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotate(0);transform:rotate(0);}
.el-select>.el-input{display:block;}
.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-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__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;}
.el-input__suffix{color:#c0c4cc;height:100%;position:absolute;text-align:center;top:0;-webkit-transition:all .3s;}
.el-input__inner::placeholder{color:#c0c4cc;}
.el-input__inner:hover{border-color:#c0c4cc;}
.el-input__inner:focus{border-color:#049FD3;outline:0;}
.el-input__suffix{right:5px;transition:all .3s;}
.el-input__suffix-inner{pointer-events:all;}
.el-input__icon{height:100%;line-height:40px;text-align:center;-webkit-transition:all .3s;transition:all .3s;width:25px;}
.el-input__icon:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0;}
.el-input--suffix .el-input__inner{padding-right:30px;}
.el-drawer{-webkit-box-orient:vertical;-webkit-box-direction:normal;}
.el-scrollbar{overflow:hidden;position:relative;}
.el-scrollbar__wrap{height:100%;overflow:scroll;}
.el-drawer{-webkit-box-sizing:border-box;overflow:hidden;}
.el-drawer,.el-drawer__header{display:-webkit-box;display:-ms-flexbox;}
.el-drawer.btt,.el-drawer__container{left:0;right:0;width:100%;}
.el-drawer__container{bottom:0;height:100%;top:0;}
.el-drawer{background-color:#fff;-webkit-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-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;-ms-flex-direction:column;flex-direction:column;position:absolute;}
.el-drawer.btt{-webkit-animation:btt-drawer-out .3s;animation:btt-drawer-out .3s;bottom:0;}
.el-drawer__wrapper{bottom:0;left:0;margin:0;overflow:hidden;position:fixed;right:0;top:0;}
.el-drawer__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#72767b;display:flex;margin-bottom:32px;padding:20px 20px 0;}
.el-drawer__header>:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.el-drawer__close-btn{background-color:transparent;border:none;color:inherit;cursor:pointer;font-size:20px;}
.el-drawer__container{position:relative;}
.el-input__inner{border-radius:0;padding:0 10px;}
.el-input__inner:focus{border-color:#0e1118;}
.el-dialog{box-shadow:0 4px 12px 0 rgba(0,1,4,.1);}
.el-dialog__header{font-weight:500;}
.el-dialog__headerbtn{right:10px;top:10px;}
.el-dialog__headerbtn .el-dialog__close,.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#5d606a;}
.el-select .el-input .el-input__suffix .el-select__caret{color:#5d606a;}
.el-select .el-input__inner:focus{border-color:#0e1118;}
.el-select-dropdown{border:0;}
.el-select-dropdown .el-select-dropdown__item.selected{color:#0e1118;}
.el-select-dropdown__wrap{overflow-x:hidden;}
.bm-container-fluid,.bm2xl\:bm-container{box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:5%;padding-left:var(--bm-gutter-x,5%);padding-right:5%;padding-right:var(--bm-gutter-x,5%);width:100%;}
@media (min-width:1280px){
.bm2xl\:bm-container{max-width:1280px;padding-left:40px;padding-left:var(--bm-gutter-x,40px);padding-right:40px;padding-right:var(--bm-gutter-x,40px);}
}
@media (min-width:1440px){
.bm2xl\:bm-container{max-width:1440px;}
}
@media (min-width:1680px){
.bm2xl\:bm-container{max-width:1680px;}
}
@media (min-width:1920px){
.bm2xl\:bm-container{max-width:1920px;}
}
.bm2xl\:max-w-\[1280px\]{max-width:1280px;}
.bm-row>*{flex-shrink:0;margin-top:var(--bm-gutter-y);max-width:100%;padding-left:calc(var(--bm-gutter-x)*.5);padding-right:calc(var(--bm-gutter-x)*.5);width:100%;}
.bm-row-cols>*{flex:0 0 auto;width:auto;}
.flex-nowrap{flex-wrap:nowrap!important;}
.tailwind-class .bm-row{--bm-gutter-x:1.5rem;--bm-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:-.75rem;margin-left:calc(var(--bm-gutter-x)*-.5);margin-right:-.75rem;margin-right:calc(var(--bm-gutter-x)*-.5);margin-top:0;margin-top:calc(var(--bm-gutter-y)*-1);}
.tailwind-class .bm-col{flex:1 0 0%;}
.tailwind-class .\!bm-flex-fixed{flex:0 0 auto!important;}
.tailwind-class .relative{position:relative;}
.tailwind-class .flex{display:flex;}
.tailwind-class .cursor-pointer{cursor:pointer;}
.tailwind-class .flex-nowrap{flex-wrap:nowrap;}
.tailwind-class .leading-4{line-height:1rem;}
.tailwind-class .bm-gx-0{--bm-gutter-x:0px;}
.tailwind-class .bm-size-\[14px\]{font-size:14px;}
.tailwind-class .actived.actived\:font-semibold{font-weight:600;}
@media (min-width:1280px){
.tailwind-class .bm2xl\:max-w-\[1280px\]{max-width:1280px;}
}
.main-layout .main-container[data-v-69400e95]{box-sizing:border-box;min-height:calc(100vh - 134px);padding-top:0;}
.main-layout .main-container.dark[data-v-69400e95]{padding-top:80px;}
.main-layout .main-container.small.dark[data-v-69400e95]{padding-top:56px;}
/*! CSS Used from: /assets/web-frontend/client/css/a3b7c0f.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/bd2a403.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/f23554e.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
/*! CSS Used from: /assets/web-frontend/client/css/19f4b00.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
/*! CSS Used from: /assets/web-frontend/client/css/9ba1883.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/b6ea9eb.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/e8fd352.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/760f2b1.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/c6557a7.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
[data-v-27f34cf4] .el-dialog{border-radius:8px;}
[data-v-27f34cf4] .el-dialog__header{padding:40px 40px 16px;}
[data-v-27f34cf4] .voucher-no-data{align-items:center;display:flex;flex-direction:column;grid-column-start:span 3;padding-top:60px;}
[data-v-27f34cf4] .voucher-no-data span{color:#6a7c81;font-size:14px;margin-top:4px;}
.voucher-wrapper[data-v-27f34cf4]{background:#fff;}
.voucher-wrapper .wrapper[data-v-27f34cf4]{padding-top:56px;}
@media (max-width:640px){
.voucher-wrapper .wrapper[data-v-27f34cf4] .r-tabs-left-wrapper{margin-bottom:16px;}
}
.voucher-wrapper .wrapper[data-v-27f34cf4] .r-load-more .r-load-more-loading{height:32px;}
.voucher-wrapper .voucher-card-content[data-v-27f34cf4]{box-sizing:border-box;display:flex;flex-wrap:wrap;margin:0 auto 0 -24px;padding-top:20px;width:1224px;}
@media (max-width:1280px){
.voucher-wrapper .voucher-card-content[data-v-27f34cf4]{margin-left:-24px;max-width:860px;width:100%;}
}



.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
.LfY1i\+{max-width:720px;min-width:436px;}
.LfY1i\+ .el-icon-close:before{color:#1a1b1f;font-weight:500;}
.LfY1i\+ .el-button--primary.is-disabled{background-color:#049FD3;color:#fff;opacity:.4;}
.LfY1i\+ .el-dialog__title{color:#1a1b1f;font-size:20px;font-weight:600;}
.LfY1i\+ .el-dialog__header{padding:40px 40px 16px;}
.LfY1i\+ .el-dialog__footer{padding-bottom:40px;padding-left:40px;padding-right:40px;text-align:left;text-align:initial;}
.Vm7awF button{width:100%;}
.page-asset-overview .wrapper[data-v-f3aa1d68]{padding-top:56px;}
.page-asset-overview .wrapper .header-right-btn[data-v-f3aa1d68]{margin-bottom:4px;margin-left:12px;margin-top:4px;}
.page-asset-overview .wrapper .header-right-btn[data-v-f3aa1d68]:first-child{margin-left:0;}
.page-asset-overview .wrapper .header-right-btn .header-right-btn-inner[data-v-f3aa1d68]{border-color:#cacfd7;}
.page-asset-overview .wrapper .header-right-btn .header-right-btn-inner.r-button2.r-button2-primary[data-v-f3aa1d68]{border-color:#049FD3;}
.page-asset-overview .wrapper .header-right-btn .header-right-btn-inner.r-button2.r-button2-primary[data-v-f3aa1d68]:hover{border-color:#15d5d5;}
.page-asset-overview .wrapper .header-right-btn .header-right-btn-inner[data-v-f3aa1d68]:hover{border-color:#049FD3;}
.page-asset-overview ./assets-bar[data-v-f3aa1d68]{display:flex;flex-wrap:wrap;margin-bottom:18px;margin-left:-40px;}
.page-asset-overview ./assets-bar .bar-right[data-v-f3aa1d68]{margin-left:40px;}
.page-asset-overview .todayEarnings[data-v-f3aa1d68]{width:auto;}
.page-asset-overview .todayEarnings .label[data-v-f3aa1d68]{color:#2b2e36;font-size:16px;}
.page-asset-overview .todayEarnings .label .title[data-v-f3aa1d68]{border-bottom:1px dashed #6a7c81;color:#6a7c81;font-size:16px;font-weight:400;}
.page-asset-overview .todayEarnings .earningsCount[data-v-f3aa1d68]{font-size:24px;margin-top:12px;}
.page-asset-overview .todayEarnings .earningsCount em[data-v-f3aa1d68]{font-style:normal;font-weight:500;line-height:29px;}
.page-asset-overview .todayEarnings .earningsCount em .symbol[data-v-f3aa1d68]{display:inline-block;font-size:16px;font-weight:500;margin-left:4px;}
.page-asset-overview .todayEarnings .earningsCount .isRise[data-v-f3aa1d68]{color:#44bd22;}
.page-asset-overview[data-v-f3aa1d68] .el-dialog{border-radius:8px;max-width:720px;}
.page-asset-overview[data-v-f3aa1d68] .el-dialog__header{font-size:20px;line-height:26px;padding:40px 40px 0;}
.page-asset-overview[data-v-f3aa1d68] .el-dialog__headerbtn{right:22px;top:22px;}
.page-asset-overview[data-v-f3aa1d68] .el-dialog__headerbtn .el-dialog__close{font-weight:600;}
.page-asset-overview .total[data-v-f3aa1d68]{left:0;right:0;top:50%;transform:translateY(-50%);}
.page-asset-overview .to-vip-portal[data-v-f3aa1d68]{margin-top:54px;}
.page-asset-overview .to-vip-portal .portal-top[data-v-f3aa1d68]{color:#141f21;font-family:IBM Plex Sans;font-size:24px;font-style:normal;font-weight:500;line-height:normal;}
.page-asset-overview .to-vip-portal .portal-bottom[data-v-f3aa1d68]{display:flex;justify-content:space-between;margin-top:22px;}
.page-asset-overview .to-vip-portal .portal-bottom .portal-bottom-left[data-v-f3aa1d68]{color:#1a1b1f;color:var(--Web_color-Web_Primary_color,#1a1b1f);font-family:IBM Plex Sans;font-size:14px;font-style:normal;font-weight:400;line-height:normal;}
.page-asset-overview .to-vip-portal .portal-bottom .portal-bottom-right[data-v-f3aa1d68]{color:#6a7c81;font-family:IBM Plex Sans;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:underline;}
/*! CSS Used from: /assets/web-frontend/client/css/3841a89.css */
.LfY1i\+{max-width:720px;min-width:436px;}
.LfY1i\+ .el-icon-close:before{color:#1a1b1f;font-weight:500;}
.LfY1i\+ .el-button--primary.is-disabled{background-color:#049FD3;color:#fff;opacity:.4;}
.LfY1i\+ .el-dialog__title{color:#1a1b1f;font-size:20px;font-weight:600;}
.LfY1i\+ .el-dialog__header{padding:40px 40px 16px;}
.LfY1i\+ .el-dialog__footer{padding-bottom:40px;padding-left:40px;padding-right:40px;text-align:left;text-align:initial;}
.Vm7awF button{width:100%;}



/*! CSS Used from: /assets/web-frontend/client/css/d7003fd.css */
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
.page-asset-spot .spot-table[data-v-1ea1df87] .r-table-wrap .el-table .el-table__body-wrapper::-webkit-scrollbar{visibility:hidden;}
.page-asset-spot .spot-table[data-v-1ea1df87] .r-table-wrap .el-table:hover .el-table__body-wrapper::-webkit-scrollbar{visibility:visible;}
.page-asset-spot .wrapper[data-v-1ea1df87]{padding-top:56px;}
.page-asset-spot .wrapper .header-right-btn[data-v-1ea1df87]{margin-bottom:4px;margin-left:12px;margin-top:4px;}
.page-asset-spot .wrapper .header-right-btn[data-v-1ea1df87]:first-child{margin-left:0;}
.page-asset-spot .wrapper .header-right-btn .header-right-btn-inner[data-v-1ea1df87]{border-color:#cacfd7;}
.page-asset-spot .wrapper .header-right-btn .header-right-btn-inner.r-button2.r-button2-primary[data-v-1ea1df87]{border-color:#049FD3;}
.page-asset-spot .wrapper .header-right-btn .header-right-btn-inner.r-button2.r-button2-primary[data-v-1ea1df87]:hover{border-color:#15d5d5;}
.page-asset-spot .wrapper .header-right-btn .header-right-btn-inner[data-v-1ea1df87]:hover{border-color:#049FD3;}
.page-asset-spot ./assets-profile-bar[data-v-1ea1df87]{display:flex;flex-wrap:wrap;margin-bottom:18px;margin-left:-40px;}
.page-asset-spot ./assets-profile-bar>div[data-v-1ea1df87]{box-sizing:border-box;flex:0 0 auto;flex-shrink:0;margin-left:40px;max-width:100%;}
.page-asset-spot ./assets-profile-bar .bar-right[data-v-1ea1df87]{align-items:flex-end;display:flex;margin-bottom:24px;width:auto!important;}
.page-asset-spot .query-form[data-v-1ea1df87]{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-top:24px;width:100%;}
.page-asset-spot .query-form .query-form-left[data-v-1ea1df87]{width:40%;}
.page-asset-spot .query-form .query-form-left[data-v-1ea1df87] .search-input input{width:100%;}
.page-asset-spot .query-form .query-form-right[data-v-1ea1df87]{display:flex;gap:60px;justify-content:flex-end;}
.page-asset-spot .query-form .query-form-right .limit .text[data-v-1ea1df87]{color:#6a7c81;font-size:14px;}
.page-asset-spot .query-form .query-form-right .to-bmx[data-v-1ea1df87] span{display:flex;}
.page-asset-spot .query-form .query-form-right .to-bmx .convert-to-bmx-icon[data-v-1ea1df87]{font-size:12px!important;margin-left:3px;}
.page-asset-spot .actions[data-v-1ea1df87]{align-items:center;display:flex;justify-content:flex-end;}
.page-asset-spot .actions .dotWrap[data-v-1ea1df87]{cursor:pointer;}
.page-asset-spot .todayEarnings[data-v-1ea1df87]{width:auto;}
.page-asset-spot .todayEarnings .label[data-v-1ea1df87]{color:#2b2e36;cursor:pointer;font-size:16px;}
.page-asset-spot .todayEarnings .label .title[data-v-1ea1df87]{border-bottom:1px dashed #6a7c81;color:#6a7c81;font-size:16px;font-weight:400;}
.page-asset-spot .todayEarnings .earningsCount[data-v-1ea1df87]{font-size:24px;margin-top:8px;}
.page-asset-spot .todayEarnings .earningsCount .today-earn-link[data-v-1ea1df87]{align-items:center;display:flex;}
.page-asset-spot .todayEarnings .earningsCount em[data-v-1ea1df87]{font-style:normal;font-weight:500;line-height:29px;}
.page-asset-spot .todayEarnings .earningsCount em .symbol[data-v-1ea1df87]{display:inline-block;font-size:16px;font-weight:500;margin-left:4px;}
.page-asset-spot .todayEarnings .earningsCount .isRise[data-v-1ea1df87]{color:#44bd22;}
.page-asset-spot .todayEarnings .earningsCount .svgfont[data-v-1ea1df87]{margin-left:6px;margin-top:2px;}
@media screen and (min-width:640px){
.page-asset-spot ./assets-profile-bar .bar-right[data-v-1ea1df87]{margin-left:40px;}
}
.page-asset-spot .coin-amount{padding-right:4px;}
.spot/assetsOrder{padding:0;}
./assetsAction{padding:16px 0;}
./assetsAction img{display:none;}
/*! CSS Used from: /assets/web-frontend/client/css/a7b84fe.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.table-item[data-v-b474ce10]{align-items:flex-end;display:flex;flex-direction:column;}
.table-item .amount[data-v-b474ce10]{color:#232d3d;display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-item .sub-amount[data-v-b474ce10]{color:#86939b;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-item .sub-amount.subAmountEllipsis[data-v-b474ce10]{align-items:center;display:inline-flex;font-size:12px;justify-content:flex-end;text-overflow:clip;white-space:nowrap;width:100%;}
.table-item .sub-amount.subAmountEllipsis>span[data-v-b474ce10]:first-child{display:inline-block;max-width:calc(100% - 25px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-item .sub-amount.subAmountEllipsis>span[data-v-b474ce10]:nth-child(2){margin-left:4px;}
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
/*! CSS Used from: /assets/web-frontend/client/css/574b6e7.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/5386f84.css */
.search-input{align-items:center;display:flex;justify-content:flex-start;}
.search-input .select-input{border:0;color:#111;font-size:16px;font-weight:400;line-height:18px;margin-left:6px;}
.search-input .select-input::placeholder{color:#9db3ba;font-size:16px;}
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
/*! CSS Used from: /assets/web-frontend/client/css/ffee038.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
.coin-item[data-v-4f6422dc]{align-items:center;display:flex;}
.coin-item .coin-img[data-v-4f6422dc]{border-radius:50%;height:32px;margin-right:8px;width:32px;}
.coin-item .coin-name-wrap[data-v-4f6422dc]{display:block;overflow:hidden;width:100%;}
.coin-item .coin-name-wrap .coin-name[data-v-4f6422dc]{color:#333;font-size:14px;font-weight:500;line-height:16px;}
.coin-item .coin-name-wrap .product-name[data-v-4f6422dc]{color:#6a7c81;display:block;font-size:14px;font-weight:400;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-item[data-v-b474ce10]{align-items:flex-end;display:flex;flex-direction:column;}
.table-item .amount[data-v-b474ce10]{color:#232d3d;display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-item .sub-amount[data-v-b474ce10]{color:#86939b;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-item .sub-amount.subAmountEllipsis[data-v-b474ce10]{align-items:center;display:inline-flex;font-size:12px;justify-content:flex-end;text-overflow:clip;white-space:nowrap;width:100%;}
.table-item .sub-amount.subAmountEllipsis>span[data-v-b474ce10]:first-child{display:inline-block;max-width:calc(100% - 25px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-item .sub-amount.subAmountEllipsis>span[data-v-b474ce10]:nth-child(2){margin-left:4px;}
.search-input{align-items:center;display:flex;justify-content:flex-start;}
.search-input .select-input{border:0;color:#111;font-size:16px;font-weight:400;line-height:18px;margin-left:6px;}
.search-input .select-input::placeholder{color:#9db3ba;font-size:16px;}


/*! CSS Used from: /assets/web-frontend/client/css/2adeff9.css */
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
/*! CSS Used from: /assets/web-frontend/client/css/dfedb8b.css */
[data-v-4258f84a] .list__coin{max-height:266px;overflow:auto;overflow:overlay;}
.comp-coin-select .comp-coin-select__foot[data-v-4258f84a],.comp-coin-select .comp-coin-select__head[data-v-4258f84a]{height:8px;}
.comp-coin-select .comp-coin-select-selected[data-v-4258f84a]{align-items:center;display:flex;}
.comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__logo[data-v-4258f84a]{border-radius:50px;height:20px;margin-right:4px;overflow:hidden;width:20px;}
.comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__shortName[data-v-4258f84a]{color:#1a1b1f;font-size:14px;font-weight:500;line-height:20px;margin-right:4px;}
.comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__name[data-v-4258f84a]{color:#91a5b1;font-size:12px;font-weight:400;line-height:20px;}
.comp-coin-select[data-v-3a0b9291] .r-my-select-bar .r-my-select-input{color:#1a1b1f;font-size:14px;font-weight:500;}
.comp-coin-select .comp-coin-select-selected .comp-coin-select-selected-shortName[data-v-3a0b9291]{color:#1a1b1f;font-size:14px;font-weight:500;line-height:20px;margin-right:4px;}
.comp-coin-select .comp-coin-select-option[data-v-3a0b9291]{box-sizing:border-box;cursor:pointer;display:flex;height:50px;justify-content:space-between;padding:8px 16px;width:100%;}
.comp-coin-select .comp-coin-select-option[data-v-3a0b9291]:hover{background:#f5f9fb;}
.comp-coin-select .comp-coin-select-option .my-select-option__right[data-v-3a0b9291]{align-items:center;display:flex;}
.comp-coin-select .comp-coin-select-option .my-select-option__right .comp-coin-select-option__shortName[data-v-3a0b9291]{color:#1a1b1f;font-size:14px;font-weight:500;line-height:20px;margin-right:4px;}
.LfY1i\+{max-width:720px;min-width:436px;}
.LfY1i\+ .el-icon-close:before{color:#1a1b1f;font-weight:500;}
.LfY1i\+ .el-button--primary.is-disabled{background-color:#049FD3;color:#fff;opacity:.4;}
.LfY1i\+ .el-dialog__title{color:#1a1b1f;font-size:20px;font-weight:600;}
.LfY1i\+ .el-dialog__header{padding:40px 40px 16px;}
.LfY1i\+ .el-dialog__body{padding-bottom:16px;padding-left:40px;padding-right:40px;}
.LfY1i\+ .el-dialog__body .el-form-item{margin-bottom:16px;}
.LfY1i\+ .el-dialog__footer{padding-bottom:40px;padding-left:40px;padding-right:40px;text-align:left;text-align:initial;}
.LfY1i\+ .el-form-item__label{color:#6a7c81;font-size:14px;font-weight:400;line-height:20px;margin-bottom:4px;width:100%;}
.LfY1i\+ .el-form-item__content .next-transfer-select{height:44px;line-height:44px;width:100%;}
.LfY1i\+ .el-input__inner{background-color:#eef3f5;border:0;border-radius:4px;color:#1a1b1f;height:44px!important;line-height:44px!important;padding:0 16px;}
.pg-erp{align-items:center;display:flex;gap:10px;justify-content:space-between;}
.H0FLcD{background-color:#eef3f5;border:0;border-radius:4px;color:#1a1b1f;font-size:14px;font-weight:500;height:44px;line-height:44px;padding:0 16px;}
.pg-erp .el-form-item{align-items:stretch;display:flex;flex:1;flex-direction:column;}
.cURZN1{background:none;border:0;cursor:pointer;}
.przUbJ{align-items:center;display:flex;justify-content:space-between;margin-right:-12px;position:relative;z-index:0;}
.przUbJ em{color:#1a1b1f;font-style:normal;}
.Vm7awF button{width:100%;}
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
/*! CSS Used from: /assets/web-frontend/client/css/a3b7c0f.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
/*! CSS Used from: /assets/web-frontend/client/css/640fcf3.css */
[data-v-4258f84a] .list__coin{max-height:266px;overflow:auto;overflow:overlay;}
.comp-coin-select .comp-coin-select__foot[data-v-4258f84a],.comp-coin-select .comp-coin-select__head[data-v-4258f84a]{height:8px;}
.comp-coin-select .comp-coin-select-selected[data-v-4258f84a]{align-items:center;display:flex;}
.comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__logo[data-v-4258f84a]{border-radius:50px;height:20px;margin-right:4px;overflow:hidden;width:20px;}
.comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__shortName[data-v-4258f84a]{color:#1a1b1f;font-size:14px;font-weight:500;line-height:20px;margin-right:4px;}
.comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__name[data-v-4258f84a]{color:#91a5b1;font-size:12px;font-weight:400;line-height:20px;}
/*! CSS Used from: /assets/web-frontend/client/css/760f2b1.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/9ba1883.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/19f4b00.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
/*! CSS Used from: /assets/web-frontend/client/css/c6557a7.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/f23554e.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
/*! CSS Used from: /assets/web-frontend/client/css/b6ea9eb.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
[data-v-4258f84a] .list__coin{max-height:266px;overflow:auto;overflow:overlay;}
.comp-coin-select .comp-coin-select__foot[data-v-4258f84a],.comp-coin-select .comp-coin-select__head[data-v-4258f84a]{height:8px;}
.comp-coin-select .comp-coin-select-selected[data-v-4258f84a]{align-items:center;display:flex;}
.comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__logo[data-v-4258f84a]{border-radius:50px;height:20px;margin-right:4px;overflow:hidden;width:20px;}
.comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__shortName[data-v-4258f84a]{color:#1a1b1f;font-size:14px;font-weight:500;line-height:20px;margin-right:4px;}
.comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__name[data-v-4258f84a]{color:#91a5b1;font-size:12px;font-weight:400;line-height:20px;}
.comp-coin-select[data-v-3a0b9291] .r-my-select-bar .r-my-select-input{color:#1a1b1f;font-size:14px;font-weight:500;}
.comp-coin-select .comp-coin-select-selected .comp-coin-select-selected-shortName[data-v-3a0b9291]{color:#1a1b1f;font-size:14px;font-weight:500;line-height:20px;margin-right:4px;}
.comp-coin-select .comp-coin-select-option[data-v-3a0b9291]{box-sizing:border-box;cursor:pointer;display:flex;height:50px;justify-content:space-between;padding:8px 16px;width:100%;}
.comp-coin-select .comp-coin-select-option[data-v-3a0b9291]:hover{background:#f5f9fb;}
.comp-coin-select .comp-coin-select-option .my-select-option__right[data-v-3a0b9291]{align-items:center;display:flex;}
.comp-coin-select .comp-coin-select-option .my-select-option__right .comp-coin-select-option__shortName[data-v-3a0b9291]{color:#1a1b1f;font-size:14px;font-weight:500;line-height:20px;margin-right:4px;}
.LfY1i\+{max-width:720px;min-width:436px;}
.LfY1i\+ .el-icon-close:before{color:#1a1b1f;font-weight:500;}
.LfY1i\+ .el-button--primary.is-disabled{background-color:#049FD3;color:#fff;opacity:.4;}
.LfY1i\+ .el-dialog__title{color:#1a1b1f;font-size:20px;font-weight:600;}
.LfY1i\+ .el-dialog__header{padding:40px 40px 16px;}
.LfY1i\+ .el-dialog__body{padding-bottom:16px;padding-left:40px;padding-right:40px;}
.LfY1i\+ .el-dialog__body .el-form-item{margin-bottom:16px;}
.LfY1i\+ .el-dialog__footer{padding-bottom:40px;padding-left:40px;padding-right:40px;text-align:left;text-align:initial;}
.LfY1i\+ .el-form-item__label{color:#6a7c81;font-size:14px;font-weight:400;line-height:20px;margin-bottom:4px;width:100%;}
.LfY1i\+ .el-form-item__content .next-transfer-select{height:44px;line-height:44px;width:100%;}
.LfY1i\+ .el-input__inner{background-color:#eef3f5;border:0;border-radius:4px;color:#1a1b1f;height:44px!important;line-height:44px!important;padding:0 16px;}
.pg-erp{align-items:center;display:flex;gap:10px;justify-content:space-between;}
.H0FLcD{background-color:#eef3f5;border:0;border-radius:4px;color:#1a1b1f;font-size:14px;font-weight:500;height:44px;line-height:44px;padding:0 16px;}
.pg-erp .el-form-item{align-items:stretch;display:flex;flex:1;flex-direction:column;}
.cURZN1{background:none;border:0;cursor:pointer;}
.przUbJ{align-items:center;display:flex;justify-content:space-between;margin-right:-12px;position:relative;z-index:0;}
.przUbJ em{color:#1a1b1f;font-style:normal;}
.Vm7awF button{width:100%;}
/*! CSS Used from: /assets/web-frontend/client/css/3841a89.css */
.comp-coin-select[data-v-3a0b9291] .r-my-select-bar .r-my-select-input{color:#1a1b1f;font-size:14px;font-weight:500;}
.comp-coin-select .comp-coin-select-selected .comp-coin-select-selected-shortName[data-v-3a0b9291]{color:#1a1b1f;font-size:14px;font-weight:500;line-height:20px;margin-right:4px;}
.comp-coin-select .comp-coin-select-option[data-v-3a0b9291]{box-sizing:border-box;cursor:pointer;display:flex;height:50px;justify-content:space-between;padding:8px 16px;width:100%;}
.comp-coin-select .comp-coin-select-option[data-v-3a0b9291]:hover{background:#f5f9fb;}
.comp-coin-select .comp-coin-select-option .my-select-option__right[data-v-3a0b9291]{align-items:center;display:flex;}
.comp-coin-select .comp-coin-select-option .my-select-option__right .comp-coin-select-option__shortName[data-v-3a0b9291]{color:#1a1b1f;font-size:14px;font-weight:500;line-height:20px;margin-right:4px;}
.LfY1i\+{max-width:720px;min-width:436px;}
.LfY1i\+ .el-icon-close:before{color:#1a1b1f;font-weight:500;}
.LfY1i\+ .el-button--primary.is-disabled{background-color:#049FD3;color:#fff;opacity:.4;}
.LfY1i\+ .el-dialog__title{color:#1a1b1f;font-size:20px;font-weight:600;}
.LfY1i\+ .el-dialog__header{padding:40px 40px 16px;}
.LfY1i\+ .el-dialog__body{padding-bottom:16px;padding-left:40px;padding-right:40px;}
.LfY1i\+ .el-dialog__body .el-form-item{margin-bottom:16px;}
.LfY1i\+ .el-dialog__footer{padding-bottom:40px;padding-left:40px;padding-right:40px;text-align:left;text-align:initial;}
.LfY1i\+ .el-form-item__label{color:#6a7c81;font-size:14px;font-weight:400;line-height:20px;margin-bottom:4px;width:100%;}
.LfY1i\+ .el-form-item__content .next-transfer-select{height:44px;line-height:44px;width:100%;}
.LfY1i\+ .el-input__inner{background-color:#eef3f5;border:0;border-radius:4px;color:#1a1b1f;height:44px!important;line-height:44px!important;padding:0 16px;}
.pg-erp{align-items:center;display:flex;gap:10px;justify-content:space-between;}
.H0FLcD{background-color:#eef3f5;border:0;border-radius:4px;color:#1a1b1f;font-size:14px;font-weight:500;height:44px;line-height:44px;padding:0 16px;}
.pg-erp .el-form-item{align-items:stretch;display:flex;flex:1;flex-direction:column;}
.cURZN1{background:none;border:0;cursor:pointer;}
.przUbJ{align-items:center;display:flex;justify-content:space-between;margin-right:-12px;position:relative;z-index:0;}
.przUbJ em{color:#1a1b1f;font-style:normal;}
.Vm7awF button{width:100%;}
/*! CSS Used from: /assets/web-frontend/client/css/be1a085.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/d7003fd.css */
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
/*! CSS Used from: /assets/web-frontend/client/css/a7b84fe.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.table-item[data-v-b474ce10]{align-items:flex-end;display:flex;flex-direction:column;}
.table-item .amount[data-v-b474ce10]{color:#232d3d;display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-item .hidden-unit[data-v-b474ce10]{display:inline-block;overflow:hidden;width:0;}
.table-item .sub-amount[data-v-b474ce10]{color:#86939b;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.coin-item[data-v-28a53529]{align-items:center;display:flex;}
.coin-item .coin-img[data-v-28a53529]{border-radius:50%;height:32px;margin-right:8px;width:32px;}
.coin-item .coin-name-wrap[data-v-28a53529]{display:block;overflow:hidden;width:100%;}
.coin-item .coin-name-wrap .product-name[data-v-28a53529]{color:#6a7c81;display:block;font-size:14px;font-weight:400;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.coin-item .coin-name-wrap .product-name[data-v-28a53529]:before{color:#333;content:attr(data-label);display:block;font-size:14px;font-weight:500;line-height:16px;}
.moblie-list[data-v-2ad0360b]{border-top:1px solid #f3f4f7;padding-top:24px;}
.moblie-list .flex-item[data-v-2ad0360b]{color:#6a7c81;display:flex;font-size:12px;justify-content:space-between;line-height:16px;margin-bottom:12px;}
.moblie-list .top-item[data-v-2ad0360b]{font-size:14px;line-height:18px;margin-bottom:16px;}
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
.page-base .wrapper[data-v-db473ebe]{padding-top:56px;}
.page-base .wrapper .header-right-btn[data-v-db473ebe]{margin-bottom:4px;margin-left:12px;margin-top:4px;}
.page-base .wrapper .header-right-btn[data-v-db473ebe]:first-child{margin-left:0;}
.page-base .wrapper .header-right-btn .header-right-btn-inner[data-v-db473ebe]{border-color:#cacfd7;}
.page-base .wrapper .header-right-btn .header-right-btn-inner.r-button2.r-button2-primary[data-v-db473ebe]{border-color:#049FD3;}
.page-base .wrapper .header-right-btn .header-right-btn-inner.r-button2.r-button2-primary[data-v-db473ebe]:hover{border-color:#15d5d5;}
.page-base .wrapper .header-right-btn .header-right-btn-inner[data-v-db473ebe]:hover{border-color:#049FD3;}
.page-base[data-v-db473ebe] .r-table-wrap .el-table .el-table__body-wrapper::-webkit-scrollbar{display:none;}
.page-base[data-v-db473ebe] .r-table-wrap .el-table:hover .el-table__body-wrapper::-webkit-scrollbar{display:block;}
.page-base ./assets-profile-bar[data-v-db473ebe]{display:flex;flex-wrap:wrap;margin-bottom:18px;margin-left:-40px;}
.page-base ./assets-profile-bar>div[data-v-db473ebe]{box-sizing:border-box;flex:0 0 auto;flex-shrink:0;margin-left:40px;max-width:100%;}
.page-base .actions[data-v-db473ebe]{display:flex;justify-content:flex-end;}
.page-base .todayEarnings[data-v-db473ebe]{width:auto;}
.page-base .todayEarnings .label[data-v-db473ebe]{color:#2b2e36;cursor:pointer;font-size:16px;}
.page-base .todayEarnings .label .title[data-v-db473ebe]{color:#6a7c81;font-size:16px;font-weight:400;}
.page-base .todayEarnings .earningsCount[data-v-db473ebe]{font-size:24px;margin-top:8px;}
.page-base .todayEarnings .earningsCount .today-earn-link[data-v-db473ebe]{align-items:center;display:flex;}
.page-base .todayEarnings .earningsCount em[data-v-db473ebe]{font-style:normal;font-weight:500;line-height:29px;}
.page-base .todayEarnings .earningsCount em .symbol[data-v-db473ebe]{display:inline-block;font-size:16px;font-weight:500;margin-left:4px;}
.page-base .todayEarnings .earningsCount .isRise[data-v-db473ebe]{color:#44bd22;}
.page-base .usdm-table[data-v-db473ebe] .el-table table tbody .cell,.page-base .usdm-table[data-v-db473ebe] .el-table table thead .cell{padding:0 10px;}
.page-base .moblie-tab[data-v-db473ebe]{color:#6a7c81;display:flex;font-size:16px;line-height:21px;margin-bottom:24px;}
.page-base .moblie-tab div[data-v-db473ebe]{margin-right:36px;}
.page-base .moblie-tab .moblie-tab-active[data-v-db473ebe]{color:#1a1b1f;font-weight:500;}
@media screen and (max-width:768px){
.page-base .pc-list[data-v-db473ebe]{display:none;}
.page-base ./assets-profile-bar[data-v-db473ebe]{display:block;}
}
@media screen and (min-width:768px){
.page-base .moblie-list[data-v-db473ebe],.page-base .moblie-tab[data-v-db473ebe]{display:none;}
}
.page-head[data-v-db473ebe]{align-items:center;display:flex;gap:12px;}
.future-goto-icon{color:#9ca6b4;cursor:pointer;margin-left:8px;vertical-align:middle;}
/*! CSS Used from: /assets/web-frontend/client/css/574b6e7.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
.coin-item[data-v-28a53529]{align-items:center;display:flex;}
.coin-item .coin-img[data-v-28a53529]{border-radius:50%;height:32px;margin-right:8px;width:32px;}
.coin-item .coin-name-wrap[data-v-28a53529]{display:block;overflow:hidden;width:100%;}
.coin-item .coin-name-wrap .product-name[data-v-28a53529]{color:#6a7c81;display:block;font-size:14px;font-weight:400;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.coin-item .coin-name-wrap .product-name[data-v-28a53529]:before{color:#333;content:attr(data-label);display:block;font-size:14px;font-weight:500;line-height:16px;}
/*! CSS Used from: /assets/web-frontend/client/css/5386f84.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
.notice-global-text-dialog{background-color:#fff;background:#fff;background:var(--color-trade-confirm-dialog-bg,#fff);max-width:600px;width:98%;}
.notice-global-img-dialog{background-color:transparent;border:none;box-shadow:none;padding:0;text-align:center;width:390px;}
.notice-global-img-dialog .el-dialog__headerbtn{display:none;}
/*! CSS Used from: /assets/web-frontend/client/css/ffee038.css */
.component-second-navigator-bar-account[data-v-6aa31334]{background-color:#fff;border:solid #f3f8fa;border-width:0 0 1px;overflow:auto;position:fixed;width:100%;z-index:998;}
.component-second-navigator-bar-account .link[data-v-6aa31334]{padding-bottom:1.25rem;padding-top:1.25rem;}
.component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before{background-color:#1a1b1f;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]{margin-left:24px;}
.component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after{background-color:#dfe3eb;content:"";height:12px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:1px;}
.component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar{all:unset;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
.table-item[data-v-b474ce10]{align-items:flex-end;display:flex;flex-direction:column;}
.table-item .amount[data-v-b474ce10]{color:#232d3d;display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-item .hidden-unit[data-v-b474ce10]{display:inline-block;overflow:hidden;width:0;}
.table-item .sub-amount[data-v-b474ce10]{color:#86939b;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}




/*! CSS Used from: /assets/web-frontend/client/css/5386f84.css */
.component-margin-transfer-dialog[data-v-61b36384] .el-dialog{border-radius:8px;}
.component-margin-transfer-dialog[data-v-61b36384] .el-dialog__header{padding:40px 40px 16px;}
.component-margin-transfer-dialog[data-v-61b36384] .el-dialog__footer{padding-bottom:40px;padding-left:40px;padding-right:40px;text-align:left;text-align:initial;}
.component-margin-transfer-dialog[data-v-61b36384] .el-button{border-radius:4px;height:44px;min-width:180px;}
.component-margin-transfer-dialog .dialog-footer[data-v-61b36384]{display:flex;justify-content:flex-end;}
.search-input{align-items:center;display:flex;justify-content:flex-start;}
.search-input .select-input{border:0;color:#111;font-size:16px;font-weight:400;line-height:18px;margin-left:6px;}
.search-input .select-input::placeholder{color:#9db3ba;font-size:16px;}
.page-warp-funds-table .query-form[data-v-373bf626]{display:flex;justify-content:space-between;margin-bottom:8px;margin-top:18px;width:100%;}
.page-warp-funds-table .query-form-right[data-v-373bf626]{align-items:center;display:flex;justify-content:flex-end;width:100%;}
.page-warp-funds-table .query-form .query-form-left[data-v-373bf626]{width:70%;}
.page-warp-funds-table .query-form .query-form-left[data-v-373bf626] .search-input input{width:100%;}
.page-warp-funds-table .column div[data-v-373bf626]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.page-warp-funds-table[data-v-373bf626] .r-table-wrap .el-table .el-table__body-wrapper::-webkit-scrollbar{visibility:hidden;}
.page-warp-funds-table[data-v-373bf626] .r-table-wrap .el-table:hover .el-table__body-wrapper::-webkit-scrollbar{visibility:visible;}
.page-warp-funds-table[data-v-373bf626] .r-table-wrap .el-table thead th{padding:20px 0;vertical-align:top;}
.page-warp-funds-table[data-v-373bf626] .r-table-wrap .el-table thead th .cell{line-height:18px;}
.page-warp-funds-table[data-v-373bf626] .r-table-wrap .el-table table tbody .cell,.page-warp-funds-table[data-v-373bf626] .r-table-wrap .el-table table thead .cell{padding:0 10px;}
.operation button[data-v-373bf626]:nth-child(n+2){margin-left:10px;}
.status[data-v-373bf626]{overflow:hidden;text-overflow:ellipsis;}
.status.low[data-v-373bf626]{color:#52c41a;}
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
.page-asset-margin .wrapper[data-v-1645b226]{padding-top:56px;}
.page-asset-margin .wrapper .header-right-btn[data-v-1645b226]{margin-bottom:4px;margin-left:12px;margin-top:4px;}
.page-asset-margin .wrapper .header-right-btn[data-v-1645b226]:first-child{margin-left:0;}
.page-asset-margin .wrapper .header-right-btn .header-right-btn-inner[data-v-1645b226]{border-color:#cacfd7;}
.page-asset-margin .wrapper .header-right-btn .header-right-btn-inner[data-v-1645b226]:hover{border-color:#049FD3;}
.page-asset-margin ./assets-profile-bar[data-v-1645b226]{display:flex;flex-wrap:wrap;margin-bottom:18px;margin-left:-40px;}
.page-asset-margin ./assets-profile-bar>div[data-v-1645b226]{box-sizing:border-box;flex:0 0 auto;flex-shrink:0;margin-left:40px;max-width:100%;}






[data-v-59f40b15] .el-table th.is-leaf{border-bottom:none;}
[data-v-59f40b15] .el-table__empty-text{color:#1a1b1f;}
[data-v-59f40b15] .r-table-wrap .el-table .el-table__body-wrapper{scrollbar-width:none;}
[data-v-59f40b15] .r-table-wrap .el-table .el-table__body-wrapper::-webkit-scrollbar{display:none;}
[data-v-59f40b15] .r-table-wrap .el-table:hover .el-table__body-wrapper{scrollbar-width:auto;}
[data-v-59f40b15] .r-table-wrap .el-table:hover .el-table__body-wrapper::-webkit-scrollbar{display:block;}
.page-earn-savings[data-v-59f40b15]{position:relative;}
.page-earn-savings .saving-table[data-v-59f40b15] .el-table table thead .cell{padding:0 10px;}
.page-earn-savings .tabs[data-v-59f40b15]{background-color:#fff;position:sticky;top:112px;z-index:100;}
.page-earn-savings .tabs[data-v-59f40b15] .r-tabs-header-wrapper{margin:0;padding:6px 0 22px;}
.tip_label[data-v-59f40b15]{cursor:pointer;text-decoration-color:#6a7c81;text-decoration-line:underline;text-decoration-style:dashed;text-decoration-thickness:.5px;text-underline-offset:2px;}
.confirmEarlyRedeem_dialog[data-v-59f40b15] .el-dialog__header{margin-bottom:0;}
.confirmEarlyRedeem_dialog .dialog-footer[data-v-59f40b15]{display:flex;justify-content:space-between;}
.page-base .wrapper[data-v-afc63fe8]{padding-top:56px;}
.page-base .wrapper .header-right-btn[data-v-afc63fe8]{margin-bottom:4px;margin-left:12px;margin-top:4px;}
.page-base .wrapper .header-right-btn[data-v-afc63fe8]:first-child{margin-left:0;}
.page-base ./assets-profile-bar[data-v-afc63fe8]{display:flex;flex-wrap:wrap;margin-bottom:18px;margin-left:-40px;}
.page-base ./assets-profile-bar>div[data-v-afc63fe8]{box-sizing:border-box;flex:0 0 auto;flex-shrink:0;margin-left:40px;}
.btn__confirm[data-v-afc63fe8]{border-radius:4px;height:40px;width:100%;}
[data-v-afc63fe8] .el-dialog__wrapper{align-items:center;display:flex;}
[data-v-afc63fe8] .el-dialog{border-radius:8px;width:486px;}
[data-v-afc63fe8] .el-dialog__header{margin-bottom:32px;padding:32px 32px 0;}
[data-v-afc63fe8] .el-dialog__footer{padding:0 32px 32px;}
[data-v-afc63fe8] .el-dialog__close:before{font-weight:700;}

/*! CSS Used from: /assets/web-frontend/client/css/072885e.css */
.page-buy-sell-base .query-form[data-v-748fc237]{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-top:18px;width:100%;}
.page-buy-sell-base .query-form .query-form-left[data-v-748fc237]{width:50%;}
.page-buy-sell-base .query-form .query-form-left[data-v-748fc237] .search-input input{width:100%;}
.page-buy-sell-base .actions[data-v-748fc237]{align-items:center;display:flex;font-size:12px;font-weight:500;justify-content:flex-start;}
.page-buy-sell-base .actions .action-item[data-v-748fc237]:nth-child(n+2){margin-left:12px;}
.page-buy-sell-base .query-table[data-v-748fc237] .r-table-wrap .el-table .el-table__body-wrapper{scrollbar-width:none;}
.page-buy-sell-base .query-table[data-v-748fc237] .r-table-wrap .el-table .el-table__body-wrapper::-webkit-scrollbar{display:none;}
.page-buy-sell-base .query-table[data-v-748fc237] .r-table-wrap .el-table:hover .el-table__body-wrapper{scrollbar-width:auto;}
.page-buy-sell-base .query-table[data-v-748fc237] .r-table-wrap .el-table:hover .el-table__body-wrapper::-webkit-scrollbar{display:block;}
/*! CSS Used from: /assets/web-frontend/client/css/ffee038.css */
.coin-item[data-v-4f6422dc]{align-items:center;display:flex;}
.coin-item .coin-img[data-v-4f6422dc]{border-radius:50%;height:32px;margin-right:8px;width:32px;}
.coin-item .coin-name-wrap[data-v-4f6422dc]{display:block;overflow:hidden;width:100%;}
.coin-item .coin-name-wrap .coin-name[data-v-4f6422dc]{color:#333;font-size:14px;font-weight:500;line-height:16px;}
.coin-item .coin-name-wrap .product-name[data-v-4f6422dc]{color:#6a7c81;display:block;font-size:14px;font-weight:400;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-item[data-v-b474ce10]{align-items:flex-end;display:flex;flex-direction:column;}
.table-item .amount[data-v-b474ce10]{color:#232d3d;display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-item .sub-amount[data-v-b474ce10]{color:#86939b;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.search-input{align-items:center;display:flex;justify-content:flex-start;}
.search-input .select-input{border:0;color:#111;font-size:16px;font-weight:400;line-height:18px;margin-left:6px;}
.search-input .select-input::placeholder{color:#9db3ba;font-size:16px;}
/*! CSS Used from: /assets/web-frontend/client/css/a7b84fe.css */
.table-item[data-v-b474ce10]{align-items:flex-end;display:flex;flex-direction:column;}
.table-item .amount[data-v-b474ce10]{color:#232d3d;display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-item .sub-amount[data-v-b474ce10]{color:#86939b;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*! CSS Used from: /assets/web-frontend/client/css/5386f84.css */
.search-input{align-items:center;display:flex;justify-content:flex-start;}
.search-input .select-input{border:0;color:#111;font-size:16px;font-weight:400;line-height:18px;margin-left:6px;}
.search-input .select-input::placeholder{color:#9db3ba;font-size:16px;}


/*! CSS Used from: /assets/web-frontend/client/css/f89b17b.css */
.r-button2{align-items:center;background-color:#fff;background-image:none;border:1px solid #cacfd7;border-radius:4px;box-sizing:border-box;color:#1a1b1f;cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:0;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1),background-color .2s cubic-bezier(.645,.045,.355,1),color .2s cubic-bezier(.645,.045,.355,1);}
.r-button2.r-button2-link{color:inherit;}
.r-button2.r-button2-enabled:hover{border-color:#049FD3;color:#049FD3;}
.r-button2.r-button2-medium{font-size:14px;line-height:18px;min-height:32px;min-width:68px;padding:6px 12px;}
.r-button2.r-button2-primary{background-color:#049FD3;border-color:#049FD3;color:#fff;}
.r-button2.r-button2-primary.r-button2-enabled:hover{background-color:#15d5d5;border-color:#15d5d5;color:#fff;}
.r-button2.r-button2-primary.r-button2-enabled:active{background-color:#10a5a5;border-color:#10a5a5;}
/*! CSS Used from: /assets/web-frontend/client/css/eb4f189.css */
::placeholder,button{font-family:IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;}
a{color:inherit;-webkit-text-decoration:none;text-decoration:none;}
/*! CSS Used from: /assets/web-frontend/client/css/072885e.css */
.page-buy-sell-base .wrapper .header-right-btn[data-v-748fc237]{margin-bottom:4px;margin-left:12px;margin-top:4px;}
.page-buy-sell-base .wrapper .header-right-btn[data-v-748fc237]:first-child{margin-left:0;}
/*! CSS Used from: /assets/web-frontend/client/css/ffee038.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/a7b84fe.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/5386f84.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/574b6e7.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/be1a085.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/b6ea9eb.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/a3b7c0f.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/e8fd352.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/9ba1883.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/c6557a7.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/760f2b1.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}




/*! CSS Used from: /assets/web-frontend/client/css/640fcf3.css */
.component-coin-label[data-v-09c9d39b]{align-items:center;background-color:#f3f4f7;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:44px;padding-left:10px;padding-right:10px;transition:background-color .25s ease;}
.component-coin-label[data-v-09c9d39b]:hover{background-color:#f5f9fb;}
.component-coin-label .logo[data-v-09c9d39b]{border-radius:50px;height:14px;margin-right:4px;-o-object-fit:contain;object-fit:contain;overflow:hidden;width:14px;}
.component-coin-label .short-name[data-v-09c9d39b]{color:#2b2e36;font-size:14px;}
.component-history-coin-list[data-v-b5e202be]{padding:10px 16px;}
.component-history-coin-list .head[data-v-b5e202be]{align-items:center;color:#6a7c81;display:flex;font-size:12px;justify-content:space-between;line-height:16px;}
.component-history-coin-list .handle[data-v-b5e202be]{cursor:pointer;}
.component-history-coin-list .list[data-v-b5e202be]{display:flex;flex-wrap:wrap;}
.component-history-coin-list .item[data-v-b5e202be]{margin-right:8px;margin-top:8px;}
.component-hot-coin-list[data-v-36fd9262]{padding:10px 16px;}
.component-hot-coin-list .head[data-v-36fd9262]{align-items:center;color:#6a7c81;display:flex;font-size:12px;justify-content:space-between;line-height:16px;}
.component-hot-coin-list .list[data-v-36fd9262]{display:flex;flex-wrap:wrap;}
.component-hot-coin-list .item[data-v-36fd9262]{margin-right:8px;margin-top:8px;}
[data-v-4258f84a] .list__coin{max-height:266px;overflow:auto;overflow:overlay;}
.comp-coin-select .comp-coin-select__foot[data-v-4258f84a],.comp-coin-select .comp-coin-select__head[data-v-4258f84a]{height:8px;}
.comp-coin-select .comp-coin-select-option[data-v-4258f84a]{box-sizing:border-box;cursor:pointer;display:flex;height:50px;justify-content:space-between;padding:8px 16px;width:100%;}
.comp-coin-select .comp-coin-select-option[data-v-4258f84a]:hover{background:#f5f9fb;}
.comp-coin-select .comp-coin-select-option .comp-coin-select-option__left[data-v-4258f84a]{align-items:center;display:flex;}
.comp-coin-select .comp-coin-select-option .comp-coin-select-option__left .comp-coin-select-option__logo[data-v-4258f84a]{border-radius:50px;height:20px;margin-right:8px;overflow:hidden;width:20px;}
.comp-coin-select .comp-coin-select-option .comp-coin-select-option__left .comp-coin-select-option__shortName[data-v-4258f84a]{color:#1a1b1f;font-size:14px;font-weight:500;line-height:20px;margin-right:4px;}
.comp-coin-select .comp-coin-select-option .comp-coin-select-option__left .comp-coin-select-option__name[data-v-4258f84a]{color:#91a5b1;font-size:12px;font-weight:400;line-height:20px;}
/*! CSS Used from: /assets/web-frontend/client/css/ffee038.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/a7b84fe.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/5386f84.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/574b6e7.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/be1a085.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/b6ea9eb.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
.component-coin-label[data-v-09c9d39b]{align-items:center;background-color:#f3f4f7;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:44px;padding-left:10px;padding-right:10px;transition:background-color .25s ease;}
.component-coin-label[data-v-09c9d39b]:hover{background-color:#f5f9fb;}
.component-coin-label .logo[data-v-09c9d39b]{border-radius:50px;height:14px;margin-right:4px;-o-object-fit:contain;object-fit:contain;overflow:hidden;width:14px;}
.component-coin-label .short-name[data-v-09c9d39b]{color:#2b2e36;font-size:14px;}
.component-history-coin-list[data-v-b5e202be]{padding:10px 16px;}
.component-history-coin-list .head[data-v-b5e202be]{align-items:center;color:#6a7c81;display:flex;font-size:12px;justify-content:space-between;line-height:16px;}
.component-history-coin-list .handle[data-v-b5e202be]{cursor:pointer;}
.component-history-coin-list .list[data-v-b5e202be]{display:flex;flex-wrap:wrap;}
.component-history-coin-list .item[data-v-b5e202be]{margin-right:8px;margin-top:8px;}
.component-hot-coin-list[data-v-36fd9262]{padding:10px 16px;}
.component-hot-coin-list .head[data-v-36fd9262]{align-items:center;color:#6a7c81;display:flex;font-size:12px;justify-content:space-between;line-height:16px;}
.component-hot-coin-list .list[data-v-36fd9262]{display:flex;flex-wrap:wrap;}
.component-hot-coin-list .item[data-v-36fd9262]{margin-right:8px;margin-top:8px;}
[data-v-4258f84a] .list__coin{max-height:266px;overflow:auto;overflow:overlay;}
.comp-coin-select .comp-coin-select__foot[data-v-4258f84a],.comp-coin-select .comp-coin-select__head[data-v-4258f84a]{height:8px;}
.comp-coin-select .comp-coin-select-option[data-v-4258f84a]{box-sizing:border-box;cursor:pointer;display:flex;height:50px;justify-content:space-between;padding:8px 16px;width:100%;}
.comp-coin-select .comp-coin-select-option[data-v-4258f84a]:hover{background:#f5f9fb;}
.comp-coin-select .comp-coin-select-option .comp-coin-select-option__left[data-v-4258f84a]{align-items:center;display:flex;}
.comp-coin-select .comp-coin-select-option .comp-coin-select-option__left .comp-coin-select-option__logo[data-v-4258f84a]{border-radius:50px;height:20px;margin-right:8px;overflow:hidden;width:20px;}
.comp-coin-select .comp-coin-select-option .comp-coin-select-option__left .comp-coin-select-option__shortName[data-v-4258f84a]{color:#1a1b1f;font-size:14px;font-weight:500;line-height:20px;margin-right:4px;}
.comp-coin-select .comp-coin-select-option .comp-coin-select-option__left .comp-coin-select-option__name[data-v-4258f84a]{color:#91a5b1;font-size:12px;font-weight:400;line-height:20px;}
/*! CSS Used from: /assets/web-frontend/client/css/a3b7c0f.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/e8fd352.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/9ba1883.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/c6557a7.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
/*! CSS Used from: /assets/web-frontend/client/css/760f2b1.css */
.component-content-header[data-v-13f7d3f5]{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;}
.component-content-header .text[data-v-13f7d3f5]{color:#000;font-size:1.5rem;font-weight:500;line-height:2rem;}
.component-content-header .left[data-v-13f7d3f5]{flex:1 0 auto;margin-right:20px;}
.component-content-header .right[data-v-13f7d3f5]{display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media screen and (min-width:640px){
.component-content-header[data-v-13f7d3f5]{padding-bottom:46px;padding-top:68px;}
.component-content-header .text[data-v-13f7d3f5]{font-size:36px;line-height:48px;}
}
.com-backer[data-v-8fa7ec64]{cursor:pointer;display:flex;font-size:14px;line-height:20px;position:relative;transition:color .2s ease;}
.com-backer [data-v-8fa7ec64]{box-sizing:border-box;}
.com-backer .icon[data-v-8fa7ec64]{font-size:8px;line-height:20px;}
.com-backer .text[data-v-8fa7ec64]{font-size:14px;line-height:20px;margin-left:6px;}
.comp-bread-crumb[data-v-3896f022]{align-items:center;display:flex;font-size:14px;font-weight:400;line-height:20px;}
.comp-bread-crumb [data-v-3896f022],.comp-bread-crumb[data-v-3896f022]{box-sizing:border-box;}
.comp-bread-crumb .item[data-v-3896f022]{display:flex;}
.comp-bread-crumb .link[data-v-3896f022]{color:#6a7c81;}
.comp-bread-crumb .separator[data-v-3896f022]{color:#91a5b1;display:inline-block;font-size:12px;margin:0 6px;transform:scale(.9);}
.comp-info-list *{box-sizing:border-box;}
.comp-info-list .head{color:#141f21;font-size:16px;font-weight:600;line-height:20px;padding-bottom:2px;}
.comp-info-list .item{color:#3e4648;font-size:14px;font-weight:400;line-height:20px;padding-bottom:6px;padding-left:10px;padding-top:6px;position:relative;}
.comp-info-list .item:before{background-color:#3e4648;border-radius:100%;content:"";height:4px;left:0;position:absolute;top:16px;transform:translateY(-50%);width:4px;}
.comp-info-list .item .link{-webkit-text-decoration:underline;text-decoration:underline;}
.comp-info-list .item .link:hover{color:#049FD3;}
.comp-recent-table[data-v-2c09d053]{margin-top:120px;}
.comp-recent-table [data-v-2c09d053]{box-sizing:border-box;}
.comp-recent-table .head[data-v-2c09d053]{color:#000;display:flex;font-size:24px;font-weight:500;justify-content:space-between;line-height:20px;margin-bottom:20px;}
.comp-recent-table .switch-ctr[data-v-2c09d053]{font-size:12px;line-height:16px;margin-left:20px;}
.comp-recent-table .switch[data-v-2c09d053]{color:#6a7c81;vertical-align:middle;}
.comp-recent-table[data-v-2c09d053] .el-table__header{border-top:none;}
.comp-recent-table[data-v-2c09d053] .el-table__empty-text div{height:160px!important;}
.comp-recent-table[data-v-2c09d053] .r-table-wrap.is-empty .r-table-empty{margin-top:28px;}
.comp-recent-table[data-v-2c09d053] .el-switch{margin-right:8px;}
.comp-recent-table[data-v-2c09d053] .el-switch__core{border-radius:20px;height:12px;width:20px!important;}
.comp-recent-table[data-v-2c09d053] .el-switch__core:after{border:1px solid #eff4f6;box-sizing:border-box;height:12px;left:-1px;top:-1px;width:12px;}
/*! CSS Used from: /assets/web-frontend/client/css/0c0aa0d.css */
.comp-Clipboard{align-items:center;position:relative;}
.comp-Clipboard-mask{height:100%;left:0;position:absolute;top:0;width:100%;}
.comp-Clipboard-success-icon{color:#6a7c81;}
.comp-Clipboard-success-icon:hover{color:#141f21;}
.pNTknl .el-dialog{max-width:588px;}
.fK0K3H{display:flex;justify-content:flex-end;}
.JGOqiw:hover{border-color:#049FD3;}
.vIKZqV{color:#1a1b1f;font-size:16px;position:relative;}
._4XvTcn{align-items:center;background-color:#eef3f5;border:1px solid #eef3f5;border-radius:4px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:border-color .3s ease;}
.\+PlBPc{background-color:#f5f7fa;border-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed;}
.Piqi6P{white-space:normal;word-break:break-all;}
.ytuRz9{background-color:#fff;border-radius:4px;box-shadow:0 4px 16px 0 rgba(0,0,0,.1);display:none;margin-top:4px;padding-top:12px;position:absolute;width:100%;z-index:9;}
._92fc8d{max-height:198px;overflow:auto;}
.page-asset-deposit [data-v-36666d26]{box-sizing:border-box;}
.page-asset-deposit .wrapper[data-v-36666d26]{padding-top:18px;}
.page-asset-deposit .content-header[data-v-36666d26]{padding-bottom:32px;padding-top:42px;}
.page-asset-deposit .content[data-v-36666d26]{align-items:flex-start;display:flex;justify-content:space-between;}
@media screen and (max-width:960px){
.page-asset-deposit .content[data-v-36666d26]{flex-direction:column;gap:20px;}
}
.page-asset-deposit .form-wrapper[data-v-36666d26]{flex:1;max-width:588px;}
.page-asset-deposit .form-row-column[data-v-36666d26]{display:flex;flex-wrap:nowrap;gap:24px;justify-content:space-between;}
.page-asset-deposit .form-row[data-v-36666d26]{flex:1;margin-bottom:24px;}
.page-asset-deposit .form-label[data-v-36666d26]{display:flex;font-size:16px;font-weight:500;justify-content:space-between;margin-bottom:8px;}
.page-asset-deposit .form-label label[data-v-36666d26]{align-items:center;display:flex;gap:4px;}
.page-asset-deposit .form-item-extra[data-v-36666d26]{flex:0 1 100px;margin-top:29px;}
.page-asset-deposit .info-wrapper[data-v-36666d26]{border:1px solid #eef3f5;border-radius:4px;padding:20px;width:383px;}
@media screen and (max-width:960px){
.page-asset-deposit .info-wrapper[data-v-36666d26]{width:100%;}
}
.page-asset-deposit .coinSelect-list .coin-select-suspended[data-v-36666d26]{align-items:center;color:#6a7c81;display:flex;font-size:12px;height:100%;}
.page-asset-deposit .page-asset-deposit__kyc[data-v-36666d26]{align-items:center;background:#fbfbfd;border-radius:4px;display:flex;justify-content:space-between;padding:16px 20px;}
.page-asset-deposit .page-asset-deposit__kyc .page-asset-deposit-kyc__left[data-v-36666d26]{align-items:center;display:flex;margin-right:81px;}
.page-asset-deposit .page-asset-deposit__kyc .page-asset-deposit-kyc__left .page-asset-deposit-kyc__icon[data-v-36666d26]{font-size:26px!important;margin-right:13px;}
.page-asset-deposit .page-asset-deposit__kyc .page-asset-deposit-kyc__left .page-asset-deposit-kyc__info .page-asset-deposit-kyc__level[data-v-36666d26]{color:#141f21;font-size:16px;font-weight:500;}
.page-asset-deposit .page-asset-deposit__kyc .page-asset-deposit-kyc__left .page-asset-deposit-kyc__info .page-asset-deposit-kyc__desc[data-v-36666d26]{color:#6a7c81;font-size:12px;font-weight:400;margin-top:4px;}
.page-asset-deposit .page-asset-deposit__kyc .page-asset-deposit-kyc__right .r-button2-large[data-v-36666d26]{min-width:140px;}
.page-asset-deposit[data-v-36666d26] .coin-select-option-wrapper{margin-bottom:0!important;margin-right:0!important;max-height:412px;overflow:auto;}



/*! CSS Used from: /assets/web-frontend/client/css/d8daa36.css */
.page-asset-withdrawal [data-v-31971307]{box-sizing:border-box;}
.page-asset-withdrawal .wrapper[data-v-31971307]{padding-top:18px;}
.page-asset-withdrawal .content-header[data-v-31971307]{padding-bottom:32px;padding-top:42px;}
.page-asset-withdrawal .content[data-v-31971307]{align-items:flex-start;display:flex;justify-content:space-between;min-height:558px;}
.page-asset-withdrawal .form-wrapper[data-v-31971307]{flex:1;margin-right:100px;max-width:588px;}
.page-asset-withdrawal .form-row[data-v-31971307]{margin-bottom:24px;}
.page-asset-withdrawal .form-label[data-v-31971307]{display:flex;font-size:16px;font-weight:500;justify-content:space-between;line-height:20px;margin-bottom:8px;}
.page-asset-withdrawal .info-wrapper[data-v-31971307]{border:1px solid #eef3f5;border-radius:4px;padding:20px;width:383px;}
.page-asset-withdrawal .tips-list[data-v-31971307]{margin-bottom:30px;}
.page-asset-withdrawal .loading-placeholder[data-v-31971307]{margin-bottom:12px;margin-top:12px;min-height:50px;}
.page-asset-withdrawal .loading-placeholder[data-v-31971307] .el-loading-mask{z-index:888;}
.page-asset-withdrawal .coin-select[data-v-31971307] .r-my-select-input{font-size:16px;}
.page-asset-withdrawal[data-v-31971307] .coin-select-option-wrapper{margin-bottom:0!important;margin-right:0!important;max-height:326px;overflow:auto;}
.page-asset-withdrawal[data-v-31971307] .coin-select-option-wrapper::-webkit-scrollbar{background-color:hsla(0,0%,100%,.1);height:4px;width:0;}
.page-asset-withdrawal[data-v-31971307] .coin-select-option-wrapper::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.5);height:4px;}
.page-asset-withdrawal[data-v-31971307] .coin-select-option-wrapper::-webkit-scrollbar-track{background-color:hsla(0,0%,100%,.1);}
@media (max-width:960px){
.page-asset-withdrawal .content[data-v-31971307]{align-items:normal;flex-direction:column;}
.page-asset-withdrawal .form-wrapper[data-v-31971307]{margin-right:0;max-width:auto;}
.page-asset-withdrawal .info-wrapper[data-v-31971307]{width:auto;}
}


/*! CSS Used from: /assets/web-frontend/client/css/dbcac72.css */
.H8z383{align-items:center;background-color:#fafcfd;box-sizing:border-box;color:#000;display:flex;font-size:14px;height:44px;justify-content:center;line-height:18px;text-align:center;width:100%;}
.H8z383 .el-icon-lock{color:#44bd22;}
._0wqfFX{font-weight:400;padding-left:8px;}
.HGVNWx{font-weight:500;}
.fodeMz{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;}
/*! CSS Used from: /assets/web-frontend/client/css/c4a1601.css */
.Os9ORv{position:relative;}
.EA8lnU{background:#3e4648;border:none;border-radius:4px;box-sizing:border-box;padding:8px 12px;}
.q1aGcW{color:#91a5b1;font-size:12px;font-weight:400;line-height:1.2;margin:2px 0;}
.q1aGcW,.q1aGcW .J1r0AW{display:flex;text-align:left;}
.q1aGcW .J1r0AW{align-items:center;box-sizing:border-box;justify-content:center;padding-right:5px;width:20px;}
.q1aGcW .J1r0AW ._2iGjf0{background:#9db3ba;border-radius:50%;height:4px;width:4px;}
.DE7f7D{--icon-normal-bgcolor:#90a5ac;--icon-hover-bgcolor:#6a7c81;font-size:16px;}
.DE7f7D .el-input__inner{background-color:#eef3f5;border:1px solid transparent;border-radius:4px;box-sizing:border-box;font-size:14px;height:44px;line-height:44px;padding:0 20px;width:100%;}
.DE7f7D .el-input__inner::placeholder{color:#9cb3ba;}
.DE7f7D .el-input__inner:focus,.DE7f7D .el-input__inner:hover{border:1px solid #049FD3!important;}
.DE7f7D .el-input__suffix{line-height:44px;right:16px;top:5px;}
.obGYip{background-color:var(--icon-normal-bgcolor);background-repeat:no-repeat;background-size:contain;cursor:pointer;display:inline-block;height:13px;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:13px;}
.K47Vf-{-webkit-mask-image:url(web-frontend/client/img/ic_viewoff.45fc2d9.html);mask-image:url(web-frontend/client/img/ic_viewoff.45fc2d9.html);}
.NWvv6N{margin-right:12px;-webkit-mask-image:url(web-frontend/client/img/ic_close.0dceeba.html);mask-image:url(web-frontend/client/img/ic_close.0dceeba.html);}
.obGYip:hover{background-color:var(--icon-hover-bgcolor);}
/*! CSS Used from: /assets/web-frontend/client/css/3be79c8.css */
.goByIg .el-dialog{max-width:750px;}
@media screen and (max-width:640px){
.goByIg .el-dialog{width:90%;}
}
.goByIg .el-dialog__header{padding:30px 30px 0;text-align:center;}
.goByIg .el-dialog__footer{padding:0 30px 30px;}
._7aU7JN{display:flex;gap:20px;justify-content:space-between;}
._7aU7JN button{flex:1 1 50%;}
.PjjNZl{margin:0 auto;}
.PjjNZl,.PjjNZl .UUx0bC{max-width:808px;width:100%;}
.PjjNZl .UUx0bC{align-items:center;display:flex;margin:20px auto 0;}
.PjjNZl .UUx0bC span{cursor:pointer;font-size:14px;}
.PjjNZl .UUx0bC span i{margin-right:6px;}
.PjjNZl .ASlEWM{align-items:center;color:#0e1118;display:flex;flex-direction:column;justify-content:center;margin:40px auto 0;max-width:384px;width:100%;}
.PjjNZl .ASlEWM a{color:#049FD3;}
.PjjNZl .PSosTA{display:flex;gap:40px;margin-bottom:15px;}
.PjjNZl .r5Hgn0{background:none;border:0;color:#a0a5b5;cursor:pointer;font-size:16px;height:40px;padding:0;}
.PjjNZl .AEX8Ft{color:#0e1118;font-weight:500;position:relative;}
.PjjNZl .AEX8Ft:after{background:#000;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-14px);width:28px;}
.PjjNZl .CfyPJZ{background:#fff;border-radius:4px;box-sizing:border-box;position:relative;width:100%;}
.PjjNZl .regEo0{cursor:pointer;height:30px;position:absolute;right:0;top:0;width:30px;}
.PjjNZl ._6PJ7SW{font-size:16px;width:100%;}
.PjjNZl .mhrL3k{font-size:32px;font-weight:500;margin-bottom:12px;}
.PjjNZl ._4CM65n{color:#333;font-size:14px;margin-bottom:8px;}
.PjjNZl ._4CM65n b{color:#049FD3;cursor:pointer;font-weight:400;}
.PjjNZl .KXm7be{margin-top:6px;width:100%;}
.PjjNZl .RDMtvZ{display:flex;font-size:14px;justify-content:space-between;}
.PjjNZl .krg2Cg{align-items:flex-start;display:flex;justify-content:flex-end;margin-left:auto;}
.PjjNZl .DMa-8v{display:flex;flex-wrap:wrap;gap:0 10px;justify-content:space-between;}
.PjjNZl .DMa-8v .el-form-item{margin-right:0;}
.PjjNZl .DMa-8v .el-form-item__content{width:100%;}
.PjjNZl .EH6YEQ{flex-grow:1;}
.PjjNZl .EmmB4y,.PjjNZl .Q1p06S,.PjjNZl .iGp4AL{width:100%;}
.PjjNZl .pwI8ye{margin-bottom:14px;width:100%;}
.PjjNZl .\-3rP9Q{align-items:center;background:#fafcfd;border-radius:4px;display:flex;height:218px;justify-content:space-evenly;margin-top:32px;position:relative;}
.PjjNZl .syMPNI{height:166px;}
.PjjNZl ._2c64s3{height:160px;width:160px;}
.PjjNZl .vVIU\+a{align-items:center;background-color:rgba(51,51,51,.95);border-radius:4px;bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;}
.PjjNZl .Qqmoq5{font-size:14px;margin-bottom:24px;}
.PjjNZl ._4fV2UL{border-radius:4px;width:160px;}
.PjjNZl .bUBTg7{display:flex;font-size:14px;justify-content:flex-end;margin-top:32px;}
.PjjNZl .jPzmFG{color:#049FD3;cursor:pointer;margin-right:32px;}
.PjjNZl ._6tvQ4d{margin-top:16px;width:100%;}
.PjjNZl ._6tvQ4d span{color:#049FD3;cursor:pointer;font-size:14px;}
@media screen and (max-width:500px){
.ASlEWM{margin-top:30px;}
.PjjNZl{box-sizing:border-box;padding:0 16px;width:100%;}
.PjjNZl .ASlEWM{margin:40px auto 0;}
.PjjNZl .iGp4AL{width:100%;}
.PjjNZl .krg2Cg{margin-left:40px;}
.j8OeW9 .el-dialog{width:95%;}
}
.j8OeW9 .el-dialog{border-radius:8px;max-width:720px;}
.j8OeW9 .el-dialog__header{font-weight:500;padding:40px 40px 16px;}
/*! CSS Used from: /assets/web-frontend/client/css/d6b0dad.css */
.Os9ORv{position:relative;}
.EA8lnU{background:#3e4648;border:none;border-radius:4px;box-sizing:border-box;padding:8px 12px;}
.q1aGcW{color:#91a5b1;font-size:12px;font-weight:400;line-height:1.2;margin:2px 0;}
.q1aGcW,.q1aGcW .J1r0AW{display:flex;text-align:left;}
.q1aGcW .J1r0AW{align-items:center;box-sizing:border-box;justify-content:center;padding-right:5px;width:20px;}
.q1aGcW .J1r0AW ._2iGjf0{background:#9db3ba;border-radius:50%;height:4px;width:4px;}
.DE7f7D{--icon-normal-bgcolor:#90a5ac;--icon-hover-bgcolor:#6a7c81;font-size:16px;}
.DE7f7D .el-input__inner{background-color:#eef3f5;border:1px solid transparent;border-radius:4px;box-sizing:border-box;font-size:14px;height:44px;line-height:44px;padding:0 20px;width:100%;}
.DE7f7D .el-input__inner::placeholder{color:#9cb3ba;}
.DE7f7D .el-input__inner:focus,.DE7f7D .el-input__inner:hover{border:1px solid #049FD3!important;}
.DE7f7D .el-input__suffix{line-height:44px;right:16px;top:5px;}
.obGYip{background-color:var(--icon-normal-bgcolor);background-repeat:no-repeat;background-size:contain;cursor:pointer;display:inline-block;height:13px;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:13px;}
.K47Vf-{-webkit-mask-image:url(web-frontend/client/img/ic_viewoff.45fc2d9.html);mask-image:url(web-frontend/client/img/ic_viewoff.45fc2d9.html);}
.NWvv6N{margin-right:12px;-webkit-mask-image:url(web-frontend/client/img/ic_close.0dceeba.html);mask-image:url(web-frontend/client/img/ic_close.0dceeba.html);}
.obGYip:hover{background-color:var(--icon-hover-bgcolor);}


/*! CSS Used from: /assets/web-frontend/client/css/f89b17b.css */
.el-button:active{border-color:transparent;}
.el-button{border-radius:0;}
.el-button:not(.el-button--mini){height:46px;}
.el-button:not(.el-button--default){border:transparent;}
.el-button:focus,.el-button:hover{border-color:#ebeef5;}
/*! CSS Used from: /assets/web-frontend/client/css/eb4f189.css */
::placeholder,button{font-family:IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;}
.el-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.el-button{-webkit-appearance:none;background:#fff;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;line-height:1;margin:0;outline:0;padding:12px 20px;text-align:center;-webkit-transition:.1s;transition:.1s;white-space:nowrap;}
.el-button:focus,.el-button:hover{background-color:#e7f9f9;border-color:#b8eded;color:#049FD3;}
.el-button:active{border-color:#11afaf;color:#11afaf;outline:0;}
.el-button--primary{background-color:#049FD3;border-color:#049FD3;color:#fff;}
.el-button--primary:focus,.el-button--primary:hover{background:#42cece;border-color:#42cece;color:#fff;}
.el-button--primary:active{background:#11afaf;border-color:#11afaf;color:#fff;}
.el-button--primary:active{outline:0;}
.el-button:active{border-color:transparent;}
.el-button{border-radius:4px;}
.el-button:not(.el-button--mini){height:46px;}
.el-button:not(.el-button--default){border:transparent;}
.el-button:focus,.el-button:hover{border-color:#dcdfe6;}

/*! CSS Used from: /assets/web-frontend/client/css/c4a1601.css */
.Os9ORv{position:relative;}
.EA8lnU{background:#3e4648;border:none;border-radius:4px;box-sizing:border-box;padding:8px 12px;}
.q1aGcW{color:#91a5b1;font-size:12px;font-weight:400;line-height:1.2;margin:2px 0;}
.q1aGcW,.q1aGcW .J1r0AW{display:flex;text-align:left;}
.q1aGcW .J1r0AW{align-items:center;box-sizing:border-box;justify-content:center;padding-right:5px;width:20px;}
.q1aGcW .J1r0AW ._2iGjf0{background:#9db3ba;border-radius:50%;height:4px;width:4px;}
.DE7f7D{--icon-normal-bgcolor:#90a5ac;--icon-hover-bgcolor:#6a7c81;font-size:16px;}
.DE7f7D .el-input__inner{background-color:#eef3f5;border:1px solid transparent;border-radius:4px;box-sizing:border-box;font-size:14px;height:44px;line-height:44px;padding:0 20px;width:100%;}
.DE7f7D .el-input__inner::placeholder{color:#9cb3ba;}
.DE7f7D .el-input__inner:focus,.DE7f7D .el-input__inner:hover{border:1px solid #049FD3!important;}
.DE7f7D .el-input__suffix{line-height:44px;right:16px;top:5px;}
.obGYip{background-color:var(--icon-normal-bgcolor);background-repeat:no-repeat;background-size:contain;cursor:pointer;display:inline-block;height:13px;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:13px;}
.K47Vf-{-webkit-mask-image:url(web-frontend/client/img/ic_viewoff.45fc2d9.html);mask-image:url(web-frontend/client/img/ic_viewoff.45fc2d9.html);}
.NWvv6N{margin-right:12px;-webkit-mask-image:url(web-frontend/client/img/ic_close.0dceeba.html);mask-image:url(web-frontend/client/img/ic_close.0dceeba.html);}
.obGYip:hover{background-color:var(--icon-hover-bgcolor);}
/*! CSS Used from: /assets/web-frontend/client/css/9e21437.css */
.telegram-wrapper[data-v-5546f4a9]{display:flex;margin-bottom:16px;}
@media (max-width:768px){
.telegram-wrapper[data-v-5546f4a9]{display:none;}
}
.telegram-wrapper .telegram-circle[data-v-5546f4a9]{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px;}
.telegram-wrapper .telegram-icon[data-v-5546f4a9]{color:#fff;}
.telegram-wrapper .telegram-info[data-v-5546f4a9]{align-items:flex-start;display:flex;flex-direction:column;margin-left:10px;}
.telegram-wrapper .telegram-title[data-v-5546f4a9]{color:#000;font-size:12px;font-weight:500;line-height:16px;text-align:left;}
.telegram-wrapper .telegram-desc[data-v-5546f4a9]{color:#6a7c81;font-size:12px;line-height:16px;}
.telegram-wrapper .telegram-icon-more[data-v-5546f4a9]{color:#000;font-size:12px;line-height:16px;}
.MNZ1XN{padding:20px;}
.MNZ1XN .el-dialog__header{padding-top:20px;}
.apqTDk{background-color:#fff;display:flex;justify-content:center;margin:0 auto;max-width:900px;padding:46px 20px 100px;}
.IQbxBU{margin-left:100px;margin-top:110px;max-width:400px;text-align:center;}
.\+FJHGK,.foDpLq{color:#000;font-size:32px;font-weight:500;line-height:48px;margin-bottom:4px;}
.v3iZhZ{width:200px;}
@media screen and (max-width:768px){
.apqTDk{flex-direction:column-reverse;padding:86px 24px 20px;}
.IQbxBU{margin:0 0 20px;text-align:left;}
.v3iZhZ{display:none;}
}
.register-ref .reg-form-wrapper{padding:0;width:auto;}
@media screen and (max-width:768px){
.register-ref .main-form{width:calc(100vw - 48px);}
.register-ref .main-form .phone-input{width:100%;}
}
/*! CSS Used from: /assets/web-frontend/client/css/e79e8a7.css */
.CI0yWi{display:flex;width:100%;}
.CI0yWi .el-form-item:not(:first-child){flex:1;margin-left:10px;}
.ZY7R3g{position:relative;}
.NbX3Mi{background:#000;bottom:0;display:none;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px;}
.hxQGN0{animation:H1z6rf .1s ease-in-out forwards;}
.Iy49yp{animation:_1ya97M .1s ease-in-out forwards;}
.is-active .NbX3Mi{display:block;}
.D-ouLy{align-items:center;background-color:#fff;color:#0e1118;display:flex;flex-direction:column;min-height:calc(100vh - 660px);}
.D-ouLy a{color:#049FD3;}
.D-ouLy .el-tabs__header{margin-bottom:20px;}
.D-ouLy .el-tabs__content{overflow:visible;overflow:initial;}
.D-ouLy .el-tabs__item{color:#91a5b1;font-size:16px;padding:0 12px;}
.\+9Qtj7{background:#fff;border-radius:4px;box-sizing:border-box;padding:32px 32px 40px;position:relative;width:464px;}
.XSynML{font-size:32px;font-weight:500;padding-bottom:24px;}
@media screen and (max-width:768px){
.XSynML{display:none;}
}
.H50KWY{display:flex;margin-top:4px;width:400px;}
.H50KWY .el-form-item{margin-bottom:20px;}
.H50KWY .HpsGbh,.H50KWY .j2KBDi{margin-bottom:20px;}
.H50KWY .B4\+u8T{margin-bottom:24px;}
.H50KWY .B4\+u8T .el-form-item__content{line-height:1.2;}
.\+jqEz4{font-size:16px;}
.\+jqEz4 .el-input__inner{background-color:#eef3f5;border:1px solid transparent;border-radius:4px;box-sizing:border-box;font-size:14px;height:44px;line-height:44px;padding:0 20px;width:100%;}
.\+jqEz4 .el-input__inner::placeholder{color:#9cb3ba;}
.\+jqEz4 .el-input__inner:focus,.\+jqEz4 .el-input__inner:hover{border:1px solid #049FD3;}
.\+jqEz4 .el-input__suffix{line-height:44px;right:16px;top:5px;}
._18ipNh{display:flex;justify-content:flex-end;margin-bottom:20px;width:100%;}
.YgO2MD{background:none;border:0;color:#333;cursor:pointer;font-size:14px;line-height:14px;}
.YgO2MD:focus{outline:0 none;}
.fSDajk{font-weight:400;margin-right:0;}
.fSDajk .el-checkbox__input{margin-top:3px;vertical-align:top;}
.fSDajk .el-checkbox__label{font-size:12px;max-width:calc(100% - 24px);vertical-align:top;white-space:normal;}
.EqRvbG{border-radius:4px;box-sizing:border-box;height:44px;width:100%;}
.nnCfsk{color:#a3a8b7;font-size:14px;text-align:right;}
.IFvSC2{display:flex;flex-wrap:wrap;justify-content:space-between;}
.IFvSC2 .el-form-item{margin-right:0;}
.IFvSC2 .el-form-item__content{width:100%;}
.LAW\+GT{width:284px;}
.w4epRE{width:100%;}
.H50KWY .UGDxrH{margin-bottom:16px;width:100%;}
@media screen and (max-width:768px){
.EqRvbG{height:46px!important;}
.LAW\+GT{width:210px;}
}
.reg-modal-dialog{background-color:#fff;border-radius:8px;left:50%;margin-top:0!important;max-width:420px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;}
.reg-modal-dialog .el-dialog__header{padding:32px 32px 8px;}
.reg-modal-dialog .el-dialog__header .el-dialog__headerbtn{display:none;}
/*! CSS Used from: /assets/web-frontend/client/css/d6b0dad.css */
.Os9ORv{position:relative;}
.EA8lnU{background:#3e4648;border:none;border-radius:4px;box-sizing:border-box;padding:8px 12px;}
.q1aGcW{color:#91a5b1;font-size:12px;font-weight:400;line-height:1.2;margin:2px 0;}
.q1aGcW,.q1aGcW .J1r0AW{display:flex;text-align:left;}
.q1aGcW .J1r0AW{align-items:center;box-sizing:border-box;justify-content:center;padding-right:5px;width:20px;}
.q1aGcW .J1r0AW ._2iGjf0{background:#9db3ba;border-radius:50%;height:4px;width:4px;}
.DE7f7D{--icon-normal-bgcolor:#90a5ac;--icon-hover-bgcolor:#6a7c81;font-size:16px;}
.DE7f7D .el-input__inner{background-color:#eef3f5;border:1px solid transparent;border-radius:4px;box-sizing:border-box;font-size:14px;height:44px;line-height:44px;padding:0 20px;width:100%;}
.DE7f7D .el-input__inner::placeholder{color:#9cb3ba;}
.DE7f7D .el-input__inner:focus,.DE7f7D .el-input__inner:hover{border:1px solid #049FD3!important;}
.DE7f7D .el-input__suffix{line-height:44px;right:16px;top:5px;}
.obGYip{background-color:var(--icon-normal-bgcolor);background-repeat:no-repeat;background-size:contain;cursor:pointer;display:inline-block;height:13px;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:13px;}
.K47Vf-{-webkit-mask-image:url(web-frontend/client/img/ic_viewoff.45fc2d9.html);mask-image:url(web-frontend/client/img/ic_viewoff.45fc2d9.html);}
.NWvv6N{margin-right:12px;-webkit-mask-image:url(web-frontend/client/img/ic_close.0dceeba.html);mask-image:url(web-frontend/client/img/ic_close.0dceeba.html);}
.obGYip:hover{background-color:var(--icon-hover-bgcolor);}

/*! CSS Used from: /assets/web-frontend-next/public/_next/index.BmQKVWS3.css */
._Anchor_1ensx_1{display:none;margin-top:32px;}
@media (max-width:768px){
._Anchor_1ensx_1{display:block;margin-top:24px;}
}
._Anchor_1ensx_1 ._Tabs_1ensx_11{border-bottom:1px solid #f2f2f2;display:flex;justify-content:space-between;margin-bottom:9px;padding-bottom:24px;width:100%;}
@media (max-width:768px){
._Anchor_1ensx_1 ._Tabs_1ensx_11{flex-direction:column-reverse;gap:18px;}
}
._Anchor_1ensx_1 ._Tabs__Content_1ensx_25{align-items:center;box-sizing:border-box;display:flex;font-size:20px;font-weight:400;overflow-x:scroll;position:relative;scrollbar-width:none;white-space:nowrap;}
@media (max-width:768px){
._Anchor_1ensx_1 ._Tabs__Content_1ensx_25{font-size:14px;line-height:18px;}
}
._Anchor_1ensx_1 ._Tabs__Content_1ensx_25::-webkit-scrollbar{height:0!important;width:0!important;}
._Anchor_1ensx_1 ._Tabs__Content--item_1ensx_46{color:#697175;cursor:pointer;flex-shrink:0;margin-right:24px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-break:break-word;}
._Anchor_1ensx_1 ._Tabs__Content--activeItem_1ensx_57{color:#000;font-weight:500;}
._Messages_pz7cj_29{background-color:#fff;box-sizing:border-box;color:#1a1b1f;display:flex;flex-direction:column;font-family:IBM;margin:0 auto;max-width:1240px;padding:0 10px;position:relative;}
@media (max-width:768px){
._Messages_pz7cj_29{padding-bottom:30px;}
}
._Messages__Header_pz7cj_46{align-items:baseline;background-color:#fff;display:flex;padding:20px 15px 20px 20px;position:sticky;top:80px;z-index:10;}
@media (max-width:768px){
._Messages__Header_pz7cj_46{padding:20px 6px;}
}
._Messages__Header--title_pz7cj_60{box-sizing:border-box;flex:1;font-size:32px;font-weight:500;}
._Messages__Header--read_pz7cj_66{background-color:#fff;font-size:14px;font-weight:400;text-align:right;}
._Messages__Header--read_pz7cj_66 span{cursor:pointer;}
._Messages__Header--read_pz7cj_66 span:hover{text-decoration:underline;}
._Messages__Row_pz7cj_78{display:flex;}
@media (max-width:768px){
._Messages__Row_pz7cj_78{flex-direction:column;}
}
._Messages__Left_pz7cj_89{display:flex;flex:0 0 300px;flex-direction:column;margin-right:24px;position:sticky;top:162px;}
@media (max-width:768px){
._Messages__Left_pz7cj_89{display:none;}
}
._Messages__Left--content_pz7cj_102{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;margin:4px 0;min-height:72px;padding:24px 20px;}
._Messages__Left--content_pz7cj_102:hover,._Messages__Left--selected_pz7cj_115{background-color:#f6f9fb;}
._Messages__Right_pz7cj_118{flex:1;max-width:900px;}
._CountDot_pz7cj_122{background-color:#ff532f;border-radius:30px;box-sizing:border-box;color:#fff;display:block;font-size:10px;height:14px;line-height:12px;min-width:24px;padding:1px 5px;text-align:center;}



/*! CSS Used from: /assets/web-frontend-next/public/_next/index.IlySbrQ6.css */
.about-page-wrap .about-header{background:url(web-frontend-next/public/_next/about_header_bg.BQ9YGcmk.jpg) no-repeat 100% 100%;background-color:#000;background-size:1680px;color:#fff;height:650px;}
.about-page-wrap .about-header .about-header-title{margin:0 auto;padding-top:128px;width:1180px;}
.about-page-wrap .about-header .about-header-title h3{font-size:36px;font-weight:400;letter-spacing:-.34px;line-height:36px;margin-bottom:28px;text-align:left;text-shadow:0 2px 10px #000;width:600px;}
.about-page-wrap .about-header .about-header-title p{font-size:14px;font-weight:300;line-height:20px;margin-bottom:40px;text-align:left;width:900px;}
.about-page-wrap .about-body{background:#fff;padding-bottom:80px;padding-top:92px;}
.about-page-wrap .about-body .about-team{margin:0 auto;width:1180px;}
.about-page-wrap .about-body .about-team h3{color:#040404;font-size:30px;font-weight:400;letter-spacing:-.72px;margin-bottom:45px;}
.about-page-wrap .about-body .about-team p{color:#050505;font-size:14px;letter-spacing:-.34px;line-height:20px;}
.about-page-wrap .about-body .about-priorities{margin:92px auto 70px;width:1180px;}
.about-page-wrap .about-body .about-priorities h3{color:#040404;font-size:30px;font-weight:400;letter-spacing:-.72px;margin-bottom:45px;}
.about-page-wrap .about-body .about-priorities h4{font-size:20px;font-weight:400;margin-top:40px;}
.about-page-wrap .about-body .about-priorities p{color:#050505;font-size:14px;letter-spacing:-.34px;line-height:20px;}
.about-page-wrap .download-logo{background:url(web-frontend-next/public/_next/about_middle_bg.wxSyEpw0.html) no-repeat 100% 100%;background-color:#000;background-size:1680px;height:420px;}
.about-page-wrap .download-logo .container{margin:0 auto;padding-top:51px;width:1180px;}
.about-page-wrap .download-logo .container h3{color:#fff;font-size:30px;font-weight:400;letter-spacing:-.72px;margin-bottom:55px;}
.about-page-wrap .download-logo .container .logo-wrapper{height:200px;margin:0 auto;width:1180px;}
.about-page-wrap .download-logo .container .logo-wrapper .green-version,.about-page-wrap .download-logo .container .logo-wrapper .white-version{border:none;display:inline-block;height:200px;position:relative;width:590px;}
.about-page-wrap .download-logo .container .logo-wrapper .green-version .download,.about-page-wrap .download-logo .container .logo-wrapper .white-version .download{bottom:17px;font-size:12px;letter-spacing:-.29px;position:absolute;right:20px;}
.about-page-wrap .download-logo .container .logo-wrapper .green-version img,.about-page-wrap .download-logo .container .logo-wrapper .white-version img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px;}
.about-page-wrap .download-logo .container .logo-wrapper .white-version{background:#2c2c2c;}
.about-page-wrap .download-logo .container .logo-wrapper .white-version .download{color:#fff;}
.about-page-wrap .download-logo .container .logo-wrapper .green-version{background:#fff;}
@media (max-width:1200px){
.about-page-wrap .about-header .about-header-title{width:90%;}
.about-page-wrap .about-body{padding:92px 30px 80px;}
.about-page-wrap .about-body .about-priorities,.about-page-wrap .about-body .about-team{width:100%;}
.about-page-wrap .download-logo .container{box-sizing:border-box;padding:30px;width:100%;}
.about-page-wrap .download-logo .container .logo-wrapper{width:100%;}
.about-page-wrap .download-logo .container .logo-wrapper .green-version,.about-page-wrap .download-logo .container .logo-wrapper .white-version{display:inline-block;width:50%;}
}
@media (max-width:900px){
.about-page-wrap .about-header .about-header-title p{width:90%;}
.about-page-wrap .about-body{padding:92px 30px 80px;}
}
@media (max-width:768px){
.about-page-wrap .about-header{height:420px;}
.about-page-wrap .about-header .about-header-title{padding-top:50px;width:90%;}
.about-page-wrap .about-header .about-header-title h3{font-size:20px;line-height:20px;max-width:100%;}
.about-page-wrap .about-body{padding:40px 30px;}
.about-page-wrap .about-body .about-priorities h3,.about-page-wrap .about-body .about-team h3{font-size:20px;margin-bottom:20px;}
.about-page-wrap .about-body .about-priorities h4{font-size:16px;margin-top:25px;}
.about-page-wrap .download-logo .container h3{font-size:20px;margin-bottom:35px;}
}
@media (max-width:500px){
.about-page-wrap .about-header{height:600px;}
.about-page-wrap .about-header .about-header-title{padding-top:50px;width:90%;}
.about-page-wrap .about-header .about-header-title p{width:100%;}
.about-page-wrap .about-body{padding:40px 30px;}
.about-page-wrap .about-body .about-team h3{font-size:16px;margin-bottom:20px;}
.about-page-wrap .about-body .about-team p{font-size:12px;}
.about-page-wrap .about-body .about-priorities h3{font-size:16px;margin-bottom:20px;}
.about-page-wrap .about-body .about-priorities h4{font-size:14px;margin-top:25px;}
.about-page-wrap .about-body .about-priorities p{font-size:12px;}
.about-page-wrap .download-logo .container{box-sizing:border-box;padding:30px;width:100%;}
.about-page-wrap .download-logo .container .logo-wrapper{width:100%;}
.about-page-wrap .download-logo .container .logo-wrapper .green-version,.about-page-wrap .download-logo .container .logo-wrapper .white-version{height:150px;width:100%;}
}

/*! CSS Used from: /assets/web-frontend/client/css/a579814.css */
.logo-img[data-v-051f08e8]{border-radius:50%;height:24px;vertical-align:bottom;width:24px;}
.dia-titwrap[data-v-051f08e8]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;word-break:break-all;}
.tit-font[data-v-051f08e8]{color:#1a1b1f;font-size:20px;font-weight:600;margin-left:12px;}
[data-v-051f08e8] .el-dialog{border-radius:8px;width:486px;}
.dialog-detail[data-v-051f08e8] .el-dialog__footer{padding:0 32px 32px;}
.box-lv[data-v-051f08e8]{display:flex;font-size:14px;justify-content:space-between;line-height:18px;margin-bottom:8px;}
.label-dia[data-v-051f08e8]{color:#6a7c81;font-size:14px;font-weight:400;}
.value-dia[data-v-051f08e8]{color:#1a1b1f;font-size:14px;font-weight:500;}
.value-dia-light[data-v-051f08e8]{color:#6a7c81;font-size:14px;font-weight:400;}
.highlight-txt[data-v-051f08e8]{color:#049FD3;}
.max-btn[data-v-051f08e8]{cursor:pointer;margin-left:10px;}
.input-boxdia[data-v-051f08e8]{align-items:center;background:#edf3f5;border-radius:4px;display:flex;height:44px;width:100%;}
.input-amount[data-v-051f08e8]{background:transparent;border:none;flex:auto;font-size:14px;height:100%;outline:none;padding:0 10px;width:0;}
.label-input[data-v-051f08e8]{color:#333;font-size:14px;font-weight:500;margin-right:10px;}
.tip-agree[data-v-051f08e8]{color:#ff4d4f;font-size:12px;height:16px;}
.agree-box[data-v-051f08e8],.tip-agree[data-v-051f08e8]{text-align:left;}
.agree-box[data-v-051f08e8] .el-checkbox__label{color:#606266;}
.btn-confirm[data-v-051f08e8]{border-radius:4px;height:40px;width:100%;}
[data-v-051f08e8] .btn-confirm.is-disabled{background:rgba(19,194,194,.5);color:#fff;}
.date-num[data-v-051f08e8]{align-items:center;display:flex;}
.num-wrap[data-v-051f08e8]{margin:8px 0 15px;}
.num-item[data-v-051f08e8]{align-items:center;border:1px solid #f2f2f2;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;margin-right:8px;padding:0 16px;}
.num-item.active[data-v-051f08e8]{border-color:#049FD3;color:#049FD3;}
.err-tip[data-v-051f08e8]{color:#ff4d4f;font-size:12px;height:16px;margin-bottom:3px;text-align:right;}
[data-v-051f08e8] .el-dialog__header{margin-bottom:32px;padding:32px 32px 0;}
[data-v-051f08e8] .el-dialog__body{padding:0 32px 32px;}
[data-v-051f08e8] .el-dialog__close:before{font-weight:700;}
@media (max-width:720px){
.dialog-detail[data-v-051f08e8] .el-dialog{width:90%;}
.dialog-detail[data-v-051f08e8] .el-dialog__header{margin-bottom:32px;padding:32px 32px 0;}
.dialog-detail[data-v-051f08e8] .el-dialog__body,.dialog-detail[data-v-051f08e8] .el-dialog__footer{padding:0 32px 32px;}
}


/*! CSS Used from: /assets/web-frontend/client/css/810a100.css */
[data-v-30566236] .unfollow-dialog{border-radius:8px;}
[data-v-30566236] .unfollow-dialog .el-dialog__header{padding-left:32px;padding-top:24px;}
/*! CSS Used from: /assets/web-frontend/client/css/81828c9.css */
[data-v-30566236] .unfollow-dialog{border-radius:8px;}
[data-v-30566236] .unfollow-dialog .el-dialog__header{padding-left:32px;padding-top:24px;}
/*! CSS Used from: /assets/web-frontend/client/css/e6bc4e4.css */
.bar-charts[data-v-91498fdc],.line-charts[data-v-395eb31e]{height:200px;width:754px;}
.pie-container[data-v-ea515c1a]{align-items:center;display:flex;}
.pie-container .pie-charts[data-v-ea515c1a]{height:160px;margin-right:50px;width:160px;}
.pie-container[data-v-ea515c1a] .el-table:before{display:none;}
.pie-container[data-v-ea515c1a] .el-table .el-table__cell{border-bottom:0;padding:6px 0;}
[data-v-30566236] .unfollow-dialog{border-radius:8px;}
[data-v-30566236] .unfollow-dialog .el-dialog__header{padding-left:32px;padding-top:24px;}
.qwhR3h .el-dialog{background:#fff;}
.qwhR3h .el-dialog__header{padding:40px 40px 0;}
.bar[data-v-363077dd]{border-radius:4px;display:flex;font-size:0;overflow:hidden;}
.bar .win[data-v-363077dd]{background-color:#52c41a;}
.bar .lose[data-v-363077dd],.bar .win[data-v-363077dd]{display:inline-block;height:8px;}
.bar .lose[data-v-363077dd]{background-color:#ff532f;}
.bar .split[data-v-363077dd]{background-color:#fff;display:inline-block;height:8px;position:relative;width:2px;}
.bar .split[data-v-363077dd]:before{border-bottom:8px solid #fff;left:-2px;}
.bar .split[data-v-363077dd]:after,.bar .split[data-v-363077dd]:before{border-left:2px solid transparent;border-right:2px solid transparent;content:" ";position:absolute;}
.bar .split[data-v-363077dd]:after{border-top:8px solid #fff;right:-2px;}
.LfY1i\+{max-width:720px;min-width:436px;}
.LfY1i\+ .el-icon-close:before{color:#1a1b1f;font-weight:500;}
.LfY1i\+ .el-button--primary.is-disabled{background-color:#049FD3;color:#fff;opacity:.4;}
.LfY1i\+ .el-dialog__title{color:#1a1b1f;font-size:20px;font-weight:600;}
.LfY1i\+ .el-dialog__header{padding:40px 40px 16px;}
.LfY1i\+ .el-dialog__footer{padding-bottom:40px;padding-left:40px;padding-right:40px;text-align:left;text-align:initial;}
.Vm7awF button{width:100%;}
[data-v-66ab66ac] .pair-dialog{border-radius:8px;}
[data-v-66ab66ac] .pair-dialog .el-dialog__header{padding-left:32px;padding-top:24px;}
.pair-dialog-footer[data-v-66ab66ac]{margin-top:24px;text-align:right;}
.-copy-detail-wrapper[data-v-420c7c85]{margin:0 auto;width:1280px;}
.-copy-detail-wrapper[data-v-420c7c85] .pair-dialog{border-radius:8px;padding-bottom:32px;}
.-copy-detail-wrapper[data-v-420c7c85] .pair-dialog .el-dialog__header{padding-left:32px;padding-top:32px;}
.-copy-detail-wrapper[data-v-420c7c85] .el-select:hover .el-input__inner{border-color:#eef4f6;}
.-copy-detail-wrapper[data-v-420c7c85] .r-tabs-header-wrapper{margin-bottom:0;padding-bottom:20px;position:relative;}
.-copy-detail-wrapper[data-v-420c7c85] .r-tabs-header-wrapper .r-tabs-nav-item{font-size:20px;}
.-copy-detail-wrapper[data-v-420c7c85] .r-tabs-header-wrapper .r-tabs-nav-item.actived{color:#1a1b1f;position:relative;}
.-copy-detail-wrapper[data-v-420c7c85] .r-tabs-header-wrapper .r-tabs-nav-item.actived:after{background:#1a1b1f;bottom:-20px;content:" ";display:block;height:4px;left:calc(50% - 20px);position:absolute;width:40px;}
.-copy-detail-wrapper[data-v-420c7c85] .r-tooltip-placeholder{color:inherit;}
.-copy-detail-wrapper .crumb[data-v-420c7c85]{margin-bottom:20px;margin-top:20px;padding:0 40px;}
.-copy-detail-wrapper .user-container[data-v-420c7c85]{align-items:center;display:flex;margin-bottom:48px;margin-top:20px;text-align:center;}
.-copy-detail-wrapper .user-container .avatar[data-v-420c7c85]{border:1px solid #eff4f6;border-radius:36px;flex-grow:0;flex-shrink:0;height:72px;margin-right:24px;-o-object-fit:cover;object-fit:cover;width:72px;}
.-copy-detail-wrapper .user-container .profit[data-v-420c7c85]{align-items:center;text-align:left;}
.-copy-detail-wrapper .user-container .name[data-v-420c7c85]{color:#1a1b1f;font-size:32px;font-weight:500;line-height:42px;margin-top:8px;}
.-copy-detail-wrapper .user-container .introduction[data-v-420c7c85]{color:#6a7c81;font-size:14px;line-break:auto;line-height:20px;margin:4px auto 0;overflow:hidden;width:100%;}
.-copy-detail-wrapper .user-container .datas[data-v-420c7c85]{display:flex;font-size:14px;margin-left:-12px;margin-top:16px;}
.-copy-detail-wrapper .user-container .datas .item[data-v-420c7c85]{padding:0 12px;position:relative;}
.-copy-detail-wrapper .user-container .datas .item[data-v-420c7c85]:not(:first-child):before{border-left:1px solid #e7edf0;content:"";height:10px;left:0;position:absolute;top:6px;}
.-copy-detail-wrapper .user-container .datas .data[data-v-420c7c85]{color:#1a1b1f;font-weight:500;}
.-copy-detail-wrapper .user-container .datas .label[data-v-420c7c85]{color:#6a7c81;}
.-copy-detail-wrapper .user-container .btns[data-v-420c7c85]{align-items:center;display:flex;margin-top:20px;}
.-copy-detail-wrapper .user-container .btns .r-button2[data-v-420c7c85]{margin:0 6px;}
.-copy-detail-wrapper .data-container[data-v-420c7c85]{display:flex;padding-top:24px;}
.-copy-detail-wrapper .data-container .right[data-v-420c7c85]{box-sizing:border-box;}
.-copy-detail-wrapper .data-container .right .chart-box[data-v-420c7c85]{border:1px solid #e7edf0;border-radius:8px;margin-bottom:24px;padding:20px 24px;}
.-copy-detail-wrapper .data-container .right .chart-box .top[data-v-420c7c85]{display:flex;justify-content:space-between;margin-bottom:32px;}
.-copy-detail-wrapper .data-container .right .chart-box .top .title[data-v-420c7c85]{color:#141f21;font-size:16px;font-weight:500;}
.-copy-detail-wrapper .data-container .left[data-v-420c7c85]{flex-grow:1;}
.-copy-detail-wrapper .data-container .left .data-box[data-v-420c7c85]{border:1px solid #e7edf0;border-radius:8px;margin-bottom:24px;padding:24px 24px 16px;}
.-copy-detail-wrapper .data-container .left .data-box .title[data-v-420c7c85]{color:#141f21;font-size:20px;font-weight:500;margin-bottom:20px;}
.-copy-detail-wrapper .data-container .left .data-box .ontop[data-v-420c7c85]{display:flex;justify-content:space-between;margin-bottom:8px;}
.-copy-detail-wrapper .data-container .left .data-box .ontop .data-item[data-v-420c7c85]{flex-direction:column;}
.-copy-detail-wrapper .data-container .left .data-box .ontop .data-item .label[data-v-420c7c85]{line-height:26px;margin-right:0;}
.-copy-detail-wrapper .data-container .left .data-box .ontop .data-item .data[data-v-420c7c85]{font-size:20px;text-align:left;}
.-copy-detail-wrapper .data-container .left .data-box .trades[data-v-420c7c85]{display:flex;justify-content:space-between;margin-bottom:0;}
.-copy-detail-wrapper .data-container .left .data-box .trades .data-item .label[data-v-420c7c85]{margin-right:4px;}
.-copy-detail-wrapper .data-container .left .data-box .trades .data-item .label[data-v-420c7c85]:after{content:": ";}
.-copy-detail-wrapper .data-container .left .data-box .trades .data-item .data[data-v-420c7c85]{text-align:left;}
.-copy-detail-wrapper .data-container .left .data-box .data-item[data-v-420c7c85]{display:flex;font-size:14px;justify-content:space-between;line-height:34px;}
.-copy-detail-wrapper .data-container .left .data-box .data-item.info[data-v-420c7c85]{line-height:inherit;margin-top:-4px;}
.-copy-detail-wrapper .data-container .left .data-box .data-item.info .label[data-v-420c7c85]{align-items:center;display:flex;}
.-copy-detail-wrapper .data-container .left .data-box .data-item.info .tip-icon[data-v-420c7c85]{height:14px;margin-right:4px;width:14px;}
.-copy-detail-wrapper .data-container .left .data-box .data-item .pair-wrapper[data-v-420c7c85]{color:#3e4648;font-size:14px;font-weight:400;line-height:12px;}
.-copy-detail-wrapper .data-container .left .data-box .data-item .pair-wrapper .pair[data-v-420c7c85]{border:1px solid #f2f2f2;border-radius:4px;display:inline-block;margin-bottom:6px;margin-right:8px;padding:4px 6px;}
.-copy-detail-wrapper .data-container .left .data-box .data-item .label[data-v-420c7c85]{color:#6a7c81!important;flex-shrink:1;margin-right:40px;}
.-copy-detail-wrapper .data-container .left .data-box .data-item .data[data-v-420c7c85]{color:#141f21;font-weight:500;text-align:right;}
.-copy-detail-wrapper .data-container .left .data-box .data-item .data.green[data-v-420c7c85]{color:#44bd22;}
.-copy-detail-wrapper .data-container .left .data-box .line[data-v-420c7c85]{border-top:1px dashed #e7edf0;margin:16px 0;}


/*! CSS Used from: /assets/web-frontend/client/css/0fb72a0.css */
.provider__list--item[data-v-c43137e2]{border:1px solid #e5ecf0;border-radius:4px;box-sizing:border-box;width:100%;}
.provider__list--item .provider__item--body[data-v-c43137e2]{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;height:72px;justify-content:space-between;padding:16px 24px;}
.provider__list--item .provider__item--body.provider__item_body--open .provider__item--right .r-icon[data-v-c43137e2]{transform:rotate(180deg);}
.provider__list--item .provider__item--body.provider__item_body--open .provider__item--accepts[data-v-c43137e2]{height:0!important;padding-top:0!important;}
.provider__list--item .provider__item--body .provider__item--left .provider__item--info[data-v-c43137e2]{align-items:center;display:flex;margin-top:3px;}
.provider__list--item .provider__item--body .provider__item--left .provider__item--info .provider__item--logo[data-v-c43137e2]{margin-right:9px;}
.provider__list--item .provider__item--body .provider__item--left .provider__item--info .provider__item--name[data-v-c43137e2]{color:#1a1b1f;font-size:18px;font-weight:500;line-height:1;margin-right:9px;}
.provider__list--item .provider__item--body .provider__item--left .provider__item--info .provider__item--channellabel[data-v-c43137e2]{align-items:center;display:flex;gap:5px;}
.provider__list--item .provider__item--body .provider__item--left .provider__item--info .provider__item--channellabel span[data-v-c43137e2]{-webkit-line-clamp:1;-webkit-box-orient:vertical;align-items:center;background-color:rgba(19,194,194,.102);border-bottom-right-radius:8px;border-top-left-radius:8px;box-sizing:border-box;color:#049FD3;display:inline-flex;display:-webkit-box!important;font-size:10px;height:14px;overflow:hidden;padding:1px 3px;text-overflow:ellipsis;}
.provider__list--item .provider__item--body .provider__item--left .provider__item--accepts[data-v-c43137e2]{align-items:center;box-sizing:border-box;display:flex;overflow:hidden;padding-left:29px;padding-top:10px;transition:all .2s ease 0s;}
.provider__list--item .provider__item--body .provider__item--left .provider__item--accepts .item__accepts--payments[data-v-c43137e2]{align-items:center;-moz-column-gap:15px;column-gap:15px;display:flex;flex-wrap:wrap;}
.provider__list--item .provider__item--body .provider__item--right[data-v-c43137e2]{align-items:center;display:flex;}
.provider__list--item .provider__item--body .provider__item--right .r-icon[data-v-c43137e2]{transform:rotate(0);transition:all .3s ease 0s;}
.provider__list--item .provider__item--payments[data-v-c43137e2]{max-height:0;overflow:hidden;padding:0 10px;transition:all .3s ease 0s;}
.provider__list--item .provider__item--payments .provider__item_payments--wrapper[data-v-c43137e2]{grid-gap:12px 28px;align-items:center;border-top:1px solid rgba(229,236,240,.3);display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;padding:12px 0;place-items:center;}
@media (max-width:550px){
.provider__item_payments--wrapper[data-v-c43137e2]{grid-template-columns:repeat(3,1fr)!important;}
}
.page-buysell-platform[data-v-7c9b5a48]{box-sizing:border-box;width:100%;}
.page-buysell-platform .page-buysell-width-wrapper[data-v-7c9b5a48]{margin:0 auto;max-width:1200px;position:relative;width:100%;}
.page-buysell-platform .buysell-platform-tool[data-v-7c9b5a48]{box-sizing:border-box;height:60px;padding:0 20px;width:100%;}
.page-buysell-platform .buysell-platform-tool>.page-buysell-width-wrapper[data-v-7c9b5a48]{align-items:center;display:flex;height:60px;}
.page-buysell-platform .buysell-platform-tool .buysell-platform-tool--back[data-v-7c9b5a48]{cursor:pointer;}
.page-buysell-platform .buysell-platform-baseinfo .buysell-platform-baseinfo--main[data-v-7c9b5a48]{align-items:center;display:flex;justify-content:center;}
.page-buysell-platform .buysell-platform-baseinfo .buysell-platform-baseinfo--main .span-skelecton[data-v-7c9b5a48]{align-items:center;background:#f7f9fa;color:#2b2e36;display:inline-flex;font-size:28px;font-style:normal;font-weight:600;height:40px;justify-content:center;min-width:286px;}
.page-buysell-platform .buysell-platform-baseinfo .buysell-platform-baseinfo--main .span-skelecton .span-skelecton-content .buysell-platform-baseinfo--coinimg[data-v-7c9b5a48]{border-radius:100px;height:24px;margin-left:6px;width:24px;}
.page-buysell-platform .buysell-platform-baseinfo .buysell-platform-baseinfo--sub[data-v-7c9b5a48]{align-items:center;display:flex;justify-content:center;}
.page-buysell-platform .buysell-platform-baseinfo .buysell-platform-baseinfo--sub .span-skelecton[data-v-7c9b5a48]{align-items:center;background:#f7f9fa;color:#6a7c81;display:inline-flex;font-size:14px;font-style:normal;font-weight:500;height:20px;justify-content:center;margin-top:8px;min-width:200px;text-align:center;}
.page-buysell-platform .buysell-platform-baseinfo.skelecton-loaded .span-skelecton[data-v-7c9b5a48]{background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;}
.page-buysell-platform .buysell-platform-list[data-v-7c9b5a48]{box-sizing:border-box;margin:40px auto 0;max-width:486px;width:100%;}
.page-buysell-platform .buysell-platform-list .buysell-platform-list--title[data-v-7c9b5a48]{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:6px;}
.page-buysell-platform .buysell-platform-list .buysell-platform-list--title .platform-list__title--left[data-v-7c9b5a48]{color:#141f21;font-size:14px;font-weight:500;line-height:26px;max-width:210px;}
.page-buysell-platform .buysell-platform-list .buysell-platform-list--title .platform-list__title--right[data-v-7c9b5a48]{align-items:flex-end;color:#6a7c81;display:flex;font-size:12px;font-weight:500;line-height:16px;}
.page-buysell-platform .buysell-platform-list .buysell-platform-list--title .platform-list__title--right .platform-list__title--refreshBtn[data-v-7c9b5a48]{color:#049FD3;cursor:pointer;font-size:12px;font-weight:500;line-height:12px;margin-left:8px;}
.page-buysell-platform .buysell-platform-list .buysell-platform-list--title .platform-list__title--right .platform-list__title--refreshBtn.platform-list__title--refreshing[data-v-7c9b5a48]{cursor:not-allowed;opacity:.5;}
.page-buysell-platform .buysell-platform-list .buysell-platform-providers .buysell-platform-provider-item[data-v-7c9b5a48]{border-radius:2px;margin-bottom:10px;min-height:72px;width:100%;}
.page-buysell-platform .buysell-platform-submit[data-v-7c9b5a48]{box-sizing:border-box;margin:40px auto 0;max-width:486px;width:100%;}
.page-buysell-platform .buysell-platform-submit .buysell-main-btn[data-v-7c9b5a48]{width:100%;z-index:0;}
.page-buysell-platform .buysell-platform-submit .buysell-main-btn[data-v-7c9b5a48] .el-loading-mask{background-color:hsla(0,0%,100%,0);}
.page-buysell-platform .buysell-platform-submit .buysell-main-btn[data-v-7c9b5a48] .el-loading-mask .el-loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;}
.page-buysell-platform .buysell-platform-submit .buysell-main-btn[data-v-7c9b5a48] .el-loading-mask .el-loading-spinner .circular{height:20px;width:20px;}
.page-buysell-platform .buysell-platform-submit .buysell-main-btn[data-v-7c9b5a48] .el-loading-mask .el-loading-spinner .path{stroke:#fff;}
.buy-sell__order-processed[data-v-7c9b5a48] .el-dialog{border-radius:10px;max-width:90%;}
@media (max-width:526px){
.buysell-platform-list[data-v-7c9b5a48],.buysell-platform-submit[data-v-7c9b5a48]{padding:0 20px;}
.buysell-platform-baseinfo--main[data-v-7c9b5a48]{padding:0 20px;width:100%;}
}
.buy-sell__kycShareDialog[data-v-7c9b5a48] .el-dialog{border-radius:4px;max-width:90%;width:588px;}
.buy-sell__kycShareDialog[data-v-7c9b5a48] .el-dialog__header{margin-bottom:0;}
.buy-sell__kycShareDialog .kycShareDialog_dialog_footer[data-v-7c9b5a48]{align-items:center;display:flex;flex-direction:column;}
.buy-sell__kycShareDialog .kycShareDialog_dialog_footer .kycShareDialog_dialog_footer_button[data-v-7c9b5a48]{margin-top:16px;width:100%;}
.buy-sell__kycShareDialog .kycShareDialog_dialog_footer .kycShareDialog_dialog_footer_button[data-v-7c9b5a48]:first-child{margin-top:0;}
.buy-sell__kycShareDialog .kycShareDialog_dialog_footer .kycShareDialog_dialog_footer_button button[data-v-7c9b5a48]{font-size:14px;height:auto;min-height:46px;white-space:break-spaces;}
.buy-sell__kycShareDialog[data-v-7c9b5a48] .el-dialog__footer{padding:0 32px 44px;}


    /*! CSS Used from: /assets/web-frontend-next/public/_next/entry.DL8x_9GI.css */
    *,: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-scroll-snap-strictness: proximity;
        --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;
    }

    .bm-row {
        --bm-gutter-x: 1.5rem;
        --bm-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-left: calc(var(--bm-gutter-x)*-.5);
        margin-right: calc(var(--bm-gutter-x)*-.5);
        margin-top: calc(var(--bm-gutter-y)*-1);
    }

    .bm-col {
        flex: 1 0 0%;
    }

    .bm-text-black {
        color: #1a1b1f;
    }

    @media (min-width: 1280px) {
        .bm2xl\:max-w-\[1280px\] {
            max-width:1280px;
        }
    }

    ::placeholder,button {
        font-family: IBM,IBM Plex Sans,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"Microsoft Yahei",Arial,sans-serif;
    }

    input {
        font-family: IBM,IBM Plex Sans,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
        outline: none;
    }

    ul {
        margin: 0;
        padding: 0;
    }

    li,ul {
        list-style: none;
    }

    a {
        color: inherit;
        text-decoration: none;
    }

    ::-webkit-scrollbar {
        height: 4px!important;
        width: 4px!important;
    }

    ::-webkit-scrollbar,::-webkit-scrollbar-track {
        background-color: #f5f9fb!important;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #e6e8ec!important;
        border-radius: 1px!important;
        height: auto!important;
        min-height: 40px!important;
        width: 4px!important;
    }

    * {
        scrollbar-color: rgba(0,0,0,.3);
        scrollbar-width: thin;
    }

    .ibm-font {
        font-family: IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif!important;
        font-weight: 400;
    }

    .ibm-font::placeholder {
        font-family: IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif!important;
        font-weight: 400;
    }

    .ibm-font input {
        font-family: IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif!important;
        font-weight: 400;
    }

    .ibm-font input::placeholder {
        font-family: IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif!important;
        font-weight: 400;
    }

    .bm-container-fluid,.bm2xl\:bm-container {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        padding-left: var(--bm-gutter-x,5%);
        padding-right: var(--bm-gutter-x,5%);
        width: 100%;
    }

    @media (min-width: 1280px) {
        .bm2xl\:bm-container {
            max-width:1280px;
            padding-left: var(--bm-gutter-x,40px);
            padding-right: var(--bm-gutter-x,40px);
        }
    }

    @media (min-width: 1440px) {
        .bm2xl\:bm-container {
            max-width:1440px;
        }
    }

    @media (min-width: 1680px) {
        .bm2xl\:bm-container {
            max-width:1680px;
        }
    }

    @media (min-width: 1920px) {
        .bm2xl\:bm-container {
            max-width:1920px;
        }
    }

    .bm2xl\:max-w-\[1280px\] {
        max-width: 1280px;
    }

    .el-icon {
        --color: inherit;
        align-items: center;
        display: inline-flex;
        height: 1em;
        justify-content: center;
        line-height: 1em;
        position: relative;
        width: 1em;
        fill: currentColor;
        color: var(--color);
        font-size: inherit;
    }

    .el-icon svg {
        height: 1em;
        width: 1em;
    }

    .el-badge {
        --el-badge-bg-color: var(--el-color-danger);
        --el-badge-radius: 10px;
        --el-badge-font-size: 12px;
        --el-badge-padding: 6px;
        --el-badge-size: 18px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: -moz-fit-content;
        width: fit-content;
    }

    .el-badge__content {
        align-items: center;
        background-color: var(--el-badge-bg-color);
        border: 1px solid var(--el-bg-color);
        border-radius: var(--el-badge-radius);
        color: var(--el-color-white);
        display: inline-flex;
        font-size: var(--el-badge-font-size);
        height: var(--el-badge-size);
        justify-content: center;
        padding: 0 var(--el-badge-padding);
        white-space: nowrap;
    }

    .el-badge__content.is-fixed {
        position: absolute;
        right: calc(1px + var(--el-badge-size)/2);
        top: 0;
        transform: translateY(-50%) translate(100%);
        z-index: var(--el-index-normal);
    }

    .el-badge__content--danger {
        background-color: var(--el-color-danger);
    }

    .el-button {
        --el-button-font-weight: var(--el-font-weight-primary);
        --el-button-border-color: var(--el-border-color);
        --el-button-bg-color: var(--el-fill-color-blank);
        --el-button-text-color: var(--el-text-color-regular);
        --el-button-disabled-text-color: var(--el-disabled-text-color);
        --el-button-disabled-bg-color: var(--el-fill-color-blank);
        --el-button-disabled-border-color: var(--el-border-color-light);
        --el-button-divide-border-color: hsla(0,0%,100%,.5);
        --el-button-hover-text-color: var(--el-color-primary);
        --el-button-hover-bg-color: transparent;
        --el-button-hover-border-color: var(--el-color-primary-light-7);
        --el-button-active-text-color: var(--el-button-hover-text-color);
        --el-button-active-border-color: var(--el-color-primary);
        --el-button-active-bg-color: var(--el-button-hover-bg-color);
        --el-button-outline-color: var(--el-color-primary-light-5);
        --el-button-hover-link-text-color: var(--el-color-primary);
        --el-button-active-color: var(--el-text-color-primary);
        align-items: center;
        -webkit-appearance: none;
        background-color: var(--el-button-bg-color);
        border: var(--el-border);
        border-color: var(--el-button-border-color);
        border-radius: var(--el-border-radius-base);
        box-sizing: border-box;
        color: var(--el-button-text-color);
        cursor: pointer;
        display: inline-flex;
        font-size: var(--el-font-size-base);
        font-weight: var(--el-button-font-weight);
        height: 34px;
        justify-content: center;
        line-height: 1;
        outline: none;
        padding: 8px 15px;
        text-align: center;
        transition: .1s;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
    }

    .el-button:focus,.el-button:hover {
        background-color: var(--el-button-hover-bg-color);
        border-color: var(--el-button-hover-border-color);
        color: var(--el-button-hover-text-color);
        outline: none;
    }

    .el-button:active {
        background-color: var(--el-button-active-bg-color);
        border-color: var(--el-button-active-border-color);
        color: var(--el-button-active-text-color);
        outline: none;
    }

    .el-button>span {
        align-items: center;
        display: inline-flex;
    }

    .el-button--primary {
        --el-button-text-color: var(--el-color-white);
        --el-button-bg-color: var(--el-color-primary);
        --el-button-border-color: var(--el-color-primary);
        --el-button-outline-color: var(--el-color-primary-light-5);
        --el-button-active-color: var(--el-color-primary-dark-2);
        --el-button-hover-text-color: var(--el-color-white);
        --el-button-hover-link-text-color: var(--el-color-primary-light-5);
        --el-button-hover-bg-color: var(--el-color-primary-light-3);
        --el-button-hover-border-color: var(--el-color-primary-light-3);
        --el-button-active-bg-color: var(--el-color-primary-dark-2);
        --el-button-active-border-color: var(--el-color-primary-dark-2);
        --el-button-disabled-text-color: var(--el-color-white);
        --el-button-disabled-bg-color: var(--el-color-primary-light-5);
        --el-button-disabled-border-color: var(--el-color-primary-light-5);
    }

    .el-overlay-dialog {
        inset: 0;
        overflow: auto;
        position: fixed;
    }

    .el-input {
        --el-input-text-color: var(--el-text-color-primary);
        --el-input-border: var(--el-border);
        --el-input-hover-border: var(--el-border-color-hover);
        --el-input-focus-border: var(--el-color-primary);
        --el-input-transparent-border: 0 0 0 1px transparent inset;
        --el-input-border-color: #eff4f6;
        --el-input-border-radius: var(--el-border-radius-base);
        --el-input-bg-color: #eff4f6;
        --el-input-icon-color: var(--el-text-color-placeholder);
        --el-input-placeholder-color: var(--el-text-color-placeholder);
        --el-input-hover-border-color: var(--el-border-color-hover);
        --el-input-clear-hover-color: var(--el-text-color-secondary);
        --el-input-focus-border-color: var(--el-color-primary);
        --el-input-width: 100%;
        --el-input-height: var(--el-component-size);
        box-sizing: border-box;
        display: inline-flex;
        font-size: var(--el-font-size-base);
        line-height: var(--el-input-height);
        position: relative;
        vertical-align: middle;
        width: var(--el-input-width);
    }

    .el-input::-webkit-scrollbar {
        width: 6px;
        z-index: 11;
    }

    .el-input::-webkit-scrollbar-thumb {
        background: var(--el-text-color-disabled);
        border-radius: 5px;
        width: 6px;
    }

    .el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track {
        background: var(--el-fill-color-blank);
    }

    .el-input::-webkit-scrollbar-track-piece {
        background: var(--el-fill-color-blank);
        width: 6px;
    }

    .el-input__wrapper {
        align-items: center;
        background-color: var(--el-input-bg-color,#eff4f6);
        background-image: none;
        border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
        box-shadow: 0 0 0 1px var(--el-input-border-color,#eff4f6) inset;
        cursor: text;
        display: inline-flex;
        flex-grow: 1;
        justify-content: center;
        padding: 1px 11px;
        transform: translateZ(0);
        transition: var(--el-transition-box-shadow);
    }

    .el-input__wrapper:hover {
        box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
    }

    .el-input__inner {
        --el-input-inner-height: calc(var(--el-input-height, 34px) - 2px);
        -webkit-appearance: none;
        background: none;
        border: none;
        box-sizing: border-box;
        color: var(--el-input-text-color,var(--el-text-color-primary));
        flex-grow: 1;
        font-size: inherit;
        height: var(--el-input-inner-height);
        line-height: var(--el-input-inner-height);
        outline: none;
        padding: 0;
        width: 100%;
    }

    .el-input__inner:focus {
        outline: none;
    }

    .el-input__inner::placeholder {
        color: var(--el-input-placeholder-color,var(--el-text-color-placeholder));
    }

    .el-input__suffix {
        color: var(--el-input-icon-color,var(--el-text-color-placeholder));
        display: inline-flex;
        flex-shrink: 0;
        flex-wrap: nowrap;
        height: 100%;
        pointer-events: none;
        text-align: center;
        transition: all var(--el-transition-duration);
        white-space: nowrap;
    }

    .el-input__suffix-inner {
        align-items: center;
        display: inline-flex;
        justify-content: center;
        pointer-events: all;
    }

    .el-input__suffix-inner>:first-child {
        margin-left: 8px;
    }

    .el-input-group {
        align-items: stretch;
        display: inline-flex;
        width: 100%;
    }

    .el-input-group__append {
        align-items: center;
        background-color: var(--el-fill-color-light);
        border-radius: var(--el-input-border-radius);
        color: var(--el-color-info);
        display: inline-flex;
        justify-content: center;
        min-height: 100%;
        padding: 0 20px;
        position: relative;
        white-space: nowrap;
    }

    .el-input-group__append:focus {
        outline: none;
    }

    .el-input-group__append {
        border-left: 0;
        box-shadow: 0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset;
    }

    .el-input-group__append {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .el-input-group--append>.el-input__wrapper {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .el-overlay {
        background-color: var(--el-overlay-color-lighter);
        height: 100%;
        inset: 0;
        overflow: auto;
        position: fixed;
        z-index: 2000;
    }

    .el-pagination {
        --el-pagination-font-size: 14px;
        --el-pagination-bg-color: var(--el-fill-color-blank);
        --el-pagination-text-color: getCssVar("text-color-primary");
        --el-pagination-border-radius: 2px;
        --el-pagination-button-color: var(--el-text-color-primary);
        --el-pagination-button-width: 26px;
        --el-pagination-button-height: 26px;
        --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
        --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
        --el-pagination-button-bg-color: var(--el-fill-color);
        --el-pagination-hover-color: var(--el-color-primary);
        --el-pagination-font-size-small: 12px;
        --el-pagination-button-width-small: 24px;
        --el-pagination-button-height-small: 24px;
        --el-pagination-item-gap: 16px;
        --el-pagination-border-color: #e9f0f3;
        align-items: center;
        color: var(--el-pagination-text-color);
        display: flex;
        font-size: var(--el-pagination-font-size);
        font-weight: 400;
        white-space: nowrap;
    }

    .el-pagination button {
        align-items: center;
        background: var(--el-pagination-bg-color);
        border: none;
        border-radius: var(--el-pagination-border-radius);
        box-sizing: border-box;
        color: var(--el-pagination-button-color);
        cursor: pointer;
        display: flex;
        font-size: var(--el-pagination-font-size);
        height: var(--el-pagination-button-height);
        justify-content: center;
        line-height: var(--el-pagination-button-height);
        min-width: var(--el-pagination-button-width);
        padding: 0 4px;
        text-align: center;
    }

    .el-pagination button * {
        pointer-events: none;
    }

    .el-pagination button:focus {
        outline: none;
    }

    .el-pagination button:hover {
        color: var(--el-pagination-hover-color);
    }

    .el-pagination button:disabled {
        background-color: var(--el-pagination-button-disabled-bg-color);
        color: var(--el-pagination-button-disabled-color);
        cursor: not-allowed;
    }

    .el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon {
        display: block;
        font-size: 12px;
        font-weight: 700;
        width: inherit;
    }

    .el-pagination>.is-first {
        margin-left: 0!important;
    }

    .el-pagination>.is-last {
        margin-right: 0!important;
    }

    .el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li {
        background-color: var(--el-pagination-button-bg-color);
        margin: 0 4px;
    }

    .el-pagination.is-background .el-pager li.is-active {
        background-color: var(--el-color-primary);
        color: var(--el-color-white);
    }

    .el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li:disabled {
        background-color: var(--el-disabled-bg-color);
        color: var(--el-text-color-placeholder);
    }

    .el-pagination.is-background .el-pager li:disabled.is-active {
        background-color: var(--el-fill-color-dark);
        color: var(--el-text-color-secondary);
    }

    .el-pagination.is-background .btn-prev {
        margin-left: var(--el-pagination-item-gap);
    }

    .el-pager {
        font-size: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    .el-pager,.el-pager li {
        align-items: center;
        display: flex;
    }

    .el-pager li {
        background: var(--el-pagination-bg-color);
        border: none;
        border-radius: var(--el-pagination-border-radius);
        box-sizing: border-box;
        color: var(--el-pagination-button-color);
        cursor: pointer;
        font-size: var(--el-pagination-font-size);
        height: var(--el-pagination-button-height);
        justify-content: center;
        line-height: var(--el-pagination-button-height);
        min-width: var(--el-pagination-button-width);
        padding: 0 4px;
        text-align: center;
    }

    .el-pager li:focus {
        outline: none;
    }

    .el-pager li.is-active,.el-pager li:hover {
        color: var(--el-pagination-hover-color);
    }

    .el-pager li.is-active {
        cursor: default;
        font-weight: 700;
    }

    .el-pager li:disabled {
        background-color: var(--el-pagination-button-disabled-bg-color);
        color: var(--el-pagination-button-disabled-color);
        cursor: not-allowed;
    }

    .el-scrollbar {
        --el-scrollbar-opacity: .3;
        --el-scrollbar-bg-color: var(--el-text-color-secondary);
        --el-scrollbar-hover-opacity: .5;
        --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .el-scrollbar__wrap {
        height: 100%;
        overflow: auto;
    }

    .el-scrollbar__wrap--hidden-default {
        scrollbar-width: none;
    }

    .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
        display: none;
    }

    .el-scrollbar__thumb {
        background-color: var(--el-scrollbar-bg-color,var(--el-text-color-secondary));
        border-radius: inherit;
        cursor: pointer;
        display: block;
        height: 0;
        opacity: var(--el-scrollbar-opacity,.3);
        position: relative;
        transition: var(--el-transition-duration) background-color;
        width: 0;
    }

    .el-scrollbar__thumb:hover {
        background-color: var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));
        opacity: var(--el-scrollbar-hover-opacity,.5);
    }

    .el-scrollbar__bar {
        border-radius: 4px;
        bottom: 2px;
        position: absolute;
        right: 2px;
        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-select {
        --el-select-border-color-hover: var(--el-border-color-hover);
        --el-select-disabled-border: var(--el-disabled-border-color);
        --el-select-font-size: var(--el-font-size-base);
        --el-select-close-hover-color: var(--el-text-color-secondary);
        --el-select-input-color: var(--el-text-color-placeholder);
        --el-select-multiple-input-color: var(--el-text-color-regular);
        --el-select-input-focus-border-color: var(--el-color-primary);
        --el-select-input-font-size: 14px;
        --el-select-bg-color: #eff4f6;
        --el-select-border-color: #eff4f6;
        --el-select-text-color: var(--el-text-color-primary);
        --el-select-focus-border-color: var(--el-color-primary);
        display: inline-block;
        line-height: 34px;
        position: relative;
        vertical-align: middle;
    }

    .el-select:hover:not(.el-select--disabled) .el-input__wrapper {
        box-shadow: 0 0 0 1px var(--el-select-border-color-hover) inset;
    }

    .el-select .el-input__wrapper {
        cursor: pointer;
    }

    .el-select .el-input__inner {
        cursor: pointer;
    }

    .el-select .el-input {
        display: flex;
    }

    .el-select .el-input .el-select__caret {
        color: var(--el-select-input-color);
        cursor: pointer;
        font-size: var(--el-select-input-font-size);
        transform: rotate(0);
        transition: transform var(--el-transition-duration);
    }

    .el-select .el-input .el-select__caret.el-icon {
        height: inherit;
        position: relative;
        z-index: 2;
    }

    .el-select__tags {
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-wrap: wrap;
        line-height: normal;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        white-space: normal;
        z-index: var(--el-index-normal);
    }

    .el-table {
        --el-table-border-color: var(--el-border-color-lighter);
        --el-table-border: 1px solid var(--el-table-border-color);
        --el-table-text-color: var(--el-text-color-regular);
        --el-table-header-text-color: var(--el-text-color-secondary);
        --el-table-row-hover-bg-color: var(--el-fill-color-light);
        --el-table-current-row-bg-color: var(--el-color-primary-light-9);
        --el-table-header-bg-color: var(--el-bg-color);
        --el-table-fixed-box-shadow: var(--el-box-shadow-light);
        --el-table-bg-color: var(--el-fill-color-blank);
        --el-table-tr-bg-color: var(--el-fill-color-blank);
        --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
        --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0,0,0,.15);
        --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0,0,0,.15);
        background-color: var(--el-table-bg-color);
        box-sizing: border-box;
        color: var(--el-table-text-color);
        font-size: 14px;
        height: -moz-fit-content;
        height: fit-content;
        max-width: 100%;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .el-table__inner-wrapper {
        display: flex;
        flex-direction: column;
        height: 100%;
        position: relative;
    }

    .el-table__inner-wrapper:before {
        bottom: 0;
        height: 1px;
        left: 0;
        width: 100%;
    }

    .el-table--fit {
        border-bottom: 0;
        border-right: 0;
    }

    .el-table thead {
        color: var(--el-table-header-text-color);
    }

    .el-table thead th {
        font-weight: 600;
    }

    .el-table .el-table__cell {
        box-sizing: border-box;
        min-width: 0;
        padding: 8px 0;
        position: relative;
        text-align: left;
        text-overflow: ellipsis;
        vertical-align: middle;
        z-index: 1;
    }

    .el-table .cell {
        box-sizing: border-box;
        line-height: 23px;
        overflow: hidden;
        padding: 0 12px;
        text-overflow: ellipsis;
        white-space: normal;
        word-break: break-all;
    }

    .el-table tr {
        background-color: var(--el-table-tr-bg-color);
    }

    .el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf {
        border-bottom: var(--el-table-border);
    }

    .el-table th.el-table__cell {
        background-color: var(--el-table-header-bg-color);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    .el-table td.el-table__cell div {
        box-sizing: border-box;
    }

    .el-table__inner-wrapper:before {
        background-color: var(--el-table-border-color);
        content: "";
        position: absolute;
        z-index: 3;
    }

    .el-table__body-wrapper,.el-table__header-wrapper {
        width: 100%;
    }

    .el-table__body-wrapper tr td.el-table-fixed-column--right,.el-table__header-wrapper tr th.el-table-fixed-column--right {
        background: var(--el-bg-color);
        position: sticky!important;
        z-index: 2;
    }

    .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before {
        bottom: -1px;
        box-shadow: none;
        content: "";
        overflow-x: hidden;
        overflow-y: hidden;
        pointer-events: none;
        position: absolute;
        top: 0;
        touch-action: none;
        width: 10px;
    }

    .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before {
        left: -10px;
    }

    .el-table__header-wrapper {
        flex-shrink: 0;
    }

    .el-table__header-wrapper tr th.el-table-fixed-column--right {
        background-color: var(--el-table-header-bg-color);
    }

    .el-table__body,.el-table__header {
        border-collapse: separate;
        table-layout: fixed;
    }

    .el-table__header-wrapper {
        overflow: hidden;
    }

    .el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before {
        box-shadow: var(--el-table-fixed-right-column);
    }

    .el-table__body-wrapper {
        flex: 1;
        overflow: hidden;
        position: relative;
    }

    .el-table__body-wrapper .el-scrollbar__bar {
        z-index: 2;
    }

    .el-table .hidden-columns {
        position: absolute;
        visibility: hidden;
        z-index: -1;
    }

    .el-table__column-resize-proxy {
        border-left: var(--el-table-border);
        bottom: 0;
        left: 200px;
        position: absolute;
        top: 0;
        width: 0;
        z-index: 10;
    }

    .el-table--enable-row-transition .el-table__body td.el-table__cell {
        transition: background-color .25s ease;
    }

    .el-table:not(.el-table--border) .el-table__cell {
        border-right: none;
    }

    .el-table:not(.el-table--border)>.el-table__inner-wrapper:after {
        content: none;
    }

    .el-tabs {
        --el-tabs-header-height: 40px;
    }

    .el-tabs__header {
        margin: 0 0 15px;
        padding: 0;
        position: relative;
    }

    .el-tabs__active-bar {
        background-color: var(--el-color-primary);
        bottom: 0;
        height: 2px;
        left: 0;
        list-style: none;
        position: absolute;
        transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
        z-index: 1;
    }

    .el-tabs__nav-wrap {
        margin-bottom: -1px;
        overflow: hidden;
        position: relative;
    }

    .el-tabs__nav-wrap:after {
        background-color: var(--el-border-color-light);
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: var(--el-index-normal);
    }

    .el-tabs__nav-scroll {
        overflow: hidden;
    }

    .el-tabs__nav {
        display: flex;
        float: left;
        position: relative;
        transition: transform var(--el-transition-duration);
        white-space: nowrap;
        z-index: calc(var(--el-index-normal) + 1);
    }

    .el-tabs__item {
        align-items: center;
        box-sizing: border-box;
        color: var(--el-text-color-primary);
        display: flex;
        font-size: var(--el-font-size-base);
        font-weight: 500;
        height: var(--el-tabs-header-height);
        justify-content: center;
        list-style: none;
        padding: 0 20px;
        position: relative;
    }

    .el-tabs__item:focus,.el-tabs__item:focus:active {
        outline: none;
    }

    .el-tabs__item.is-active,.el-tabs__item:hover {
        color: var(--el-color-primary);
    }

    .el-tabs__item:hover {
        cursor: pointer;
    }

    .el-tabs__content {
        overflow: hidden;
        position: relative;
    }

    .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
        padding-left: 0;
    }

    .el-tabs--top .el-tabs__item.is-top:last-child {
        padding-right: 0;
    }

    .el-pagination .btn-next,.el-pagination .btn-prev,.el-pagination .el-pager li {
        background-color: var(--el-pagination-bg-color);
        border: 1px solid var(--el-pagination-border-color);
        margin: 0 4px;
    }

    .el-pagination .el-pager li.is-active {
        background-color: var(--el-color-primary);
        color: var(--el-color-white);
        font-weight: 400;
    }

    .el-pagination .btn-next:disabled,.el-pagination .btn-prev:disabled,.el-pagination .el-pager li:disabled {
        background-color: var(--el-disabled-bg-color);
        color: var(--el-text-color-placeholder);
        font-weight: 400;
    }

    .el-pagination .el-pager li:disabled.is-active {
        background-color: var(--el-fill-color-dark);
        color: var(--el-text-color-secondary);
    }

    .el-pagination .btn-prev {
        margin-left: var(--el-pagination-item-gap);
    }

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

    .icon-actions_select_down:before {
        content: "";
    }

    .r-my-select {
        position: relative;
        width: 100%;
    }

    .r-my-select .r-my-select-bar {
        align-items: center;
        background: #eef3f5;
        border: 1px solid transparent;
        border-radius: 4px;
        box-sizing: border-box;
        display: flex;
        height: 44px;
        justify-content: space-between;
        padding: 12px 16px;
        transition: all .3s ease 0s;
        width: 100%;
    }

    .r-my-select .r-my-select-bar .r-my-select-bar__prefix {
        padding-right: 10px;
    }

    .r-my-select .r-my-select-bar .r-my-select-input {
        background: transparent;
        border: 0;
        flex: 1;
        flex-grow: 1;
        outline: none;
        width: inherit;
    }

    .r-my-select .r-my-select-bar .r-my-select-input::placeholder {
        color: #91a5b1;
    }

    .r-my-select .r-my-select-bar .r-my-select-bar__icon {
        display: inline-block;
        transform-origin: center;
        transition: all .3s ease 0s;
    }

    .r-my-select .r-my-select-list {
        background: #fff;
        box-shadow: 0 8px 12px #0000001a;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1;
    }

    .r-my-select .r-my-select-list .r-my-select-list__empty {
        align-items: center;
        color: #6a7c81;
        display: flex;
        font-size: 14px;
        height: 50px;
        justify-content: center;
        line-height: 18px;
    }

    .r-my-select .r-my-select-list .r-my-select-list__virtual {
        max-height: 266px;
        overflow: auto;
    }

    .el-scrollbar {
        height: 100%;
    }

    .r-virtual-list {
        overflow-x: hidden;
    }

    /*! CSS Used from: /assets/web-frontend-next/public/_next/IconSelect.B-BKO2FV.css */
    .r-my-select.p2p-icon-select .r-my-select-list {
        border-radius: 4px;
        box-shadow: 0 0 12px #0000001f;
        margin-top: 10px;
        max-width: -moz-fit-content;
        max-width: fit-content;
        min-width: 100%;
        padding-bottom: 6px;
        padding-top: 6px;
        position: absolute;
        width: auto;
        z-index: 9;
    }

    .p2p-icon-select {
        height: 34px;
    }

    .p2p-icon-select .p2p-select-option__isCurrent {
        color: var(--color-p2p-text-effect);
        font-weight: 500;
    }

    .p2p-icon-select .r-my-select-bar {
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
        height: 34px;
    }

    .p2p-icon-select .r-my-select-bar .r-my-select-bar__prefix {
        padding-right: 6px!important;
    }

    .p2p-icon-select .r-my-select-input {
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
    }

    .select-icon {
        border-radius: 10px;
        height: 20px;
        -o-object-fit: contain;
        object-fit: contain;
        width: 20px;
    }

    .select-fait-icon {
        background: #cf5749;
        color: #fff;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
    }

    .p2p-select-option {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: 40px;
        padding: 0 16px;
        white-space: nowrap;
    }

    .p2p-select-option:hover {
        background-color: #f5f9fb;
    }

    .p2p-select-option__fait_icon,.p2p-select-option__icon {
        height: 20px;
        margin-right: 8px;
        width: 20px;
    }

    .p2p-select-option__fait_icon {
        border-radius: 10px;
    }

    .p2p-select-option__label {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    /*! CSS Used from: /assets/web-frontend-next/public/_next/index.B5uQj2YR.css */
    .p2p-guide-wrapper[data-v-0725858f] {
        background-color: #f5f9fb;
        margin-bottom: -40px;
        margin-top: 64px;
        padding: 80px 0;
        width: 100%;
    }

    .p2p-guide-wrapper .title[data-v-0725858f] {
        font-size: 36px;
        font-weight: 600;
        margin-bottom: 55px;
    }

    .p2p-guide-wrapper .item-title[data-v-0725858f] {
        color: var(--color-p2p-text-primary);
        font-size: 16px;
        font-weight: 500;
        margin: 2px 0 11px;
    }

    .p2p-guide-wrapper .item-content[data-v-0725858f] {
        color: var(--color-p2p-text-primary-400);
        font-size: 12px;
    }

    .p2p-guide-row[data-v-0725858f] {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .p2p-guide__item[data-v-0725858f] {
        flex: 0 0 auto;
        width: 312px;
    }

    @media screen and (max-width: 768px) {
        .p2p-guide__item[data-v-0725858f] {
            flex:1 1 auto;
            margin-bottom: 38px;
            width: 100%;
        }
    }

    .p2p-guide-item__icon[data-v-0725858f] {
        height: 32px;
        width: 32px;
    }

    .p2p-multi-select[data-v-dc9d6212] .el-input__suffix-inner .el-icon {
        color: #1a1b1f;
        font-size: 11px;
        margin-left: 6px;
    }

    .p2p-table[data-v-ea13b359] {
        color: var(--color-p2p-text-primary);
    }

    .p2p-table .p2p-home-table-btn[data-v-ea13b359] {
        font-size: 12px;
        height: 32px;
    }

    .p2p-table .merchant-info-row[data-v-ea13b359],.p2p-table .merchant-title[data-v-ea13b359] {
        align-items: center;
        display: flex;
    }

    .p2p-table .merchant-title[data-v-ea13b359] {
        justify-content: flex-start;
    }

    .p2p-table .merchant-title .merchant-title__text[data-v-ea13b359] {
        font-size: 16px;
        font-weight: 500;
    }

    .p2p-table .merchant-title .merchant-title-img[data-v-ea13b359] {
        height: 12px;
        margin-left: 4px;
        width: 12px;
    }

    .p2p-table .merchant-info[data-v-ea13b359] {
        display: inline-block;
        font-size: 12px;
        line-height: 16px;
    }

    .p2p-table .merchant-info-desc[data-v-ea13b359] {
        color: #9cb3ba;
        margin-left: 2px;
    }

    .p2p-table .avatar[data-v-ea13b359] {
        background-color: #1a1b1f;
        border-radius: 16px;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        height: 28px;
        line-height: 28px;
        margin-right: 8px;
        text-align: center;
        width: 28px;
    }

    .p2p-table[data-v-ea13b359] .el-table__header {
        font-size: 12px;
    }

    .p2p-table[data-v-ea13b359] .el-table__header th .cell {
        color: #9cb3ba;
        font-weight: 400;
    }

    .p2p-table[data-v-ea13b359] .el-table__header .el-table__cell {
        border-bottom: none;
        border-top: var(--el-table-border);
        padding: 24px 0 0;
        z-index: 0;
    }

    .p2p-table[data-v-ea13b359] .el-table__body td.el-table__cell {
        padding: 28px 0;
        z-index: 0;
    }

    .p2p-table .pay-indicator[data-v-ea13b359] {
        display: inline-block;
        height: 8px;
        margin-right: 4px;
        width: 2px;
    }

    .p2p-table .pay-name[data-v-ea13b359] {
        display: inline-block;
    }

    .p2p-home-unit-price-text[data-v-ea13b359] {
        font-size: 16px;
        font-weight: 500;
        word-break: break-word;
    }

    .p2p-table.el-table .el-table__header {
        font-size: 12px;
    }

    .p2p-table.el-table .el-table__header .el-table__cell {
        border-bottom: none;
        border-top: var(--el-table-border);
        color: var(--color-input-placeholder-text);
        padding: 24px 0 0;
        z-index: 0;
    }

    .p2p-table.el-table .last-col {
        text-align: right;
    }

    .p2p-table.el-table .cell {
        text-overflow: clip;
    }

    .search-container[data-v-282bf812] {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 24px;
        padding-right: 12px;
    }

    .search-container[data-v-282bf812] .r-my-select-bar {
        cursor: pointer;
        height: 34px;
        padding: 6px 6px 6px 16px;
    }

    .search-container[data-v-282bf812] .el-input-group__append {
        color: var(--color-p2p-text-primary);
        padding: 0;
    }

    .search-container[data-v-282bf812] .el-input-group__append .r-my-select-bar {
        padding: 6px 4px 6px 16px;
    }

    .search-container .btn-last[data-v-282bf812] {
        font-size: 12px;
        margin-left: auto;
    }

    @media screen and (max-width: 768px) {
        .search-container .btn-last[data-v-282bf812] {
            width:100%;
        }
    }

    .p2p-pagination[data-v-282bf812] {
        display: flex;
        justify-content: flex-end;
        margin-top: 32px;
    }

    .numrule input[type=number] {
        -moz-appearance: textfield!important;
    }

    .p2p-container[data-v-747c0f35] {
        margin-top: 40px;
    }

    .p2p-panel-tabs[data-v-747c0f35] .el-tabs__header {
        margin-bottom: 40px;
    }

    .p2p-panel-tabs[data-v-747c0f35] .el-tabs__item {
        color: var(--color-input-placeholder-text);
        font-size: 24px;
        font-weight: 400;
        line-height: 24px;
        padding: 0 12px;
        transition: all .3s;
    }

    @media screen and (max-width: 768px) {
        .p2p-panel-tabs[data-v-747c0f35] .el-tabs__item {
            font-size:20px!important;
        }
    }

    .p2p-panel-tabs[data-v-747c0f35] .el-tabs__content {
        overflow: visible;
    }

    .p2p-panel-tabs[data-v-747c0f35] .el-tabs__item.is-active {
        color: var(--color-p2p-text-primary);
        font-size: 28px;
        font-weight: 500;
    }

    .p2p-panel-tabs[data-v-747c0f35] .el-tabs__active-bar {
        display: none;
    }

    /*! CSS Used from: /assets/web-frontend-next/public/_next/default.gyYCXld3.css */
    .main-container[data-v-11869b96] {
        box-sizing: border-box;
        min-height: calc(100vh - 134px);
        padding-top: 0;
    }

    .main-container:not(.isApp).light[data-v-11869b96] {
        padding-top: 80px;
    }

    .main-container.roadmap[data-v-11869b96] {
        min-height: calc(100vh - 456px);
    }

    /*! CSS Used from: /assets/web-frontend-next/public/_next/p2p-main.Bo0XY2hN.css */
    .p2p-header[data-v-db6baca2] {
        background-color: var(--color-p2p-navigator-bg-primary);
        border-bottom: 1px solid var(--color-p2p-line-primary);
        display: flex;
        justify-content: center;
        position: fixed;
        width: 100vw;
        z-index: 99;
    }

    .p2p-header-wrapper[data-v-db6baca2] {
        box-sizing: border-box;
        display: flex;
        height: 58px;
        justify-content: space-between;
        max-width: 1200px;
        padding: 0 40px;
        width: 100%;
    }

    @media screen and (max-width: 768px) {
        .p2p-header-wrapper[data-v-db6baca2] {
            padding:0 24px;
        }
    }

    .p2p-header-left[data-v-db6baca2] {
        gap: 24px;
    }

    .p2p-header-left[data-v-db6baca2],.p2p-header-right[data-v-db6baca2] {
        align-items: center;
        display: flex;
    }

    .p2p-header-item[data-v-db6baca2] {
        color: var(--color-p2p-nav-active-primary);
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
        line-height: 58px;
        position: relative;
        white-space: nowrap;
    }

    .p2p-header-item>a[data-v-db6baca2]:hover {
        color: var(--color-p2p-text-effect);
    }

    .p2p-header-right-pc[data-v-db6baca2] {
        display: flex;
        gap: 24px;
    }

    .p2p-header-right-mobile[data-v-db6baca2] {
        display: none;
    }

    .p2p-header-right-mobile .p2p-header-item-popper-button[data-v-db6baca2] {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        height: 24px;
        justify-content: space-between;
        padding: 4.5px;
        width: 24px;
    }

    .p2p-header-right-mobile .p2p-header-item-popper-button span[data-v-db6baca2] {
        background-color: var(--color-p2p-nav-more-point);
        height: 3px;
        width: 3px;
    }

    @media screen and (max-width: 768px) {
        .p2p-header-right-pc[data-v-db6baca2] {
            display:none;
        }

        .p2p-header-right-mobile[data-v-db6baca2] {
            display: block;
        }
    }

    [data-v-f64cee4a],[data-v-f64cee4a]:after,[data-v-f64cee4a]: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-scroll-snap-strictness: proximity;
        --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;
    }

    [data-v-f64cee4a] .p2p-container {
        color: var(--color-p2p-text-primary);
    }

    .p2p-page {
        color: var(--color-p2p-text-primary);
    }

    .p2p-pager.el-pagination.is-background .btn-next,.p2p-pager.el-pagination.is-background .btn-prev,.p2p-pager.el-pagination.is-background .el-pager li {
        background-color: transparent;
    }

    .p2p-pager.el-pagination.is-background .el-pager li.is-active {
        background-color: var(--color-p2p-main-primary);
    }

    /*! CSS Used from: /assets/web-frontend/client/css/2fcff08.css */
    .comp-num-input[disabled=disabled][data-v-ce6a0c50] {
        cursor: not-allowed;
    }

    .coinSelect__titBox[data-v-c3578dc8] {
        box-sizing: border-box;
        display: grid;
        grid-auto-rows: 36px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 36px;
        padding: 10px 16px;
    }

    .search__box[data-v-c3578dc8] {
        background: #f2f2f2;
        border-radius: 50px;
        display: flex;
        grid-column-start: span 2;
        overflow: hidden;
    }

    .search__icon[data-v-c3578dc8] {
        color: #9cb3ba;
        justify-content: center;
        width: 40px;
    }

    .search__icon[data-v-c3578dc8],.search__input[data-v-c3578dc8] {
        align-items: center;
        background: #eef3f5;
        display: flex;
    }

    .search__input[data-v-c3578dc8] {
        border: none;
        flex-grow: 1;
        font-size: 14px;
        outline: none;
        padding-right: 1em;
    }

    [data-v-c3578dc8] .list__coin {
        margin-bottom: 0!important;
        margin-right: 0!important;
        max-height: 344px;
        overflow: auto;
    }

    [data-v-c3578dc8] .list__coin::-webkit-scrollbar {
        background-color: #fafafa!important;
        height: 4px!important;
    }

    [data-v-c3578dc8] .list__coin::-webkit-scrollbar-thumb {
        background-color: #e6e8ec!important;
        border-radius: 10px!important;
        height: 4px!important;
    }

    [data-v-c3578dc8] .list__coin::-webkit-scrollbar-track {
        background-color: #fafafa!important;
    }

    .r-search-select[data-v-c3578dc8] {
        background: #fff;
    }

    .component-margin-transfer-dialog[data-v-14793048] .el-dialog {
        border-radius: 8px;
        max-width: 720px;
        width: 90%;
    }

    .component-margin-transfer-dialog[data-v-14793048] .el-dialog__header {
        padding: 40px 40px 16px;
    }

    .component-margin-transfer-dialog[data-v-14793048] .el-dialog__footer {
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
        text-align: left;
        text-align: initial;
    }

    .component-margin-transfer-dialog[data-v-14793048] .el-button {
        border-radius: 4px;
        height: 44px;
        min-width: 180px;
    }

    .component-margin-transfer-dialog .dialog-footer[data-v-14793048] {
        display: flex;
        justify-content: flex-end;
    }

    .component-margin-transfer-dialog .confirm-btn[data-v-14793048] {
        flex: 1;
    }

    .page-buysell[data-v-0afe7c10] {
        box-sizing: border-box;
        width: 100%;
    }

    .page-buysell .page-buysell-width-wrapper[data-v-0afe7c10] {
        box-sizing: border-box;
        margin: 0 auto;
        max-width: 1200px;
        position: relative;
        width: 100%;
    }

    .page-buysell .buysell-kv[data-v-0afe7c10] {
        background: #1a1b1f;
        color: #fff;
        height: 200px;
        overflow: hidden;
        width: 100%;
    }

    .page-buysell .buysell-kv>.page-buysell-width-wrapper[data-v-0afe7c10] {
        background-image: url(//assets/web-frontend/client/img/kv-bg.6c3fc29.png);
        background-position: 73%;
        background-repeat: no-repeat;
        height: 200px;
    }

    .page-buysell .buysell-kv .buysell-kv-head[data-v-0afe7c10] {
        display: flex;
        font-size: 12px;
        justify-content: space-between;
        padding-top: 10px;
    }

    .page-buysell .buysell-kv .buysell-kv-maintext[data-v-0afe7c10] {
        font-size: 40px;
        padding-top: 40px;
        text-align: center;
    }

    .page-buysell .buysell-kv .buysell-kv-subtext[data-v-0afe7c10] {
        color: #6a7c81;
        font-size: 14px;
        padding-top: 12px;
        text-align: center;
    }

    .page-buysell .buysell-main[data-v-0afe7c10] {
        max-width: 384px;
        padding-bottom: 120px;
        padding-top: 40px;
    }

    .page-buysell .buysell-main .buysell-main-tabs .header__tab[data-v-0afe7c10] {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .page-buysell .buysell-main .buysell-main-tabs .header__tab .tab__btn[data-v-0afe7c10] {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-size: 22px;
        font-weight: 400;
        line-height: 38px;
        margin: 0 15px;
    }

    .page-buysell .buysell-main .buysell-main-tabs .header__tab .tab__btn--active[data-v-0afe7c10] {
        color: #1a1b1f;
        font-size: 28px;
        font-weight: 500;
    }

    .page-buysell .buysell-main .buysell-main-form[data-v-0afe7c10] {
        margin-top: 24px;
        position: relative;
        z-index: 1;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__switch[data-v-0afe7c10] {
        height: 32px;
        position: absolute;
        right: -20px;
        top: 120px;
        transform: rotate(-90deg);
        width: 78px;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__switch[data-v-0afe7c10]:not(.dealForm__switch--disable) {
        cursor: pointer;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__switch .dealForm__switch--wrapper[data-v-0afe7c10] {
        align-items: center;
        display: flex;
        height: 100%;
        position: relative;
        width: 100%;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__switch .dealForm__switch--wrapper .dealForm__switch--dashed[data-v-0afe7c10] {
        border-top: 1px dashed #e7eaef;
        height: 0;
        width: 100%;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__switch .dealForm__switch--wrapper .dealForm__switch--btn[data-v-0afe7c10] {
        align-items: center;
        background: #f3f4f7;
        border-radius: 50px;
        display: flex;
        height: 32px;
        justify-content: center;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 32px;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item[data-v-0afe7c10] {
        margin-bottom: 20px;
        transition: transform .3s ease 0s;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item[data-v-0afe7c10]:last-child {
        margin-bottom: 0;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--label[data-v-0afe7c10] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 4px;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--label .item__label--text[data-v-0afe7c10] {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content[data-v-0afe7c10] {
        align-items: center;
        background: #eef3f5;
        border: 1px solid #eef3f5;
        border-radius: 4px;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        height: 64px;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0 16px;
        transition: all .2s ease-in 0s;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content.item__content--main[data-v-0afe7c10] {
        position: relative;
        width: 100%;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content.item__content--main .item__currency[data-v-0afe7c10] {
        display: flex;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content.item__content--receive[data-v-0afe7c10] {
        position: relative;
        width: 100%;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content.item__content--receive .item__currency[data-v-0afe7c10] {
        display: flex;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content .coin-dropdown[data-v-0afe7c10] {
        box-shadow: 0 8px 12px rgba(0,0,0,.08);
        left: 0;
        position: absolute;
        top: 64px;
        width: 100%;
        z-index: 1;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content .coin-dropdown .coin-dropdown_item--wrapper[data-v-0afe7c10] {
        align-items: center;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        height: 50px;
        justify-content: space-between;
        padding: 13px 16px;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content .coin-dropdown .coin-dropdown_item--wrapper.coin-dropdown_item--selected[data-v-0afe7c10],.page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content .coin-dropdown .coin-dropdown_item--wrapper[data-v-0afe7c10]:hover {
        background: #f5f9fb;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item--content .coin-dropdown .coin-dropdown_item--wrapper .coin-dropdown_item--left[data-v-0afe7c10] {
        align-items: center;
        display: flex;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item .dealForm__item-tips[data-v-0afe7c10] {
        color: #9cb3ba;
        font-size: 12px;
        height: 45.5px;
        margin-top: 4px;
        text-align: left;
    }

    .page-buysell .buysell-main .buysell-main-form .dealForm__item--readonly .dealForm__item--content[data-v-0afe7c10] {
        background: transparent;
    }

    .page-buysell .buysell-main .buysell-main-btn[data-v-0afe7c10] {
        margin-top: 30px;
        width: 100%;
        z-index: 0;
    }

    .page-buysell .buysell-3steps[data-v-0afe7c10] {
        background-color: #fafafa;
        padding-bottom: 85px;
        padding-top: 80px;
    }

    .page-buysell .buysell-3steps .buysell-3steps_title[data-v-0afe7c10] {
        color: #141f21;
        font-size: 32px;
        text-align: center;
    }

    .page-buysell .buysell-3steps .buysell-3steps-list[data-v-0afe7c10] {
        grid-gap: 60px;
        align-items: center;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        justify-items: center;
        margin-top: 44px;
        place-items: center;
    }

    .page-buysell .buysell-3steps .buysell-3steps-list .buysell-3steps-item[data-v-0afe7c10] {
        align-items: center;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 16px 0 rgba(0,0,0,.03);
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        height: 203px;
        padding: 30px 20px;
        width: 360px;
    }

    .page-buysell .buysell-3steps .buysell-3steps-list .buysell-3steps-item .buysell-3steps-item-title[data-v-0afe7c10] {
        color: #141f21;
        font-size: 16px;
        margin-top: 20px;
    }

    .page-buysell .buysell-3steps .buysell-3steps-list .buysell-3steps-item .buysell-3steps-item-text[data-v-0afe7c10] {
        color: #6a7c81;
        font-size: 12px;
        margin-top: 10px;
        text-align: center;
    }

    .provider__item--new[data-v-0afe7c10] {
        display: inline-block;
        position: relative;
    }

    .provider__item--new[data-v-0afe7c10]:after {
        color: #13c2c2;
        content: "New";
        font-size: 10px;
        font-weight: 500;
        line-height: 12px;
        position: absolute;
        right: -4px;
        top: 0;
        transform: translateX(100%);
    }

    .logo__coin[data-v-0afe7c10] {
        border-radius: 50px;
        height: 24px;
        margin-right: 12px;
        position: relative;
        width: 24px;
    }

    .logo__coin[data-v-0afe7c10]:before {
        background-color: #f2f2f2;
        content: " ";
        display: block;
        height: 24px;
        left: 0;
        position: absolute;
        width: 24px;
    }

    .fiat__logo[data-v-0afe7c10] {
        align-items: center;
        background: #2b2e36;
        border-radius: 20px;
        color: #fff;
        display: flex;
        font-size: 12px;
        height: 24px;
        justify-content: center;
        margin-right: 12px;
        overflow: hidden;
        width: 24px;
    }

    .label__coinSelect[data-v-0afe7c10] {
        color: #2b2e36;
        font-size: 16px;
        font-weight: 500;
    }

    .label__fullName[data-v-0afe7c10] {
        color: #91a5b1;
        font-size: 12px;
        font-weight: 400;
        margin-left: 12px;
    }

    .logo__currency[data-v-0afe7c10] {
        align-items: center;
        display: flex;
        height: 64px;
    }

    .logo__currencyTxt[data-v-0afe7c10] {
        font-fize: 16px;
        color: #2b2e36;
        font-weight: 500;
        margin: 0 5px 0 0;
    }

    .input__currency[data-v-0afe7c10] {
        background: transparent;
        border: none;
        color: #2b2e36;
        flex-grow: 1;
        font-size: 18px;
        font-weight: 500;
        outline: none;
        padding-right: 16px;
        text-align: left;
        width: 0;
    }

    .produceIntroduce[data-v-0afe7c10] {
        margin-top: 120px;
    }

    .produceIntroduce__advantage[data-v-0afe7c10] {
        margin: 0 auto;
        max-width: 1200px;
        padding-top: 78px;
        width: 100%;
    }

    .produceIntroduce__advantage .produceIntroduce__advantage--items[data-v-0afe7c10] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }

    .produceIntroduce__advantage .produceIntroduce__advantage--items .advantage__item[data-v-0afe7c10] {
        background: #fff;
        box-sizing: border-box;
        padding: 30px 30px 30px 0;
    }

    .produceIntroduce__advantage .produceIntroduce__advantage--items .advantage__itemTitle[data-v-0afe7c10] {
        align-items: center;
        color: #141f21;
        display: flex;
        font-size: 20px;
        font-weight: 500;
    }

    .produceIntroduce__advantage .produceIntroduce__advantage--items .advantage__con[data-v-0afe7c10] {
        box-sizing: border-box;
        color: #6a7c81;
        font-size: 14px;
        line-height: 22px;
        margin-top: 15px;
    }

    .produceIntroduce__advantage .produceIntroduce__advantage--pays[data-v-0afe7c10] {
        grid-gap: 30px 60px;
        display: grid;
        grid-template-columns: repeat(auto-fill,58px);
    }

    .produceIntroduce__advantage .produceIntroduce__advantage--pays .advantage__paysItem[data-v-0afe7c10] {
        align-items: center;
        border-radius: 100px;
        box-shadow: 0 4px 16px rgba(0,0,0,.05);
        display: flex;
        flex-shrink: 0;
        height: 58px;
        justify-content: center;
        width: 58px;
    }

    .produceIntroduce__title[data-v-0afe7c10] {
        color: #000;
        font-size: 40px;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .produceIntroduce__partner[data-v-0afe7c10] {
        margin: 140px auto 0;
        max-width: 1200px;
        width: 100%;
    }

    .partner__content[data-v-0afe7c10] {
        grid-gap: 20px 20px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    .partner__item[data-v-0afe7c10] {
        background: #fff;
        box-sizing: border-box;
        left: 0;
        padding: 30px 40px 30px 0;
        position: relative;
        top: 0;
    }

    .partner__itemTit[data-v-0afe7c10] {
        align-items: center;
        display: flex;
        height: 64px;
    }

    .partner__itemCon[data-v-0afe7c10] {
        color: #6a7c81;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .partner__itemMore[data-v-0afe7c10] {
        bottom: 20px;
        color: #13c2c2;
        font-size: 14px;
        position: absolute;
    }

    .produceIntroduce__commonProblem[data-v-0afe7c10] {
        margin: 0 auto;
        max-width: 1200px;
        padding-top: 120px;
        width: 100%;
    }

    .commonProblem__tit[data-v-0afe7c10] {
        color: #111;
        font-size: 40px;
        font-weight: 500;
    }

    .commonProblem__con[data-v-0afe7c10] {
        margin-bottom: 100px;
        margin-top: 40px;
    }

    .commonProblem__itemTit[data-v-0afe7c10] .el-collapse-item__header {
        color: #333;
        font-size: 16px;
        font-weight: 500;
        height: 70px;
        line-height: 70px;
    }

    .buy-sell__order-processed[data-v-0afe7c10] .el-dialog {
        border-radius: 10px;
        max-width: 90%;
    }

    .legalTender__wrapper[data-v-0afe7c10] {
        box-sizing: border-box;
    }

    @media (max-width: 1220px) {
        .legalTender__wrapper[data-v-0afe7c10] {
            padding-left:56px;
            padding-right: 56px;
        }

        .page-buysell-width-wrapper[data-v-0afe7c10] {
            padding: 0 20px;
        }
    }

    @media (max-width: 1024px) {
        .produceIntroduce__advantage--items[data-v-0afe7c10] {
            grid-template-columns:repeat(2,1fr)!important;
        }

        .partner__content[data-v-0afe7c10] {
            grid-template-columns: repeat(1,1fr)!important;
        }

        .buysell-3steps-list[data-v-0afe7c10] {
            grid-gap: 22px!important;
            grid-template-columns: repeat(2,1fr)!important;
        }
    }

    @media (max-width: 768px) {
        .legalTender__wrapper[data-v-0afe7c10] {
            padding-left:20px;
            padding-right: 20px;
        }

        .buysell-3steps-list[data-v-0afe7c10],.produceIntroduce__advantage--items[data-v-0afe7c10] {
            grid-template-columns: repeat(1,1fr)!important;
        }
    }

    @media (max-width: 500px) {
        .buysell-kv-subtext[data-v-0afe7c10] {
            display:none;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/f89b17b.css */
    [class*=" el-icon-"],[class^=el-icon-] {
        speak: none;
        font-feature-settings: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-family: element-icons!important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
        vertical-align: baseline;
    }

    .el-icon-search:before {
        content: "\e778";
    }

    .el-icon-arrow-right:before {
        content: "\e6e0";
    }

    .el-icon-arrow-left:before {
        content: "\e6de";
    }

    .el-icon-caret-bottom:before {
        content: "\e790";
    }

    .el-icon-close:before {
        content: "\e6db";
    }

    .el-icon-more:before {
        content: "\e794";
    }

    .r-pagination-wrap .el-pagination button {
        height: 26px;
        min-width: 26px;
    }

    .r-pagination-wrap .el-pagination .btn-next,.r-pagination-wrap .el-pagination .btn-prev {
        border: 1px solid #e5ebf0;
        height: 26px;
        position: relative;
        width: 26px;
    }

    .r-pagination-wrap .el-pagination .btn-next .el-icon-arrow-right,.r-pagination-wrap .el-pagination .btn-prev .el-icon-arrow-left {
        display: none;
    }

    .r-pagination-wrap .el-pagination .btn-next:after,.r-pagination-wrap .el-pagination .btn-prev:after {
        border: 4px solid #141f21;
        content: "";
        display: block;
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 0;
    }

    .r-pagination-wrap .el-pagination .btn-prev:after {
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        margin-left: -2px;
    }

    .r-pagination-wrap .el-pagination .btn-next:after {
        border-bottom-color: transparent;
        border-right-color: transparent;
        border-top-color: transparent;
        margin-left: 2px;
    }

    .r-pagination-wrap .el-pagination.is-background .el-pager li {
        background-color: #fff;
        border: 1px solid #e5ebf0;
        color: #161616;
        font-size: 14px;
        font-weight: 400;
        height: 26px;
        line-height: 24px;
        min-width: 26px;
    }

    .r-pagination-wrap .el-pagination.is-background .el-pager li:hover {
        background: #f5f9fb;
        color: #161616;
    }

    .r-pagination-wrap .el-pagination.is-background .el-pager li.active {
        background-color: #13c2c2!important;
    }

    .r-pagination-wrap .el-pagination.is-background .el-pager li.active:hover {
        background: #13c2c2!important;
        color: #fff;
    }

    .r-pagination-wrap .el-pagination.is-background .el-pager li.el-icon-more {
        border: 0;
    }

    .r-pagination-wrap .el-pagination.is-background .el-pager li.el-icon-more:before {
        line-height: 30px;
    }

    .r-pagination-wrap .el-pagination.is-background .el-pager li.btn-quicknext {
        border: 0;
    }

    .r-pagination-wrap .el-pagination.is-background .el-pager li.btn-quicknext:hover {
        background-color: #fff;
    }

    .r-pagination-wrap .el-pagination.is-background .el-pager li.btn-quicknext:before {
        line-height: 26px;
    }

    .el-input__inner {
        border-radius: 0;
        padding: 0 10px;
    }

    .el-input__inner:focus {
        border-color: #0e1118;
    }

    .el-dialog {
        box-shadow: 0 4px 12px 0 rgba(0,1,4,.1);
    }

    .el-dialog__header {
        font-weight: 700;
        padding: 40px 40px 8px;
    }

    .el-dialog__headerbtn {
        right: 10px;
        top: 10px;
    }

    .el-dialog__headerbtn .el-dialog__close,.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close {
        color: #5d606a;
    }

    .el-dialog__title {
        font-size: 20px;
    }

    .el-pagination {
        color: #5d606a;
    }

    .el-pagination button:hover {
        color: #0e1118;
    }

    .el-pagination .el-pager li {
        font-weight: 400;
    }

    .el-pagination .el-pager li.active,.el-pagination .el-pager li:hover {
        color: #0e1118;
        font-weight: 700;
    }

    .el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li {
        background-color: #fff;
    }

    .el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: transparent;
    }

    .el-popover {
        border-radius: 0;
        box-shadow: 0 4px 12px 0 rgba(0,1,4,.1);
        padding: 20px;
        word-break: break-word;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/eb4f189.css */
    ::placeholder,button,input {
        font-family: IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
    }

    h3,p {
        margin: 0;
        padding: 0;
    }

    h3 {
        font-weight: 500;
    }

    input {
        outline: none;
    }

    ul {
        margin: 0;
        padding: 0;
    }

    li,ul {
        list-style: none;
    }

    a {
        color: inherit;
        -webkit-text-decoration: none;
        text-decoration: none;
    }

    .el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing),.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing) {
        outline-width: 0;
    }

    [class*=" el-icon-"],[class^=el-icon-] {
        speak: none;
        font-feature-settings: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-family: element-icons!important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
        vertical-align: baseline;
    }

    .el-icon-search:before {
        content: "\e778";
    }

    .el-icon-arrow-right:before {
        content: "\e6e0";
    }

    .el-icon-arrow-left:before {
        content: "\e6de";
    }

    .el-icon-caret-bottom:before {
        content: "\e790";
    }

    .el-icon-close:before {
        content: "\e6db";
    }

    .el-icon-more:before {
        content: "\e794";
    }

    .el-pagination {
        color: #303133;
        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 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        font-size: 13px;
        height: 28px;
        line-height: 28px;
        min-width: 35.5px;
        vertical-align: top;
    }

    .el-pagination button {
        background: 0 0;
        border: none;
        padding: 0 6px;
    }

    .el-pagination button:focus {
        outline: 0;
    }

    .el-pagination button:hover {
        color: #13c2c2;
    }

    .el-pagination button:disabled {
        background-color: #fff;
        color: #c0c4cc;
        cursor: not-allowed;
    }

    .el-pagination .btn-next,.el-pagination .btn-prev {
        background: 50% no-repeat #fff;
        background-size: 16px;
        color: #303133;
        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-pager li,.el-pager li.btn-quicknext:hover {
        cursor: pointer;
    }

    .el-pagination__rightwrapper {
        float: right;
    }

    .el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev {
        padding: 0;
    }

    .el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li {
        background-color: #f4f4f5;
        border-radius: 2px;
        color: #606266;
        margin: 0 5px;
        min-width: 30px;
    }

    .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: #13c2c2;
    }

    .el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #13c2c2;
        color: #fff;
    }

    .el-dialog,.el-pager li {
        background: #fff;
        -webkit-box-sizing: border-box;
    }

    .el-pager,.el-pager li {
        display: inline-block;
        margin: 0;
        vertical-align: top;
    }

    .el-pager {
        font-size: 0;
        list-style: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .el-pager .more:before {
        line-height: 30px;
    }

    .el-pager li {
        box-sizing: border-box;
        font-size: 13px;
        height: 28px;
        line-height: 28px;
        min-width: 35.5px;
        padding: 0 4px;
        text-align: center;
    }

    .el-pager li.btn-quicknext {
        color: #303133;
        line-height: 28px;
    }

    .el-pager li.active+li {
        border-left: 0;
    }

    .el-pager li:hover {
        color: #13c2c2;
    }

    .el-pager li.active {
        color: #13c2c2;
        cursor: default;
    }

    .el-dialog {
        border-radius: 8px;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
        box-shadow: 0 1px 3px rgba(0,0,0,.3);
        box-sizing: border-box;
        margin: 0 auto 50px;
        position: relative;
        width: 50%;
    }

    .el-dialog__wrapper {
        bottom: 0;
        left: 0;
        margin: 0;
        overflow: auto;
        position: fixed;
        right: 0;
        top: 0;
    }

    .el-dialog__header {
        padding: 32px 32px 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: #909399;
    }

    .el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close {
        color: #13c2c2;
    }

    .el-dialog__title {
        color: #303133;
        font-size: 18px;
        line-height: 24px;
    }

    .el-dropdown-menu {
        -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        z-index: 10;
    }

    .el-dropdown {
        color: #606266;
        display: inline-block;
        font-size: 14px;
        position: relative;
    }

    .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;
    }

    .el-dropdown-menu__item {
        color: #606266;
        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: #e7f9f9;
        color: #42cece;
    }

    .el-popover {
        border-radius: 4px;
    }

    .el-popover {
        -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    }

    .el-popover {
        background: #fff;
        border: 1px solid #ebeef5;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        color: #606266;
        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-input {
        display: inline-block;
        font-size: 14px;
        position: relative;
        width: 100%;
    }

    .el-input::-webkit-scrollbar {
        width: 6px;
        z-index: 11;
    }

    .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__inner {
        -webkit-appearance: none;
        background-color: #fff;
        background-image: none;
        border: 1px solid #dcdfe6;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #606266;
        display: inline-block;
        font-size: inherit;
        height: 40px;
        line-height: 40px;
        outline: 0;
        padding: 0 15px;
        -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        width: 100%;
    }

    .el-input__prefix {
        color: #c0c4cc;
        height: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        -webkit-transition: all .3s;
    }

    .el-input__inner::placeholder {
        color: #c0c4cc;
    }

    .el-input__inner:hover {
        border-color: #c0c4cc;
    }

    .el-input__inner:focus {
        border-color: #13c2c2;
        outline: 0;
    }

    .el-input__prefix {
        left: 5px;
        transition: all .3s;
    }

    .el-input__icon {
        height: 100%;
        line-height: 40px;
        text-align: center;
        -webkit-transition: all .3s;
        transition: all .3s;
        width: 25px;
    }

    .el-input__icon:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 0;
    }

    .el-input--prefix .el-input__inner {
        padding-left: 30px;
    }

    .el-drawer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }

    .el-drawer {
        -webkit-box-sizing: border-box;
        overflow: hidden;
    }

    .el-drawer {
        display: -webkit-box;
        display: -ms-flexbox;
    }

    .el-drawer.btt,.el-drawer__container {
        left: 0;
        right: 0;
        width: 100%;
    }

    .el-drawer__container {
        bottom: 0;
        height: 100%;
        top: 0;
    }

    .el-drawer {
        background-color: #fff;
        -webkit-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-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;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
    }

    .el-drawer.btt {
        -webkit-animation: btt-drawer-out .3s;
        animation: btt-drawer-out .3s;
        bottom: 0;
    }

    .el-drawer__wrapper {
        bottom: 0;
        left: 0;
        margin: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
    }

    .el-drawer__container {
        position: relative;
    }

    .el-input__inner {
        border-radius: 0;
        padding: 0 10px;
    }

    .el-input__inner:focus {
        border-color: #0e1118;
    }

    .el-dialog {
        box-shadow: 0 4px 12px 0 rgba(0,1,4,.1);
    }

    .el-dialog__header {
        font-weight: 500;
    }

    .el-dialog__headerbtn {
        right: 10px;
        top: 10px;
    }

    .el-dialog__headerbtn .el-dialog__close,.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close {
        color: #5d606a;
    }

    .el-pagination {
        color: #5d606a;
    }

    .el-pagination button:hover {
        color: #0e1118;
    }

    .el-pagination .el-pager li {
        font-weight: 400;
    }

    .el-pagination .el-pager li.active,.el-pagination .el-pager li:hover {
        color: #0e1118;
        font-weight: 700;
    }

    .el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li {
        background-color: #fff;
    }

    .el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: transparent;
    }

    .el-popover {
        border-radius: 0;
        box-shadow: 0 4px 12px 0 rgba(0,1,4,.1);
        padding: 20px;
        word-break: break-word;
    }

    .col-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .main-layout .main-container[data-v-69400e95] {
        box-sizing: border-box;
        min-height: calc(100vh - 134px);
        padding-top: 0;
    }

    .main-layout .main-container.light[data-v-69400e95] {
        padding-top: 80px;
    }

    .main-layout .main-container.roadmap[data-v-69400e95] {
        min-height: calc(100vh - 456px);
    }

    /*! CSS Used from: /assets/web-frontend/client/css/0c3ac6f.css */
    .market-coin-crypto-popover {
        border: 0;
        box-sizing: border-box;
        margin-top: 3px;
        padding: 8px 0;
    }

    .market-crypto-drawer {
        border-radius: 8px 8px 0 0;
        height: auto!important;
    }

    .crypto-symbol-list .crypto-symbol-item[data-v-5f0337e4] {
        color: #141f21;
        cursor: pointer;
        display: block;
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        min-width: 140px;
        padding: 0 12px;
    }

    .crypto-symbol-list .crypto-symbol-item[data-v-5f0337e4]:hover {
        background: #f5f9fb;
    }

    .coinmap-table-wrap[data-v-5f0337e4] {
        margin: 0 auto;
        width: 1200px;
    }

    .coinmap-table-wrap .coinmap-table-header[data-v-5f0337e4] {
        align-items: center;
        display: flex;
        height: 64px;
    }

    .coinmap-table-wrap .coinmap-table-header.h5[data-v-5f0337e4] {
        display: none;
    }

    .coinmap-table-wrap .coinmap-table-header .header-item[data-v-5f0337e4] {
        align-items: center;
        color: #86939b;
        cursor: pointer;
        display: flex;
        flex-shrink: 0;
        font-size: 14px;
        font-weight: 400;
        justify-content: flex-end;
        margin-right: 15px;
    }

    .coinmap-table-wrap .coinmap-table-header .header-item[data-v-5f0337e4]:last-child {
        margin-right: 0;
    }

    .coinmap-table-wrap .coinmap-table-header .header-item.align-left[data-v-5f0337e4] {
        justify-content: flex-start;
    }

    .coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper[data-v-5f0337e4] {
        align-items: center;
        cursor: pointer;
        display: inline-flex;
        flex-direction: column;
        height: 64px;
        overflow: visible;
        overflow: initial;
        position: relative;
        vertical-align: middle;
        width: 14px;
    }

    .coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper .sort-caret[data-v-5f0337e4] {
        zoom:.7;border: 5px solid transparent;
        height: 0;
        left: auto;
        position: absolute;
        width: 0;
    }

    .coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper .sort-caret.ascending[data-v-5f0337e4] {
        border-bottom-color: #86939b;
        top: 35px;
    }

    .coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper .sort-caret.descending[data-v-5f0337e4] {
        border-top-color: #86939b;
        bottom: 32px;
    }

    .coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper .sort-caret.mark-actived-down[data-v-5f0337e4] {
        border-top-color: #13c2c2;
    }

    .coinmap-table-wrap .coinmap-table-header .header-item.col-1[data-v-5f0337e4] {
        flex-shrink: 0;
        width: 28.45%;
    }

    .coinmap-table-wrap .coinmap-table-header .header-item.col-2[data-v-5f0337e4] {
        width: 28.45%;
    }

    .coinmap-table-wrap .coinmap-table-header .header-item.col-3[data-v-5f0337e4] {
        width: 9.7%;
    }

    .coinmap-table-wrap .coinmap-table-header .header-item.col-4[data-v-5f0337e4] {
        width: 16%;
    }

    .coinmap-table-wrap .coinmap-table-body[data-v-5f0337e4] {
        width: 100%;
    }

    .coinmap-table-wrap .coinmap-table-body .h5-body-col[data-v-5f0337e4] {
        display: none;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col[data-v-5f0337e4] {
        border-radius: 8px;
        box-sizing: content-box;
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        margin-left: -20px;
        padding: 0 20px;
        width: 100%;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col[data-v-5f0337e4]:hover {
        background: #f7f9fa;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .body-col-content[data-v-5f0337e4] {
        align-items: center;
        display: flex;
        height: 64px;
        margin: 0 auto;
        width: 1200px;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .body-item[data-v-5f0337e4] {
        align-items: center;
        display: flex;
        flex-shrink: 0;
        justify-content: flex-end;
        margin-right: 15px;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .body-item[data-v-5f0337e4]:last-child {
        margin-right: 0;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .col-1[data-v-5f0337e4] {
        color: #3e4648;
        justify-content: flex-start;
        width: 28.45%;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .col-1 .icon-img[data-v-5f0337e4] {
        border-radius: 100px;
        height: 28px;
        margin-right: 16px;
        width: 28px;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .col-1 .name[data-v-5f0337e4] {
        font-size: 16px;
        font-weight: 500;
        margin-right: 8px;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .col-1 .full-name[data-v-5f0337e4] {
        font-size: 14px;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .col-2[data-v-5f0337e4] {
        color: #000;
        width: 28.45%;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .col-3[data-v-5f0337e4] {
        width: 9.7%;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .col-3.red[data-v-5f0337e4] {
        color: #ff532f;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .col-3.green[data-v-5f0337e4] {
        color: #40c200;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .col-4[data-v-5f0337e4] {
        width: 16%;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .col-5[data-v-5f0337e4] {
        flex: 1;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .col-5 .trade-link[data-v-5f0337e4] {
        color: #13c2c2;
    }

    .coinmap-table-wrap .coinmap-table-body .body-col .col-5 .trade-link-detail[data-v-5f0337e4] {
        margin-left: 24px;
        margin-right: 24px;
    }

    .coinmap-table-wrap .pg-wrapper[data-v-5f0337e4] {
        display: flex;
        justify-content: flex-end;
        margin-top: 30px;
    }

    .coinmap-table-wrap .pg-wrapper[data-v-5f0337e4] .el-pagination {
        padding: 0;
    }

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

    @media (max-width: 1199px) {
        .coinmap-table-wrap[data-v-5f0337e4] {
            width:100%;
        }

        .coinmap-table-wrap .coinmap-table-header.pc[data-v-5f0337e4] {
            display: none;
        }

        .coinmap-table-wrap .coinmap-table-header.h5[data-v-5f0337e4] {
            display: flex;
            height: 48px;
            justify-content: space-between;
            padding: 0 16px;
        }

        .coinmap-table-wrap .coinmap-table-header .header-item[data-v-5f0337e4] {
            margin-right: 8px;
        }

        .coinmap-table-wrap .coinmap-table-header .header-item[data-v-5f0337e4]:last-child {
            margin-right: 0;
        }

        .coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper[data-v-5f0337e4] {
            height: 48px;
        }

        .coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper .sort-caret.ascending[data-v-5f0337e4] {
            top: 23px;
        }

        .coinmap-table-wrap .coinmap-table-header .header-item .caret-wrapper .sort-caret.descending[data-v-5f0337e4] {
            bottom: 21px;
        }

        .coinmap-table-wrap .coinmap-table-header .left-col[data-v-5f0337e4],.coinmap-table-wrap .coinmap-table-header .right-col[data-v-5f0337e4] {
            align-items: center;
            display: flex;
        }

        .coinmap-table-wrap .coinmap-table-body .body-col[data-v-5f0337e4] {
            border-radius: 0;
            box-sizing: border-box;
            margin-left: 0;
            padding: 0 16px;
        }

        .coinmap-table-wrap .coinmap-table-body .body-col .body-col-content[data-v-5f0337e4] {
            display: none;
        }

        .coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col[data-v-5f0337e4] {
            display: flex;
            height: 64px;
            justify-content: space-between;
        }

        .coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .left-col[data-v-5f0337e4] {
            align-items: center;
            display: flex;
            margin-right: 1%;
            width: 49.5%;
        }

        .coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .left-col .icon-img[data-v-5f0337e4] {
            border-radius: 100px;
            height: 28px;
            margin-right: 12px;
            width: 28px;
        }

        .coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .left-col .name-vol-wrapper[data-v-5f0337e4] {
            display: flex;
            flex-direction: column;
            width: calc(100% - 35px);
        }

        .coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .left-col .name-vol-wrapper .name-wrapper[data-v-5f0337e4] {
            align-items: center;
            display: flex;
        }

        .coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .left-col .name-vol-wrapper .name-wrapper .name[data-v-5f0337e4] {
            color: #3e4648;
            font-size: 16px;
            font-weight: 500;
        }

        .coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .left-col .name-vol-wrapper .vol[data-v-5f0337e4] {
            color: #86939b;
            font-size: 14px;
        }

        .coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .right-col[data-v-5f0337e4] {
            align-items: flex-end;
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 49.5%;
        }

        .coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .right-col .price[data-v-5f0337e4] {
            color: #3e4648;
            font-size: 16px;
            font-weight: 500;
            text-align: right;
            width: 100%;
        }

        .coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .right-col .flu[data-v-5f0337e4] {
            font-size: 14px;
        }

        .coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .right-col .flu.green[data-v-5f0337e4] {
            color: #40c200;
        }

        .coinmap-table-wrap .coinmap-table-body .body-col .h5-body-col .right-col .flu.red[data-v-5f0337e4] {
            color: #ff532f;
        }

        .coinmap-table-wrap .pg-wrapper[data-v-5f0337e4] {
            justify-content: center;
            margin-top: 16px;
        }
    }

    .market-second-tab-popover {
        border: 0;
        border-radius: 4px;
        margin-top: 0!important;
        max-width: 480px;
        padding: 16px 16px 0 0;
    }

    .market-first-tab-dropdown[data-v-621f890f] {
        border: 0;
        margin-top: 5px!important;
        width: 140px;
    }

    .market-first-tab-dropdown .el-dropdown-menu__item[data-v-621f890f] {
        color: #141f21;
        padding: 0 12px;
    }

    .market-first-tab-dropdown .el-dropdown-menu__item[data-v-621f890f]:hover {
        background: #f5f9fb;
        color: #141f21;
    }

    .market-first-tab-dropdown .el-dropdown-menu__item.active[data-v-621f890f] {
        color: #13c2c2;
    }

    .second-tab-dropdown .dropdown-item[data-v-621f890f] {
        color: #6a7c81;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 16px;
        margin-left: 16px;
    }

    .second-tab-dropdown .dropdown-item[data-v-621f890f]:hover {
        color: #1a1b1f;
    }

    .second-tab-dropdown .dropdown-item.active[data-v-621f890f] {
        color: #1a1b1f;
        font-weight: 700;
    }

    .coinmap-wrap[data-v-621f890f] {
        padding-top: 18px;
    }

    .coinmap-wrap .w1200[data-v-621f890f] {
        margin: 0 auto;
        width: 1200px;
    }

    .coinmap-wrap .coinmap-content[data-v-621f890f] {
        margin: 26px auto 50px;
    }

    .coinmap-wrap .coinmap-content .coinmap-header[data-v-621f890f] {
        margin-bottom: 40px;
    }

    .coinmap-wrap .coinmap-content .coinmap-header h3[data-v-621f890f] {
        color: #1a1b1f;
        font-size: 50px;
        font-weight: 700;
    }

    .coinmap-wrap .coinmap-content .currency-select-wrapper[data-v-621f890f] {
        font-size: 14px;
        font-weight: 400;
    }

    .coinmap-wrap .coinmap-content .currency-select-wrapper.h5[data-v-621f890f] {
        display: none;
    }

    .coinmap-wrap .coinmap-content .currency-select-wrapper .label[data-v-621f890f] {
        color: #86939b;
    }

    .coinmap-wrap .coinmap-content .currency-select-wrapper .value[data-v-621f890f] {
        color: #1a1b1f;
        cursor: pointer;
        margin-left: 8px;
    }

    .coinmap-wrap .coinmap-content .coinmap-root-tab[data-v-621f890f] {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
    }

    .coinmap-wrap .coinmap-content .coinmap-root-tab .tab-left[data-v-621f890f] {
        align-items: center;
        display: flex;
        gap: 24px;
        overflow: auto;
    }

    .coinmap-wrap .coinmap-content .coinmap-root-tab .root-tab-item[data-v-621f890f] {
        border-bottom: 3px solid transparent;
        color: #86939b;
        cursor: pointer;
        font-size: 24px;
        font-weight: 600;
        line-height: 48px;
        white-space: nowrap;
    }

    .coinmap-wrap .coinmap-content .coinmap-root-tab .root-tab-active[data-v-621f890f] {
        border-bottom: 3px solid #1a1b1f;
        color: #1a1b1f;
    }

    .coinmap-wrap .coinmap-content .coinmap-root-tab .tab-search[data-v-621f890f] {
        height: 40px;
        width: 240px;
    }

    .coinmap-wrap .coinmap-content .coinmap-root-tab .tab-search[data-v-621f890f] .el-input__inner {
        background: #eef3f5;
        border: none;
        border-radius: 100px;
        height: 40px;
        line-height: 40px;
    }

    .coinmap-wrap .coinmap-content .coinmap-root-tab .tab-search[data-v-621f890f] .el-input__prefix {
        color: #86939b;
    }

    .coinmap-wrap .coinmap-content .coinmap-root-tab .tab-search[data-v-621f890f] .el-input__prefix .el-input__icon {
        line-height: 40px;
    }

    .coinmap-wrap .coinmap-content .coinmap-root-tab .h5-search[data-v-621f890f] {
        display: none;
    }

    .coinmap-wrap .coinmap-content .coinmap-tab-wrapper[data-v-621f890f] {
        border-bottom: 1px solid #eef3f5;
        width: 100%;
    }

    .coinmap-wrap .coinmap-content .coinmap-tab-row[data-v-621f890f] {
        position: relative;
    }

    .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper[data-v-621f890f] {
        align-items: center;
        display: flex;
        padding-bottom: 10px;
    }

    .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item[data-v-621f890f] {
        color: #86939b;
        cursor: pointer;
        font-size: 14px;
        padding: 6px 12px;
    }

    .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item[data-v-621f890f]:hover {
        color: #1a1b1f;
    }

    .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.h5-more-tag[data-v-621f890f] {
        display: none;
    }

    .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy[data-v-621f890f] {
        font-size: 16px;
        font-weight: 700;
        padding: 6px 16px;
        position: relative;
    }

    .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy[data-v-621f890f]:last-of-type {
        margin-right: 36px;
    }

    .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy[data-v-621f890f]:last-of-type:after {
        background: #eef3f5;
        content: "";
        height: 32px;
        position: absolute;
        right: -24px;
        top: 0;
        width: 1px;
    }

    .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item[data-v-621f890f]:not(.heavy) {
        max-width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.active[data-v-621f890f] {
        color: #1a1b1f;
        font-weight: 700;
    }

    .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy.active[data-v-621f890f] {
        background: #eef3f5;
        border-radius: 8px;
    }

    .coinmap-wrap .coinmap-content .tag-intro-wrapper[data-v-621f890f] {
        border-bottom: 1px solid #eef3f5;
        padding: 16px 0;
    }

    .coinmap-wrap .coinmap-content .tag-intro-wrapper .name[data-v-621f890f] {
        color: #1a1b1f;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 8px;
    }

    .coinmap-wrap .coinmap-content .tag-intro-wrapper .intro[data-v-621f890f] {
        -webkit-box-orient: vertical;
        color: #86939b;
        display: -webkit-box;
        font-size: 14px;
        line-height: 20px;
        overflow: hidden;
        white-space: pre-wrap;
        width: 800px;
        word-break: break-word;
    }

    .coinmap-wrap .coinmap-content .tag-intro-wrapper .expand-btn[data-v-621f890f] {
        color: #1a1b1f;
        cursor: pointer;
        font-size: 14px;
        line-height: 20px;
    }

    @media (max-width: 1199px) {
        .coinmap-wrap[data-v-621f890f] {
            padding-top:0;
        }

        .coinmap-wrap .w1200[data-v-621f890f] {
            width: 100%;
        }

        .coinmap-wrap .coinmap-content[data-v-621f890f] {
            margin: 0 auto 20px;
        }

        .coinmap-wrap .coinmap-content .coinmap-root-tab[data-v-621f890f] {
            border-bottom: 1px solid #f4f8fa;
            box-sizing: border-box;
            margin-bottom: 8px;
            padding: 0 16px;
        }

        .coinmap-wrap .coinmap-content .coinmap-root-tab .currency-select-wrapper[data-v-621f890f],.coinmap-wrap .coinmap-content .coinmap-root-tab .tab-search[data-v-621f890f] {
            display: none;
        }

        .coinmap-wrap .coinmap-content .coinmap-root-tab .tab-left[data-v-621f890f] {
            gap: 16px;
        }

        .coinmap-wrap .coinmap-content .coinmap-root-tab .root-tab-item[data-v-621f890f] {
            font-size: 16px;
            font-weight: 700;
        }

        .coinmap-wrap .coinmap-content .coinmap-root-tab .h5-search[data-v-621f890f] {
            align-items: center;
            display: flex;
        }

        .coinmap-wrap .coinmap-content .coinmap-root-tab .h5-search .search-icon[data-v-621f890f] {
            color: #1a1b1f;
            font-weight: 700;
        }

        .coinmap-wrap .coinmap-content .coinmap-root-tab .h5-search .search-input[data-v-621f890f] {
            flex: 1;
        }

        .coinmap-wrap .coinmap-content .coinmap-root-tab .h5-search .search-input[data-v-621f890f] .el-input__inner {
            border: 0;
            font-weight: 700;
            height: 51px;
            line-height: 51px;
        }

        .coinmap-wrap .coinmap-content .coinmap-root-tab .h5-search .cancel-btn[data-v-621f890f] {
            color: #13c2c2;
            cursor: pointer;
            font-size: 14px;
        }

        .coinmap-wrap .coinmap-content .coinmap-tab-row[data-v-621f890f] {
            overflow: hidden;
        }

        .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper[data-v-621f890f] {
            overflow-x: auto;
            padding-left: 16px;
            padding-right: 16px;
        }

        .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item[data-v-621f890f] {
            flex-shrink: 0;
            max-width: none!important;
            padding: 6px;
        }

        .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy[data-v-621f890f] {
            font-size: 14px;
            padding: 6px 11px;
        }

        .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy[data-v-621f890f]:last-of-type {
            margin-right: 18px;
        }

        .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.heavy[data-v-621f890f]:last-of-type:after {
            right: -12px;
        }

        .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.h5-more-tag[data-v-621f890f] {
            display: inline;
        }

        .coinmap-wrap .coinmap-content .coinmap-tab-row .second-tab-wrapper .second-tab-item.second-tab-popover-reference[data-v-621f890f] {
            display: none;
        }

        .coinmap-wrap .coinmap-content .tag-intro-wrapper[data-v-621f890f] {
            box-sizing: border-box;
            padding: 16px;
        }

        .coinmap-wrap .coinmap-content .tag-intro-wrapper .intro[data-v-621f890f] {
            width: 100%;
        }

        .coinmap-wrap .coinmap-content .currency-select-wrapper.h5[data-v-621f890f] {
            display: flex;
            padding: 9px 16px;
        }

        .coinmap-header[data-v-621f890f] {
            display: none;
        }
    }

    .CAoz4k {
        margin: 0 auto;
        padding-top: 60px;
        width: 1200px;
    }

    .g83kLV {
        display: flex;
        justify-content: space-between;
    }

    .TIVX8s {
        background: #f7f9fa;
        border-radius: 8px;
        box-sizing: border-box;
        cursor: pointer;
        height: 72px;
        margin-right: 20px;
        padding: 12px 16px;
        position: relative;
        width: 282px;
    }

    .TIVX8s:last-child {
        margin-right: 0;
    }

    .HrCfGv {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

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

    ._8GZijX {
        color: #3e4648;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 5px;
    }

    .Z03zWD {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

    ._5tifkf,.aFuYuU {
        font-size: 16px;
        font-weight: 500;
    }

    .dvy5II {
        color: #ff532f;
    }

    .ORKhA1 {
        color: #40c200;
    }

    @media screen and (max-width: 1199px) {
        .CAoz4k {
            display:none;
        }
    }

    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    .wXJLmL {
        background-color: #fff;
        min-height: 80vh;
        padding-bottom: 100px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/2adeff9.css */
    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    /*! CSS Used keyframes */
    @-webkit-keyframes btt-drawer-out {
        0% {
            -webkit-transform: translate(0);
            transform: translate(0);
        }

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

    @keyframes btt-drawer-out {
        0% {
            -webkit-transform: translate(0);
            transform: translate(0);
        }

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

    /*! CSS Used from: /assets/web-frontend/client/css/f89b17b.css */
    [class*=" el-icon-"] {
        speak: none;
        font-feature-settings: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-family: element-icons!important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
        vertical-align: baseline;
    }

    .el-icon-close:before {
        content: "\e6db";
    }

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

    .icon-back:before {
        content: "\e64d";
    }

    .r-back-top-arrow {
        color: #3e4648;
        font-size: 20px;
        transform: rotate(90deg);
    }

    .el-button:active {
        border-color: transparent;
    }

    .el-button {
        border-radius: 0;
    }

    .el-button:not(.el-button--mini) {
        height: 46px;
    }

    .el-button:focus,.el-button:hover {
        border-color: #ebeef5;
    }

    .el-button.el-button--default {
        background-color: transparent;
    }

    .el-dialog {
        box-shadow: 0 4px 12px 0 rgba(0,1,4,.1);
    }

    .el-dialog__header {
        font-weight: 700;
        padding: 40px 40px 8px;
    }

    .el-dialog__headerbtn {
        right: 10px;
        top: 10px;
    }

    .el-dialog__headerbtn .el-dialog__close,.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close {
        color: #5d606a;
    }

    .el-dialog__title {
        font-size: 20px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/eb4f189.css */
    ::placeholder,button {
        font-family: IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
    }

    p {
        margin: 0;
        padding: 0;
    }

    a {
        color: inherit;
        -webkit-text-decoration: none;
        text-decoration: none;
    }

    [class*=" el-icon-"] {
        speak: none;
        font-feature-settings: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-family: element-icons!important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
        vertical-align: baseline;
    }

    .el-icon-close:before {
        content: "\e6db";
    }

    .el-dialog {
        background: #fff;
        -webkit-box-sizing: border-box;
    }

    .el-dialog {
        border-radius: 8px;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
        box-shadow: 0 1px 3px rgba(0,0,0,.3);
        box-sizing: border-box;
        margin: 0 auto 50px;
        position: relative;
        width: 50%;
    }

    .el-dialog__wrapper {
        bottom: 0;
        left: 0;
        margin: 0;
        overflow: auto;
        position: fixed;
        right: 0;
        top: 0;
    }

    .el-dialog__header {
        padding: 32px 32px 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: #909399;
    }

    .el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close {
        color: #13c2c2;
    }

    .el-dialog__title {
        color: #303133;
        font-size: 18px;
        line-height: 24px;
    }

    .el-dialog--center {
        text-align: center;
    }

    .el-progress-bar__inner:after {
        content: "";
    }

    .el-progress {
        line-height: 1;
        position: relative;
    }

    .el-progress--without-text .el-progress-bar {
        display: block;
        margin-right: 0;
        padding-right: 0;
    }

    .el-progress-bar,.el-progress-bar__inner:after {
        display: inline-block;
        vertical-align: middle;
    }

    .el-progress-bar {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: -55px;
        padding-right: 50px;
        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: #13c2c2;
        border-radius: 100px;
        height: 100%;
        left: 0;
        line-height: 1;
        position: absolute;
        text-align: right;
        top: 0;
        -webkit-transition: width .6s ease;
        transition: width .6s ease;
        white-space: nowrap;
    }

    .el-progress-bar__inner:after {
        height: 100%;
    }

    .el-button {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .el-button {
        -webkit-appearance: none;
        background: #fff;
        border: 1px solid #dcdfe6;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #606266;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        margin: 0;
        outline: 0;
        padding: 12px 20px;
        text-align: center;
        -webkit-transition: .1s;
        transition: .1s;
        white-space: nowrap;
    }

    .el-button+.el-button {
        margin-left: 10px;
    }

    .el-button:focus,.el-button:hover {
        background-color: #e7f9f9;
        border-color: #b8eded;
        color: #13c2c2;
    }

    .el-button:active {
        border-color: #11afaf;
        color: #11afaf;
        outline: 0;
    }

    .el-button:active {
        border-color: transparent;
    }

    .el-button {
        border-radius: 4px;
    }

    .el-button:not(.el-button--mini) {
        height: 46px;
    }

    .el-button:focus,.el-button:hover {
        border-color: #dcdfe6;
    }

    .el-button.el-button--default {
        background-color: transparent;
    }

    .el-dialog {
        box-shadow: 0 4px 12px 0 rgba(0,1,4,.1);
    }

    .el-dialog__header {
        font-weight: 500;
    }

    .el-dialog__headerbtn {
        right: 10px;
        top: 10px;
    }

    .el-dialog__headerbtn .el-dialog__close,.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close {
        color: #5d606a;
    }

    .main-layout .main-container[data-v-69400e95] {
        box-sizing: border-box;
        min-height: calc(100vh - 134px);
        padding-top: 0;
    }

    .main-layout .main-container.dark[data-v-69400e95] {
        padding-top: 80px;
    }

    .main-layout .main-container.roadmap[data-v-69400e95] {
        min-height: calc(100vh - 456px);
    }

    /*! CSS Used from: /assets/web-frontend/client/css/96346a5.css */
    .block-wrapper[data-v-f9e1736a] {
        box-sizing: border-box;
        color: #000;
        min-width: 900px;
        width: 100%;
    }

    @media (max-width: 768px) {
        .block-wrapper[data-v-f9e1736a] {
            min-width:0;
            min-width: auto;
        }
    }

    .block-wrapper.dark[data-v-f9e1736a] {
        color: #fff;
    }

    .block-wrapper.dark .timer-value[data-v-f9e1736a] {
        background: #fff;
        color: #000;
    }

    .block-wrapper.dark .timer-desc[data-v-f9e1736a],.block-wrapper.dark .timer-unit[data-v-f9e1736a] {
        color: #fff;
    }

    .block-wrapper .timer[data-v-f9e1736a] {
        margin-top: 10px;
    }

    .block-wrapper .timer-value[data-v-f9e1736a] {
        background: #000;
        border-radius: 2px;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        min-width: 30px;
        text-align: center;
    }

    .block-wrapper .timer-unit[data-v-f9e1736a] {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        margin: 0 10px 0 4px;
    }

    .block-wrapper .timer-unit[data-v-f9e1736a]:last-child {
        margin-right: 0;
    }

    .block-wrapper .timer-desc[data-v-f9e1736a] {
        color: #000;
        display: block;
        font-size: 12px;
        font-weight: 400;
        margin-top: 10px;
    }

    .block-wrapper .main[data-v-f9e1736a] {
        align-items: center;
        display: flex;
        min-height: 333px;
        position: relative;
    }

    @media (max-width: 768px) {
        .block-wrapper .main[data-v-f9e1736a] {
            flex-direction:column;
            min-height: 0;
            min-height: auto;
        }
    }

    .block-wrapper .main .main-intro[data-v-f9e1736a] {
        display: flex;
        flex-direction: column;
        min-height: 240px;
        padding-left: 20px;
    }

    @media (max-width: 768px) {
        .block-wrapper .main .main-intro[data-v-f9e1736a] {
            flex:1;
            min-height: 0;
            min-height: auto;
            padding-left: 0;
        }
    }

    .block-wrapper .main .main-intro .main-title[data-v-f9e1736a] {
        flex: 1;
        line-height: 1.2;
    }

    .block-wrapper .main .main-logo[data-v-f9e1736a] {
        max-height: 600px;
        max-width: 500px;
    }

    @media (max-width: 768px) {
        .block-wrapper .main .main-logo[data-v-f9e1736a] {
            max-height:none;
            max-width: none;
            width: 100%;
        }
    }

    .block-wrapper .main .main-logo-placeholder[data-v-f9e1736a] {
        margin-right: -500px;
        visibility: hidden;
    }

    @media (max-width: 768px) {
        .block-wrapper .main .main-logo-placeholder[data-v-f9e1736a] {
            display:none;
        }
    }

    .block-wrapper .main .main-logo-position[data-v-f9e1736a] {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    @media (max-width: 768px) {
        .block-wrapper .main .main-logo-position[data-v-f9e1736a] {
            max-height:none;
            max-width: none;
            position: static;
            transform: translateY(0);
            width: 100%;
        }
    }

    .block-wrapper .btns[data-v-f9e1736a] {
        display: flex;
        flex-wrap: wrap;
    }

    .block-wrapper .btns .btn[data-v-f9e1736a] {
        margin-top: 20px;
    }

    @media (max-width: 768px) {
        .block-wrapper .btns .btn[data-v-f9e1736a] {
            margin-top:10px;
        }

        .block-wrapper .btns .btn.pc[data-v-f9e1736a] {
            display: none;
        }
    }

    .block-wrapper .btns .btn.h5[data-v-f9e1736a] {
        display: none;
    }

    @media (max-width: 768px) {
        .block-wrapper .btns .btn.h5[data-v-f9e1736a] {
            display:inline-block;
        }
    }

    .block-wrapper .btns .join-btn[data-v-f9e1736a] {
        margin-right: 10px;
        max-width: 333px;
        min-width: 240px;
    }

    @media (max-width: 768px) {
        .block-wrapper .btns .join-btn[data-v-f9e1736a] {
            margin-right:0;
            max-width: none;
            min-width: 0;
            min-width: auto;
            width: 100%;
        }
    }

    .block-wrapper .btns .share-btn[data-v-f9e1736a] {
        max-width: 200px;
        min-width: 120px;
    }

    @media (max-width: 768px) {
        .block-wrapper .btns .share-btn[data-v-f9e1736a] {
            max-width:none;
            min-width: 0;
            min-width: auto;
            width: 100%;
        }
    }

    .campaign-container[data-v-b3ff7354] {
        background: #eef1f9;
        background-position: top;
        background-repeat: no-repeat;
        background-size: 100%;
        color: #000;
        overflow: hidden;
        padding-bottom: 200px;
        padding-top: 60px;
    }

    @media (max-width: 768px) {
        .campaign-container[data-v-b3ff7354] {
            background-repeat:no-repeat;
            padding-bottom: 60px;
            padding-top: 30px;
        }
    }

    .campaign-container .main-content[data-v-b3ff7354] {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        max-width: 1200px;
        min-height: 800px;
        padding: 0 100px;
        position: relative;
    }

    @media (max-width: 768px) {
        .campaign-container .main-content[data-v-b3ff7354] {
            padding:0 20px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/2369f90.css */
    .btn-normal[data-v-9b204428] {
        border: none;
        border-radius: 4px;
        box-sizing: border-box;
        cursor: pointer;
        font-size: 18px;
        font-weight: 500;
        height: auto;
        padding: 13px 20px;
        text-align: center;
    }

    @media (max-width: 768px) {
        .btn-normal[data-v-9b204428] {
            font-size:15px;
            padding: 13px 8px;
        }
    }

    .black[data-v-9b204428] {
        background: #000;
        color: #fff;
    }

    .black.border[data-v-9b204428] {
        border: 1px solid #fff;
    }

    .btn-normal+.btn-normal[data-v-9b204428] {
        margin-left: 0;
    }

    .modal-tip-dialog[data-v-21ec51de] .el-dialog {
        top: 50%;
        transform: translateY(-50%);
        width: 400px;
    }

    @media (max-width: 768px) {
        .modal-tip-dialog[data-v-21ec51de] .el-dialog {
            width:calc(100% - 60px);
        }
    }

    .modal-tip-dialog[data-v-21ec51de] .el-dialog__header {
        padding: 30px 30px 0;
    }

    .ahjOKL {
        --trade-text-secondary: #a3a8b7;
        --trade-text-primary: #000;
        --trade-dialog-background: #f0f0f0;
        --trade-dialog-icon-background: #e1e1e1;
    }

    .ahjOKL .el-dialog {
        background: var(--trade-dialog-background);
        border-radius: 4px;
        top: 50%;
        transform: translateY(-50%);
    }

    .ahjOKL .el-dialog__header {
        padding: 0;
    }

    .title-wrapper[data-v-44635495] {
        margin-bottom: 20px;
    }

    .title-wrapper .title-wrapper-inner[data-v-44635495] {
        display: flex;
        margin-top: 40px;
        width: 100%;
    }

    .title-wrapper .title-wrapper-inner .title-row[data-v-44635495] {
        display: flex;
        width: 100%;
    }

    .title-wrapper .title-wrapper-inner .title-row .title-left-wrapper[data-v-44635495] {
        align-items: center;
        display: flex;
        height: 52px;
    }

    .title-wrapper .title-wrapper-inner .title-row .title-left-wrapper .title-left-img[data-v-44635495] {
        height: 100%;
    }

    .title-wrapper .title-wrapper-inner .title-row .title-content[data-v-44635495] {
        display: flex;
        flex: 1;
        flex-wrap: wrap;
    }

    .title-wrapper .title-wrapper-inner .title-row .title[data-v-44635495] {
        font-size: 40px;
        font-weight: 500;
        line-height: 52px;
        margin-left: 20px;
        margin-right: auto;
    }

    .title-wrapper .placeholder[data-v-44635495] {
        height: 10px;
    }

    @media (max-width: 768px) {
        .title-wrapper .title-wrapper-inner[data-v-44635495] {
            display:block;
            margin-top: 30px;
        }

        .title-wrapper .title-wrapper-inner .title-row .title-left-wrapper[data-v-44635495] {
            height: 36px;
        }

        .title-wrapper .title-wrapper-inner .title-row .title-left-wrapper .title-left-img[data-v-44635495] {
            height: 100%;
        }

        .title-wrapper .title-wrapper-inner .title-row .title-content[data-v-44635495] {
            flex-direction: column;
        }

        .title-wrapper .title-wrapper-inner .title-row .title[data-v-44635495] {
            font-size: 28px;
            line-height: 36px;
            margin-left: 10px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/16453a4.css */
    ._1iFGT\+ {
        width: 100%;
    }

    .task-item[data-v-2d3f7556] {
        align-items: center;
        border-radius: 10px;
        display: flex;
        margin-bottom: 20px;
        padding: 20px;
    }

    @media (max-width: 960px) {
        .task-item[data-v-2d3f7556] {
            padding:12px;
        }
    }

    @media (max-width: 768px) {
        .task-item[data-v-2d3f7556] {
            align-items:stretch;
            border-radius: 4px;
            flex-direction: column;
            margin-bottom: 20px;
            padding: 10px;
        }
    }

    .task-item[data-v-2d3f7556]:last-child {
        margin-bottom: 0;
    }

    .task-item .task-image[data-v-2d3f7556] {
        height: 60px;
        margin-right: 20px;
    }

    @media (max-width: 768px) {
        .task-item .task-image[data-v-2d3f7556] {
            display:none;
        }
    }

    .task-item .task-image-h5[data-v-2d3f7556] {
        display: none;
    }

    @media (max-width: 768px) {
        .task-item .task-image-h5[data-v-2d3f7556] {
            display:block;
            margin-right: 10px;
            width: 30px;
        }
    }

    .task-item .task-info[data-v-2d3f7556] {
        color: #000;
        flex: 1;
        font-size: 20px;
        font-weight: 600;
    }

    @media (max-width: 768px) {
        .task-item .task-info[data-v-2d3f7556] {
            font-size:16px;
            line-height: 21px;
        }
    }

    .task-item .task-info .title-wrapper[data-v-2d3f7556] {
        display: flex;
    }

    .task-item .task-info .title-wrapper .sub-title[data-v-2d3f7556] {
        font-size: 12px;
        line-height: 16px;
    }

    .task-item .task-intro[data-v-2d3f7556] {
        color: #010101;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 10px;
    }

    @media (max-width: 768px) {
        .task-item .task-intro[data-v-2d3f7556] {
            font-size:12px;
            line-height: 16px;
            width: 100%;
        }
    }

    .task-item .task-list[data-v-2d3f7556] {
        display: flex;
        gap: 6px 24px;
    }

    .task-item .task-list-col1 .progress-wrapper[data-v-2d3f7556] {
        flex: 0 0 100%;
        max-width: 300px;
    }

    @media (max-width: 1024px) {
        .task-item .task-list-col2[data-v-2d3f7556] {
            flex-direction:column;
        }
    }

    .task-item .task-list-col2 .progress-wrapper[data-v-2d3f7556] {
        align-items: flex-start;
        flex: 1 1 50%;
        flex-direction: column;
    }

    .task-item .progress-label-wrap[data-v-2d3f7556] {
        align-items: center;
        display: flex;
        white-space: nowrap;
    }

    .task-item .progress-label[data-v-2d3f7556] {
        font-size: 12px;
        font-weight: 400;
        margin-right: 8px;
    }

    .task-item .progress-label[data-v-2d3f7556]:after {
        content: ":";
    }

    .task-item .progress-wrapper[data-v-2d3f7556] {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        margin-top: 10px;
    }

    .task-item .progress-wrapper .progress-text[data-v-2d3f7556] {
        color: #141f21;
        font-size: 12px;
        font-weight: 500;
    }

    .task-item .btn-group[data-v-2d3f7556] {
        align-items: center;
        display: flex;
        flex: 1;
        flex-wrap: wrap;
        gap: 12px;
        margin-left: 60px;
        max-width: 244px;
    }

    @media (max-width: 768px) {
        .task-item .btn-group[data-v-2d3f7556] {
            flex-wrap:wrap;
            margin-left: 0;
            margin-top: 32px;
            max-width: 100%;
        }
    }

    .task-item .btn-group .btn[data-v-2d3f7556] {
        flex: 1;
        margin: 0;
        max-width: none;
        min-width: 0;
        min-width: auto;
        padding-left: 8px;
        padding-right: 8px;
    }

    .task-item .btn[data-v-2d3f7556] {
        max-width: 320px;
        min-width: 215px;
    }

    @media (max-width: 768px) {
        .task-item .btn[data-v-2d3f7556] {
            margin:20px 0 0;
            max-width: none;
            width: 100%;
        }
    }

    .luck-draw-dialog[data-v-47988aee] .el-dialog {
        border-radius: 8px;
        top: 50%;
        transform: translateY(-50%);
        width: 480px;
    }

    .luck-draw-dialog[data-v-47988aee] .el-dialog__header {
        padding: 30px 30px 0;
    }

    @media (max-width: 768px) {
        .luck-draw-dialog[data-v-47988aee] .el-dialog {
            width:calc(100% - 60px);
        }
    }

    .block-container[data-v-25c1218a] {
        width: 100%;
    }

    .block-container .task-wrapper[data-v-25c1218a] {
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        padding: 30px 20px;
        position: relative;
    }

    @media (max-width: 768px) {
        .block-container .task-wrapper[data-v-25c1218a] {
            padding:20px 10px;
        }
    }

    .block-container .task-content[data-v-25c1218a] {
        left: 0;
        position: relative;
        top: 0;
    }

    .block-wrapper .card-wrapper[data-v-6119acd6] {
        background: #fff;
        border-radius: 8px;
        box-sizing: border-box;
        padding: 40px;
        width: 100%;
    }

    @media (max-width: 768px) {
        .block-wrapper .card-wrapper[data-v-6119acd6] {
            padding:30px 20px;
        }
    }

    .data-wrapper[data-v-b6e391de] {
        display: flex;
        height: 100%;
        padding: 10px 0;
        position: relative;
    }

    @media (max-width: 768px) {
        .data-wrapper[data-v-b6e391de] {
            flex-direction:column;
        }
    }

    .title[data-v-b6e391de] {
        font-size: 20px;
        font-weight: 600;
    }

    .content-wrapper[data-v-b6e391de] {
        display: flex;
        flex: 1;
        flex-direction: column;
        margin-right: 10%;
    }

    @media (max-width: 768px) {
        .content-wrapper[data-v-b6e391de] {
            margin-right:0;
        }
    }

    .FsZr1X {
        background: #fff;
        border-radius: 8px;
        padding: 40px;
    }

    @media (max-width: 768px) {
        .FsZr1X {
            padding:30px 20px;
        }
    }

    .rwOeK1 {
        display: grid;
        word-break: break-word;
    }

    .\+MceGi,.rwOeK1 {
        position: relative;
    }

    .\+MceGi .U2uRhz {
        border-left: 1px dashed #dadada;
        height: 100%;
        position: absolute;
        top: 0;
        width: 0;
    }

    .back-to-top-wrapper[data-v-48d1ca8a] {
        align-items: center;
        background-color: #fff;
        border-radius: 50%;
        bottom: 90px;
        box-shadow: 0 0 6px rgba(0,0,0,.12);
        cursor: pointer;
        display: flex;
        font-size: 20px;
        height: 40px;
        justify-content: center;
        position: fixed;
        right: 28px;
        width: 40px;
        z-index: 5;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/c9859f6.css */
    .tier-label[data-v-66a2f853] {
        cursor: pointer;
        font-size: 14px;
        line-height: 20px;
    }

    .tier-decoration[data-v-66a2f853] {
        border-bottom: 1px dashed;
    }

    .extra_bonus_label[data-v-28c480da] {
        cursor: pointer;
        font-size: 14px;
        line-height: 20px;
    }

    .extra_bonus_decoration[data-v-28c480da] {
        border-bottom: 1px dashed;
    }

    .earn-nav-wrap[data-v-592e1f74] {
        border-bottom: 1px solid #f3f8fa;
    }

    .earn-nav-content[data-v-592e1f74] {
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    [data-v-592e1f74] .el-tabs__nav.is-top .el-tabs__active-bar.is-top {
        background-color: #141f21;
        display: block!important;
        transition: none!important;
    }

    [data-v-592e1f74] .el-tabs__header {
        margin: 0;
    }

    @media (max-width: 768px) {
        .earn-nav-content[data-v-592e1f74] {
            font-size:12px!important;
            margin: 0 auto;
            position: relative;
            width: 95%!important;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/e80b653.css */
    .dialog-detail[data-v-bec88590] .el-dialog {
        border-radius: 8px;
        width: 486px;
    }

    [data-v-bec88590] .el-dialog__headerbtn {
        right: 10px;
        top: 10px;
    }

    @media (max-width: 720px) {
        .dialog-detail[data-v-bec88590] .el-dialog {
            width:96%;
        }
    }

    .action-btn[data-v-1ad7bc04] {
        font-size: 14px;
        padding: 10px 20px;
    }

    .con__earn[data-v-1ad7bc04] {
        background: #fff;
        display: grid;
        grid-template-columns: 1200px;
        justify-content: center;
        padding: 80px 0 0;
    }

    .tit_box__earn[data-v-1ad7bc04] {
        align-items: flex-end;
        display: flex;
        margin-bottom: 22px;
    }

    .tit_box__earn .title_texts[data-v-1ad7bc04] {
        flex: 1;
        width: 100%;
    }

    .tit__earn[data-v-1ad7bc04] {
        color: #000;
        font-size: 48px;
        font-weight: 500;
    }

    .des__titEarn[data-v-1ad7bc04] {
        color: #333;
        font-size: 16px;
        line-height: 22px;
        padding-top: 16px;
    }

    .action-buttons[data-v-1ad7bc04] {
        align-items: center;
        display: flex;
        margin-left: 20px;
    }

    .action-buttons .link-btn[data-v-1ad7bc04] {
        background-color: transparent;
        color: #3e4648;
        font-size: 16px;
        height: auto;
        line-height: 18px;
        padding: 0;
    }

    .action-buttons .line[data-v-1ad7bc04] {
        background-color: #9cb3ba;
        display: block;
        height: 17px;
        margin: 0 20px;
        width: 1px;
    }

    .filter_wrap[data-v-1ad7bc04] {
        align-items: center;
        background-color: #fff;
        display: flex;
        height: 40px;
        justify-content: space-between;
        padding: 16px 0 12px;
        position: relative;
        z-index: 1;
    }

    .filter_wrap--pin[data-v-1ad7bc04] {
        position: sticky;
        top: 80px;
    }

    .box__pin[data-v-1ad7bc04] {
        align-items: center;
        display: flex;
        height: 50px;
    }

    .pin[data-v-1ad7bc04] {
        border-radius: 4px;
        color: #999;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        height: 32px;
        line-height: 32px;
        margin-right: 20px;
        padding: 0 10px;
        transition: color .5s ease-in-out,background-color .5s ease-in-out;
    }

    .pin-active[data-v-1ad7bc04] {
        background-color: #f5f9fb;
        color: #333;
    }

    .earn__filter[data-v-1ad7bc04] .el-input__inner {
        background-color: #f5f9fb;
        border: 0;
        border-radius: 4px;
    }

    .earn__filter[data-v-1ad7bc04] .el-input {
        border: 1px solid transparent;
    }

    .earn__filter[data-v-1ad7bc04] .el-input__prefix,.filter__option[data-v-1ad7bc04] {
        align-items: center;
        display: flex;
    }

    .search-icon[data-v-1ad7bc04] {
        background: url(//assets/web-frontend/client/img/search.34b9682.svg) 50% no-repeat;
        background-size: contain;
        display: inline-flex;
        height: 100%;
        width: 18px;
    }

    .coin__logo[data-v-1ad7bc04] {
        border-radius: 18px;
        height: 18px;
        width: 18px;
    }

    .coin__name[data-v-1ad7bc04] {
        margin-left: 8px;
    }

    .earnList--first[data-v-1ad7bc04] {
        margin-top: -72px;
    }

    .earnList--next[data-v-1ad7bc04] {
        margin-top: -50px;
        position: relative;
    }

    .earnList--pin[data-v-1ad7bc04] {
        padding-top: 96px;
    }

    .list__head[data-v-1ad7bc04] {
        background-color: #fff;
        padding-top: 44px;
    }

    .tit_earnList[data-v-1ad7bc04] {
        color: #333;
        font-size: 32px;
        font-weight: 500;
    }

    .list__earn[data-v-1ad7bc04] {
        border-bottom: 1px solid #f2f2f2;
    }

    .list__toggle[data-v-1ad7bc04] {
        background-color: #fff;
        display: flex;
        height: 90px;
        justify-content: center;
    }

    .box__th[data-v-1ad7bc04] {
        border-bottom: 1px solid #f2f2f2;
        color: #333;
        font-size: 14px;
        grid: 64px/3fr 3fr 3fr 5fr 2fr;
    }

    .box__td[data-v-1ad7bc04],.box__th[data-v-1ad7bc04] {
        align-items: center;
        display: grid;
        overflow: hidden;
    }

    .box__td[data-v-1ad7bc04] {
        grid: 72px/3fr 3fr 3fr 5fr 2fr;
    }

    .box__td[data-v-1ad7bc04]:hover {
        background: #fafafa;
    }

    .item__td[data-v-1ad7bc04],.logo__td[data-v-1ad7bc04],.td1-wrap[data-v-1ad7bc04] {
        align-items: center;
        display: flex;
    }

    .coin-name-wrap[data-v-1ad7bc04] {
        display: block;
        margin-left: 12px;
    }

    .coin-name[data-v-1ad7bc04] {
        align-items: center;
        color: #1a1b1f;
        -moz-column-gap: 4px;
        column-gap: 4px;
        display: flex;
        font-size: 16px;
        font-weight: 700;
        line-height: 21px;
    }

    .coin-full-name[data-v-1ad7bc04] {
        color: #999;
        font-size: 14px;
    }

    .dia-titwrap[data-v-1ad7bc04] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        overflow: hidden;
        word-break: break-all;
    }

    .logo-img[data-v-1ad7bc04] {
        border-radius: 50%;
        height: 24px;
        vertical-align: bottom;
        width: 24px;
    }

    .tag__new[data-v-1ad7bc04] {
        height: 14px;
        width: 36px;
    }

    .item__lastTh[data-v-1ad7bc04] {
        text-align: right;
    }

    .tit__td[data-v-1ad7bc04] {
        color: #333;
        font-size: 16px;
    }

    .logo__productName[data-v-1ad7bc04] {
        border-radius: 50%;
        display: none;
        height: 22px;
        margin-right: 5px;
        width: 22px;
    }

    .apy__th[data-v-1ad7bc04] {
        display: flex;
    }

    .apy__td[data-v-1ad7bc04] {
        color: #13c2c2;
        font-size: 16px;
        font-weight: 600;
    }

    .apy__td .apy__td__row1[data-v-1ad7bc04],.apy__td .apy__td__row2[data-v-1ad7bc04] {
        display: flex;
    }

    .apy__td .apy__td__plus[data-v-1ad7bc04] {
        padding: 0 3px;
    }

    .time__td[data-v-1ad7bc04] {
        color: #333;
        font-size: 16px;
        font-weight: 700;
        overflow: scroll;
        overflow: -moz-scrollbars-none;
    }

    .time__td[data-v-1ad7bc04]::-webkit-scrollbar {
        display: none;
    }

    .btn__td[data-v-1ad7bc04] {
        justify-self: end;
    }

    .timeLimit__box[data-v-1ad7bc04] {
        display: flex;
        height: 32px;
    }

    .num__item[data-v-1ad7bc04] {
        align-items: center;
        border: 1px solid #f2f2f2;
        border-radius: 4px;
        box-sizing: border-box;
        color: #333;
        cursor: pointer;
        display: flex;
        font-size: 14px;
        font-weight: 700;
        height: 30px;
        justify-content: center;
        margin-right: 8px;
        width: 40px;
    }

    .num-active[data-v-1ad7bc04] {
        border: 1px solid #13c2c2;
    }

    .btn__el[data-v-1ad7bc04] {
        border-radius: 4px;
        height: 32px;
        min-width: 122px;
        padding: 8px;
    }

    .btn__el[data-v-1ad7bc04] span {
        font-size: 14px;
        font-weight: 600;
    }

    .btn__disabled[data-v-1ad7bc04] {
        background: #f3f4f7;
        color: #9cb3ba;
    }

    .con__feature[data-v-1ad7bc04] {
        background-color: #f5f9fb;
        display: grid;
        grid-template-columns: 1200px;
        justify-content: center;
        padding: 64px 0;
    }

    .tit__feature[data-v-1ad7bc04] {
        color: #000;
        font-size: 40px;
        font-weight: 500;
        margin-bottom: 24px;
    }

    .box__feature[data-v-1ad7bc04] {
        display: flex;
        justify-content: space-between;
    }

    .item__featureCon[data-v-1ad7bc04] {
        box-sizing: border-box;
        padding-top: 32px;
        width: 380px;
    }

    .tit__itemFeature[data-v-1ad7bc04] {
        color: #333;
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 8px;
    }

    .des__itemFeature[data-v-1ad7bc04] {
        color: #333;
        font-size: 14px;
        line-height: 22px;
    }

    .con__qa[data-v-1ad7bc04] {
        background: #fff;
        display: grid;
        grid-template-columns: 1200px;
        justify-content: center;
        padding: 80px 0 0;
    }

    .tit__qa[data-v-1ad7bc04] {
        color: #000;
        font-size: 40px;
        font-weight: 500;
    }

    .commonProblem__con[data-v-1ad7bc04] {
        margin-top: 40px;
    }

    .commonProblem__itemTit[data-v-1ad7bc04] .el-collapse-item__header {
        color: #333;
        font-size: 16px;
        font-weight: 500;
        height: 70px;
        line-height: 70px;
    }

    .con_agree[data-v-1ad7bc04] {
        color: #3e4648;
        font-size: 14px;
        grid: none/1200px;
        line-height: 20px;
        margin-top: 48px;
        padding-bottom: 100px;
    }

    .con_agree[data-v-1ad7bc04] {
        background: #fff;
        display: grid;
        justify-content: center;
    }

    .dialog__detail[data-v-1ad7bc04] .el-dialog {
        border-radius: 8px;
        width: 486px;
    }

    .dialog__detail[data-v-1ad7bc04] .el-dialog__footer {
        padding: 0 32px 32px;
    }

    .dia-titwrap[data-v-1ad7bc04] {
        align-items: center;
        display: flex;
    }

    .tit-font[data-v-1ad7bc04] {
        color: #1a1b1f;
        font-size: 20px;
        font-weight: 600;
        margin-left: 12px;
    }

    .highlight__txt[data-v-1ad7bc04] {
        color: #13c2c2;
    }

    .tip__agree[data-v-1ad7bc04] {
        color: #ff4d4f;
        font-size: 12px;
        height: 16px;
    }

    .agree__box[data-v-1ad7bc04] {
        text-align: left;
    }

    .agree__box[data-v-1ad7bc04] .el-checkbox__label {
        color: #606266;
    }

    .btn__confirm[data-v-1ad7bc04] {
        border-radius: 4px;
        height: 40px;
        width: 100%;
    }

    [data-v-1ad7bc04] .btn__confirm.is-disabled {
        background: rgba(19,194,194,.4);
        color: #fff;
    }

    .num-active[data-v-1ad7bc04] {
        border-color: #13c2c2;
        color: #13c2c2;
    }

    [data-v-1ad7bc04] .el-dialog__header {
        margin-bottom: 32px;
        padding: 32px 32px 0;
    }

    [data-v-1ad7bc04] .el-dialog__close:before {
        font-weight: 700;
    }

    @media (max-width: 720px) {
        .tit__earn[data-v-1ad7bc04] {
            font-size:48px;
        }

        .con__earn[data-v-1ad7bc04],.con__feature[data-v-1ad7bc04] {
            grid-template-columns: 90%;
            margin: 0 auto;
        }

        .box__th[data-v-1ad7bc04] {
            grid-column-gap: 10px;
            font-size: 14px;
            grid: 64px/0 4fr 1fr 0 2fr;
            padding: 0;
        }

        .item__th[data-v-1ad7bc04] {
            overflow: hidden;
        }

        .box__td[data-v-1ad7bc04] {
            grid-gap: 10px;
            font-size: 14px;
            grid: 64px/0 4fr 1fr 0 2fr;
            padding: 0;
        }

        .commonProblem__itemTit[data-v-1ad7bc04] .el-collapse-item__header {
            align-content: center;
            align-items: center;
            line-height: normal;
        }

        .item__td[data-v-1ad7bc04] {
            overflow: hidden;
        }

        .logo__productName[data-v-1ad7bc04] {
            display: block;
        }

        .time__td[data-v-1ad7bc04] {
            font-size: 12px;
        }

        .item__featureCon[data-v-1ad7bc04] {
            margin-bottom: 20px;
        }

        .box__feature[data-v-1ad7bc04] {
            flex-flow: column wrap;
        }

        .item__featureCon[data-v-1ad7bc04] {
            height: 100px;
            padding-top: 20px;
            width: 100%;
        }

        .con__qa[data-v-1ad7bc04] {
            grid-template-columns: 90%;
        }

        .con__qa[data-v-1ad7bc04] {
            padding: 40px 0 0;
        }

        .con_agree[data-v-1ad7bc04] {
            grid-template-columns: 90%;
        }

        .dialog__detail[data-v-1ad7bc04] .el-dialog {
            width: 96%;
        }

        .dialog__detail[data-v-1ad7bc04] .el-dialog__header {
            margin-bottom: 32px;
            padding: 32px 32px 0;
        }

        .dialog__detail[data-v-1ad7bc04] .el-dialog__footer {
            padding: 0 32px 32px;
        }
    }

    .tier-placeholder[data-v-1ad7bc04] {
        align-items: center;
        color: #91a5b1;
        color: #9cb3ba;
        display: flex;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 2px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/a579814.css */
    .con-qa[data-v-168c2ed9] {
        background: #fff;
        display: grid;
        grid-template-columns: 1200px;
        justify-content: center;
        padding: 80px 0 0;
    }

    .tit-qa[data-v-168c2ed9] {
        color: #000;
        font-size: 40px;
        font-weight: 500;
    }

    .commonProblem__con[data-v-168c2ed9] {
        margin-top: 40px;
    }

    .commonProblem__itemTit[data-v-168c2ed9] .el-collapse-item__header {
        color: #333;
        font-size: 16px;
        font-weight: 500;
        height: 70px;
        line-height: 70px;
    }

    @media (max-width: 720px) {
        .con-qa[data-v-168c2ed9] {
            grid-template-columns:100%;
            padding-left: 20px;
            padding-right: 20px;
        }

        .commonProblem__itemTit[data-v-168c2ed9] .el-collapse-item__header {
            color: #333;
            font-size: 16px;
            font-weight: 500;
            height: 70px;
            line-height: 27px;
        }
    }

    .dialog-detail[data-v-cb755524] .el-dialog {
        border-radius: 8px;
        width: 486px;
    }

    [data-v-cb755524] .el-dialog__headerbtn {
        right: 10px;
        top: 10px;
    }

    .table[data-v-051f08e8] {
        border-bottom: 1px solid #f2f2f2;
        border-collapse: collapse;
        margin-top: 10px;
        text-align: left;
        width: 100%;
    }

    thead[data-v-051f08e8] {
        background: #fff;
        position: sticky;
        top: 80px;
    }

    thead[data-v-051f08e8] {
        border-bottom: 1px solid #f2f2f2;
    }

    .logo-img[data-v-051f08e8] {
        border-radius: 50%;
        height: 24px;
        vertical-align: bottom;
        width: 24px;
    }

    .coin-name-wrap[data-v-051f08e8] {
        display: block;
        margin-left: 12px;
    }

    .coin-name[data-v-051f08e8] {
        color: #1a1b1f;
        font-size: 16px;
        font-weight: 700;
        line-height: 21px;
    }

    .coin-full-name[data-v-051f08e8] {
        color: #999;
        font-size: 14px;
    }

    .td2[data-v-051f08e8] {
        margin-right: 10px;
    }

    .td3 .td3-flex[data-v-051f08e8] {
        align-items: flex-end;
        color: #13c2c2;
        flex-direction: column;
        font-weight: 700;
        padding-left: 20px;
        text-align: right;
    }

    .td3 .apy__td__row1[data-v-051f08e8],.td3 .apy__td__row2[data-v-051f08e8] {
        display: flex;
    }

    .td3 .apy__td__plus[data-v-051f08e8] {
        padding: 0 3px;
    }

    @media (max-width: 720px) {
        .td3 .td3-flex[data-v-051f08e8],.th3[data-v-051f08e8] {
            margin-right:20px;
        }

        .td3 .td3-flex[data-v-051f08e8] {
            padding-left: 10px;
        }
    }

    .td1-wrap[data-v-051f08e8] {
        align-items: center;
        display: flex;
    }

    th[data-v-051f08e8] {
        font-size: 14px;
        font-weight: 400;
    }

    td[data-v-051f08e8],th[data-v-051f08e8] {
        padding: 24px 0;
        white-space: nowrap;
    }

    .td2[data-v-051f08e8],.td4[data-v-051f08e8],.th2[data-v-051f08e8],.th4[data-v-051f08e8] {
        overflow: hidden;
    }

    .col5[data-v-051f08e8],.td5[data-v-051f08e8],.th5[data-v-051f08e8] {
        width: 110px;
    }

    .col1[data-v-051f08e8] {
        width: 22%;
    }

    .col3[data-v-051f08e8] {
        width: 200px;
    }

    .col4[data-v-051f08e8] {
        width: 320px;
    }

    .more-btn-wrap[data-v-051f08e8] {
        align-items: center;
        background: #fff;
        display: grid;
        justify-items: center;
        place-items: center;
    }

    .dia-titwrap[data-v-051f08e8] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        overflow: hidden;
        word-break: break-all;
    }

    .tit-font[data-v-051f08e8] {
        color: #1a1b1f;
        font-size: 20px;
        font-weight: 600;
        margin-left: 12px;
    }

    .btn-el[data-v-051f08e8] {
        border-radius: 4px;
        height: 34px;
        padding: 8px;
        width: 102px;
    }

    .btn-el[data-v-051f08e8] span {
        font-size: 14px;
        font-weight: 600;
    }

    .btn__disabled[data-v-051f08e8] {
        background: #f3f4f7;
        color: #9cb3ba;
    }

    [data-v-051f08e8] .el-dialog {
        border-radius: 8px;
        width: 486px;
    }

    .dialog-detail[data-v-051f08e8] .el-dialog__footer {
        padding: 0 32px 32px;
    }

    .highlight-txt[data-v-051f08e8] {
        color: #13c2c2;
    }

    .tip-agree[data-v-051f08e8] {
        color: #ff4d4f;
        font-size: 12px;
        height: 16px;
    }

    .agree-box[data-v-051f08e8],.tip-agree[data-v-051f08e8] {
        text-align: left;
    }

    .agree-box[data-v-051f08e8] .el-checkbox__label {
        color: #606266;
    }

    .date-num[data-v-051f08e8] {
        align-items: center;
        display: flex;
    }

    .num-item[data-v-051f08e8] {
        align-items: center;
        border: 1px solid #f2f2f2;
        border-radius: 4px;
        box-sizing: border-box;
        color: #333;
        cursor: pointer;
        display: flex;
        font-size: 14px;
        font-weight: 700;
        height: 32px;
        justify-content: center;
        margin-right: 8px;
        padding: 0 16px;
    }

    .num-item.active[data-v-051f08e8] {
        border-color: #13c2c2;
        color: #13c2c2;
    }

    [data-v-051f08e8] .el-dialog__header {
        margin-bottom: 32px;
        padding: 32px 32px 0;
    }

    [data-v-051f08e8] .el-dialog__close:before {
        font-weight: 700;
    }

    @media (max-width: 720px) {
        .table[data-v-051f08e8] {
            table-layout:fixed;
        }

        .td1[data-v-051f08e8],.th1[data-v-051f08e8] {
            padding-left: 20px;
        }

        .td5[data-v-051f08e8],.th5[data-v-051f08e8] {
            padding-right: 20px;
        }

        .col1[data-v-051f08e8] {
            width: 40%;
        }

        .col3[data-v-051f08e8],.col5[data-v-051f08e8] {
            width: 30%;
        }

        .col2[data-v-051f08e8],.col4[data-v-051f08e8],.td4[data-v-051f08e8],.th4[data-v-051f08e8] {
            visibility: hidden;
            width: 0;
        }

        .coin-full-name[data-v-051f08e8] {
            display: none;
        }

        .dialog-detail[data-v-051f08e8] .el-dialog {
            width: 90%;
        }

        .dialog-detail[data-v-051f08e8] .el-dialog__header {
            margin-bottom: 32px;
            padding: 32px 32px 0;
        }

        .dialog-detail[data-v-051f08e8] .el-dialog__footer {
            padding: 0 32px 32px;
        }
    }

    .tier-placeholder[data-v-051f08e8] {
        align-items: center;
        color: #91a5b1;
        display: flex;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 2px;
    }

    .con-staking[data-v-913c721a],.staking[data-v-913c721a] {
        background: #fff;
    }

    .con-staking[data-v-913c721a] {
        display: grid;
        grid-template-columns: 1200px;
        justify-content: center;
        padding: 80px 0 0;
    }

    .title-box-staking[data-v-913c721a] {
        align-items: flex-end;
        display: flex;
        margin-bottom: 22px;
    }

    .title-box-staking .title-texts[data-v-913c721a] {
        flex: 1;
        font-size: 48px;
        width: 100%;
    }

    .tit-staking[data-v-913c721a] {
        color: #000;
        font-size: 48px;
        font-weight: 500;
    }

    .subtit-staking[data-v-913c721a] {
        color: #333;
        font-size: 16px;
        line-height: 22px;
        padding-top: 16px;
    }

    .action-buttons[data-v-913c721a] {
        align-items: center;
        display: flex;
        margin-left: 20px;
    }

    .action-buttons .link-btn[data-v-913c721a] {
        background-color: transparent;
        color: #3e4648;
        font-size: 16px;
        height: auto;
        line-height: 18px;
        padding: 0;
    }

    .action-buttons .line[data-v-913c721a] {
        background-color: #9cb3ba;
        display: block;
        height: 17px;
        margin: 0 20px;
        width: 1px;
    }

    .filter-wrap[data-v-913c721a] {
        align-items: center;
        background-color: #fff;
        display: flex;
        height: 40px;
        justify-content: space-between;
        padding: 16px 0 12px;
        position: relative;
        z-index: 1;
    }

    .con-feature[data-v-913c721a] {
        background-color: #f5f9fb;
        display: grid;
        grid-template-columns: 1200px;
        justify-content: center;
        margin-top: 60px;
        padding: 64px 0;
    }

    .tit__feature[data-v-913c721a] {
        color: #000;
        font-size: 40px;
        font-weight: 500;
        margin-bottom: 24px;
    }

    .box__feature[data-v-913c721a] {
        display: flex;
        justify-content: space-between;
    }

    .item__featureCon[data-v-913c721a] {
        box-sizing: border-box;
        padding-top: 32px;
        width: 380px;
    }

    .tit__itemFeature[data-v-913c721a] {
        color: #333;
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 8px;
    }

    .des__itemFeature[data-v-913c721a] {
        color: #333;
        font-size: 14px;
        line-height: 22px;
    }

    .con-agree[data-v-913c721a] {
        background: #fff;
        color: #3e4648;
        display: grid;
        font-size: 14px;
        grid: none/1200px;
        justify-content: center;
        line-height: 20px;
        margin-top: 38px;
        padding-bottom: 100px;
    }

    .staking-table[data-v-913c721a] {
        margin-top: 20px;
    }

    .staking__filter[data-v-913c721a] .el-input__inner {
        background-color: #f5f9fb;
        border: 0;
        border-radius: 4px;
    }

    .staking__filter[data-v-913c721a] .el-input {
        border: 1px solid transparent;
    }

    .staking__filter[data-v-913c721a] .el-input__prefix {
        align-items: center;
        display: flex;
    }

    .search-icon[data-v-913c721a] {
        background: url(/assets/web-frontend/client/img/search.34b9682.svg) 50% no-repeat;
        background-size: contain;
        display: inline-flex;
        height: 100%;
        width: 18px;
    }

    .filter__option[data-v-913c721a] {
        align-items: center;
        display: flex;
    }

    .coin__logo[data-v-913c721a] {
        border-radius: 18px;
        height: 18px;
        width: 18px;
    }

    .coin__name[data-v-913c721a] {
        margin-left: 8px;
    }

    @media (max-width: 720px) {
        .con-staking[data-v-913c721a] {
            grid-template-columns:100%;
            padding: 70px 0;
        }

        .tit-staking[data-v-913c721a] {
            font-size: 40px;
            font-weight: 400;
            left: 0;
        }

        .subtit-staking[data-v-913c721a],.tit-staking[data-v-913c721a] {
            padding-left: 20px;
            padding-right: 20px;
        }

        .subtit-staking[data-v-913c721a] {
            font-size: 14px;
            font-weight: 500;
        }

        .con-feature[data-v-913c721a] {
            grid-template-columns: 100%;
            padding-left: 20px;
            padding-right: 20px;
        }

        .box__feature[data-v-913c721a] {
            flex-wrap: wrap;
        }

        .item__featureCon[data-v-913c721a] {
            width: 100%;
        }

        .con-agree[data-v-913c721a] {
            grid: none/100%;
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/c9859f6.css */
    .extra_bonus_label[data-v-28c480da] {
        cursor: pointer;
        font-size: 14px;
        line-height: 20px;
    }

    .extra_bonus_decoration[data-v-28c480da] {
        border-bottom: 1px dashed;
    }

    .earn-nav-wrap[data-v-592e1f74] {
        border-bottom: 1px solid #f3f8fa;
    }

    .earn-nav-content[data-v-592e1f74] {
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    [data-v-592e1f74] .el-tabs__nav.is-top .el-tabs__active-bar.is-top {
        background-color: #141f21;
        display: block!important;
        transition: none!important;
    }

    [data-v-592e1f74] .el-tabs__header {
        margin: 0;
    }

    @media (max-width: 768px) {
        .earn-nav-content[data-v-592e1f74] {
            font-size:12px!important;
            margin: 0 auto;
            position: relative;
            width: 95%!important;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/64dbec2.css */
    .dialog-detail[data-v-bec88590] .el-dialog {
        border-radius: 8px;
        width: 486px;
    }

    [data-v-bec88590] .el-dialog__headerbtn {
        right: 10px;
        top: 10px;
    }

    @media (max-width: 720px) {
        .dialog-detail[data-v-bec88590] .el-dialog {
            width:96%;
        }
    }

    .action-btn[data-v-aa5651c8] {
        font-size: 14px;
        padding: 10px 20px;
    }

    .con__earn[data-v-aa5651c8] {
        background: #fff;
        display: grid;
        grid-template-columns: 1200px;
        justify-content: center;
    }

    .con__earn[data-v-aa5651c8]:nth-child(2) {
        background: linear-gradient(180deg,#fff6e3,hsla(0,0%,100%,0));
        padding-bottom: 100px;
        padding-top: 80px;
    }

    .tit_box__earn[data-v-aa5651c8] {
        align-items: flex-end;
        display: flex;
    }

    .tit_box__earn .title_texts[data-v-aa5651c8] {
        flex: 1;
        width: 100%;
    }

    .tit__earn[data-v-aa5651c8] {
        color: #000;
        font-size: 48px;
        font-weight: 500;
    }

    .des__titEarn[data-v-aa5651c8] {
        color: #333;
        font-size: 16px;
        line-height: 22px;
        padding-top: 16px;
    }

    .action-buttons[data-v-aa5651c8] {
        align-items: center;
        display: flex;
        margin-left: 20px;
    }

    .filter_wrap[data-v-aa5651c8] {
        align-items: center;
        background-color: #fff;
        display: flex;
        height: 40px;
        justify-content: space-between;
        padding: 16px 0 12px;
        position: relative;
        z-index: 1;
    }

    .filter_wrap--pin[data-v-aa5651c8] {
        position: sticky;
        top: 80px;
    }

    .box__pin[data-v-aa5651c8] {
        align-items: center;
        display: flex;
        height: 50px;
    }

    .pin[data-v-aa5651c8] {
        border-radius: 4px;
        color: #999;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        height: 32px;
        line-height: 32px;
        margin-right: 20px;
        padding: 0 10px;
        transition: color .5s ease-in-out,background-color .5s ease-in-out;
    }

    .pin-active[data-v-aa5651c8] {
        background-color: #f5f9fb;
        color: #333;
    }

    .earn__filter[data-v-aa5651c8] .el-input__inner {
        background-color: #f5f9fb;
        border: 0;
        border-radius: 4px;
    }

    .earn__filter[data-v-aa5651c8] .el-input {
        border: 1px solid transparent;
    }

    .earn__filter[data-v-aa5651c8] .el-input__prefix,.filter__option[data-v-aa5651c8] {
        align-items: center;
        display: flex;
    }

    .search-icon[data-v-aa5651c8] {
        background: url(/assets/web-frontend/client/img/search.34b9682.svg) 50% no-repeat;
        background-size: contain;
        display: inline-flex;
        height: 100%;
        width: 18px;
    }

    .coin__logo[data-v-aa5651c8] {
        border-radius: 18px;
        height: 18px;
        width: 18px;
    }

    .coin__name[data-v-aa5651c8] {
        margin-left: 8px;
    }

    .earnList--first[data-v-aa5651c8] {
        margin-top: -72px;
    }

    .earnList--next[data-v-aa5651c8] {
        margin-top: -50px;
        position: relative;
    }

    .earnList--pin[data-v-aa5651c8] {
        padding-top: 96px;
    }

    .list__head[data-v-aa5651c8] {
        background-color: #fff;
    }

    .tit_earnList[data-v-aa5651c8] {
        color: #333;
        font-size: 32px;
        font-weight: 500;
    }

    .list__earn[data-v-aa5651c8] {
        border-bottom: 1px solid #f2f2f2;
    }

    .list__toggle[data-v-aa5651c8] {
        background-color: #fff;
        display: flex;
        height: 90px;
        justify-content: center;
    }

    .box__th[data-v-aa5651c8] {
        border-bottom: 1px solid #f2f2f2;
        color: #333;
        font-size: 14px;
        grid: 64px/3fr 3fr 3fr 5fr 2fr;
    }

    .box__td[data-v-aa5651c8],.box__th[data-v-aa5651c8] {
        align-items: center;
        display: grid;
        overflow: hidden;
    }

    .box__td[data-v-aa5651c8] {
        grid: 72px/3fr 3fr 3fr 5fr 2fr;
    }

    .box__td[data-v-aa5651c8]:hover {
        background: #fafafa;
    }

    .item__td[data-v-aa5651c8],.logo__td[data-v-aa5651c8],.td1-wrap[data-v-aa5651c8] {
        align-items: center;
        display: flex;
    }

    .coin-name-wrap[data-v-aa5651c8] {
        display: block;
        margin-left: 12px;
    }

    .coin-name[data-v-aa5651c8] {
        align-items: center;
        color: #1a1b1f;
        -moz-column-gap: 4px;
        column-gap: 4px;
        display: flex;
        font-size: 16px;
        font-weight: 700;
        line-height: 21px;
    }

    .coin-full-name[data-v-aa5651c8] {
        color: #999;
        font-size: 14px;
    }

    .dia-titwrap[data-v-aa5651c8] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        overflow: hidden;
        word-break: break-all;
    }

    .logo-img[data-v-aa5651c8] {
        border-radius: 50%;
        height: 24px;
        vertical-align: bottom;
        width: 24px;
    }

    .tag_class[data-v-aa5651c8] {
        align-items: center;
        border-bottom-right-radius: 8px;
        border-top-left-radius: 8px;
        box-sizing: border-box;
        display: inline-flex;
        font-size: 12px;
        font-weight: lighter;
        height: 14px;
        justify-content: center;
        padding: 1px 5px;
    }

    .tag__vip[data-v-aa5651c8] {
        background-color: rgba(255,167,31,.1);
        color: #ffa71f;
    }

    .item__lastTh[data-v-aa5651c8] {
        text-align: right;
    }

    .tit__td[data-v-aa5651c8] {
        color: #333;
        font-size: 16px;
    }

    .logo__productName[data-v-aa5651c8] {
        border-radius: 50%;
        display: none;
        height: 22px;
        margin-right: 5px;
        width: 22px;
    }

    .apy__th[data-v-aa5651c8] {
        display: flex;
    }

    .apy__td[data-v-aa5651c8],.apy__th[data-v-aa5651c8] {
        justify-content: flex-end;
        margin-right: 50px;
    }

    .apy__td[data-v-aa5651c8] {
        align-items: flex-end;
        color: #13c2c2;
        flex-direction: column;
        font-size: 16px;
        font-weight: 700;
        text-align: right;
    }

    .apy__td .apy__td__row1[data-v-aa5651c8],.apy__td .apy__td__row2[data-v-aa5651c8] {
        display: flex;
    }

    .apy__td .apy__td__plus[data-v-aa5651c8] {
        padding: 0 3px;
    }

    .time__td[data-v-aa5651c8] {
        color: #333;
        font-size: 16px;
        font-weight: 700;
        overflow: scroll;
        overflow: -moz-scrollbars-none;
    }

    .time__td[data-v-aa5651c8]::-webkit-scrollbar {
        display: none;
    }

    .btn__td[data-v-aa5651c8] {
        justify-self: end;
    }

    .timeLimit__box[data-v-aa5651c8] {
        display: flex;
        height: 32px;
    }

    .num__item[data-v-aa5651c8] {
        align-items: center;
        border: 1px solid #f2f2f2;
        border-radius: 4px;
        box-sizing: border-box;
        color: #333;
        cursor: pointer;
        display: flex;
        font-size: 14px;
        font-weight: 700;
        height: 30px;
        justify-content: center;
        margin-right: 8px;
        width: 40px;
    }

    .num-active[data-v-aa5651c8] {
        border: 1px solid #13c2c2;
    }

    .btn__el[data-v-aa5651c8] {
        border-radius: 4px;
        height: 32px;
        min-width: 122px;
        padding: 8px;
    }

    .btn__el[data-v-aa5651c8] span {
        font-size: 14px;
        font-weight: 600;
    }

    .btn__disabled[data-v-aa5651c8] {
        background: #f3f4f7;
        color: #9cb3ba;
    }

    .con__feature[data-v-aa5651c8] {
        display: grid;
        grid-template-columns: 1200px;
        justify-content: center;
        padding: 64px 0;
    }

    .tit__feature[data-v-aa5651c8] {
        color: #000;
        font-size: 40px;
        font-weight: 500;
        margin-bottom: 24px;
    }

    .box__feature[data-v-aa5651c8] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .item__featureCon[data-v-aa5651c8] {
        box-sizing: border-box;
        display: flex;
        flex-shrink: 0;
        padding-top: 32px;
        width: 482px;
    }

    .ico__itemFeature[data-v-aa5651c8] {
        flex-shrink: 0;
        height: 32px;
        margin-right: 40px;
        width: 32px;
    }

    .tit__itemFeature[data-v-aa5651c8] {
        color: #333;
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 8px;
    }

    .des__itemFeature[data-v-aa5651c8] {
        color: #333;
        font-size: 14px;
        line-height: 22px;
    }

    .con__qa[data-v-aa5651c8] {
        background: #fff;
        display: grid;
        grid-template-columns: 1200px;
        justify-content: center;
        padding: 80px 0 0;
    }

    .tit__qa[data-v-aa5651c8] {
        color: #000;
        font-size: 40px;
        font-weight: 500;
    }

    .commonProblem__con[data-v-aa5651c8] {
        margin-top: 40px;
    }

    .commonProblem__itemTit[data-v-aa5651c8] .el-collapse-item__header {
        color: #333;
        font-size: 16px;
        font-weight: 500;
        height: 70px;
        line-height: 70px;
    }

    .dialog__detail[data-v-aa5651c8] .el-dialog {
        border-radius: 8px;
        width: 486px;
    }

    .dialog__detail[data-v-aa5651c8] .el-dialog__footer {
        padding: 0 32px 32px;
    }

    .dia-titwrap[data-v-aa5651c8] {
        align-items: center;
        display: flex;
    }

    .tit-font[data-v-aa5651c8] {
        color: #1a1b1f;
        font-size: 20px;
        font-weight: 600;
        margin-left: 12px;
    }

    .highlight__txt[data-v-aa5651c8] {
        color: #13c2c2;
    }

    .tip__agree[data-v-aa5651c8] {
        color: #ff4d4f;
        font-size: 12px;
        height: 16px;
    }

    .agree__box[data-v-aa5651c8] {
        text-align: left;
    }

    .agree__box[data-v-aa5651c8] .el-checkbox__label {
        color: #606266;
    }

    .btn__confirm[data-v-aa5651c8] {
        border-radius: 4px;
        height: 40px;
        width: 100%;
    }

    [data-v-aa5651c8] .btn__confirm.is-disabled {
        background: rgba(19,194,194,.4);
        color: #fff;
    }

    .num-active[data-v-aa5651c8] {
        border-color: #13c2c2;
        color: #13c2c2;
    }

    [data-v-aa5651c8] .el-dialog__header {
        margin-bottom: 32px;
        padding: 32px 32px 0;
    }

    [data-v-aa5651c8] .el-dialog__close:before {
        font-weight: 700;
    }

    @media (max-width: 720px) {
        .tit__earn[data-v-aa5651c8] {
            font-size:48px;
        }

        .con__earn[data-v-aa5651c8],.con__feature[data-v-aa5651c8] {
            grid-template-columns: 90%;
            margin: 0 auto;
        }

        .box__th[data-v-aa5651c8] {
            grid-column-gap: 10px;
            font-size: 14px;
            grid: 64px/0 4fr 1fr 0 2fr;
            padding: 0;
        }

        .item__th[data-v-aa5651c8] {
            overflow: hidden;
        }

        .box__td[data-v-aa5651c8] {
            grid-gap: 10px;
            font-size: 14px;
            grid: 64px/0 4fr 1fr 0 2fr;
            padding: 0;
        }

        .commonProblem__itemTit[data-v-aa5651c8] .el-collapse-item__header {
            align-content: center;
            align-items: center;
            line-height: normal;
        }

        .item__td[data-v-aa5651c8] {
            overflow: hidden;
        }

        .logo__productName[data-v-aa5651c8] {
            display: block;
        }

        .time__td[data-v-aa5651c8] {
            font-size: 12px;
        }

        .item__featureCon[data-v-aa5651c8] {
            margin-bottom: 20px;
        }

        .box__feature[data-v-aa5651c8] {
            flex-flow: column wrap;
        }

        .item__featureCon[data-v-aa5651c8] {
            height: 100px;
            padding-top: 20px;
            width: 100%;
        }

        .con__qa[data-v-aa5651c8] {
            grid-template-columns: 90%;
        }

        .con__qa[data-v-aa5651c8] {
            padding: 40px 0 0;
        }

        .dialog__detail[data-v-aa5651c8] .el-dialog {
            width: 96%;
        }

        .dialog__detail[data-v-aa5651c8] .el-dialog__header {
            margin-bottom: 32px;
            padding: 32px 32px 0;
        }

        .dialog__detail[data-v-aa5651c8] .el-dialog__footer {
            padding: 0 32px 32px;
        }
    }

    .tier-placeholder[data-v-aa5651c8] {
        align-items: center;
        color: #91a5b1;
        display: flex;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 2px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/c9859f6.css */
    .extra_bonus_label[data-v-28c480da] {
        cursor: pointer;
        font-size: 14px;
        line-height: 20px;
    }

    .extra_bonus_decoration[data-v-28c480da] {
        border-bottom: 1px dashed;
    }

    .earn-nav-wrap[data-v-592e1f74] {
        border-bottom: 1px solid #f3f8fa;
    }

    .earn-nav-content[data-v-592e1f74] {
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    [data-v-592e1f74] .el-tabs__nav.is-top .el-tabs__active-bar.is-top {
        background-color: #141f21;
        display: block!important;
        transition: none!important;
    }

    [data-v-592e1f74] .el-tabs__header {
        margin: 0;
    }

    @media (max-width: 768px) {
        .earn-nav-content[data-v-592e1f74] {
            font-size:12px!important;
            margin: 0 auto;
            position: relative;
            width: 95%!important;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/51c257a.css */
    .con-qa[data-v-67017d83] {
        background: #fff;
        display: grid;
        grid-template-columns: 1200px;
        justify-content: center;
        padding: 80px 0 0;
    }

    .tit-qa[data-v-67017d83] {
        color: #000;
        font-size: 40px;
        font-weight: 500;
    }

    .commonProblem__con[data-v-67017d83] {
        margin-top: 40px;
    }

    .commonProblem__itemTit[data-v-67017d83] .el-collapse-item__header {
        color: #333;
        font-size: 16px;
        font-weight: 500;
        height: 70px;
        line-height: 70px;
    }

    .con-agree[data-v-67017d83] {
        background: #fff;
        color: #3e4648;
        display: grid;
        font-size: 14px;
        grid: none/1200px;
        justify-content: center;
        line-height: 20px;
        margin-top: 38px;
        padding-bottom: 100px;
    }

    @media (max-width: 720px) {
        .con-qa[data-v-67017d83] {
            grid-template-columns:100%;
            padding-left: 20px;
            padding-right: 20px;
        }

        .commonProblem__itemTit[data-v-67017d83] .el-collapse-item__header {
            color: #333;
            font-size: 16px;
            font-weight: 500;
            height: 70px;
            line-height: 27px;
        }

        .con-agree[data-v-67017d83] {
            grid: none/100%;
        }
    }

    .dual-asset-list[data-v-38f9d4f9] {
        grid-gap: 24px;
        display: grid;
        gap: 24px;
        grid-template-columns: repeat(4,282px);
        margin-bottom: 60px;
    }

    .asset-item[data-v-38f9d4f9] {
        border: 1px solid #eaf0f3;
        border-radius: 16px;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        flex-wrap: wrap;
        height: 128px;
        padding: 20px;
        position: relative;
        transition: all .3s ease;
    }

    .asset-item[data-v-38f9d4f9]:hover {
        border-color: #13c2c2;
    }

    .asset-item[data-v-38f9d4f9]:after {
        background: url(/assets/web-frontend/client/img/checked.2914807.svg) no-repeat 50%;
        content: "";
        display: block;
        height: 24px;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .2s ease;
        width: 36px;
    }

    .asset-item.active[data-v-38f9d4f9] {
        background-color: #f5f9fb;
        border-color: #13c2c2;
    }

    .asset-item.active[data-v-38f9d4f9]:after {
        opacity: 1;
    }

    .asset-item .asset-name[data-v-38f9d4f9] {
        align-items: center;
        display: flex;
        margin-bottom: 20px;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

    .asset-item .asset-name .coin-icon[data-v-38f9d4f9] {
        border-radius: 50%;
        height: 28px;
        margin-right: 8px;
        width: 28px;
    }

    .asset-item .asset-name .name[data-v-38f9d4f9] {
        color: #141f21;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        margin-right: 8px;
    }

    .asset-item .asset-name .sub[data-v-38f9d4f9] {
        color: #86939b;
        font-size: 16px;
        line-height: 28px;
    }

    .asset-item .apy-box[data-v-38f9d4f9] {
        width: 146px;
    }

    .asset-item .a-label[data-v-38f9d4f9] {
        color: #6a7c81;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 4px;
    }

    .asset-item .a-value[data-v-38f9d4f9] {
        color: #141f21;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
    }

    .asset-item .a-value.green[data-v-38f9d4f9] {
        color: #13c2c2;
    }

    @media (max-width: 720px) {
        .dual-asset-list[data-v-38f9d4f9] {
            display:block;
        }

        .asset-item[data-v-38f9d4f9] {
            margin-bottom: 20px;
        }

        .asset-item[data-v-38f9d4f9]:last-child {
            margin-bottom: 0;
        }
    }

    .date-selector[data-v-6478c5ce] {
        display: flex;
        overflow: hidden;
        width: 100%;
    }

    .date-selector .date-list-wrapper[data-v-6478c5ce] {
        flex: 1;
        overflow: auto;
        position: relative;
        scroll-behavior: smooth;
        white-space: nowrap;
        width: 100%;
    }

    .date-selector .date-list-wrapper[data-v-6478c5ce]::-webkit-scrollbar {
        background-color: transparent;
        height: 0;
        width: 0;
    }

    .date-selector .date-list-wrapper[data-v-6478c5ce]::-webkit-scrollbar-track {
        opacity: 0;
    }

    .date-selector .date-list-wrapper[data-v-6478c5ce]::-webkit-scrollbar-thumb,.date-selector .date-list-wrapper[data-v-6478c5ce]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .date-selector .all-date[data-v-6478c5ce],.date-selector .date-item[data-v-6478c5ce] {
        color: #3e4648;
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        margin: 0 18px;
    }

    .date-selector .all-date.active[data-v-6478c5ce] {
        color: #141f21;
        font-weight: 700;
    }

    .date-selector .all-date[data-v-6478c5ce]:first-child,.date-selector .date-item[data-v-6478c5ce]:first-child {
        margin-left: 0;
    }

    .date-selector .date-item[data-v-6478c5ce]:last-child {
        margin-right: 0;
    }

    .date-selector .all-date[data-v-6478c5ce] {
        margin-right: 36px;
    }

    .date-selector .left-mask[data-v-6478c5ce],.date-selector .right-mask[data-v-6478c5ce] {
        pointer-events: none;
        position: relative;
        width: 0;
        z-index: 1;
    }

    .date-selector .left-mask[data-v-6478c5ce]:before,.date-selector .right-mask[data-v-6478c5ce]:before {
        background: linear-gradient(90deg,#fff,transparent);
        content: "";
        display: block;
        height: 100%;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 20px;
    }

    .date-selector .left-mask[data-v-6478c5ce]:before {
        left: 0;
    }

    .date-selector .right-mask[data-v-6478c5ce]:before {
        right: 0;
        transform: scaleX(-1);
    }

    .date-selector .right-mask.show[data-v-6478c5ce]:before {
        opacity: 1;
    }

    .list-title[data-v-b24523a0] {
        align-items: center;
        background-color: #f5f9fb;
        border-radius: 4px;
        box-sizing: border-box;
        display: flex;
        height: 48px;
        justify-content: space-between;
        margin-bottom: 16px;
        padding: 0 16px;
        width: 100%;
    }

    .list-title .left-text[data-v-b24523a0] {
        align-items: center;
        display: inline-flex;
        font-size: 16px;
    }

    .list-title .right-text[data-v-b24523a0] {
        color: #6a7c81;
        font-size: 16px;
    }

    .list-title .right-text .bold[data-v-b24523a0] {
        color: #141f21;
        font-weight: 700;
    }

    .date-selector[data-v-b24523a0] {
        background-color: #fff;
        padding: 20px 0 24px;
        position: sticky;
        top: 125px;
        z-index: 99;
    }

    [data-v-b24523a0] .el-table {
        margin-bottom: 24px;
    }

    [data-v-b24523a0] .el-table:before {
        content: none;
    }

    [data-v-b24523a0] .el-table .el-table__body-wrapper::-webkit-scrollbar {
        background-color: transparent;
        height: 8px;
        width: 6px;
    }

    [data-v-b24523a0] .el-table .el-table__body-wrapper::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 10px;
        box-shadow: none;
        opacity: 0;
    }

    [data-v-b24523a0] .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
        background-color: #9cb3ba;
        border-radius: 3px;
        box-shadow: none;
    }

    [data-v-b24523a0] .el-table .el-table__body-wrapper {
        scrollbar-color: transparent;
        scrollbar-width: thin;
    }

    [data-v-b24523a0] .dual-list-header th {
        border: none;
        padding: 0;
    }

    [data-v-b24523a0] .dual-list-header .cell {
        color: #6a7c81;
        font-size: 14px;
        font-weight: 400;
    }

    [data-v-b24523a0] .dual-list-row td {
        border: none;
        padding: 24px 0;
    }

    [data-v-b24523a0] .dual-list-row .cell {
        color: #141f21;
        font-size: 16px;
    }

    [data-v-b24523a0] .dual-list-row .depositDays {
        color: #141f21;
    }

    [data-v-b24523a0] .dual-list-row .target-price {
        display: flex;
    }

    [data-v-b24523a0] .dual-list-row .target-price .price {
        color: #141f21;
        font-weight: 700;
    }

    [data-v-b24523a0] .dual-list-row .target-price .percent {
        color: #86939b;
        font-size: 12px;
        margin-left: 12px;
    }

    [data-v-b24523a0] .dual-list-row .target-price .percent-red {
        color: #f5223b;
    }

    [data-v-b24523a0] .dual-list-row .annual-apy {
        color: #13c2c2;
        font-weight: 700;
    }

    [data-v-b24523a0] .dual-list-row .action-btn {
        border-radius: 4px;
        font-size: 14px;
        height: 34px;
        padding: 0;
        width: 90px;
    }

    [data-v-b24523a0] .el-pagination {
        text-align: right;
    }

    [data-v-b24523a0] .el-pagination .btn-next,[data-v-b24523a0] .el-pagination .btn-prev,[data-v-b24523a0] .el-pagination .el-pager .number {
        border: 1px solid #e9f0f3;
        border-radius: 2px;
        box-sizing: border-box;
        height: 26px;
        line-height: 24px;
        margin: 0 4px;
        min-width: 26px;
        padding: 0 4px;
        transition: border-color .1s ease;
    }

    [data-v-b24523a0] .el-pagination .btn-next:hover,[data-v-b24523a0] .el-pagination .btn-prev:hover,[data-v-b24523a0] .el-pagination .el-pager .number:hover {
        border-color: #13c2c2;
        color: #13c2c2;
        font-weight: 400;
    }

    [data-v-b24523a0] .el-pagination .btn-next:hover:disabled,[data-v-b24523a0] .el-pagination .btn-prev:hover:disabled,[data-v-b24523a0] .el-pagination .el-pager .number:hover:disabled {
        border-color: #e9f0f3;
        color: #c0c4cc;
    }

    [data-v-b24523a0] .el-pagination .el-pager .number.active {
        background-color: #13c2c2;
        border-color: #13c2c2;
        color: #fff;
        font-weight: 400;
    }

    @media (max-width: 720px) {
        .list-title .left-text[data-v-b24523a0],.list-title .right-text[data-v-b24523a0] {
            font-size:14px;
        }

        [data-v-b24523a0] .dual-list-header .cell {
            font-size: 12px;
        }
    }

    .result-modal[data-v-3e1e694c] {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    [data-v-3e1e694c] .el-dialog {
        border-radius: 8px;
    }

    [data-v-3e1e694c] .el-dialog .el-dialog__header {
        padding: 32px 0 0;
    }

    .result-modal[data-v-2e767cba] {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    [data-v-2e767cba] .el-dialog {
        border-radius: 8px;
    }

    [data-v-2e767cba] .el-dialog .el-dialog__header {
        padding: 32px 0 0;
    }

    .subcribe-modal[data-v-49c2d9e2] {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    [data-v-49c2d9e2] .el-dialog {
        border-radius: 8px;
    }

    [data-v-49c2d9e2] .el-dialog .el-dialog__header {
        padding: 28px 0 0;
    }

    .step-title[data-v-c33d97ea] {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 24px;
    }

    .top-list[data-v-c33d97ea] {
        margin-bottom: 36px;
    }

    .tab-title[data-v-c33d97ea] {
        align-items: center;
        color: #141f21;
        display: flex;
        font-size: 20px;
        font-weight: 400;
        padding-bottom: 4px;
    }

    .tab-title .coin-icon[data-v-c33d97ea] {
        border-radius: 50%;
        height: 28px;
        margin: 0;
        position: relative;
        width: 28px;
    }

    .tab-title .coin-icon[data-v-c33d97ea]:first-child {
        border: 2px solid #fff;
        z-index: 1;
    }

    .tab-title .coin-icon[data-v-c33d97ea]:nth-child(2) {
        margin-left: -6px;
        margin-right: 12px;
        margin-top: 2px;
    }

    [data-v-c33d97ea] .el-tabs {
        position: sticky;
        top: 80px;
        z-index: 99;
    }

    [data-v-c33d97ea] .el-tabs .el-tabs__header {
        background-color: #fff;
        margin-bottom: 24px;
    }

    [data-v-c33d97ea] .el-tabs .el-tabs__nav-wrap {
        border-bottom: 1px solid #eaf0f3;
    }

    [data-v-c33d97ea] .el-tabs .el-tabs__nav.is-top .el-tabs__active-bar.is-top {
        background-color: #1a1b1f;
        display: block;
    }

    [data-v-c33d97ea] .el-tabs .el-tabs__item {
        height: auto;
    }

    [data-v-c33d97ea] .el-tabs .el-tabs__item.is-active .tab-title {
        font-weight: 500;
    }

    .earn-nav-wrap[data-v-592e1f74] {
        border-bottom: 1px solid #f3f8fa;
    }

    .earn-nav-content[data-v-592e1f74] {
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    [data-v-592e1f74] .el-tabs__nav.is-top .el-tabs__active-bar.is-top {
        background-color: #141f21;
        display: block!important;
        transition: none!important;
    }

    [data-v-592e1f74] .el-tabs__header {
        margin: 0;
    }

    @media (max-width: 768px) {
        .earn-nav-content[data-v-592e1f74] {
            font-size:12px!important;
            margin: 0 auto;
            position: relative;
            width: 95%!important;
        }
    }

    .dual-wrapper[data-v-a2f58280] {
        background-color: #fff;
        display: grid;
        grid-template-columns: 1200px;
        justify-content: center;
    }

    .dual-header[data-v-a2f58280] {
        align-items: flex-end;
        display: flex;
        justify-content: space-between;
        margin-bottom: 87px;
        padding-top: 80px;
    }

    .dual-header .title-box[data-v-a2f58280] {
        flex: 1;
        width: 100%;
    }

    .dual-header .title[data-v-a2f58280] {
        font-size: 48px;
        line-height: 62px;
        margin-bottom: 21px;
    }

    .dual-header .sub-title[data-v-a2f58280] {
        font-size: 16px;
        line-height: 18px;
    }

    .action-buttons[data-v-a2f58280] {
        align-items: center;
        display: flex;
        margin-left: 20px;
    }

    .action-buttons .link-btn[data-v-a2f58280] {
        background-color: transparent;
        color: #3e4648;
        font-size: 16px;
        height: auto;
        line-height: 18px;
        padding: 0;
    }

    .action-buttons .line[data-v-a2f58280] {
        background-color: #9cb3ba;
        display: block;
        height: 17px;
        margin: 0 20px;
        width: 1px;
    }

    @media (max-width: 720px) {
        .dual-wrapper[data-v-a2f58280] {
            grid-template-columns:100%;
            padding: 70px 0;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/ca11014.css */
    .earn-nav-wrap[data-v-592e1f74] {
        border-bottom: 1px solid #f3f8fa;
    }

    .earn-nav-content[data-v-592e1f74] {
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    [data-v-592e1f74] .el-tabs__nav.is-top .el-tabs__active-bar.is-top {
        background-color: #141f21;
        display: block!important;
        transition: none!important;
    }

    [data-v-592e1f74] .el-tabs__header {
        margin: 0;
    }

    @media (max-width: 768px) {
        .earn-nav-content[data-v-592e1f74] {
            font-size:12px!important;
            margin: 0 auto;
            position: relative;
            width: 95%!important;
        }
    }

    .con-qa[data-v-e229c7ec] {
        background: #fff;
        display: grid;
        grid-template-columns: 1200px;
        justify-content: center;
        padding: 80px 0 0;
    }

    .tit-qa[data-v-e229c7ec] {
        color: #000;
        font-size: 40px;
        font-weight: 500;
    }

    .commonProblem__con[data-v-e229c7ec] {
        margin-top: 40px;
    }

    .commonProblem__itemTit[data-v-e229c7ec] .el-collapse-item__header {
        color: #333;
        font-size: 16px;
        font-weight: 500;
        height: 70px;
        line-height: 70px;
    }

    @media (max-width: 720px) {
        .con-qa[data-v-e229c7ec] {
            grid-template-columns:100%;
            padding-left: 20px;
            padding-right: 20px;
        }

        .commonProblem__itemTit[data-v-e229c7ec] .el-collapse-item__header {
            color: #333;
            font-size: 16px;
            font-weight: 500;
            height: 70px;
            line-height: 27px;
        }
    }

    .dialog-detail[data-v-cb755524] .el-dialog {
        border-radius: 8px;
        width: 486px;
    }

    [data-v-cb755524] .el-dialog__headerbtn {
        right: 10px;
        top: 10px;
    }

    .logo-img[data-v-54daa03f] {
        border-radius: 50%;
        height: 24px;
        vertical-align: bottom;
        width: 24px;
    }

    .dia-titwrap[data-v-54daa03f] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        overflow: hidden;
        word-break: break-all;
    }

    .tit-font[data-v-54daa03f] {
        color: #1a1b1f;
        font-size: 20px;
        font-weight: 600;
        margin-left: 12px;
    }

    .btn__disabled[data-v-54daa03f] {
        background: #f3f4f7;
        color: #9cb3ba;
    }

    [data-v-54daa03f] .el-dialog {
        border-radius: 8px;
        width: 486px;
    }

    .dialog-detail[data-v-54daa03f] .el-dialog__footer {
        padding: 0 32px 32px;
    }

    .highlight-txt[data-v-54daa03f] {
        color: #13c2c2;
    }

    .tip-agree[data-v-54daa03f] {
        color: #ff4d4f;
        font-size: 12px;
        height: 16px;
    }

    .agree-box[data-v-54daa03f],.tip-agree[data-v-54daa03f] {
        text-align: left;
    }

    .agree-box[data-v-54daa03f] .el-checkbox__label {
        color: #606266;
        vertical-align: top;
        white-space: normal;
    }

    [data-v-54daa03f] .el-dialog__header {
        margin-bottom: 32px;
        padding: 32px 32px 0;
    }

    [data-v-54daa03f] .el-dialog__close:before {
        font-weight: 700;
    }

    @media (max-width: 720px) {
        .dialog-detail[data-v-54daa03f] .el-dialog {
            width:90%!important;
        }

        .dialog-detail[data-v-54daa03f] .el-dialog__header {
            margin-bottom: 32px;
            padding: 32px 32px 0;
        }

        .dialog-detail[data-v-54daa03f] .el-dialog__footer {
            padding: 0 32px 32px;
        }
    }

    .MK\+9RO {
        color: #1a1b1f;
        display: flex;
        flex-wrap: wrap;
        gap: 38px 0;
        justify-content: space-between;
        padding-top: 120px;
    }

    ._0YvHk- {
        font-size: 40px;
        font-weight: 500;
        line-height: 72px;
        width: 100%;
    }

    .LxTDcj {
        box-sizing: border-box;
        padding-left: 79px;
        position: relative;
        width: 486px;
    }

    .dqJt0L {
        font-size: 24px;
        font-weight: 500;
        line-height: 40px;
    }

    .qA-G3L {
        font-size: 16px;
        line-height: 1.5;
    }

    .jYGMJt {
        height: 32px;
        left: 0;
        position: absolute;
        top: 4px;
        width: 32px;
    }

    @media (max-width: 768px) {
        .LxTDcj {
            padding-left:60px;
            width: 100%;
        }
    }

    .eth2-page-wrapper .eth2-page-content[data-v-82324066] {
        margin: 0 auto;
        width: 1200px;
    }

    .eth2-page-wrapper .title-box[data-v-82324066] {
        margin: 80px 0;
    }

    .eth2-page-wrapper .title-box .t1[data-v-82324066] {
        color: #141f21;
        font-size: 64px;
        font-weight: 500;
        line-height: 83px;
    }

    .eth2-page-wrapper .title-box .intro[data-v-82324066] {
        color: #141f21;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }

    .eth2-page-wrapper .main-part[data-v-82324066] {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .eth2-page-wrapper .main-part .drop-box[data-v-82324066] {
        display: none;
        width: 100%;
    }

    .eth2-page-wrapper .main-part .el-dropdown-link[data-v-82324066] {
        align-content: center;
        background: #eef3f5;
        border-radius: 12px;
        box-sizing: border-box;
        color: #141f21;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: 44px;
        justify-content: space-between;
        line-height: 44px;
        margin: 0;
        padding: 0 20px;
        width: 100%;
    }

    .eth2-page-wrapper .main-part .card-box[data-v-82324066] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 824px;
    }

    .eth2-page-wrapper .main-part .card-box .eth2-card[data-v-82324066] {
        background: #fff;
        border: 1px solid #eef3f5;
        border-radius: 12px;
        box-sizing: border-box;
        height: 140px;
        margin-bottom: 24px;
        padding: 16px;
        transition: box-shadow .3s ease;
        width: 400px;
    }

    .eth2-page-wrapper .main-part .card-box .eth2-card[data-v-82324066]:hover {
        box-shadow: 0 4px 16px rgba(0,0,0,.15);
    }

    .eth2-page-wrapper .main-part .card-box .eth2-card .title-layer[data-v-82324066] {
        align-items: center;
        display: flex;
        margin-bottom: 20px;
    }

    .eth2-page-wrapper .main-part .card-box .eth2-card .title-layer img[data-v-82324066] {
        margin-right: 12px;
        width: 32px;
    }

    .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer[data-v-82324066] {
        align-items: flex-end;
        box-sizing: border-box;
        display: flex;
        padding-left: 44px;
    }

    .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .day-box[data-v-82324066] {
        min-width: 120px;
    }

    .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .apy-box[data-v-82324066] {
        min-width: 100px;
    }

    .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .btn-box[data-v-82324066] {
        text-align: right;
    }

    .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .btn-box .sub-btn[data-v-82324066] {
        min-width: 102px;
        white-space: nowrap;
    }

    .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .m1[data-v-82324066] {
        color: #6a7c81;
        font-size: 14px;
        line-height: 24px;
    }

    .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .m2[data-v-82324066] {
        color: #141f21;
        font-size: 20px;
        font-weight: 500;
        line-height: 1;
        margin-top: 10px;
    }

    .eth2-page-wrapper .main-part .asset-box .asset-card[data-v-82324066] {
        background: linear-gradient(132.83deg,#eef3f5 51.9%,rgba(238,243,245,.5));
        border-radius: 12px;
        box-sizing: border-box;
        height: 302px;
        padding: 20px;
        position: relative;
        width: 328px;
    }

    .eth2-page-wrapper .main-part .asset-box .asset-card .s1[data-v-82324066] {
        color: #141f21;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .eth2-page-wrapper .main-part .asset-box .asset-card .fund-box[data-v-82324066] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .eth2-page-wrapper .main-part .asset-box .asset-card .fund-card[data-v-82324066] {
        margin-top: 24px;
        width: 48%;
    }

    .eth2-page-wrapper .main-part .asset-box .asset-card .a1[data-v-82324066] {
        color: #6a7c81;
        font-size: 14px;
        line-height: 24px;
    }

    .eth2-page-wrapper .main-part .asset-box .asset-card .a2[data-v-82324066] {
        color: #141f21;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .eth2-page-wrapper .main-part .asset-box .asset-card .link-earn[data-v-82324066] {
        bottom: 20px;
        color: #13c2c2;
        font-size: 14px;
        font-weight: 400;
        left: 20px;
        line-height: 24px;
        position: absolute;
    }

    .eth2-page-wrapper .mt1[data-v-82324066] {
        color: #1a1b1f;
        font-size: 40px;
        font-weight: 500;
        line-height: 72px;
        margin-bottom: 48px;
    }

    .eth2-page-wrapper .other-lay[data-v-82324066] {
        display: flex;
        justify-content: space-between;
    }

    .eth2-page-wrapper .other-card[data-v-82324066] {
        background: #fff;
        border: 1px solid #eef3f5;
        border-radius: 12px;
        box-sizing: border-box;
        height: 140px;
        margin-bottom: 24px;
        padding: 16px;
        transition: box-shadow .3s ease;
        width: 588px;
    }

    .eth2-page-wrapper .other-card[data-v-82324066]:hover {
        box-shadow: 0 4px 16px rgba(0,0,0,.15);
    }

    .eth2-page-wrapper .other-card .title-layer[data-v-82324066] {
        align-items: center;
        display: flex;
        margin-bottom: 20px;
    }

    .eth2-page-wrapper .other-card .title-layer img[data-v-82324066] {
        margin-right: 12px;
        width: 32px;
    }

    .eth2-page-wrapper .other-card .title-layer span[data-v-82324066] {
        color: #141f21;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .eth2-page-wrapper .other-card .button-layer[data-v-82324066] {
        align-items: flex-end;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        padding-left: 44px;
        white-space: nowrap;
    }

    .eth2-page-wrapper .other-card .button-layer .apy-box[data-v-82324066] {
        width: 100px;
    }

    .eth2-page-wrapper .other-card .button-layer .btn-box[data-v-82324066] {
        flex-grow: 2;
        text-align: right;
    }

    .eth2-page-wrapper .other-card .button-layer .btn-box .sub-btn[data-v-82324066] {
        width: 102px;
    }

    .eth2-page-wrapper .other-card .button-layer .m1[data-v-82324066] {
        color: #6a7c81;
        font-size: 14px;
        line-height: 24px;
    }

    .eth2-page-wrapper .other-card .button-layer .m2[data-v-82324066] {
        color: #141f21;
        font-size: 20px;
        font-weight: 500;
        line-height: 1;
        margin-top: 10px;
    }

    @media (max-width: 768px) {
        .eth2-page-wrapper .eth2-page-content[data-v-82324066] {
            margin:0 auto;
            width: 95%;
        }

        .eth2-page-wrapper .title-box[data-v-82324066] {
            margin: 40px 0;
        }

        .eth2-page-wrapper .title-box .t1[data-v-82324066] {
            font-size: 40px;
            font-weight: 500;
            line-height: 52px;
            margin-bottom: 8px;
        }

        .eth2-page-wrapper .title-box .intro[data-v-82324066] {
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
        }

        .eth2-page-wrapper .main-part[data-v-82324066] {
            display: block;
        }

        .eth2-page-wrapper .main-part .drop-box[data-v-82324066] {
            display: block;
            margin: 16px 0;
        }

        .eth2-page-wrapper .main-part .asset-box[data-v-82324066] {
            display: none;
        }

        .eth2-page-wrapper .main-part .card-box[data-v-82324066] {
            display: block;
            width: 100%;
        }

        .eth2-page-wrapper .main-part .card-box .eth2-card[data-v-82324066] {
            height: 130px;
            margin-bottom: 8px;
            width: 100%;
        }

        .eth2-page-wrapper .main-part .card-box .eth2-card .title-layer[data-v-82324066] {
            margin-bottom: 16px;
        }

        .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer[data-v-82324066] {
            white-space: nowrap;
        }

        .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .day-box[data-v-82324066] {
            margin-right: 12px;
            min-width: auto;
            width: auto;
        }

        .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .apy-box[data-v-82324066] {
            min-width: auto;
            width: auto;
        }

        .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .btn-box[data-v-82324066] {
            width: 100%;
        }

        .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .btn-box .sub-btn[data-v-82324066] {
            min-width: 88px;
        }

        .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .m1[data-v-82324066] {
            font-size: 12px;
            line-height: 24px;
        }

        .eth2-page-wrapper .main-part .card-box .eth2-card .button-layer .m2[data-v-82324066] {
            font-size: 16px;
            line-height: 1;
            margin-top: 0;
        }

        .eth2-page-wrapper .mt1[data-v-82324066] {
            font-size: 40px;
            line-height: 52px;
            margin-bottom: 32px;
        }

        .eth2-page-wrapper .other-lay[data-v-82324066] {
            display: block;
        }

        .eth2-page-wrapper .other-card[data-v-82324066] {
            width: 100%;
        }
    }

    .eth-drop-content {
        border: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .eth-drop-content .el-collapse-item__arrow {
        display: none;
    }

    .eth-drop-content .el-collapse-item__wrap {
        border: none;
    }

    .eth-drop-content .el-collapse-item__header {
        border: none;
        height: auto;
    }

    .eth-drop-content .asset-box-drop .asset-card {
        background: linear-gradient(132.83deg,#eef3f5 51.9%,rgba(238,243,245,.5));
        border-radius: 0 0 12px 12px!important;
        box-sizing: border-box;
        height: 168px;
        padding: 16px;
        position: relative;
    }

    .eth-drop-content .asset-box-drop .asset-card .fund-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .eth-drop-content .asset-box-drop .asset-card .fund-card {
        flex: 1 0 calc(50% - 12px);
    }

    .eth-drop-content .asset-box-drop .asset-card .a1 {
        color: #6a7c81;
        font-size: 14px;
        line-height: 24px;
    }

    .eth-drop-content .asset-box-drop .asset-card .a2 {
        color: #141f21;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .eth-drop-content .asset-box-drop .asset-card .link-earn {
        color: #13c2c2;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        margin-top: 12px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/65f3f15.css */
    .swiper {
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        padding: 0;
        position: relative;
        z-index: 1;
    }

    .swiper-wrapper {
        box-sizing: content-box;
        display: flex;
        height: 100%;
        position: relative;
        transition-property: transform;
        width: 100%;
        z-index: 1;
    }

    .swiper-wrapper {
        transform: translateZ(0);
    }

    .swiper-pointer-events {
        touch-action: pan-y;
    }

    .swiper-slide {
        flex-shrink: 0;
        height: 100%;
        position: relative;
        transition-property: transform;
        width: 100%;
    }

    .swiper-3d {
        perspective: 1200px;
    }

    .swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-wrapper {
        transform-style: preserve-3d;
    }

    .swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right {
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent);
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent);
    }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        transform: translateZ(0);
        transition: opacity .3s;
        z-index: 10;
    }

    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 10px;
        left: 0;
        width: 100%;
    }

    .swiper-pagination-bullet {
        background: #000;
        background: var(--swiper-pagination-bullet-inactive-color,#000);
        border-radius: 50%;
        display: inline-block;
        height: 8px;
        height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
        opacity: .2;
        opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
        width: 8px;
        width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer;
    }

    .swiper-pagination-bullet-active {
        background: #007aff;
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
        opacity: 1;
        opacity: var(--swiper-pagination-bullet-opacity,1);
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px;
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
    }

    .swiper .swiper-notification {
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        z-index: -1000;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/5c7be42.css */
    .nft-goods-list .nft-goods-list-wrapper[data-v-bea73b2c] {
        grid-row-gap: 24px;
        grid-column-gap: 24px;
        display: grid;
        grid: auto/repeat(auto-fill,minmax(282px,1fr));
        grid-auto-rows: auto;
        justify-content: space-between;
        justify-items: center;
        row-gap: 24px;
    }

    @media (max-width: 500px) {
        .nft-goods-list .nft-goods-list-wrapper[data-v-bea73b2c] {
            grid:auto/repeat(auto-fill,minmax(100%,1fr));
            row-gap: 41px;
        }
    }

    .nft-loading[data-v-bea73b2c] {
        align-items: center;
        display: flex;
        height: 120px;
        justify-content: center;
    }

    .lazy-img-bg[data-v-5420df20] {
        filter: blur(15px);
        transition: filter .3s;
    }

    .lazy-img-bg.lazy-img-bg-loaded[data-v-5420df20] {
        filter: blur(0);
    }

    .nft-card[data-v-5420df20] {
        background: #fff;
        cursor: pointer;
        left: 0;
        padding: 0 24px 24px;
        top: 0;
        transition: all .4s;
        width: 282px;
    }

    .nft-card .nft-card-wrapper[data-v-5420df20],.nft-card[data-v-5420df20] {
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
    }

    .nft-card .nft-card-wrapper[data-v-5420df20] {
        height: 100%;
        padding-top: 24px;
        width: 100%;
    }

    .item-img[data-v-5420df20] {
        border: 1px solid #e7edf0;
        border-radius: 8px;
        box-sizing: border-box;
        height: 234px;
        overflow: hidden;
        position: relative;
        width: 234px;
        z-index: 1;
    }

    .item-img .item-multi-number[data-v-5420df20] {
        align-items: center;
        background: rgba(20,31,33,.4);
        border-radius: 4px;
        color: #fff;
        display: flex;
        font-size: 12px;
        font-weight: 700;
        height: 20px;
        padding: 0 7px;
        position: absolute;
        right: 8px;
        top: 8px;
        z-index: 1;
    }

    .item-img .goods-preview-box[data-v-5420df20] {
        display: flex;
        height: 100%;
        position: relative;
        width: 100%;
    }

    .item-img .goods-preview-box .item-img-nft[data-v-5420df20] {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }

    .item-img .goods-preview-box .item-img-play[data-v-5420df20] {
        bottom: 16px;
        position: absolute;
        right: 16px;
        transition: transform .4s;
    }

    .item-con[data-v-5420df20] {
        background: #fff;
        z-index: 2;
    }

    @media (min-width: 501px) {
        .nft-card[data-v-5420df20]:hover {
            border-radius:8px;
            box-shadow: 0 4px 20px rgba(20,31,33,.1);
            transform: translateY(-3px);
        }

        .nft-card:hover .bias[data-v-5420df20] {
            transform: skewY(5deg) translateY(-17px);
        }

        .nft-card:hover .item-con[data-v-5420df20]:not(.no-buy-button),.nft-card:hover .item-img-play[data-v-5420df20] {
            transform: translateY(-60px);
        }
    }

    @media (max-width: 500px) {
        .nft-card[data-v-5420df20] {
            max-width:328px;
            padding: 0;
            width: 100%;
        }

        .item-img[data-v-5420df20] {
            height: 327px;
            width: 100%;
        }
    }

    .item-con[data-v-5420df20] {
        position: relative;
    }

    .bias[data-v-5420df20],.item-con[data-v-5420df20] {
        left: 0;
        transition: all .4s;
    }

    .bias[data-v-5420df20] {
        background: #fff;
        height: 100%;
        position: absolute;
        top: 0;
        transform-origin: right;
        width: 100%;
        z-index: 1;
    }

    .tit[data-v-5420df20] {
        color: #141f21;
        font-size: 16px;
        font-weight: 600;
        margin-top: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .seller[data-v-5420df20] {
        color: #3e4648;
        font-size: 12px;
        font-weight: 400;
        margin-top: 8px;
    }

    .seller[data-v-5420df20] {
        align-items: center;
        display: flex;
    }

    .seller img[data-v-5420df20] {
        border-radius: 50%;
        height: 16px;
        margin-right: 4px;
        width: 16px;
    }

    .usd-price[data-v-5420df20] {
        color: #86939b;
        font-size: 12px;
        font-weight: 700;
        margin-top: 8px;
        text-align: right;
    }

    .coin-price[data-v-5420df20] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-top: 3px;
    }

    .coin-price label[data-v-5420df20] {
        color: #6a7c81;
        font-size: 14px;
        font-weight: 400;
    }

    .coin-price .price__wrapper[data-v-5420df20] {
        align-items: center;
        display: flex;
    }

    .coin-price img[data-v-5420df20] {
        border-radius: 100%;
        height: 18px;
        margin-right: 4px;
        width: 18px;
    }

    .coin-price span[data-v-5420df20] {
        color: #141f21;
        font-size: 16px;
        font-weight: 600;
    }

    .con-con[data-v-5420df20] {
        background: #fff;
        left: 0;
        position: relative;
        top: 0;
        z-index: 2;
    }

    .btn-wrap[data-v-5420df20] {
        background-color: #fff;
        overflow: hidden;
        position: absolute;
        width: 100%;
    }

    .buy-btn[data-v-5420df20] {
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        height: 44px;
        left: 0;
        margin-top: 16px;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 2;
    }

    .buy-btn[data-v-235883f4] {
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        height: 44px;
        left: 0;
        margin-top: 16px;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 2;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/1f17f92.css */
    .base-wrapper[data-v-69620d87] {
        margin: 0 auto;
        max-width: 1200px;
    }

    @media screen and (max-width: 1200px) {
        .base-wrapper[data-v-69620d87] {
            box-sizing:border-box;
            padding: 0 20px;
            width: 100%;
        }
    }

    .nft-kv[data-v-69620d87] {
        height: 666px;
        position: relative;
    }

    .nft-kv .nft-kv-bg[data-v-69620d87] {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .nft-kv .nft-kv-bg .nft-kv-bg-1[data-v-69620d87] {
        background-image: url(/assets/web-frontend/client/img/kv-bg-1.f898ef7.png);
    }

    .nft-kv .nft-kv-bg .nft-kv-bg-1[data-v-69620d87],.nft-kv .nft-kv-bg .nft-kv-bg-2[data-v-69620d87] {
        background-position: 50%;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .nft-kv .nft-kv-bg .nft-kv-bg-2[data-v-69620d87] {
        background-image: url(/assets/web-frontend/client/img/kv-bg-2.b78ceaf.png);
    }

    .nft-kv .nft-kv-bg .nft-kv-bg-3[data-v-69620d87] {
        background-image: url(/assets/web-frontend/client/img/kv-bg-3.7c6e5a5.png);
        background-position: 50%;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .nft-kv .nft-kv-bg .nft-kv-bg-item[data-v-69620d87] {
        opacity: 0;
        transition: all .3s;
    }

    .nft-kv .nft-kv-bg .nft-kv-bg-active[data-v-69620d87] {
        opacity: 1;
    }

    .nft-kv .nft-kv-content[data-v-69620d87] {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: space-between;
        left: 50%;
        max-width: 1200px;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 100%;
    }

    .nft-kv .nft-kv-content .nft-kv-left[data-v-69620d87] {
        color: #141f21;
    }

    .nft-kv .nft-kv-content .nft-kv-left .nft-kv-mainText[data-v-69620d87] {
        font-size: 48px;
        font-weight: 700;
        line-height: 62px;
        width: 388px;
    }

    .nft-kv .nft-kv-content .nft-kv-left .nft-kv-subText[data-v-69620d87] {
        font-size: 20px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 32px;
    }

    .nft-kv .nft-kv-content .nft-kv-right[data-v-69620d87] {
        box-sizing: border-box;
        height: 410px;
        overflow: hidden;
        padding-top: 20px;
        position: relative;
        width: 760px;
    }

    .nft-kv .nft-kv-content .nft-kv-right.nft-swiper-show .swiper-slide-next[data-v-69620d87],.nft-kv .nft-kv-content .nft-kv-right.nft-swiper-show .swiper-slide-prev[data-v-69620d87] {
        opacity: .5;
    }

    .nft-kv .nft-kv-content .nft-kv-right.nft-swiper-show .swiper-slide-active[data-v-69620d87] {
        opacity: 1;
    }

    .nft-kv .nft-kv-content .nft-kv-right .swiper-slide[data-v-69620d87] {
        border-radius: 16px;
        box-shadow: 0 8px 35px -12px rgba(46,48,54,.7);
        height: 354px;
        opacity: 0;
        overflow: hidden;
        position: relative;
        transition: all .3s;
        width: 532px;
    }

    .nft-kv .nft-kv-content .nft-kv-right .swiper-slide a[data-v-69620d87] {
        -webkit-tap-highlight-color: rgba(255,255,255,0);
    }

    .nft-kv .nft-kv-content .nft-kv-right .swiper-slide:not(.swiper-slide-active)>[data-v-69620d87] {
        pointer-events: none;
    }

    .nft-kv .nft-kv-content .nft-kv-right .swiper-pagination[data-v-69620d87] {
        bottom: 0;
    }

    .nft-kv .nft-kv-content .nft-kv-right .swiper-pagination[data-v-69620d87] .swiper-pagination-bullet {
        background-color: #9cb3ba;
        border-radius: 10px;
        height: 4px;
        transition: all .3s;
        width: 12px;
    }

    .nft-kv .nft-kv-content .nft-kv-right .swiper-pagination[data-v-69620d87] .swiper-pagination-bullet-active {
        background-color: #141f21;
        height: 4px;
        width: 20px;
    }

    .nft-newlist[data-v-69620d87] {
        grid-row-gap: 24px;
        grid-column-gap: 24px;
        display: grid;
        grid: auto/repeat(auto-fill,minmax(384px,1fr));
        grid-auto-rows: auto;
        justify-content: space-between;
        justify-items: center;
        row-gap: 24px;
    }

    .nft-newlist .nft-newlist-item[data-v-69620d87] {
        border: 1px solid #e7edf0;
        border-radius: 8px;
        box-sizing: border-box;
        height: 310px;
        padding: 20px;
        transition: all .3s;
        width: 384px;
    }

    .nft-newlist .nft-newlist-item .nft-newlist-imgs[data-v-69620d87] {
        display: flex;
        justify-content: center;
    }

    .nft-newlist .nft-newlist-item .nft-newlist-imgs .nft-home-imgs[data-v-69620d87] {
        border-radius: 6px;
        height: 110px;
        margin-right: 7px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        width: 110px;
    }

    .nft-newlist .nft-newlist-item .nft-newlist-imgs .nft-home-imgs[data-v-69620d87]:last-child {
        margin-right: 0;
    }

    .nft-newlist .nft-newlist-item .nft-newlist-name[data-v-69620d87] {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        margin-top: 20px;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .nft-newlist .nft-newlist-item .nft-newlist-desc[data-v-69620d87] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        color: #86939b;
        display: -webkit-box;
        font-size: 14px;
        font-weight: 400;
        height: 36px;
        line-height: 18px;
        margin-top: 4px;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
    }

    .nft-newlist .nft-newlist-item .nft-newlist-time[data-v-69620d87] {
        margin-top: 24px;
    }

    .nft-newlist .nft-newlist-item .nft-newlist-time .nft-newlist-time-title[data-v-69620d87] {
        color: #6a7c81;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        text-align: center;
    }

    .nft-newlist .nft-newlist-item .nft-newlist-time .nft-newlist-time-wrapper[data-v-69620d87] {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-top: 4px;
    }

    .nft-newlist .nft-newlist-item .nft-newlist-time .nft-newlist-time-wrapper .nft-newlist-time-item[data-v-69620d87] {
        align-items: center;
        background: #141f21;
        border-radius: 4px;
        color: #fff;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: 24px;
        justify-content: center;
        width: 48px;
    }

    .nft-newlist .nft-newlist-item .nft-newlist-time .nft-newlist-time-wrapper span[data-v-69620d87] {
        margin: 0 4px;
    }

    .nft-hotcollect[data-v-69620d87] {
        grid-row-gap: 24px;
        grid-column-gap: 24px;
        display: grid;
        grid: auto/repeat(auto-fill,minmax(384px,1fr));
        grid-auto-rows: auto;
        justify-content: space-between;
        justify-items: center;
        row-gap: 24px;
    }

    .nft-hotcollect .nft-hotcollect-item[data-v-69620d87] {
        border: 1px solid #e7edf0;
        border-radius: 8px;
        box-sizing: border-box;
        height: 376px;
        overflow: hidden;
        padding: 20px;
        position: relative;
        transition: all .3s;
        width: 384px;
    }

    .nft-hotcollect .nft-hotcollect-item .nft-hotcollect-imgs.nft-hotcollect-imgs-3[data-v-69620d87] {
        grid-gap: 8px;
        display: grid;
        grid-auto-flow: row dense;
        grid-template-columns: 109px 109px 109px;
        grid-template-rows: 109px 109px;
    }

    .nft-hotcollect .nft-hotcollect-item .nft-hotcollect-imgs.nft-hotcollect-imgs-3 .nft-home-imgs[data-v-69620d87] {
        border-radius: 6px;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        width: 100%;
    }

    .nft-hotcollect .nft-hotcollect-item .nft-hotcollect-imgs.nft-hotcollect-imgs-3 .nft-home-imgs[data-v-69620d87]:first-child {
        grid-column-end: 3;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-row-start: 1;
    }

    .nft-hotcollect .nft-hotcollect-item .nft-hotcollect-name[data-v-69620d87] {
        font-size: 24px;
        font-weight: 600;
        line-height: 31px;
        margin-top: 24px;
        opacity: 1;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        transition: all .5s;
        white-space: nowrap;
    }

    .nft-hotcollect .nft-hotcollect-item .nft-hotcollect-creator[data-v-69620d87] {
        color: #3e4648;
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;
        margin-top: 8px;
        opacity: 1;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        transition: all .5s;
        white-space: nowrap;
    }

    .nft-hotcollect .nft-hotcollect-item .nft-hotcollect-desc[data-v-69620d87] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        background-color: #fff;
        color: #86939b;
        display: -webkit-box;
        font-size: 14px;
        font-weight: 400;
        left: 20px;
        line-height: 18px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        right: 20px;
        text-overflow: ellipsis;
        top: 270px;
        transform: translateY(10px);
        transition: all .3s ease 0s;
    }

    .banner-wrap[data-v-69620d87] {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 354px;
        transition: all .3s;
    }

    .nft-tit[data-v-69620d87] {
        align-items: center;
        display: grid;
        font-size: 24px;
        font-weight: 600;
        grid: auto/max-content max-content;
        justify-content: space-between;
        margin: 60px auto 30px;
    }

    .nft-more[data-v-69620d87] {
        color: #141f21;
        cursor: pointer;
        font-size: 20px;
        font-weight: 600;
    }

    .nft-more:hover .arrow[data-v-69620d87] {
        margin-left: 3px;
    }

    .arrow[data-v-69620d87] {
        display: inline-block;
        margin-left: 0;
        transform: rotate(90deg);
        transition: all .3s;
    }

    .nft-qAndA-list[data-v-69620d87] .el-carousel__container {
        height: 300px;
    }

    .nft-qAndA[data-v-69620d87] {
        position: relative;
    }

    .nft-qAndA .nft-qAndA-indicator[data-v-69620d87] {
        height: 96px;
        position: absolute;
        right: 20px;
        top: 100px;
        z-index: 3;
    }

    .nft-qAndA .nft-qAndA-indicator .nft-qAndA-indicator-item[data-v-69620d87] {
        align-items: center;
        background: #f5f9fb;
        border-radius: 100px;
        cursor: pointer;
        display: flex;
        height: 32px;
        justify-content: center;
        margin: 16px 0;
        transition: all .2s ease 0s;
        width: 32px;
    }

    .nft-qAndA .nft-qAndA-indicator .nft-qAndA-indicator-item[data-v-69620d87]:active {
        background: #13c2c2;
        color: #fff;
    }

    .nft-qAndA .nft-qAndA-wrapper[data-v-69620d87] {
        box-sizing: border-box;
        width: 100%;
    }

    .nft-qAndA .nft-qAndA-item[data-v-69620d87] {
        display: flex;
        margin-top: 40px;
        padding-right: 80px;
    }

    .nft-qAndA .nft-qAndA-item .nft-qAndA-item-left[data-v-69620d87] {
        display: flex;
        flex-basis: 61px;
        flex-shrink: 0;
        font-size: 20px;
        justify-content: center;
    }

    @media (max-width: 767px) {
        .nft-qAndA .nft-qAndA-item .nft-qAndA-item-left[data-v-69620d87] {
            font-size:18px;
        }
    }

    .nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-q[data-v-69620d87] {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
    }

    @media (max-width: 767px) {
        .nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-q[data-v-69620d87] {
            font-size:18px;
        }
    }

    .nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87] {
        color: #86939b;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        margin-top: 8px;
    }

    .nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87] a {
        color: #13c2c2;
    }

    @media (max-width: 767px) {
        .nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87] {
            font-size:12px;
        }

        .nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87]:not(.nft-qAndA-item-a-sp) {
            max-height: 60px;
            overflow-y: auto;
        }

        .nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87]:not(.nft-qAndA-item-a-sp)::-webkit-scrollbar {
            background-color: #fff;
            height: 4px;
        }

        .nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87]:not(.nft-qAndA-item-a-sp)::-webkit-scrollbar-track {
            background-color: #fff;
            border: 0;
            box-shadow: none;
        }

        .nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a[data-v-69620d87]:not(.nft-qAndA-item-a-sp)::-webkit-scrollbar-thumb {
            background-color: #9cb3ba;
            box-shadow: none;
        }
    }

    .nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a.nft-qAndA-item-a-sp[data-v-69620d87] {
        line-height: 30px;
    }

    @media (max-width: 767px) {
        .nft-qAndA .nft-qAndA-item .nft-qAndA-item-right .nft-qAndA-item-a.nft-qAndA-item-a-sp[data-v-69620d87] {
            line-height:20px;
        }
    }

    @media screen and (min-width: 769px) {
        .nft-hotcollect .nft-hotcollect-item[data-v-69620d87]:hover,.nft-newlist-item[data-v-69620d87]:hover {
            box-shadow:0 4px 20px rgba(20,31,33,.1);
            transform: translateY(-10px);
        }

        .nft-hotcollect .nft-hotcollect-item:hover .nft-hotcollect-desc[data-v-69620d87] {
            opacity: 1;
            transform: translateY(0);
        }

        .nft-hotcollect .nft-hotcollect-item:hover .nft-hotcollect-creator[data-v-69620d87],.nft-hotcollect .nft-hotcollect-item:hover .nft-hotcollect-name[data-v-69620d87] {
            opacity: 0;
        }
    }

    @media screen and (max-width: 1200px) {
        .nft-kv .nft-kv-bg[data-v-69620d87] {
            display:none;
        }

        .nft-kv .nft-kv-content[data-v-69620d87] {
            justify-content: center;
        }

        .nft-kv .nft-kv-content .nft-kv-left[data-v-69620d87] {
            display: none;
        }

        .nft-kv .nft-kv-content .nft-kv-right[data-v-69620d87] {
            max-width: 760px;
            width: 100%;
        }
    }

    @media screen and (max-width: 768px) {
        .banner-wrap[data-v-69620d87] {
            height:171px;
        }

        .nft-newlist-wrapper[data-v-69620d87] {
            overflow-x: auto;
            padding-bottom: 10px;
        }

        .nft-newlist-wrapper[data-v-69620d87]::-webkit-scrollbar {
            background-color: transparent!important;
        }

        .nft-newlist-wrapper[data-v-69620d87]::-webkit-scrollbar-track {
            border: 0;
        }

        .nft-newlist-wrapper[data-v-69620d87]::-webkit-scrollbar-thumb,.nft-newlist-wrapper[data-v-69620d87]::-webkit-scrollbar-track {
            background-color: transparent!important;
            box-shadow: none;
        }

        .nft-newlist-wrapper .nft-newlist[data-v-69620d87] {
            grid: auto/repeat(auto-fill,minmax(306px,1fr));
            row-gap: 12px;
            width: 966px;
        }

        .nft-newlist-wrapper .nft-newlist .nft-newlist-item[data-v-69620d87] {
            height: 279px;
            padding: 16px;
            width: 306px;
        }

        .nft-newlist-wrapper .nft-newlist .nft-newlist-item .nft-newlist-imgs .nft-home-imgs[data-v-69620d87] {
            height: 88px;
            width: 88px;
        }

        .nft-newlist-wrapper .nft-newlist .nft-newlist-item .nft-newlist-imgs .nft-home-imgs[data-v-69620d87]:nth-child(-n+2) {
            margin-right: 4px;
        }

        .nft-newlist-wrapper .nft-newlist .nft-newlist-item .nft-newlist-name[data-v-69620d87] {
            font-size: 16px;
            font-weight: 600;
            line-height: 21px;
            margin-top: 18px;
        }

        .nft-tit[data-v-69620d87] {
            font-size: 20px;
            margin: 32px auto 20px;
        }

        .nft-kv[data-v-69620d87] {
            height: 280px;
        }

        .nft-kv .nft-kv-content .nft-kv-right[data-v-69620d87] {
            height: 230px;
            padding-top: 20px;
            width: 360px;
        }

        .nft-kv .nft-kv-content .nft-kv-right .swiper-slide[data-v-69620d87] {
            box-shadow: 0 8px 35px -12px rgba(46,48,54,.7);
            height: 171px;
            width: 256px;
        }

        .nft-kv .nft-kv-content .nft-kv-right .swiper-pagination[data-v-69620d87] .swiper-pagination-bullet {
            height: 2px;
            margin: 0 2px;
            width: 8px;
        }

        .nft-kv .nft-kv-content .nft-kv-right .swiper-pagination[data-v-69620d87] .swiper-pagination-bullet-active {
            height: 2px;
            width: 16px;
        }

        .nft-hotcollect[data-v-69620d87] {
            grid-row-gap: 15px;
            grid-column-gap: 5px;
            display: grid;
            grid: auto/repeat(auto-fill,minmax(160px,1fr));
            grid-auto-rows: auto;
            justify-content: space-between;
            justify-items: center;
            row-gap: 15px;
        }

        .nft-hotcollect .nft-hotcollect-item[data-v-69620d87] {
            height: 184px;
            padding: 8px;
            width: 160px;
        }

        .nft-hotcollect .nft-hotcollect-item .nft-hotcollect-imgs.nft-hotcollect-imgs-3[data-v-69620d87] {
            grid-gap: 4px;
            display: grid;
            grid-template-columns: 45px 45px 45px;
            grid-template-rows: 45px 45px;
        }

        .nft-hotcollect .nft-hotcollect-item .nft-hotcollect-name[data-v-69620d87] {
            font-size: 14px;
            line-height: 18px;
            margin-top: 20px;
        }

        .nft-hotcollect .nft-hotcollect-item .nft-hotcollect-creator[data-v-69620d87] {
            font-size: 12px;
            line-height: 16px;
            margin-top: 4px;
        }

        .nft-hotcollect .nft-hotcollect-item .nft-hotcollect-desc[data-v-69620d87] {
            -webkit-line-clamp: 2;
            font-size: 12px;
            left: 8px;
            position: absolute;
            right: 8px;
            top: 120px;
        }
    }

    @media screen and (max-width: 600px) {
        .nft-qAndA-list[data-v-69620d87] .el-carousel__container {
            height:350px;
        }
    }

    @media screen and (max-width: 410px) {
        .nft-qAndA-list[data-v-69620d87] .el-carousel__container {
            height:370px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/6e31a3d.css */
    .marketplace[data-v-2af486a7] {
        background: #fff;
        display: grid;
        grid: auto/minmax(max-content,1200px);
        justify-content: center;
    }

    .collectSelectMask[data-v-2af486a7] {
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 80;
    }

    .marketplace-tab[data-v-2af486a7] {
        align-items: center;
        display: flex;
        margin: 50px 0;
    }

    .marketplace-filter-collection[data-v-2af486a7] {
        margin-right: 16px;
    }

    .marketplace-sele[data-v-2af486a7] .el-select {
        width: 144px;
    }

    @media screen and (max-width: 1200px) {
        .marketplace-tab[data-v-2af486a7] {
            padding:0 20px;
        }
    }

    .nft-select-inds21[data-v-2af486a7] .el-select {
        border-radius: 28px;
    }

    .nft-select-inds21[data-v-2af486a7] .el-select-dropdown {
        border-radius: 4px;
        box-shadow: 0 2px 12px rgba(20,31,33,.12);
        z-index: 90!important;
    }

    .nft-select-inds21[data-v-2af486a7] .el-input {
        border: 1px solid #9cb3ba;
        border-radius: 28px;
    }

    .nft-select-inds21[data-v-2af486a7] .el-input__inner {
        background: transparent!important;
        border: none;
        border-radius: 28px;
        color: #141f21;
        font-size: 14px;
        font-weight: 500;
        padding-left: 15px;
    }

    .nft-select-inds21[data-v-2af486a7] .el-input__suffix .el-select__caret {
        color: #141f21;
        font-family: bmicon!important;
        font-size: 20px;
        transform: rotate(0);
    }

    .nft-select-inds21[data-v-2af486a7] .el-input__suffix .el-select__caret:before {
        content: "\e612";
        position: relative;
        top: 1px;
    }

    .nft-select-inds21[data-v-2af486a7] .el-select-dropdown__item {
        height: 32px;
        line-height: 32px;
    }

    .nft-selectinput-inds21[data-v-2af486a7] {
        width: 280px;
    }

    @media screen and (max-width: 768px) {
        .marketplace-tab[data-v-2af486a7] {
            align-items:flex-start;
            flex-direction: column;
            margin: 0 0 32px;
        }

        .marketplace-tab .marketplace-filter-collection[data-v-2af486a7] {
            margin-right: 0;
        }

        .marketplace-tab .nft-select-inds21[data-v-2af486a7] {
            width: 100%;
        }

        .marketplace-tab .marketplace-sele[data-v-2af486a7] {
            margin-left: 0;
            margin-top: 12px;
        }

        .marketplace-tab .marketplace-sele[data-v-2af486a7] .el-select,.marketplace-tab .nft-selectinput-inds21[data-v-2af486a7] {
            width: 100%;
        }
    }

    .nft-marketplace-selectpop-inds21 .popper__arrow,.nft-marketplace-selectpop-inds21 .popper__arrow:after {
        display: none;
    }

    @media screen and (max-width: 768px) {
        .nft-marketplace-selectpop-inds21 .el-select-dropdown__wrap {
            max-height:150px;
        }
    }

    .nft-marketplace-selectpop-inds21 .el-select-dropdown__item {
        color: #0e1118;
        font-size: 14px;
        padding: 0 10px;
    }

    .nft-marketplace-selectpop-inds21 .el-select-dropdown__item.hover {
        background: #f5f9fb;
        font-weight: 500;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/5c7be42.css */
    .nft-goods-list .nft-goods-list-wrapper[data-v-bea73b2c] {
        grid-row-gap: 24px;
        grid-column-gap: 24px;
        display: grid;
        grid: auto/repeat(auto-fill,minmax(282px,1fr));
        grid-auto-rows: auto;
        justify-content: space-between;
        justify-items: center;
        row-gap: 24px;
    }

    @media (max-width: 500px) {
        .nft-goods-list .nft-goods-list-wrapper[data-v-bea73b2c] {
            grid:auto/repeat(auto-fill,minmax(100%,1fr));
            row-gap: 41px;
        }
    }

    .nft-loading[data-v-bea73b2c] {
        align-items: center;
        display: flex;
        height: 120px;
        justify-content: center;
    }

    .lazy-img-bg[data-v-5420df20] {
        filter: blur(15px);
        transition: filter .3s;
    }

    .lazy-img-bg.lazy-img-bg-loaded[data-v-5420df20] {
        filter: blur(0);
    }

    .nft-card[data-v-5420df20] {
        background: #fff;
        cursor: pointer;
        left: 0;
        padding: 0 24px 24px;
        top: 0;
        transition: all .4s;
        width: 282px;
    }

    .nft-card .nft-card-wrapper[data-v-5420df20],.nft-card[data-v-5420df20] {
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
    }

    .nft-card .nft-card-wrapper[data-v-5420df20] {
        height: 100%;
        padding-top: 24px;
        width: 100%;
    }

    .item-img[data-v-5420df20] {
        border: 1px solid #e7edf0;
        border-radius: 8px;
        box-sizing: border-box;
        height: 234px;
        overflow: hidden;
        position: relative;
        width: 234px;
        z-index: 1;
    }

    .item-img .item-multi-number[data-v-5420df20] {
        align-items: center;
        background: rgba(20,31,33,.4);
        border-radius: 4px;
        color: #fff;
        display: flex;
        font-size: 12px;
        font-weight: 700;
        height: 20px;
        padding: 0 7px;
        position: absolute;
        right: 8px;
        top: 8px;
        z-index: 1;
    }

    .item-img .goods-preview-box[data-v-5420df20] {
        display: flex;
        height: 100%;
        position: relative;
        width: 100%;
    }

    .item-img .goods-preview-box .item-img-nft[data-v-5420df20] {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }

    .item-img .goods-preview-box .item-img-play[data-v-5420df20] {
        bottom: 16px;
        position: absolute;
        right: 16px;
        transition: transform .4s;
    }

    .item-con[data-v-5420df20] {
        background: #fff;
        z-index: 2;
    }

    @media (min-width: 501px) {
        .nft-card[data-v-5420df20]:hover {
            border-radius:8px;
            box-shadow: 0 4px 20px rgba(20,31,33,.1);
            transform: translateY(-3px);
        }

        .nft-card:hover .bias[data-v-5420df20] {
            transform: skewY(5deg) translateY(-17px);
        }

        .nft-card:hover .item-con[data-v-5420df20]:not(.no-buy-button),.nft-card:hover .item-img-play[data-v-5420df20] {
            transform: translateY(-60px);
        }
    }

    @media (max-width: 500px) {
        .nft-card[data-v-5420df20] {
            max-width:328px;
            padding: 0;
            width: 100%;
        }

        .item-img[data-v-5420df20] {
            height: 327px;
            width: 100%;
        }
    }

    .item-con[data-v-5420df20] {
        position: relative;
    }

    .bias[data-v-5420df20],.item-con[data-v-5420df20] {
        left: 0;
        transition: all .4s;
    }

    .bias[data-v-5420df20] {
        background: #fff;
        height: 100%;
        position: absolute;
        top: 0;
        transform-origin: right;
        width: 100%;
        z-index: 1;
    }

    .tit[data-v-5420df20] {
        color: #141f21;
        font-size: 16px;
        font-weight: 600;
        margin-top: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .seller[data-v-5420df20] {
        color: #3e4648;
        font-size: 12px;
        font-weight: 400;
        margin-top: 8px;
    }

    .seller[data-v-5420df20] {
        align-items: center;
        display: flex;
    }

    .seller img[data-v-5420df20] {
        border-radius: 50%;
        height: 16px;
        margin-right: 4px;
        width: 16px;
    }

    .usd-price[data-v-5420df20] {
        color: #86939b;
        font-size: 12px;
        font-weight: 700;
        margin-top: 8px;
        text-align: right;
    }

    .coin-price[data-v-5420df20] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-top: 3px;
    }

    .coin-price label[data-v-5420df20] {
        color: #6a7c81;
        font-size: 14px;
        font-weight: 400;
    }

    .coin-price .price__wrapper[data-v-5420df20] {
        align-items: center;
        display: flex;
    }

    .coin-price img[data-v-5420df20] {
        border-radius: 100%;
        height: 18px;
        margin-right: 4px;
        width: 18px;
    }

    .coin-price span[data-v-5420df20] {
        color: #141f21;
        font-size: 16px;
        font-weight: 600;
    }

    .con-con[data-v-5420df20] {
        background: #fff;
        left: 0;
        position: relative;
        top: 0;
        z-index: 2;
    }

    .btn-wrap[data-v-5420df20] {
        background-color: #fff;
        overflow: hidden;
        position: absolute;
        width: 100%;
    }

    .buy-btn[data-v-5420df20] {
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        height: 44px;
        left: 0;
        margin-top: 16px;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 2;
    }

    .item-time[data-v-235883f4] {
        background: rgba(20,31,33,.4);
        border-radius: 2px;
        color: #fff;
        font-size: 12px;
        padding: 2px 5px;
        position: absolute;
        right: 12px;
        top: 36px;
        z-index: 1;
        z-index: 2;
    }

    .item-time .item-time-running[data-v-235883f4] {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .item-time .item-time-running .item-time-running-icon[data-v-235883f4] {
        margin-right: 5px;
    }

    .buy-btn[data-v-235883f4] {
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        height: 44px;
        left: 0;
        margin-top: 16px;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 2;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/76e6230.css */
    .com-card[data-v-46283d71] {
        border-radius: 8px;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        display: block;
        overflow: hidden;
        position: relative;
        transition: box-shadow .2s ease,transform .2s ease;
    }

    .com-card [data-v-46283d71] {
        box-sizing: border-box;
    }

    .figure[data-v-46283d71] {
        display: block;
    }

    .canvas[data-v-46283d71] {
        padding-top: 50%;
        position: relative;
        width: 320px;
    }

    .image[data-v-46283d71] {
        border: none;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        transition: transform .7s ease;
        width: 100%;
    }

    .image[data-v-46283d71]:after {
        background-color: #e7e7e7;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    @media (max-width: 767.98px) {
        .com-card[data-v-46283d71] {
            border-radius:2.5vw;
            width: 100%;
        }

        .canvas[data-v-46283d71] {
            width: 100%;
        }

        .figure[data-v-46283d71] {
            box-shadow: .625vw 3.75vw 0 rgba(0,0,0,.1);
        }
    }

    .d-desktop[data-v-e1d66c5a] {
        display: inline!important;
        display: initial!important;
    }

    .d-desktop.d-flex[data-v-e1d66c5a] {
        display: flex!important;
    }

    .com-info-card[data-v-e1d66c5a] {
        position: relative;
    }

    .com-info-card [data-v-e1d66c5a] {
        box-sizing: border-box;
    }

    .title .label--wrapper[data-v-e1d66c5a],.title .line1-box[data-v-e1d66c5a] {
        margin-bottom: 8px;
    }

    .name[data-v-e1d66c5a] {
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
        transition: color .2s ease;
        vertical-align: middle;
    }

    .status[data-v-e1d66c5a] {
        border-radius: 4px;
        display: inline-block;
        font-size: 12px;
        line-height: 20px;
        margin-left: 4px;
        padding: 0 4px;
        vertical-align: middle;
    }

    .status.completed[data-v-e1d66c5a] {
        background-color: #eff0f1;
        color: #5d6c76;
    }

    .label--wrapper[data-v-e1d66c5a] {
        width: auto;
    }

    .summary[data-v-e1d66c5a] {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .pairs[data-v-e1d66c5a] {
        margin-top: -18px;
    }

    .pair[data-v-e1d66c5a] {
        margin-top: 18px;
    }

    .key[data-v-e1d66c5a] {
        color: #999;
        font-size: 12px;
    }

    .key[data-v-e1d66c5a],.value[data-v-e1d66c5a] {
        line-height: 16px;
    }

    .value[data-v-e1d66c5a] {
        font-size: 14px;
        margin-top: 4px;
    }

    .bm-text-overflow-1[data-v-e1d66c5a] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        overflow: hidden;
        word-break: break-all;
    }

    @media (max-width: 767.98px) {
        .d-desktop.d-flex[data-v-e1d66c5a],.d-desktop[data-v-e1d66c5a] {
            display:none!important;
        }

        .title[data-v-e1d66c5a] {
            margin-bottom: 2.5vw;
        }

        .name[data-v-e1d66c5a] {
            font-size: 6.25vw;
            line-height: 8.75vw;
        }

        .status[data-v-e1d66c5a] {
            border-radius: .625vw;
            display: inline;
            display: initial;
            font-size: 3.75vw;
            height: 6.25vw;
            line-height: 6.25vw;
            margin-left: .625vw;
            padding: .625vw 1.25vw;
        }

        .label--wrapper.mobile[data-v-e1d66c5a] {
            width: 100%;
        }

        .summary[data-v-e1d66c5a] {
            font-size: 4.375vw;
            line-height: 6.25vw;
            margin-bottom: 2.5vw;
        }

        .pairs[data-v-e1d66c5a] {
            margin-top: -2.5vw;
        }

        .pair[data-v-e1d66c5a] {
            margin-top: 2.5vw;
        }

        .key[data-v-e1d66c5a],.value[data-v-e1d66c5a] {
            font-size: 3.75vw;
            line-height: 5vw;
        }

        .value[data-v-e1d66c5a] {
            margin-top: .625vw;
        }
    }

    .com-subscribe[data-v-404849a2] {
        cursor: pointer;
        min-height: 32px;
    }

    .com-subscribe [data-v-404849a2] {
        box-sizing: border-box;
    }

    .com-subscribe .icon[data-v-404849a2] {
        fill: #fff;
        stroke-width: 16px;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        height: 14px;
        margin-right: 4px;
        width: 14px;
    }

    .com-subscribe .content[data-v-404849a2] {
        align-items: center;
        background-color: #1a1b1f;
        border: 1px solid #1a1b1f;
        border-radius: 4px;
        color: #fff;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: 32px;
        justify-content: center;
        line-height: 1;
        padding: 0 12px;
    }

    .com-subscribe .text[data-v-404849a2] {
        white-space: nowrap;
    }

    @media (max-width: 767.98px) {
        .com-subscribe .content[data-v-404849a2] {
            height:6.4vw;
        }
    }

    .com-back-to-page[data-v-9c2082a4] {
        display: flex;
        font-size: 14px;
        line-height: 20px;
        position: relative;
        transition: color .2s ease;
    }

    .com-back-to-page .hover[data-v-9c2082a4]:hover {
        color: #13c2c2;
        cursor: pointer;
    }

    .com-back-to-page [data-v-9c2082a4] {
        box-sizing: border-box;
    }

    .icon[data-v-9c2082a4] {
        font-size: 12px;
        line-height: 20px;
    }

    .text[data-v-9c2082a4] {
        font-weight: 500;
        margin-left: 6px;
    }

    .text.desktop[data-v-9c2082a4] {
        display: inline;
        display: initial;
    }

    @media (max-width: 767.98px) {
        .com-back-to-page[data-v-9c2082a4] {
            font-size:3.75vw;
            line-height: 6.25vw;
        }

        .icon[data-v-9c2082a4] {
            line-height: 6.25vw;
        }

        .icon[data-v-9c2082a4],.text[data-v-9c2082a4] {
            font-size: 3.75vw;
        }

        .text[data-v-9c2082a4] {
            margin-left: 1.875vw;
        }

        .text.desktop[data-v-9c2082a4] {
            display: none;
        }
    }

    .d-mobile[data-v-2a9df018] {
        display: none!important;
    }

    .d-desktop[data-v-2a9df018] {
        display: inline!important;
        display: initial!important;
    }

    .page-launchpad[data-v-2a9df018] {
        background-color: #fff;
        color: #000;
        font-size: 16px;
        min-height: calc(100vh - 144px);
        padding-bottom: 0;
        padding-top: 48px;
    }

    .page-launchpad [data-v-2a9df018] {
        box-sizing: border-box;
    }

    .container[data-v-2a9df018] {
        --bs-gutter-x: 0px;
        max-width: 1200px;
        width: 1200px;
    }

    .header[data-v-2a9df018] {
        display: none;
    }

    .h1[data-v-2a9df018] {
        margin-bottom: 64px;
    }

    .title[data-v-2a9df018] {
        font-size: 48px;
        font-weight: 500;
        line-height: 64px;
    }

    .slogon[data-v-2a9df018] {
        font-size: 16px;
        line-height: 20px;
        margin-top: 8px;
    }

    .list[data-v-2a9df018] {
        --bs-gutter-y: 48px;
        --bs-gutter-x: 32px;
    }

    .card[data-v-2a9df018] {
        flex: 0 0 auto;
        margin-right: 64px;
    }

    .info-card[data-v-2a9df018] {
        margin-bottom: 24px;
    }

    .project--item[data-v-2a9df018] {
        border-radius: 16px;
        cursor: pointer;
        padding-bottom: 20px;
        padding-top: 20px;
        transition: background-color .2s ease;
    }

    .project--item.hover[data-v-2a9df018]:hover {
        background-color: #f3f4f8;
    }

    .more[data-v-2a9df018] {
        color: #13c2c2;
        cursor: pointer;
        font-size: 14px;
        line-height: 20px;
        margin: 64px auto;
        text-align: center;
    }

    .link[data-v-2a9df018] {
        color: #13c2c2;
        cursor: pointer;
        transition: color .3s linear;
    }

    .link.hover[data-v-2a9df018]:hover {
        color: #0ab0b0;
        -webkit-text-decoration: underline;
        text-decoration: underline;
    }

    .handler[data-v-2a9df018] {
        cursor: pointer;
        transition: color .3s linear;
    }

    .handler.hover[data-v-2a9df018]:hover {
        color: #0ab0b0;
    }

    .subscribe[data-v-2a9df018] {
        margin-left: 12px;
    }

    @media (max-width: 767.98px) {
        .d-mobile[data-v-2a9df018] {
            display:inline!important;
            display: initial!important;
        }

        .d-desktop[data-v-2a9df018] {
            display: none!important;
        }

        .page-launchpad[data-v-2a9df018] {
            font-size: 5vw;
            min-height: calc(100vh - 45vw);
            padding-top: 15vw;
        }

        .container[data-v-2a9df018] {
            --bs-gutter-x: 6.25vw;
            max-width: none;
            width: auto;
        }

        .h1[data-v-2a9df018] {
            margin-bottom: 3.75vw;
        }

        .title[data-v-2a9df018] {
            font-size: 11.875vw;
            font-weight: 500;
            line-height: 14.375vw;
        }

        .slogon[data-v-2a9df018] {
            font-size: 5vw;
            line-height: 6.25vw;
            margin-top: 2.5vw;
        }

        .list[data-v-2a9df018] {
            --bs-gutter-y: 0;
            --bs-gutter-x: 12.5vw;
        }

        .project--item[data-v-2a9df018] {
            border-radius: 0;
            flex-direction: column;
            flex-wrap: wrap;
            padding-bottom: 6.25vw;
            padding-top: 6.25vw;
        }

        .card-wrapper[data-v-2a9df018],.countdown-wrapper[data-v-2a9df018] {
            width: 100%;
        }

        .card[data-v-2a9df018] {
            margin-bottom: 2.5vw;
            margin-right: 0;
        }

        .info-card[data-v-2a9df018] {
            margin-bottom: 0;
            margin-top: 5vw;
        }

        .more[data-v-2a9df018] {
            line-height: 5vw;
            margin: 10vw auto;
        }

        .link[data-v-2a9df018],.more[data-v-2a9df018] {
            font-size: 3.75vw;
        }

        .link[data-v-2a9df018] {
            color: #1a1b1f;
            white-space: nowrap;
        }

        .subscribe[data-v-2a9df018] {
            margin-left: 0;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/8d06021.css */
    .com-card[data-v-46283d71] {
        border-radius: 8px;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        display: block;
        overflow: hidden;
        position: relative;
        transition: box-shadow .2s ease,transform .2s ease;
    }

    .com-card [data-v-46283d71] {
        box-sizing: border-box;
    }

    .figure[data-v-46283d71] {
        display: block;
    }

    .canvas[data-v-46283d71] {
        padding-top: 50%;
        position: relative;
        width: 320px;
    }

    .image[data-v-46283d71] {
        border: none;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        transition: transform .7s ease;
        width: 100%;
    }

    .image[data-v-46283d71]:after {
        background-color: #e7e7e7;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    @media (max-width: 767.98px) {
        .com-card[data-v-46283d71] {
            border-radius:2.5vw;
            width: 100%;
        }

        .canvas[data-v-46283d71] {
            width: 100%;
        }

        .figure[data-v-46283d71] {
            box-shadow: .625vw 3.75vw 0 rgba(0,0,0,.1);
        }
    }

    .d-desktop[data-v-e1d66c5a] {
        display: inline!important;
        display: initial!important;
    }

    .d-desktop.d-flex[data-v-e1d66c5a] {
        display: flex!important;
    }

    .com-info-card[data-v-e1d66c5a] {
        position: relative;
    }

    .com-info-card [data-v-e1d66c5a] {
        box-sizing: border-box;
    }

    .title .label--wrapper[data-v-e1d66c5a],.title .line1-box[data-v-e1d66c5a] {
        margin-bottom: 8px;
    }

    .name[data-v-e1d66c5a] {
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
        transition: color .2s ease;
        vertical-align: middle;
    }

    .status[data-v-e1d66c5a] {
        border-radius: 4px;
        display: inline-block;
        font-size: 12px;
        line-height: 20px;
        margin-left: 4px;
        padding: 0 4px;
        vertical-align: middle;
    }

    .status.completed[data-v-e1d66c5a] {
        background-color: #eff0f1;
        color: #5d6c76;
    }

    .label--wrapper[data-v-e1d66c5a] {
        width: auto;
    }

    .summary[data-v-e1d66c5a] {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .pairs[data-v-e1d66c5a] {
        margin-top: -18px;
    }

    .pair[data-v-e1d66c5a] {
        margin-top: 18px;
    }

    .key[data-v-e1d66c5a] {
        color: #999;
        font-size: 12px;
    }

    .key[data-v-e1d66c5a],.value[data-v-e1d66c5a] {
        line-height: 16px;
    }

    .value[data-v-e1d66c5a] {
        font-size: 14px;
        margin-top: 4px;
    }

    .bm-text-overflow-1[data-v-e1d66c5a] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        overflow: hidden;
        word-break: break-all;
    }

    @media (max-width: 767.98px) {
        .d-desktop.d-flex[data-v-e1d66c5a],.d-desktop[data-v-e1d66c5a] {
            display:none!important;
        }

        .title[data-v-e1d66c5a] {
            margin-bottom: 2.5vw;
        }

        .name[data-v-e1d66c5a] {
            font-size: 6.25vw;
            line-height: 8.75vw;
        }

        .status[data-v-e1d66c5a] {
            border-radius: .625vw;
            display: inline;
            display: initial;
            font-size: 3.75vw;
            height: 6.25vw;
            line-height: 6.25vw;
            margin-left: .625vw;
            padding: .625vw 1.25vw;
        }

        .label--wrapper.mobile[data-v-e1d66c5a] {
            width: 100%;
        }

        .summary[data-v-e1d66c5a] {
            font-size: 4.375vw;
            line-height: 6.25vw;
            margin-bottom: 2.5vw;
        }

        .pairs[data-v-e1d66c5a] {
            margin-top: -2.5vw;
        }

        .pair[data-v-e1d66c5a] {
            margin-top: 2.5vw;
        }

        .key[data-v-e1d66c5a],.value[data-v-e1d66c5a] {
            font-size: 3.75vw;
            line-height: 5vw;
        }

        .value[data-v-e1d66c5a] {
            margin-top: .625vw;
        }
    }

    .com-subscribe[data-v-404849a2] {
        cursor: pointer;
        min-height: 32px;
    }

    .com-subscribe [data-v-404849a2] {
        box-sizing: border-box;
    }

    .com-subscribe .icon[data-v-404849a2] {
        fill: #fff;
        stroke-width: 16px;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        height: 14px;
        margin-right: 4px;
        width: 14px;
    }

    .com-subscribe .content[data-v-404849a2] {
        align-items: center;
        background-color: #1a1b1f;
        border: 1px solid #1a1b1f;
        border-radius: 4px;
        color: #fff;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: 32px;
        justify-content: center;
        line-height: 1;
        padding: 0 12px;
    }

    .com-subscribe .text[data-v-404849a2] {
        white-space: nowrap;
    }

    @media (max-width: 767.98px) {
        .com-subscribe .content[data-v-404849a2] {
            height:6.4vw;
        }
    }

    .com-back-to-page[data-v-9c2082a4] {
        display: flex;
        font-size: 14px;
        line-height: 20px;
        position: relative;
        transition: color .2s ease;
    }

    .com-back-to-page .hover[data-v-9c2082a4]:hover {
        color: #13c2c2;
        cursor: pointer;
    }

    .com-back-to-page [data-v-9c2082a4] {
        box-sizing: border-box;
    }

    .icon[data-v-9c2082a4] {
        font-size: 12px;
        line-height: 20px;
    }

    .text[data-v-9c2082a4] {
        font-weight: 500;
        margin-left: 6px;
    }

    .text.desktop[data-v-9c2082a4] {
        display: inline;
        display: initial;
    }

    @media (max-width: 767.98px) {
        .com-back-to-page[data-v-9c2082a4] {
            font-size:3.75vw;
            line-height: 6.25vw;
        }

        .icon[data-v-9c2082a4] {
            line-height: 6.25vw;
        }

        .icon[data-v-9c2082a4],.text[data-v-9c2082a4] {
            font-size: 3.75vw;
        }

        .text[data-v-9c2082a4] {
            margin-left: 1.875vw;
        }

        .text.desktop[data-v-9c2082a4] {
            display: none;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/fd9db2e.css */
    .com-card[data-v-78325708] {
        border-radius: 8px;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        display: block;
        overflow: hidden;
        position: relative;
        transition: box-shadow .2s ease,transform .2s ease;
    }

    .com-card [data-v-78325708] {
        box-sizing: border-box;
    }

    .figure[data-v-78325708] {
        display: block;
    }

    .canvas[data-v-78325708] {
        padding-top: 50%;
        position: relative;
        width: 320px;
    }

    .image[data-v-78325708] {
        border: none;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        transition: transform .7s ease;
        width: 100%;
    }

    .image[data-v-78325708]:after {
        background-color: #e7e7e7;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    @media (max-width: 767.98px) {
        .com-card[data-v-78325708] {
            border-radius:2.5vw;
            width: 100%;
        }

        .canvas[data-v-78325708] {
            width: 100%;
        }

        .figure[data-v-78325708] {
            box-shadow: .625vw 3.75vw 0 rgba(0,0,0,.1);
        }
    }

    .d-desktop[data-v-265f7a12] {
        display: inline!important;
        display: initial!important;
    }

    .d-desktop.d-flex[data-v-265f7a12] {
        display: flex!important;
    }

    .com-info-card[data-v-265f7a12] {
        position: relative;
    }

    .com-info-card [data-v-265f7a12] {
        box-sizing: border-box;
    }

    .title .label--wrapper[data-v-265f7a12],.title .line1-box[data-v-265f7a12] {
        margin-bottom: 8px;
    }

    .name[data-v-265f7a12] {
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
        transition: color .2s ease;
        vertical-align: middle;
    }

    .status[data-v-265f7a12] {
        border-radius: 4px;
        display: inline-block;
        font-size: 12px;
        line-height: 20px;
        margin-left: 4px;
        padding: 0 4px;
        vertical-align: middle;
    }

    .status.completed[data-v-265f7a12] {
        background-color: #eff0f1;
        color: #5d6c76;
    }

    .label--wrapper[data-v-265f7a12] {
        width: auto;
    }

    .summary[data-v-265f7a12] {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .pairs[data-v-265f7a12] {
        margin-top: -18px;
    }

    .pair[data-v-265f7a12] {
        margin-top: 18px;
    }

    .key[data-v-265f7a12] {
        color: #999;
        font-size: 12px;
    }

    .key[data-v-265f7a12],.value[data-v-265f7a12] {
        line-height: 16px;
    }

    .value[data-v-265f7a12] {
        font-size: 14px;
        margin-top: 4px;
    }

    .bm-text-overflow-1[data-v-265f7a12] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        overflow: hidden;
        word-break: break-all;
    }

    @media (max-width: 767.98px) {
        .d-desktop.d-flex[data-v-265f7a12],.d-desktop[data-v-265f7a12] {
            display:none!important;
        }

        .title[data-v-265f7a12] {
            margin-bottom: 2.5vw;
        }

        .name[data-v-265f7a12] {
            font-size: 6.25vw;
            line-height: 8.75vw;
        }

        .status[data-v-265f7a12] {
            border-radius: .625vw;
            display: inline;
            display: initial;
            font-size: 3.75vw;
            height: 6.25vw;
            line-height: 6.25vw;
            margin-left: .625vw;
            padding: .625vw 1.25vw;
        }

        .label--wrapper.mobile[data-v-265f7a12] {
            width: 100%;
        }

        .summary[data-v-265f7a12] {
            font-size: 4.375vw;
            line-height: 6.25vw;
            margin-bottom: 2.5vw;
        }

        .pairs[data-v-265f7a12] {
            margin-top: -2.5vw;
        }

        .pair[data-v-265f7a12] {
            margin-top: 2.5vw;
        }

        .key[data-v-265f7a12],.value[data-v-265f7a12] {
            font-size: 3.75vw;
            line-height: 5vw;
        }

        .value[data-v-265f7a12] {
            margin-top: .625vw;
        }
    }

    .com-subscribe[data-v-58f0d6e2] {
        cursor: pointer;
        min-height: 32px;
    }

    .com-subscribe [data-v-58f0d6e2] {
        box-sizing: border-box;
    }

    .com-subscribe .icon[data-v-58f0d6e2] {
        fill: #fff;
        stroke-width: 16px;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        height: 14px;
        margin-right: 4px;
        width: 14px;
    }

    .com-subscribe .content[data-v-58f0d6e2] {
        align-items: center;
        background-color: #1a1b1f;
        border: 1px solid #1a1b1f;
        border-radius: 4px;
        color: #fff;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: 32px;
        justify-content: center;
        line-height: 1;
        padding: 0 12px;
    }

    .com-subscribe .text[data-v-58f0d6e2] {
        white-space: nowrap;
    }

    @media (max-width: 767.98px) {
        .com-subscribe .content[data-v-58f0d6e2] {
            height:6.4vw;
        }
    }

    .com-back-to-page[data-v-280061ae] {
        display: flex;
        font-size: 14px;
        line-height: 20px;
        position: relative;
        transition: color .2s ease;
    }

    .com-back-to-page .hover[data-v-280061ae]:hover {
        color: #13c2c2;
        cursor: pointer;
    }

    .com-back-to-page [data-v-280061ae] {
        box-sizing: border-box;
    }

    .icon[data-v-280061ae] {
        font-size: 12px;
        line-height: 20px;
    }

    .text[data-v-280061ae] {
        font-weight: 500;
        margin-left: 6px;
    }

    .text.desktop[data-v-280061ae] {
        display: inline;
        display: initial;
    }

    @media (max-width: 767.98px) {
        .com-back-to-page[data-v-280061ae] {
            font-size:3.75vw;
            line-height: 6.25vw;
        }

        .icon[data-v-280061ae] {
            line-height: 6.25vw;
        }

        .icon[data-v-280061ae],.text[data-v-280061ae] {
            font-size: 3.75vw;
        }

        .text[data-v-280061ae] {
            margin-left: 1.875vw;
        }

        .text.desktop[data-v-280061ae] {
            display: none;
        }
    }

    .d-mobile[data-v-728d5cfd] {
        display: none!important;
    }

    .d-desktop[data-v-728d5cfd] {
        display: inline!important;
        display: initial!important;
    }

    .page-voting[data-v-728d5cfd] {
        background-color: #fff;
        color: #000;
        font-size: 16px;
        min-height: calc(100vh - 144px);
        padding-bottom: 0;
        padding-top: 48px;
    }

    .page-voting [data-v-728d5cfd] {
        box-sizing: border-box;
    }

    .container[data-v-728d5cfd] {
        --bs-gutter-x: 0px;
        max-width: 1200px;
        width: 1200px;
    }

    .header[data-v-728d5cfd] {
        display: none;
    }

    .h1[data-v-728d5cfd] {
        margin-bottom: 64px;
    }

    .title[data-v-728d5cfd] {
        font-size: 48px;
        font-weight: 500;
        line-height: 64px;
    }

    .slogon[data-v-728d5cfd] {
        font-size: 16px;
        line-height: 20px;
        margin-top: 8px;
    }

    .list[data-v-728d5cfd] {
        --bs-gutter-y: 48px;
        --bs-gutter-x: 32px;
    }

    .card[data-v-728d5cfd] {
        flex: 0 0 auto;
        margin-right: 64px;
    }

    .info-card[data-v-728d5cfd] {
        margin-bottom: 24px;
    }

    .project--item[data-v-728d5cfd] {
        border-radius: 16px;
        cursor: pointer;
        padding-bottom: 20px;
        padding-top: 20px;
        transition: background-color .2s ease;
    }

    .project--item.hover[data-v-728d5cfd]:hover {
        background-color: #f3f4f8;
    }

    .more[data-v-728d5cfd] {
        color: #13c2c2;
        cursor: pointer;
        font-size: 14px;
        line-height: 20px;
        margin: 64px auto;
        text-align: center;
    }

    .handler[data-v-728d5cfd] {
        cursor: pointer;
        transition: color .3s linear;
    }

    .handler.hover[data-v-728d5cfd]:hover {
        color: #0ab0b0;
    }

    .subscribe[data-v-728d5cfd] {
        margin-left: 12px;
    }

    @media (max-width: 767.98px) {
        .d-mobile[data-v-728d5cfd] {
            display:inline!important;
            display: initial!important;
        }

        .d-desktop[data-v-728d5cfd] {
            display: none!important;
        }

        .page-voting[data-v-728d5cfd] {
            font-size: 5vw;
            min-height: calc(100vh - 45vw);
            padding-top: 15vw;
        }

        .container[data-v-728d5cfd] {
            --bs-gutter-x: 6.25vw;
            max-width: none;
            width: auto;
        }

        .h1[data-v-728d5cfd] {
            margin-bottom: 3.75vw;
        }

        .title[data-v-728d5cfd] {
            font-size: 11.875vw;
            font-weight: 500;
            line-height: 14.375vw;
        }

        .slogon[data-v-728d5cfd] {
            font-size: 5vw;
            line-height: 6.25vw;
            margin-top: 2.5vw;
        }

        .list[data-v-728d5cfd] {
            --bs-gutter-y: 0;
            --bs-gutter-x: 12.5vw;
        }

        .project--item[data-v-728d5cfd] {
            border-radius: 0;
            flex-direction: column;
            flex-wrap: wrap;
            padding-bottom: 6.25vw;
            padding-top: 6.25vw;
        }

        .card-wrapper[data-v-728d5cfd],.countdown-wrapper[data-v-728d5cfd] {
            width: 100%;
        }

        .card[data-v-728d5cfd] {
            margin-bottom: 2.5vw;
            margin-right: 0;
        }

        .info-card[data-v-728d5cfd] {
            margin-bottom: 0;
            margin-top: 5vw;
        }

        .more[data-v-728d5cfd] {
            line-height: 5vw;
            margin: 10vw auto;
        }

        .more[data-v-728d5cfd] {
            font-size: 3.75vw;
        }

        .subscribe[data-v-728d5cfd] {
            margin-left: 0;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/454acf7.css */
    .com-card[data-v-78325708] {
        border-radius: 8px;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        display: block;
        overflow: hidden;
        position: relative;
        transition: box-shadow .2s ease,transform .2s ease;
    }

    .com-card [data-v-78325708] {
        box-sizing: border-box;
    }

    .figure[data-v-78325708] {
        display: block;
    }

    .canvas[data-v-78325708] {
        padding-top: 50%;
        position: relative;
        width: 320px;
    }

    .image[data-v-78325708] {
        border: none;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        transition: transform .7s ease;
        width: 100%;
    }

    .image[data-v-78325708]:after {
        background-color: #e7e7e7;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    @media (max-width: 767.98px) {
        .com-card[data-v-78325708] {
            border-radius:2.5vw;
            width: 100%;
        }

        .canvas[data-v-78325708] {
            width: 100%;
        }

        .figure[data-v-78325708] {
            box-shadow: .625vw 3.75vw 0 rgba(0,0,0,.1);
        }
    }

    .d-desktop[data-v-265f7a12] {
        display: inline!important;
        display: initial!important;
    }

    .d-desktop.d-flex[data-v-265f7a12] {
        display: flex!important;
    }

    .com-info-card[data-v-265f7a12] {
        position: relative;
    }

    .com-info-card [data-v-265f7a12] {
        box-sizing: border-box;
    }

    .title .label--wrapper[data-v-265f7a12],.title .line1-box[data-v-265f7a12] {
        margin-bottom: 8px;
    }

    .name[data-v-265f7a12] {
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
        transition: color .2s ease;
        vertical-align: middle;
    }

    .status[data-v-265f7a12] {
        border-radius: 4px;
        display: inline-block;
        font-size: 12px;
        line-height: 20px;
        margin-left: 4px;
        padding: 0 4px;
        vertical-align: middle;
    }

    .status.completed[data-v-265f7a12] {
        background-color: #eff0f1;
        color: #5d6c76;
    }

    .label--wrapper[data-v-265f7a12] {
        width: auto;
    }

    .summary[data-v-265f7a12] {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .pairs[data-v-265f7a12] {
        margin-top: -18px;
    }

    .pair[data-v-265f7a12] {
        margin-top: 18px;
    }

    .key[data-v-265f7a12] {
        color: #999;
        font-size: 12px;
    }

    .key[data-v-265f7a12],.value[data-v-265f7a12] {
        line-height: 16px;
    }

    .value[data-v-265f7a12] {
        font-size: 14px;
        margin-top: 4px;
    }

    .bm-text-overflow-1[data-v-265f7a12] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        overflow: hidden;
        word-break: break-all;
    }

    @media (max-width: 767.98px) {
        .d-desktop.d-flex[data-v-265f7a12],.d-desktop[data-v-265f7a12] {
            display:none!important;
        }

        .title[data-v-265f7a12] {
            margin-bottom: 2.5vw;
        }

        .name[data-v-265f7a12] {
            font-size: 6.25vw;
            line-height: 8.75vw;
        }

        .status[data-v-265f7a12] {
            border-radius: .625vw;
            display: inline;
            display: initial;
            font-size: 3.75vw;
            height: 6.25vw;
            line-height: 6.25vw;
            margin-left: .625vw;
            padding: .625vw 1.25vw;
        }

        .label--wrapper.mobile[data-v-265f7a12] {
            width: 100%;
        }

        .summary[data-v-265f7a12] {
            font-size: 4.375vw;
            line-height: 6.25vw;
            margin-bottom: 2.5vw;
        }

        .pairs[data-v-265f7a12] {
            margin-top: -2.5vw;
        }

        .pair[data-v-265f7a12] {
            margin-top: 2.5vw;
        }

        .key[data-v-265f7a12],.value[data-v-265f7a12] {
            font-size: 3.75vw;
            line-height: 5vw;
        }

        .value[data-v-265f7a12] {
            margin-top: .625vw;
        }
    }

    .com-subscribe[data-v-58f0d6e2] {
        cursor: pointer;
        min-height: 32px;
    }

    .com-subscribe [data-v-58f0d6e2] {
        box-sizing: border-box;
    }

    .com-subscribe .icon[data-v-58f0d6e2] {
        fill: #fff;
        stroke-width: 16px;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        height: 14px;
        margin-right: 4px;
        width: 14px;
    }

    .com-subscribe .content[data-v-58f0d6e2] {
        align-items: center;
        background-color: #1a1b1f;
        border: 1px solid #1a1b1f;
        border-radius: 4px;
        color: #fff;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: 32px;
        justify-content: center;
        line-height: 1;
        padding: 0 12px;
    }

    .com-subscribe .text[data-v-58f0d6e2] {
        white-space: nowrap;
    }

    @media (max-width: 767.98px) {
        .com-subscribe .content[data-v-58f0d6e2] {
            height:6.4vw;
        }
    }

    .com-back-to-page[data-v-280061ae] {
        display: flex;
        font-size: 14px;
        line-height: 20px;
        position: relative;
        transition: color .2s ease;
    }

    .com-back-to-page .hover[data-v-280061ae]:hover {
        color: #13c2c2;
        cursor: pointer;
    }

    .com-back-to-page [data-v-280061ae] {
        box-sizing: border-box;
    }

    .icon[data-v-280061ae] {
        font-size: 12px;
        line-height: 20px;
    }

    .text[data-v-280061ae] {
        font-weight: 500;
        margin-left: 6px;
    }

    .text.desktop[data-v-280061ae] {
        display: inline;
        display: initial;
    }

    @media (max-width: 767.98px) {
        .com-back-to-page[data-v-280061ae] {
            font-size:3.75vw;
            line-height: 6.25vw;
        }

        .icon[data-v-280061ae] {
            line-height: 6.25vw;
        }

        .icon[data-v-280061ae],.text[data-v-280061ae] {
            font-size: 3.75vw;
        }

        .text[data-v-280061ae] {
            margin-left: 1.875vw;
        }

        .text.desktop[data-v-280061ae] {
            display: none;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/8484a47.css */
    .page-institutional-services[data-v-6bafeaa3] {
        overflow-x: hidden;
        padding-top: 100px;
    }

    .page-institutional-services [data-v-6bafeaa3] {
        box-sizing: border-box;
    }

    .page-institutional-services .banner[data-v-6bafeaa3] {
        margin-bottom: 132px;
    }

    .page-institutional-services .banner .title[data-v-6bafeaa3] {
        color: #1a1b1f;
        font-size: 56px;
        line-height: 73px;
        margin-bottom: 56px;
        width: 900px;
    }

    .page-institutional-services .banner .title .desc[data-v-6bafeaa3] {
        white-space: pre-line;
    }

    .page-institutional-services .banner .title .key-words[data-v-6bafeaa3] {
        font-weight: 600;
    }

    .page-institutional-services .banner .btn-started[data-v-6bafeaa3] {
        color: #fff;
        font-weight: 500;
    }

    .page-institutional-services .banner .btn-started[data-v-6bafeaa3]:hover {
        background-color: #00b1b1;
    }

    .page-institutional-services .banner .btn-started[data-v-6bafeaa3]:active {
        background-color: #08979c;
    }

    .page-institutional-services .key-list[data-v-6bafeaa3] {
        display: inline-block;
        margin-bottom: 180px;
        white-space: nowrap;
        width: 100%;
    }

    .page-institutional-services .key-list .key-item[data-v-6bafeaa3] {
        display: inline-block;
        margin-right: 142px;
    }

    .page-institutional-services .key-list .key-item .key-item-name[data-v-6bafeaa3] {
        color: #1a1b1f;
        font-size: 48px;
        font-weight: 500;
        line-height: 62px;
        margin-bottom: 16px;
    }

    .page-institutional-services .key-list .key-item .key-item-desc[data-v-6bafeaa3] {
        color: #6a7c81;
        font-size: 16px;
        line-height: 21px;
        text-transform: capitalize;
    }

    .page-institutional-services .function-list[data-v-6bafeaa3] {
        display: flex;
        margin-bottom: 100px;
        width: 100%;
    }

    .page-institutional-services .function-list .function-tab-panel[data-v-6bafeaa3] {
        height: 324px;
        position: relative;
        width: 735px;
    }

    .page-institutional-services .function-list .function-tab-panel-item[data-v-6bafeaa3] {
        height: 100%;
        opacity: 0;
        padding-right: 40px;
        position: absolute;
        transition: opacity .3s;
        width: 100%;
    }

    .page-institutional-services .function-list .function-tab-panel-item.actived[data-v-6bafeaa3] {
        opacity: 1;
        z-index: 2;
    }

    .page-institutional-services .function-list .function-tab-panel-item .tab-panel-icon[data-v-6bafeaa3] {
        display: inline-block;
        height: 64px;
        margin-bottom: 8px;
        width: 64px;
    }

    .page-institutional-services .function-list .function-tab-panel-item .tab-panel-title[data-v-6bafeaa3] {
        color: #1a1b1f;
        font-size: 48px;
        font-weight: 500;
        line-height: 62px;
        margin-bottom: 12px;
    }

    .page-institutional-services .function-list .function-tab-panel-item .tab-panel-desc[data-v-6bafeaa3] {
        color: #1a1b1f;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 48px;
        max-width: 600px;
    }

    .page-institutional-services .function-list .function-tab-panel-item .btn-tab-link[data-v-6bafeaa3] {
        color: #fff;
        font-weight: 500;
        min-width: 200px;
    }

    .page-institutional-services .function-list .function-tab-panel-item .btn-tab-link[data-v-6bafeaa3]:hover {
        background-color: #00b1b1;
    }

    .page-institutional-services .function-list .function-tab-panel-item .btn-tab-link[data-v-6bafeaa3]:active {
        background-color: #08979c;
    }

    .page-institutional-services .function-list .function-tab[data-v-6bafeaa3] {
        display: flex;
        width: 460px;
    }

    .page-institutional-services .function-list .function-tab .tab-progress[data-v-6bafeaa3] {
        background-color: #f5f9fb;
        height: 100%;
        width: 4px;
    }

    .page-institutional-services .function-list .function-tab .tab-progress .active-bar[data-v-6bafeaa3] {
        background-color: #1a1b1f;
        height: 60px;
        transition: transform .3s;
        width: 4px;
    }

    .page-institutional-services .function-list .function-tab .tab-progress .active-bar-1[data-v-6bafeaa3] {
        transform: translateY(0);
    }

    .page-institutional-services .function-list .function-tab .function-tab-wrapper[data-v-6bafeaa3] {
        padding-left: 40px;
    }

    .page-institutional-services .function-list .function-tab .function-tab-wrapper .function-tab-item[data-v-6bafeaa3] {
        align-items: center;
        cursor: pointer;
        display: flex;
        margin-bottom: 28px;
        padding: 14px 0;
    }

    .page-institutional-services .function-list .function-tab .function-tab-wrapper .function-tab-item[data-v-6bafeaa3]:last-child {
        margin-bottom: 0;
    }

    .page-institutional-services .function-list .function-tab .function-tab-wrapper .function-tab-item .tab-icon[data-v-6bafeaa3] {
        display: inline-block;
        height: 32px;
        width: 32px;
    }

    .page-institutional-services .function-list .function-tab .function-tab-wrapper .function-tab-item span[data-v-6bafeaa3] {
        color: #1a1b1f;
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
        margin-left: 20px;
    }

    .page-institutional-services .function-list-mobile[data-v-6bafeaa3] {
        display: none;
    }

    .page-institutional-services .partner-wrapper[data-v-6bafeaa3] {
        height: 75px;
        width: 100%;
    }

    .page-institutional-services .partner-wrapper .image-container[data-v-6bafeaa3] {
        height: 75px;
    }

    .page-institutional-services .partner-wrapper .image-container .company-img[data-v-6bafeaa3] {
        background-image: url(/assets/web-frontend/client/img/company.b1ef73b.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        height: 100%;
    }

    .page-institutional-services .work-with-bm[data-v-6bafeaa3] {
        padding: 160px 0 80px;
    }

    .page-institutional-services .work-with-bm .title[data-v-6bafeaa3] {
        color: #1a1b1f;
        font-size: 32px;
        font-weight: 500;
        line-height: 42px;
        margin-bottom: 40px;
    }

    .page-institutional-services .work-with-bm .work-list[data-v-6bafeaa3] {
        display: flex;
    }

    .page-institutional-services .work-with-bm .work-list .work-list-item[data-v-6bafeaa3] {
        align-items: center;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-right: 48px;
        min-height: 342px;
        padding: 34px 32px;
        width: 368px;
    }

    .page-institutional-services .work-with-bm .work-list .work-list-item[data-v-6bafeaa3]:hover {
        background-color: #f5f9fb;
    }

    .page-institutional-services .work-with-bm .work-list .work-list-item[data-v-6bafeaa3]:last-child {
        margin-right: 0;
    }

    .page-institutional-services .work-with-bm .work-list .work-list-item .work-icon[data-v-6bafeaa3] {
        height: 96px;
        margin-bottom: 12px;
        width: 96px;
    }

    .page-institutional-services .work-with-bm .work-list .work-list-item .work-tit[data-v-6bafeaa3] {
        color: #1a1b1f;
        font-size: 24px;
        font-weight: 500;
        line-height: 31px;
        margin-bottom: 12px;
        text-align: center;
    }

    .page-institutional-services .work-with-bm .work-list .work-list-item .work-desc[data-v-6bafeaa3] {
        color: #86939b;
        font-size: 16px;
        line-height: 21px;
        text-align: center;
    }

    .page-institutional-services .work-with-bm .work-list .work-list-item .btn-tab-link[data-v-6bafeaa3] {
        border: 1px solid #dfe3eb;
        border-radius: 4px;
        color: #141f21;
        font-size: 14px;
        font-weight: 500;
        margin-top: 24px;
        min-width: 160px;
        padding: 12px;
        text-align: center;
    }

    .page-institutional-services .work-with-bm .work-list .work-list-item .btn-tab-link[data-v-6bafeaa3]:hover {
        border-color: #13c2c2;
        color: #13c2c2;
    }

    .page-institutional-services .work-with-bm .work-list .work-list-item .btn-tab-link[data-v-6bafeaa3]:active {
        border-color: #00b1b1;
        color: #13c2c2;
    }

    .page-institutional-services .contact-us .title[data-v-6bafeaa3] {
        color: #141f21;
        font-size: 32px;
        font-weight: 500;
        line-height: 42px;
    }

    .page-institutional-services .contact-us .contact-list[data-v-6bafeaa3] {
        display: flex;
        padding-top: 40px;
    }

    .page-institutional-services .contact-us .contact-list .contact-item[data-v-6bafeaa3] {
        align-items: center;
        background: hsla(0,0%,100%,.08);
        border: 1px solid #e5ebf0;
        border-radius: 8px;
        cursor: pointer;
        display: flex;
        height: 105px;
        justify-content: space-between;
        margin-right: 36px;
        padding: 0 16px 0 32px;
        transform: translateY(0);
        transition: all .3s;
        width: 582px;
    }

    .page-institutional-services .contact-us .contact-list .contact-item[data-v-6bafeaa3]:hover {
        background: rgba(229,235,240,.3);
        transform: translateY(-10px);
    }

    .page-institutional-services .contact-us .contact-list .contact-item[data-v-6bafeaa3]:last-child {
        margin-right: 0;
    }

    .page-institutional-services .contact-us .contact-list .contact-item .item-name[data-v-6bafeaa3] {
        align-items: center;
        color: #141f21;
        display: flex;
        font-size: 24px;
        font-weight: 600;
    }

    .page-institutional-services .contact-us .contact-list .contact-item .item-name img[data-v-6bafeaa3] {
        height: 32px;
        margin-right: 8px;
        width: 32px;
    }

    @media screen and (max-width: 640px) {
        .page-institutional-services .banner[data-v-6bafeaa3] {
            margin-bottom:48px;
            text-align: center;
        }

        .page-institutional-services .banner .title[data-v-6bafeaa3] {
            font-size: 32px;
            line-height: 42px;
            margin-bottom: 48px;
            width: 100%;
        }

        .page-institutional-services .banner .title .desc[data-v-6bafeaa3] {
            display: block;
            white-space: normal;
        }

        .page-institutional-services .key-list[data-v-6bafeaa3] {
            margin-bottom: 50px;
            text-align: center;
            white-space: inherit;
            width: 100%;
        }

        .page-institutional-services .key-list .key-item[data-v-6bafeaa3] {
            margin-right: 0;
            padding: 64px 0;
            text-align: center;
            width: 49%;
        }

        .page-institutional-services .key-list .key-item .key-item-name[data-v-6bafeaa3] {
            font-size: 24px;
            font-weight: 500;
            line-height: 31px;
            margin-bottom: 3px;
        }

        .page-institutional-services .key-list .key-item .key-item-desc[data-v-6bafeaa3] {
            font-size: 12px;
            line-height: 16px;
        }

        .page-institutional-services .key-list .key-item[data-v-6bafeaa3]:first-child {
            border-bottom: 1px solid #e7eff2;
            border-right: 1px solid #e7eff2;
        }

        .page-institutional-services .key-list .key-item[data-v-6bafeaa3]:nth-child(2) {
            border-bottom: 1px solid #e7eff2;
        }

        .page-institutional-services .key-list .key-item[data-v-6bafeaa3]:nth-child(3) {
            border-right: 1px solid #e7eff2;
        }

        .page-institutional-services .function-list[data-v-6bafeaa3] {
            display: none;
        }

        .page-institutional-services .function-list-mobile[data-v-6bafeaa3] {
            display: block;
        }

        .page-institutional-services .function-list-mobile .function-title[data-v-6bafeaa3] {
            color: #1a1b1f;
            font-size: 20px;
            font-weight: 500;
            line-height: 26px;
            margin-bottom: 24px;
        }

        .page-institutional-services .function-list-mobile .func-item[data-v-6bafeaa3] {
            margin-bottom: 50px;
        }

        .page-institutional-services .function-list-mobile .func-item .content-wrapper[data-v-6bafeaa3] {
            display: flex;
            padding-top: 8px;
        }

        .page-institutional-services .function-list-mobile .func-item .content-wrapper .func-item-icon[data-v-6bafeaa3] {
            padding: 0 12px 0 16px;
            width: 52px;
        }

        .page-institutional-services .function-list-mobile .func-item .content-wrapper .func-item-icon img[data-v-6bafeaa3] {
            display: block;
            height: 24px;
            width: 24px;
        }

        .page-institutional-services .function-list-mobile .func-item .content-wrapper .func-content .func-title[data-v-6bafeaa3] {
            color: #1a1b1f;
            font-size: 16px;
            line-height: 21px;
        }

        .page-institutional-services .function-list-mobile .func-item .content-wrapper .func-content .func-desc[data-v-6bafeaa3] {
            align-items: center;
            color: #86939b;
            display: flex;
            font-size: 12px;
            line-height: 16px;
            padding-bottom: 20px;
            padding-top: 8px;
        }

        .page-institutional-services .function-list-mobile .func-item .button-wrapper[data-v-6bafeaa3] {
            padding-left: 52px;
        }

        .page-institutional-services .function-list-mobile .func-item .button-wrapper .btn-tab-link[data-v-6bafeaa3] {
            color: #fff;
            min-width: 86px;
        }

        .page-institutional-services .partner-wrapper[data-v-6bafeaa3] {
            height: 100px;
        }

        .page-institutional-services .partner-wrapper .image-container[data-v-6bafeaa3] {
            height: 100px;
            padding: 0 20px;
        }

        .page-institutional-services .partner-wrapper .image-container .company-img[data-v-6bafeaa3] {
            background-image: url(/assets/web-frontend/client/img/company-mob.3b66f37.png);
            background-size: 100% auto;
        }

        .page-institutional-services .work-with-bm[data-v-6bafeaa3] {
            padding: 60px 0;
        }

        .page-institutional-services .work-with-bm .title[data-v-6bafeaa3] {
            color: #1a1b1f;
            font-size: 20px;
            line-height: 26px;
            margin-bottom: 60px;
        }

        .page-institutional-services .work-with-bm .work-list[data-v-6bafeaa3] {
            flex-direction: column;
            flex-wrap: wrap;
        }

        .page-institutional-services .work-with-bm .work-list .work-list-item[data-v-6bafeaa3] {
            margin-bottom: 60px;
            margin-right: 0;
            min-height: 244px;
            padding: 0 24px;
            width: 100%;
        }

        .page-institutional-services .work-with-bm .work-list .work-list-item[data-v-6bafeaa3]:last-child {
            margin-bottom: 0;
        }

        .page-institutional-services .work-with-bm .work-list .work-list-item .work-icon[data-v-6bafeaa3] {
            height: 72px;
            width: 72px;
        }

        .page-institutional-services .work-with-bm .work-list .work-list-item .work-tit[data-v-6bafeaa3] {
            font-size: 20px;
            line-height: 26px;
        }

        .page-institutional-services .work-with-bm .work-list .work-list-item .work-desc[data-v-6bafeaa3] {
            font-size: 14px;
            line-height: 20px;
        }

        .page-institutional-services .contact-us[data-v-6bafeaa3] {
            padding-top: 56px;
        }

        .page-institutional-services .contact-us .title[data-v-6bafeaa3] {
            font-size: 20px;
        }

        .page-institutional-services .contact-us .contact-list[data-v-6bafeaa3] {
            flex-wrap: wrap;
            padding-top: 20px;
        }

        .page-institutional-services .contact-us .contact-list .contact-item[data-v-6bafeaa3] {
            height: 70px;
            margin-bottom: 12px;
            margin-right: 0;
            padding: 0 12px;
            width: 100%;
        }

        .page-institutional-services .contact-us .contact-list .contact-item[data-v-6bafeaa3]:last-child {
            margin-bottom: 0;
        }

        .page-institutional-services .contact-us .contact-list .contact-item .item-name[data-v-6bafeaa3] {
            color: #141f21;
            font-size: 16px;
            font-weight: 600;
        }

        .page-institutional-services .contact-us .contact-list .contact-item .item-name img[data-v-6bafeaa3] {
            height: 32px;
            width: 32px;
        }
    }

    /*! CSS Used from: Embedded */
    .typed-cursor {
        opacity: 1;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/65f3f15.css */
    .swiper {
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        padding: 0;
        position: relative;
        z-index: 1;
    }

    .swiper-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-wrapper {
        transform: translateZ(0);
    }

    .swiper-pointer-events {
        touch-action: pan-y;
    }

    .swiper-pointer-events.swiper-vertical {
        touch-action: pan-x;
    }

    .swiper-slide {
        flex-shrink: 0;
        height: 100%;
        position: relative;
        transition-property: transform;
        width: 100%;
    }

    .swiper-autoheight,.swiper-autoheight .swiper-slide {
        height: auto;
    }

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height;
    }

    .swiper-backface-hidden .swiper-slide {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
    }

    .swiper .swiper-notification {
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        z-index: -1000;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/33e256c.css */
    .opg[data-v-314ff9f1] {
        background-color: #fff;
    }

    .opg [data-v-314ff9f1],.opg[data-v-314ff9f1] {
        box-sizing: border-box;
    }

    .opg .opg-container[data-v-314ff9f1] {
        margin: 0 auto;
        width: 1200px;
    }

    .opg .opg-container .main-banner[data-v-314ff9f1] {
        align-items: center;
        display: flex;
        height: 527px;
        justify-content: space-between;
        width: 100%;
    }

    .opg .opg-container .main-banner .title-side[data-v-314ff9f1] {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .opg .opg-container .main-banner .title-side .title[data-v-314ff9f1] {
        animation: fadeIn-314ff9f1 .5s ease-in;
        color: #1a1b1f;
        font-size: 64px;
        font-weight: 600;
        line-height: 83px;
    }

    .opg .opg-container .main-banner .title-side .sub-title[data-v-314ff9f1] {
        animation: slideInBottom-314ff9f1 .5s ease-in;
        color: rgba(26,27,31,.7);
        font-size: 24px;
        line-height: 31px;
        width: 360px;
    }

    .opg .opg-container .main-banner .code-side[data-v-314ff9f1] {
        height: 347px;
        position: relative;
        width: 540px;
    }

    .opg .opg-container .main-banner .code-side .code-bg[data-v-314ff9f1] {
        background-image: url(/assets/web-frontend/client/img/bg.000395c.png);
        background-size: contain;
        height: 100%;
        width: 100%;
    }

    .opg .opg-container .main-banner .code-side .code-triangle[data-v-314ff9f1] {
        animation: rotate3count-314ff9f1 5s ease-in-out .5s both;
        background: url(/assets/web-frontend/client/img/code-icon3669.78cc1ef.png) no-repeat 50%;
        background-size: contain;
        bottom: 60px;
        height: 78px;
        position: absolute;
        right: -32px;
        width: 76px;
    }

    .opg .opg-container .main-banner .code-side .code-chat[data-v-314ff9f1] {
        animation: slideInRight-314ff9f1 .5s ease-in;
        background: url(/assets/web-frontend/client/img/code-icon3656.c640775.png) no-repeat 50%;
        background-size: contain;
        bottom: 165px;
        height: 102px;
        position: absolute;
        right: -77px;
        width: 281px;
    }

    .opg .opg-container .main-banner .code-side .code-chat.en[data-v-314ff9f1] {
        background: url(/assets/web-frontend/client/img/code-icon3656.c640775.png) no-repeat 50%;
        background-size: contain;
    }

    .opg .opg-container .main-banner .code-side .code-chat-line[data-v-314ff9f1] {
        animation: fadeIn-314ff9f1 .3s ease-in .5s both;
        background: url(/assets/web-frontend/client/img/line2.073e9d8.png) no-repeat 50%;
        background-size: contain;
        bottom: 118px;
        height: 58px;
        opacity: 0;
        position: absolute;
        right: 91px;
        width: 51px;
    }

    .opg .opg-container .main-banner .code-side .code-count[data-v-314ff9f1] {
        animation: slideInLeft-314ff9f1 .5s ease-in;
        bottom: 38px;
        height: 67px;
        left: -180px;
        position: absolute;
        width: 206px;
    }

    .opg .opg-container .main-banner .code-side .code-count.en[data-v-314ff9f1] {
        background: url(/assets/web-frontend/client/img/code-icon3657.c46d14a.png) no-repeat 50%;
        background-size: contain;
    }

    .opg .opg-container .main-banner .code-side .code-count-line[data-v-314ff9f1] {
        animation: fadeIn-314ff9f1 .3s ease-in .5s both;
        background: url(/assets/web-frontend/client/img/line1.3ae09d4.png) no-repeat 50%;
        background-size: contain;
        bottom: 95px;
        height: 85px;
        left: -45px;
        opacity: 0;
        position: absolute;
        width: 81px;
    }

    .opg .opg-container .api-type[data-v-314ff9f1] {
        animation: slideInBottom-314ff9f1 .5s ease-in;
        display: flex;
    }

    .opg .opg-container .api-type .api-type-item[data-v-314ff9f1] {
        align-items: center;
        background: rgba(229,235,240,.5);
        border-radius: 8px;
        cursor: pointer;
        display: flex;
        flex: 1;
        height: 90px;
        justify-content: space-between;
        margin-right: 24px;
        padding: 0 16px;
        transition: all .3s;
    }

    .opg .opg-container .api-type .api-type-item[data-v-314ff9f1]:last-child {
        margin-right: 0;
    }

    .opg .opg-container .api-type .api-type-item span[data-v-314ff9f1] {
        color: #141f21;
        font-size: 16px;
        font-weight: 600;
    }

    .opg .opg-container .api-type .api-type-item i[data-v-314ff9f1] {
        color: #6a7c81;
    }

    .opg .opg-container .api-type .api-type-item[data-v-314ff9f1]:hover {
        background: rgba(229,235,240,.3);
    }

    .opg .opg-container .api-type .api-type-item:hover i[data-v-314ff9f1] {
        color: #141f21;
    }

    .opg .opg-container .api-type .api-type-item[data-v-314ff9f1]:active {
        background: #e5ebf0;
    }

    .opg .opg-container .api-type .api-type-item:active i[data-v-314ff9f1] {
        color: #141f21;
    }

    .opg .opg-container .start-guide[data-v-314ff9f1] {
        animation: slideInBottom-314ff9f1 .5s ease-in;
        padding: 60px 0 0;
    }

    .opg .opg-container .start-guide .title[data-v-314ff9f1] {
        color: #141f21;
        font-size: 32px;
        font-weight: 600;
        line-height: 42px;
        margin-bottom: 4px;
    }

    .opg .opg-container .start-guide .sub-title[data-v-314ff9f1] {
        color: #141f21;
        font-size: 16px;
        line-height: 36px;
    }

    .opg .opg-container .start-guide .start-guide-line[data-v-314ff9f1] {
        background-clip: content-box;
        background-color: #e2ebef;
        height: 2px;
        margin: 35px 0 19px;
        position: relative;
        width: 100%;
    }

    .opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1] {
        background-color: #fff;
        height: 14px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 14px;
    }

    .opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:before {
        background-color: #e2ebef;
        border-radius: 50%;
        content: " ";
        height: 10px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 10px;
    }

    .opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:first-child {
        left: 0;
    }

    .opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:nth-child(2) {
        left: 33.33%;
    }

    .opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:nth-child(3) {
        left: 66.66%;
    }

    .opg .opg-container .start-guide .start-guide-row[data-v-314ff9f1] {
        display: flex;
    }

    .opg .opg-container .start-guide .start-guide-row .start-guide-item[data-v-314ff9f1] {
        display: flex;
        flex: 1;
        flex-direction: column;
    }

    .opg .opg-container .start-guide .start-guide-row .start-guide-item .num-index[data-v-314ff9f1] {
        color: #141f21;
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
    }

    .opg .opg-container .start-guide .start-guide-row .start-guide-item .guide-text[data-v-314ff9f1] {
        color: #141f21;
        font-size: 20px;
        font-weight: 500;
        line-height: 26px;
        margin-bottom: 21px;
    }

    .opg .opg-container .start-guide .start-guide-row .start-guide-item .btn-row[data-v-314ff9f1] {
        display: flex;
    }

    .opg .opg-container .start-guide .start-guide-row .start-guide-item .btn-row button[data-v-314ff9f1] {
        align-items: center;
        border-radius: 4px;
        display: flex;
        height: 34px;
        justify-content: center;
    }

    .opg .opg-container .start-guide .start-guide-row .start-guide-item .btn-row button[data-v-314ff9f1]:hover {
        border-color: #13c2c2;
    }

    .opg .opg-container .our-offer[data-v-314ff9f1] {
        animation: slideInBottom-314ff9f1 .5s ease-in;
        margin-top: 100px;
        position: relative;
    }

    .opg .opg-container .our-offer .title[data-v-314ff9f1] {
        color: #141f21;
        font-size: 32px;
        font-weight: 600;
        line-height: 42px;
    }

    .opg .opg-container .our-offer .sub-title[data-v-314ff9f1] {
        color: #141f21;
        font-size: 24px;
        font-weight: 600;
        line-height: 31px;
        margin-top: 40px;
    }

    .opg .opg-container .our-offer .benefit-wrap[data-v-314ff9f1] {
        display: flex;
        justify-content: space-between;
    }

    .opg .opg-container .our-offer .benefit-wrap .benefit-list[data-v-314ff9f1] {
        margin-top: 24px;
    }

    .opg .opg-container .our-offer .benefit-wrap .benefit-list .benefit-list-item[data-v-314ff9f1] {
        color: #141f21;
        font-size: 16px;
        line-height: 36px;
    }

    .opg .opg-container .our-offer .benefit-wrap .benefit-list .benefit-list-item i[data-v-314ff9f1] {
        color: #13c2c2;
        font-weight: 900;
        margin-right: 6px;
    }

    .opg .opg-container .our-offer .benefit-wrap .benefit-img[data-v-314ff9f1] {
        background: url(/assets/web-frontend/client/img/code-icon-vip.fa29d98.png) no-repeat 50%;
        background-size: contain;
        height: 292px;
        position: absolute;
        right: 0;
        top: 0;
        width: 241px;
    }

    .opg .opg-container .banner-wrapper[data-v-314ff9f1] {
        padding-top: 60px;
    }

    .opg .opg-container .banner-wrapper .title[data-v-314ff9f1] {
        color: #141f21;
        font-size: 24px;
        font-weight: 600;
        line-height: 31px;
    }

    .opg .opg-container .banner-wrapper .banner .banner-content[data-v-314ff9f1] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        overflow: hidden;
        padding-top: 30px;
        position: relative;
        width: 100%;
    }

    .opg .opg-container .banner-wrapper .banner .banner-content:hover .banner-arrow[data-v-314ff9f1] {
        background-color: rgba(0,0,0,.5);
        color: #fff;
    }

    .opg .opg-container .banner-wrapper .banner .banner-content .banner-arrow[data-v-314ff9f1] {
        align-items: center;
        background-color: transparent;
        color: #333;
        cursor: pointer;
        display: flex;
        font-size: 18px;
        height: 192px;
        position: absolute;
        transition: all .2s ease;
        z-index: 2;
    }

    .opg .opg-container .banner-wrapper .banner .banner-content .banner-arrow.el-icon-arrow-left[data-v-314ff9f1] {
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
        left: 0;
    }

    .opg .opg-container .banner-wrapper .banner .banner-content .banner-arrow.el-icon-arrow-right[data-v-314ff9f1] {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
        right: 0;
    }

    .opg .opg-container .banner-wrapper .banner .banner-content .banner-over[data-v-314ff9f1] {
        overflow: hidden;
        width: 100%;
    }

    .opg .opg-container .banner-wrapper .banner .banner-content .banner-over .banner-transform[data-v-314ff9f1] {
        display: flex;
        flex-wrap: nowrap;
        transform: translate(0) translateZ(0);
        transition-duration: .3s;
        transition-property: transform;
        transition-timing-function: ease-out;
    }

    .opg .opg-container .banner-wrapper .banner .banner-content .banner-over .banner-transform .banner-img[data-v-314ff9f1] {
        background-color: #fafafa;
        border-radius: 8px;
        flex-shrink: 0;
        height: 192px;
        margin-right: 24px;
        -o-object-fit: cover;
        object-fit: cover;
        transition: all .2s ease;
        width: 384px;
    }

    .opg .opg-container .banner-wrapper .banner .banner-content .banner-over .banner-transform .banner-img[data-v-314ff9f1]:hover {
        transform: scale(.98);
        transform-origin: center;
    }

    .opg .opg-container .contact-us[data-v-314ff9f1] {
        padding-top: 100px;
    }

    .opg .opg-container .contact-us .title[data-v-314ff9f1] {
        color: #141f21;
        font-size: 32px;
        font-weight: 600;
        line-height: 42px;
    }

    .opg .opg-container .contact-us .contact-list[data-v-314ff9f1] {
        display: flex;
        padding-top: 40px;
    }

    .opg .opg-container .contact-us .contact-list .contact-item[data-v-314ff9f1] {
        align-items: center;
        background: hsla(0,0%,100%,.08);
        border: 1px solid #e5ebf0;
        border-radius: 8px;
        cursor: pointer;
        display: flex;
        height: 105px;
        justify-content: space-between;
        margin-right: 24px;
        padding: 0 16px 0 32px;
        transform: translateY(0);
        transition: all .3s;
        width: 384px;
    }

    .opg .opg-container .contact-us .contact-list .contact-item[data-v-314ff9f1]:hover {
        background: rgba(229,235,240,.3);
        transform: translateY(-10px);
    }

    .opg .opg-container .contact-us .contact-list .contact-item[data-v-314ff9f1]:last-child {
        margin-right: 0;
    }

    .opg .opg-container .contact-us .contact-list .contact-item .item-name[data-v-314ff9f1] {
        align-items: center;
        color: #141f21;
        display: flex;
        font-size: 24px;
        font-weight: 600;
    }

    .opg .opg-container .contact-us .contact-list .contact-item .item-name img[data-v-314ff9f1] {
        height: 32px;
        margin-right: 8px;
        width: 32px;
    }

    .opg .opg-container .contact-us .contact-list .contact-item .el-icon-arrow-right[data-v-314ff9f1] {
        color: #6a7c81;
    }

    .opg .api-partners[data-v-314ff9f1] {
        padding-top: 120px;
    }

    .opg .api-partners .title[data-v-314ff9f1] {
        color: #141f21;
        font-size: 32px;
        font-weight: 600;
        line-height: 42px;
        margin-bottom: 40px;
    }

    .opg .api-partners .swiper-wrap[data-v-314ff9f1] {
        position: relative;
    }

    .opg .api-partners .swiper-wrap:hover .swiper-next[data-v-314ff9f1],.opg .api-partners .swiper-wrap:hover .swiper-prev[data-v-314ff9f1] {
        visibility: visible;
    }

    .opg .api-partners .swiper-wrap .swiper-prev[data-v-314ff9f1] {
        cursor: pointer;
        position: absolute;
        right: 20px;
        text-align: center;
        top: -16px;
        transition: transform .3s;
        visibility: hidden;
        z-index: 2;
    }

    .opg .api-partners .swiper-wrap .swiper-prev img[data-v-314ff9f1]:first-child {
        display: none;
    }

    .opg .api-partners .swiper-wrap .swiper-next[data-v-314ff9f1] {
        bottom: -16px;
        cursor: pointer;
        position: absolute;
        right: 20px;
        text-align: center;
        transition: transform .3s;
        visibility: hidden;
        z-index: 2;
    }

    .opg .api-partners .swiper-wrap .swiper-next img[data-v-314ff9f1]:first-child,.opg .api-partners .swiper-wrap .swiper-next:hover img[data-v-314ff9f1]:nth-child(2),.opg .api-partners .swiper-wrap .swiper-prev:hover img[data-v-314ff9f1]:nth-child(2) {
        display: none;
    }

    .opg .api-partners .swiper-wrap .swiper-next:hover img[data-v-314ff9f1]:first-child,.opg .api-partners .swiper-wrap .swiper-prev:hover img[data-v-314ff9f1]:first-child {
        display: inline-block;
    }

    .opg .api-partners .swiper[data-v-314ff9f1] {
        height: 222px;
    }

    .opg .api-partners .api-partners-row .api-partners-item[data-v-314ff9f1] {
        align-items: center;
        border: 1px solid #e7edf0;
        border-radius: 8px;
        display: flex;
        gap: 8px;
        padding: 12px;
    }

    .opg .api-partners .api-partners-row .api-partners-item img[data-v-314ff9f1] {
        -o-object-fit: contain;
        object-fit: contain;
    }

    .opg .api-program[data-v-314ff9f1] {
        padding-top: 120px;
    }

    .opg .api-program .title[data-v-314ff9f1] {
        color: #141f21;
        font-size: 32px;
        font-weight: 600;
        line-height: 42px;
        margin-bottom: 32px;
    }

    .opg .api-program .api-program_content[data-v-314ff9f1] {
        align-items: stretch;
        display: flex;
        gap: 24px;
    }

    .opg .api-program .api-program_content .api-program_item[data-v-314ff9f1] {
        background: #fafafa;
        border-radius: 12px;
        cursor: pointer;
        flex: 1;
        padding: 40px 45px 58px 22px;
    }

    .opg .api-program .api-program_content .api-program_item h4[data-v-314ff9f1] {
        color: #1a1b1f;
        color: var(--Web_primary,#1a1b1f);
        font-size: 24px;
        font-weight: 700;
        margin: 16px 0;
        transition: color .1s linear;
    }

    .opg .api-program .api-program_content .api-program_item div[data-v-314ff9f1] {
        color: #3e4648;
        font-size: 16px;
        font-weight: 400;
    }

    .typewriter[data-v-314ff9f1] {
        color: #fff;
        font-size: 12px;
        left: 30px;
        opacity: 0;
        position: absolute;
        top: 71px;
        transform: scale(.88);
        transform-origin: 0 0;
    }

    .typewriter[data-v-314ff9f1]:after {
        animation: blink-314ff9f1 .5s linear infinite alternate;
        content: "|";
    }

    .typewriter .highlight-red[data-v-314ff9f1] {
        color: #eb8075;
    }

    .typewriter .highlight-yellow[data-v-314ff9f1] {
        color: #f2aa65;
    }

    .typewriter .highlight-blue[data-v-314ff9f1] {
        color: #afd5fb;
    }

    .typewriter .highlight-purple[data-v-314ff9f1] {
        color: #be9ef9;
    }

    @media (max-width: 768px) {
        .opg[data-v-314ff9f1] {
            padding:130px 0 0;
        }

        .opg .opg-container[data-v-314ff9f1],.opg[data-v-314ff9f1] {
            width: 100%;
        }

        .opg .opg-container .main-banner[data-v-314ff9f1] {
            flex-direction: column;
            justify-content: space-around;
            overflow: hidden;
            padding: 0 20px;
        }

        .opg .opg-container .main-banner .title-side[data-v-314ff9f1] {
            align-items: center;
        }

        .opg .opg-container .main-banner .title-side .title[data-v-314ff9f1] {
            font-size: 32px;
            line-height: 42px;
        }

        .opg .opg-container .main-banner .title-side .sub-title[data-v-314ff9f1] {
            color: rgba(26,27,31,.7);
            font-size: 14px;
            line-height: 18px;
            width: 100%;
        }

        .opg .opg-container .main-banner .code-side[data-v-314ff9f1] {
            height: 215.27vw/3.75;
            width: 335vw/3.75;
        }

        .opg .opg-container .main-banner .code-side .code-bg[data-v-314ff9f1] {
            background-repeat: no-repeat;
            background-size: contain;
        }

        .opg .opg-container .main-banner .code-side .code-triangle[data-v-314ff9f1] {
            bottom: 60vw/3.75;
            height: 78vw/3.75;
            right: -32vw/3.75;
            width: 76vw/3.75;
        }

        .opg .opg-container .main-banner .code-side .code-chat[data-v-314ff9f1] {
            bottom: 165vw/3.75;
            height: 102vw/3.75;
            right: -77vw/3.75;
            width: 281vw/3.75;
        }

        .opg .opg-container .main-banner .code-side .code-chat-line[data-v-314ff9f1] {
            bottom: 118vw/3.75;
            height: 58vw/3.75;
            right: 91vw/3.75;
            width: 51vw/3.75;
        }

        .opg .opg-container .main-banner .code-side .code-count[data-v-314ff9f1] {
            bottom: 38vw/3.75;
            height: 67vw/3.75;
            left: -180vw/3.75;
            width: 206vw/3.75;
        }

        .opg .opg-container .main-banner .code-side .code-count-line[data-v-314ff9f1] {
            bottom: 95vw/3.75;
            height: 85vw/3.75;
            left: -45vw/3.75;
            width: 81vw/3.75;
        }

        .opg .opg-container .api-type[data-v-314ff9f1] {
            flex-wrap: wrap;
            padding: 0 20px;
            width: 100%;
        }

        .opg .opg-container .api-type .api-type-item[data-v-314ff9f1] {
            flex-basis: 40%;
            margin-right: 0;
            margin-top: 10px;
        }

        .opg .opg-container .api-type .api-type-item[data-v-314ff9f1]:nth-child(odd) {
            margin-right: 10px;
        }

        .opg .opg-container .api-type .api-type-item span[data-v-314ff9f1] {
            font-size: 14px;
        }

        .opg .opg-container .start-guide[data-v-314ff9f1] {
            padding: 56px 20px 54px;
            position: relative;
        }

        .opg .opg-container .start-guide .title[data-v-314ff9f1] {
            font-size: 24px;
            line-height: 31px;
            margin-bottom: 12px;
        }

        .opg .opg-container .start-guide .sub-title[data-v-314ff9f1] {
            font-size: 14px;
            line-height: 22px;
        }

        .opg .opg-container .start-guide .start-guide-line[data-v-314ff9f1] {
            height: 270px;
            left: 23px;
            margin: initial;
            position: absolute;
            top: 168px;
            width: 2px;
        }

        .opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1] {
            left: 50%;
            top: auto;
            transform: translateX(-50%);
        }

        .opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:first-child {
            top: 0;
        }

        .opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:nth-child(2) {
            top: 50%;
        }

        .opg .opg-container .start-guide .start-guide-line .dot[data-v-314ff9f1]:nth-child(3) {
            top: 100%;
        }

        .opg .opg-container .start-guide .start-guide-row[data-v-314ff9f1] {
            flex-direction: column;
            padding-left: 22px;
            padding-top: 20px;
        }

        .opg .opg-container .start-guide .start-guide-row .start-guide-item[data-v-314ff9f1] {
            padding-bottom: 40px;
        }

        .opg .opg-container .start-guide .start-guide-row .start-guide-item .num-index[data-v-314ff9f1] {
            font-size: 20px;
            line-height: 24px;
        }

        .opg .opg-container .start-guide .start-guide-row .start-guide-item .guide-text[data-v-314ff9f1] {
            font-size: 16px;
            line-height: 21px;
            margin-bottom: 16px;
        }

        .opg .opg-container .start-guide .start-guide-row .start-guide-item .btn-row[data-v-314ff9f1] {
            justify-content: flex-end;
        }

        .opg .opg-container .our-offer[data-v-314ff9f1] {
            padding: 0 20px;
        }

        .opg .opg-container .our-offer .title[data-v-314ff9f1] {
            font-size: 24px;
            line-height: 31px;
        }

        .opg .opg-container .our-offer .sub-title[data-v-314ff9f1] {
            font-size: 16px;
            line-height: 21px;
            margin-top: 20px;
        }

        .opg .opg-container .our-offer .benefit-wrap .benefit-list[data-v-314ff9f1] {
            margin-top: 14px;
        }

        .opg .opg-container .our-offer .benefit-wrap .benefit-list .benefit-list-item[data-v-314ff9f1] {
            font-size: 14px;
        }

        .opg .opg-container .our-offer .benefit-wrap .benefit-img[data-v-314ff9f1] {
            display: none;
        }

        .opg .opg-container .banner-wrapper[data-v-314ff9f1] {
            padding: 24px 20px 0;
        }

        .opg .opg-container .banner-wrapper .title[data-v-314ff9f1] {
            font-size: 16px;
            line-height: 21px;
        }

        .opg .opg-container .banner-wrapper .banner-content .banner-arrow[data-v-314ff9f1] {
            display: none!important;
        }

        .opg .opg-container .banner-wrapper .banner-content .banner-over .banner-transform[data-v-314ff9f1] {
            display: block!important;
            transform: none!important;
        }

        .opg .opg-container .banner-wrapper .banner-content .banner-over .banner-transform .banner-item:last-child .banner-img[data-v-314ff9f1] {
            margin-bottom: 0;
        }

        .opg .opg-container .banner-wrapper .banner-content .banner-over .banner-transform .banner-img[data-v-314ff9f1] {
            height: 44.67vw!important;
            margin-bottom: 12px;
            margin-right: 0!important;
            -o-object-fit: contain!important;
            object-fit: contain!important;
            -o-object-position: center;
            object-position: center;
            width: 100%!important;
        }

        .opg .opg-container .contact-us[data-v-314ff9f1] {
            padding: 56px 20px 0;
        }

        .opg .opg-container .contact-us .contact-list[data-v-314ff9f1] {
            flex-wrap: wrap;
        }

        .opg .opg-container .contact-us .contact-list .contact-item[data-v-314ff9f1] {
            height: 70px;
            margin-bottom: 12px;
            margin-right: 0;
            padding: 0 12px;
            width: 100%;
        }

        .opg .opg-container .contact-us .contact-list .contact-item[data-v-314ff9f1]:last-child {
            margin-bottom: 0;
        }

        .opg .opg-container .contact-us .contact-list .contact-item .item-name[data-v-314ff9f1] {
            color: #141f21;
            font-size: 16px;
            font-weight: 600;
        }

        .opg .opg-container .contact-us .contact-list .contact-item .item-name img[data-v-314ff9f1] {
            height: 32px;
            width: 32px;
        }

        .typewriter[data-v-314ff9f1] {
            left: 30vw/3.75;
            top: 50vw/3.75;
            transform: scale(.55);
        }
    }

    /*! CSS Used keyframes */
    @keyframes fadeIn-314ff9f1 {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes slideInBottom-314ff9f1 {
        0% {
            opacity: 0;
            transform: translateY(200%);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @keyframes rotate3count-314ff9f1 {
        0% {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(450deg);
        }
    }

    @keyframes slideInRight-314ff9f1 {
        0% {
            opacity: 0;
            transform: translateX(100%);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @keyframes slideInLeft-314ff9f1 {
        0% {
            opacity: 0;
            transform: translateX(-100%);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @keyframes blink-314ff9f1 {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /*! CSS Used from: /assets/web-frontend-next/public/_next/index.Dq62j_WS.css */
    ._Carousel__Area_1y0v5_17 {
        height: 362px;
        margin-left: auto;
        -webkit-mask: linear-gradient(180deg,transparent,#fff,transparent);
        position: relative;
        width: 256px;
    }

    @media (max-width: 768px) {
        ._Carousel__Area_1y0v5_17 {
            height:52px;
            margin-top: 44px;
            -webkit-mask: unset;
            width: 100%;
        }
    }

    ._Carousel__Content_1y0v5_32 {
        animation: _slide_1y0v5_1 calc(3.2s*var(--item-count)) linear infinite;
        color: #384140;
        display: flex;
        flex-direction: column;
        height: calc(var(--totalHeight)*2px);
        transform: translateY(0);
    }

    @media (max-width: 768px) {
        ._Carousel__Content_1y0v5_32 {
            animation:_slideHorizontal_1y0v5_1 calc(3.2s*var(--item-count)) linear infinite;
            flex-direction: row;
            height: auto;
            transform: translate(0);
            width: calc(var(--totalWidth)*2px);
        }
    }

    ._Carousel__Content_1y0v5_32:hover {
        animation-play-state: paused;
    }

    ._Carousel__Content--item_1y0v5_52 {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        padding: 11px 0 11px 11px;
        width: 256px;
    }

    @media (max-width: 768px) {
        ._Carousel__Content--item_1y0v5_52 {
            padding:0 11px;
            width: auto;
        }
    }

    ._Carousel__Content--title_1y0v5_66 {
        color: var(--color-text-light5-,var(--Web_third,#9cb3ba));
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;
    }

    @media (max-width: 768px) {
        ._Carousel__Content--title_1y0v5_66 {
            font-size:20px;
            font-weight: 700;
            line-height: 28px;
        }
    }

    ._Carousel__Content--desc_1y0v5_80 {
        color: var(--color-text-light5-,var(--Web_third,#9cb3ba));
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        white-space: nowrap;
    }

    @media (max-width: 768px) {
        ._Carousel__Content--desc_1y0v5_80 {
            font-size:12px;
            font-weight: 400;
            line-height: 24px;
        }
    }

    ._Top_1mkmq_1 {
        align-items: center;
        display: flex;
        justify-items: center;
        min-height: 362px;
    }

    @media (max-width: 768px) {
        ._Top_1mkmq_1 {
            flex-direction:column-reverse;
        }
    }

    ._Top__Carousel_1mkmq_12 {
        position: absolute;
        right: 50px;
        top: 0;
    }

    @media (max-width: 768px) {
        ._Top__Carousel_1mkmq_12 {
            position:unset;
        }
    }

    ._Top__Img_1mkmq_22 {
        margin-left: auto;
        padding: 0 170px 0 20px;
    }

    @media (max-width: 768px) {
        ._Top__Img_1mkmq_22 {
            margin-left:unset;
            padding: 0;
        }
    }

    ._Top__Img_1mkmq_22 img {
        -o-object-fit: contain;
        object-fit: contain;
        width: 400px;
    }

    @media (max-width: 768px) {
        ._Top__Img_1mkmq_22 img {
            scale:1.4;
            transform-origin: 50% 25% 0;
            width: 100%;
        }
    }

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

    ._Top__Content--title_1mkmq_47 {
        font-size: 80px;
        font-weight: 700;
        line-height: 80px;
    }

    @media (max-width: 768px) {
        ._Top__Content--title_1mkmq_47 {
            font-size:48px;
            line-height: 56px;
            text-align: center;
        }
    }

    ._Top__Content--desc_1mkmq_59 {
        color: #9db3ba;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        margin-top: 8px;
    }

    @media (max-width: 768px) {
        ._Top__Content--desc_1mkmq_59 {
            font-size:16px;
            line-height: 24px;
            text-align: center;
        }
    }

    ._Top__Content--already_1mkmq_73 {
        background: transparent;
        border: 1px solid #6a7c81;
        color: #fff;
        height: auto;
        margin-left: 0!important;
        margin-right: 24px;
        margin-top: 40px;
        min-width: 180px;
        padding: 16px;
    }

    ._Top__Content--already_1mkmq_73:hover {
        border: 1px solid #01e0e0;
        color: #01e0e0;
    }

    @media (max-width: 768px) {
        ._Top__Content--already_1mkmq_73 {
            margin-right:12px;
            margin-top: 20px;
            padding: 12px;
        }
    }

    ._Top__Content--upgrade_1mkmq_101 {
        background: #01e0e0;
        border: 1px solid #1a1b1f;
        color: #1a1b1f;
        height: auto;
        margin-left: 0!important;
        margin-right: 24px;
        margin-top: 40px;
        min-width: 180px;
        padding: 16px;
    }

    ._Top__Content--upgrade_1mkmq_101:hover {
        color: #1a1b1f;
    }

    @media (max-width: 768px) {
        ._Top__Content--upgrade_1mkmq_101 {
            margin-right:12px;
            margin-top: 20px;
            padding: 12px;
        }
    }

    @media (max-width: 500px) {
        ._Top__Content--btnWrapper_1mkmq_129 {
            display:flex;
            flex-direction: column;
            justify-content: center;
            margin: 0 auto;
            width: 100%;
            width: 343px;
        }
    }

    @media (max-width: 500px) and (max-width:768px) {
        ._Top__Img_1mkmq_22 img {
            scale:1;
        }
    }

    .banner-wrapper[data-v-c6acd228] {
        margin-top: 135px;
        width: 100%;
    }

    .banner-wrapper[data-v-c6acd228],.banner-wrapper[data-v-c6acd228] * {
        box-sizing: border-box;
    }

    .banner-wrapper .wrapper[data-v-c6acd228] {
        margin: 0 auto;
        max-width: 1232px;
        overflow: hidden;
        padding: 20px 16px;
        position: relative;
        width: 100%;
    }

    .banner-wrapper .wrapper:hover .arrow[data-v-c6acd228] {
        opacity: .9;
    }

    .banner-wrapper .wrapper:hover .arrow.disabled[data-v-c6acd228] {
        opacity: 0;
    }

    .banner-wrapper .wrapper.mobile[data-v-c6acd228] {
        display: none;
    }

    .banner-wrapper .list[data-v-c6acd228] {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        margin-left: -16px;
        margin-right: -8px;
    }

    .banner-wrapper .item-wrapper[data-v-c6acd228],.banner-wrapper .list[data-v-c6acd228] {
        transition: transform .25s cubic-bezier(.645,.045,.355,1);
    }

    .banner-wrapper .item-wrapper[data-v-c6acd228] {
        border: 1px solid #383a40;
        border-radius: 12px;
        flex: 0 0 auto;
        margin-left: 16px;
        width: calc(25% - 48);
    }

    .banner-wrapper .item-wrapper[data-v-c6acd228]:hover {
        transform: translateY(-8px);
    }

    .banner-wrapper .item[data-v-c6acd228] {
        background-color: var(--index-banner-color-bg-primary,#f7f9fa);
        border-radius: 8px;
        cursor: pointer;
        display: flex;
        height: 144px;
        transition: box-shadow .25s cubic-bezier(.645,.045,.355,1);
    }

    .banner-wrapper .item[data-v-c6acd228]:hover {
        box-shadow: 0 8px 16px #00000026;
    }

    .banner-wrapper .item .poster[data-v-c6acd228] {
        align-self: center;
        border-radius: 8px;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        width: 100%;
    }

    .banner-wrapper .arrow[data-v-c6acd228] {
        cursor: pointer;
        height: 40px;
        margin-top: -20px;
        opacity: 0;
        position: absolute;
        top: 50%;
        transition: opacity .25s ease;
        width: 40px;
    }

    .banner-wrapper .arrow.arrow-left[data-v-c6acd228] {
        left: 16px;
    }

    .banner-wrapper .arrow.arrow-right[data-v-c6acd228] {
        right: 16px;
    }

    .banner-wrapper .arrow.disabled[data-v-c6acd228] {
        cursor: not-allowed;
    }

    @media screen and (max-width: 1279px) {
        .banner-wrapper[data-v-c6acd228] {
            padding:0 16px;
            width: 100%;
        }
    }

    @media screen and (max-width: 960px) {
        .banner-wrapper[data-v-c6acd228] {
            margin-top:16px;
            overflow: hidden;
            padding: 0 0 20px;
            width: 100%;
        }

        .banner-wrapper .wrapper[data-v-c6acd228] {
            height: 100%;
            overflow: auto;
            padding: 20px 0;
        }

        .banner-wrapper .wrapper.pc[data-v-c6acd228] {
            display: none;
        }

        .banner-wrapper .wrapper.mobile[data-v-c6acd228] {
            display: flex;
        }

        .banner-wrapper .list[data-v-c6acd228] {
            display: block;
            margin-left: 0;
            margin-right: 0;
            width: 100%;
        }

        .banner-wrapper .item-wrapper[data-v-c6acd228] {
            margin-left: 16px;
            padding-left: 0;
            padding-right: 0;
            width: 252px;
        }

        .banner-wrapper .item-wrapper[data-v-c6acd228]:hover {
            transform: translateY(0);
        }

        .banner-wrapper .item-wrapper[data-v-c6acd228]:last-of-type {
            margin-right: 16px;
        }

        .banner-wrapper .item[data-v-c6acd228] {
            align-items: normal;
            flex-direction: column-reverse;
            height: 112px;
        }

        .banner-wrapper .item[data-v-c6acd228]:hover {
            box-shadow: none;
        }

        .banner-wrapper .item .poster[data-v-c6acd228] {
            align-self: auto;
            margin-left: 0;
        }

        .banner-wrapper .arrow[data-v-c6acd228] {
            display: none;
        }
    }

    ._Benefits_1rd8i_1 {
        margin-top: 156px;
    }

    @media (max-width: 768px) {
        ._Benefits_1rd8i_1 {
            margin-top:80px;
        }
    }

    ._Benefits__Title_1rd8i_9 {
        font-size: 56px;
        font-weight: 700;
        line-height: 80px;
    }

    @media (max-width: 768px) {
        ._Benefits__Title_1rd8i_9 {
            font-size:36px;
            line-height: 56px;
            text-align: center;
        }
    }

    ._Benefits__Content_1rd8i_21 {
        display: flex;
        flex-direction: column;
        margin-top: 140px;
    }

    ._Benefits__Content--item_1rd8i_26 {
        align-items: center;
        display: flex;
        margin: 0 auto 140px;
    }

    @media (max-width: 768px) {
        ._Benefits__Content--item_1rd8i_26 {
            flex-direction:column;
            margin: 40px 0 0;
        }
    }

    ._Benefits__Content--itemRight_1rd8i_37 {
        flex-direction: row-reverse;
    }

    @media (max-width: 768px) {
        ._Benefits__Content--itemRight_1rd8i_37 {
            flex-direction:column;
        }
    }

    ._Benefits__Content--wrapper_1rd8i_45 {
        display: flex;
        flex-direction: column;
        width: 588px;
    }

    @media (max-width: 768px) {
        ._Benefits__Content--wrapper_1rd8i_45 {
            margin-top:16px;
            width: unset;
        }
    }

    ._Benefits__Content--title_1rd8i_56 {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        text-align: left;
    }

    @media (max-width: 768px) {
        ._Benefits__Content--title_1rd8i_56 {
            font-size:24px;
            line-height: 32px;
            text-align: center;
        }
    }

    ._Benefits__Content--desc_1rd8i_69 {
        color: #3e4648;
        color: #9db3ba;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-top: 16px;
        text-align: left;
        white-space: break-spaces;
    }

    @media (max-width: 768px) {
        ._Benefits__Content--desc_1rd8i_69 {
            font-size:14px;
            font-weight: 400;
            line-height: 21px;
            text-align: center;
        }
    }

    ._Benefits__Content--btn_1rd8i_87 {
        color: #9db3ba;
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-top: 32px;
        text-decoration: underline;
    }

    ._Benefits__Content--btn_1rd8i_87:after {
        content: " >";
    }

    ._Benefits__Content--btn_1rd8i_87:hover {
        color: #fff;
    }

    @media (max-width: 768px) {
        ._Benefits__Content--btn_1rd8i_87 {
            font-size:14px;
            font-weight: 400;
            line-height: 21px;
            margin: auto;
            text-align: center;
        }

        ._Benefits__Content--btnWrapper_1rd8i_113 {
            display: flex;
            margin-top: 16px;
        }
    }

    ._Benefits__Content--left_1rd8i_118 {
        margin-right: 100px;
    }

    @media (max-width: 768px) {
        ._Benefits__Content--left_1rd8i_118 {
            margin-right:0;
        }
    }

    ._Benefits__Content--right_1rd8i_126 {
        margin-left: 100px;
    }

    @media (max-width: 768px) {
        ._Benefits__Content--right_1rd8i_126 {
            margin-left:0;
        }
    }

    ._Benefits__Content_1rd8i_21 img {
        height: 320px;
    }

    @media (max-width: 768px) {
        ._Benefits__Content_1rd8i_21 img {
            height:auto;
            width: 100%;
        }
    }

    ._Exclusive_1rd8i_143 {
        align-items: center;
        display: flex;
        flex-direction: column;
        margin-top: 160px;
    }

    ._Exclusive__Title_1rd8i_149 {
        background-image: url(/assets/web-frontend-next/public/_next/bg_vip.Bn5uwfPL.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: auto 100%;
        font-size: 72px;
        font-weight: 700;
        line-height: 80px;
        padding: 40px;
    }

    @media (max-width: 768px) {
        ._Exclusive__Title_1rd8i_149 {
            background-image:unset;
            font-size: 48px;
            line-height: 56px;
            padding: 0;
            text-align: center;
        }
    }

    ._Exclusive__Grid_1rd8i_168 {
        display: grid;
        margin-top: 32px;
        grid-gap: 40px 4px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    @media (max-width: 768px) {
        ._Exclusive__Grid_1rd8i_168 {
            grid-template-columns:1fr 1fr;
            margin-top: 52px;
        }
    }

    ._Exclusive__Grid--item_1rd8i_180 {
        align-items: center;
        display: flex;
        flex-direction: column;
        min-width: 196px;
    }

    @media (max-width: 768px) {
        ._Exclusive__Grid--item_1rd8i_180 {
            min-width:unset;
        }
    }

    ._Exclusive__Grid--item_1rd8i_180 img {
        height: 40px;
        width: 40px;
    }

    ._Exclusive__Grid--item_1rd8i_180 span {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-top: 28px;
        text-align: center;
    }

    @media (max-width: 768px) {
        ._Exclusive__Grid--item_1rd8i_180 span {
            font-size:14px;
            line-height: 24px;
        }
    }

    ._Fees_1u1pr_1 {
        margin-top: 240px;
    }

    @media (max-width: 768px) {
        ._Fees_1u1pr_1 {
            margin-top:160px;
        }
    }

    ._Fees__Title_1u1pr_9 {
        flex: 1;
        font-size: 56px;
        font-weight: 700;
        line-height: 80px;
        text-align: left;
    }

    @media (max-width: 768px) {
        ._Fees__Title_1u1pr_9 {
            font-size:36px;
            line-height: 56px;
        }
    }

    ._Fees__TitleWrapper_1u1pr_22 {
        align-items: baseline;
        display: flex;
    }

    @media (max-width: 768px) {
        ._Fees__TitleWrapper_1u1pr_22 {
            flex-direction:column;
        }
    }

    ._Fees__Title--right_1u1pr_31 {
        color: #9db3ba;
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-decoration: underline;
    }

    ._Fees__Title--right_1u1pr_31:after {
        content: " >";
    }

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

    ._Fees__TableHeader--title_1u1pr_46 {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-align: center;
        word-break: break-word;
    }

    ._Fees__TableHeader--desc_1u1pr_54 {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: center;
    }

    ._Fees__Table_1u1pr_42 {
        margin-top: 80px;
        --el-table-header-bg-color: #f5f5f580;
        --el-table-border-color: #383a40;
    }

    @media (max-width: 768px) {
        ._Fees__Table_1u1pr_42 {
            margin-top:16px;
        }
    }

    ._Fees__Table_1u1pr_42 .el-table__cell {
        padding: 16px 0;
    }

    ._Fees__Table_1u1pr_42 .el-table__header .el-table__cell {
        border-bottom: 0!important;
        border-right: 0!important;
        padding: 8px 0;
    }

    ._Fees__Table--level_1u1pr_78 {
        font-family: IBM Plex Sans;
        font-size: 20px;
        font-style: italic;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 24px;
        text-align: center;
    }

    ._Fees__Table--levelNum_1u1pr_87 {
        font-size: 10px;
    }

    ._Fees__Note_1u1pr_90 {
        align-items: center;
        display: flex;
        flex-direction: column;
        font-size: 14px;
        font-weight: 400;
        justify-content: center;
        line-height: 22px;
        margin-top: 22px;
        padding: 10px;
    }

    @media (max-width: 768px) {
        ._Fees__Note_1u1pr_90 {
            align-items:flex-start;
        }
    }

    ._Fees__Note--expand_1u1pr_106 {
        align-items: center;
        cursor: pointer;
        display: flex;
        justify-content: center;
    }

    ._Fees__Note--icon_1u1pr_112 {
        margin-left: 4px;
        transform-origin: center;
        transition: transform .15s ease-in;
    }

    ._Fees__Note--content_1u1pr_120 {
        color: #9db3ba;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin-top: 32px;
        max-height: 0;
        overflow: hidden;
        width: 100%;
    }

    @media (max-width: 768px) {
        ._Fees__Note--content_1u1pr_120 {
            margin-top:16px;
        }
    }

    ._Fees__Note--contentExpand_1u1pr_136 {
        max-height: unset;
    }

    ._Fees__Note--title_1u1pr_139 {
        color: #1a1b1f;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        width: 100%;
    }

    ._Security_scqja_1 {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 200px calc(50% - 50vw) 0;
        padding: 96px 100px;
    }

    @media (max-width: 768px) {
        ._Security_scqja_1 {
            margin-top:80px;
            padding: 80px 16px;
        }
    }

    ._Security__Title_scqja_16 {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        text-align: center;
    }

    @media (max-width: 768px) {
        ._Security__Title_scqja_16 {
            font-size:28px;
            font-weight: 700;
            line-height: 34px;
        }
    }

    ._Security__Grid_scqja_29 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 64px;
        grid-gap: 80px;
        max-width: 1200px;
    }

    @media (max-width: 768px) {
        ._Security__Grid_scqja_29 {
            grid-template-columns:1fr;
            margin-top: 40px;
            grid-gap: 40px;
        }
    }

    ._Security__Grid--item_scqja_43 {
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    ._Security__Grid--item_scqja_43 img {
        height: 80px;
    }

    ._Security__Grid--title_scqja_51 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        margin-top: 24px;
        text-align: center;
    }

    @media (max-width: 768px) {
        ._Security__Grid--title_scqja_51 {
            margin-top:8px;
        }
    }

    ._Security__Grid--desc_scqja_63 {
        color: #9db3ba;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-top: 8px;
        text-align: center;
    }

    @media (max-width: 768px) {
        ._Security__Grid--desc_scqja_63 {
            font-size:14px;
            line-height: 21px;
        }
    }

    ._Join_1sya7_22 {
        align-items: center;
        display: flex;
        margin-top: 170px;
    }

    @media (max-width: 768px) {
        ._Join_1sya7_22 {
            flex-direction:column;
            margin-top: 80px;
        }
    }

    ._Join__Desc_1sya7_33 {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding-right: 100px;
    }

    @media (max-width: 768px) {
        ._Join__Desc_1sya7_33 {
            padding-right:0;
        }
    }

    ._Join__Desc--title_1sya7_44 {
        font-size: 72px;
        font-weight: 700;
        line-height: 80px;
        white-space: break-spaces;
    }

    @media (max-width: 768px) {
        ._Join__Desc--title_1sya7_44 {
            font-size:48px;
            line-height: 56px;
            padding-bottom: 20px;
        }
    }

    ._Join__Desc--item_1sya7_57 {
        color: #86939b;
        display: flex;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-top: 40px;
    }

    @media (max-width: 768px) {
        ._Join__Desc--item_1sya7_57 {
            font-size:14px;
            line-height: 21px;
            margin-top: 20px;
        }
    }

    ._Join__Form_1sya7_81 {
        flex: 1;
        padding-left: 100px;
        position: relative;
    }

    @media (max-width: 768px) {
        ._Join__Form_1sya7_81 {
            margin-top:40px;
            padding-left: 0;
        }
    }

    ._Join__Form--Checklogin_1sya7_92 {
        cursor: pointer;
        inset: 0;
        position: absolute;
        z-index: 999;
    }

    ._Join__Form_1sya7_81 .el-textarea__inner {
        background: #25262a;
        box-shadow: none;
        color: #86939b;
    }

    ._Join__Form_1sya7_81 .el-form-item {
        margin-bottom: 15px;
    }

    ._Join__Form_1sya7_81 .el-form-item__label {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-top: 4px;
        opacity: .7;
    }

    ._Join__Form_1sya7_81 .el-upload-list--picture-card {
        --el-upload-list-picture-card-size: 96px;
        border: none;
    }

    @media (max-width: 768px) {
        ._Join__Form_1sya7_81 .el-upload-list--picture-card {
            --el-upload-list-picture-card-size:80px;
        }
    }

    ._Join__Form_1sya7_81 .el-upload-list--picture-card .el-upload--picture-card {
        --el-fill-color-lighter: #eff4f6;
        --el-upload-picture-card-size: 96px;
        background-color: #25262a;
        border: none;
    }

    @media (max-width: 768px) {
        ._Join__Form_1sya7_81 .el-upload-list--picture-card .el-upload--picture-card {
            --el-upload-picture-card-size:80px;
        }
    }

    ._Join__UploadFile--labelWeb_1sya7_154 {
        display: inline;
    }

    @media (max-width: 768px) {
        ._Join__UploadFile--labelWeb_1sya7_154 {
            display:none;
        }
    }

    ._Join__UploadFile--labelH5_1sya7_162 {
        display: none;
    }

    @media (max-width: 768px) {
        ._Join__UploadFile--labelH5_1sya7_162 {
            display:inline;
        }
    }

    ._Join__UploadFile--label_1sya7_154 a {
        cursor: pointer;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        margin-left: 8px;
        text-decoration: underline;
    }

    ._Join__UploadFile--desc_1sya7_203 {
        color: #86939b;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 8px;
        width: 100%;
    }

    ._Terms_i3aus_1 {
        color: #86939b;
        display: flex;
        flex-direction: column;
        margin-top: 120px;
    }

    @media (max-width: 768px) {
        ._Terms_i3aus_1 {
            margin-top:100px;
        }
    }

    ._Terms__Title_i3aus_12 {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        margin-top: 40px;
    }

    ._Terms__Content_i3aus_18 a {
        color: #01e0e0;
        text-decoration: underline;
    }

    ._Terms__Content--item_i3aus_22 {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin-top: 20px;
    }

    ._Terms__Content--subItem_i3aus_28 {
        margin-left: 19px;
        margin-top: 10px;
    }

    ._Vip_b1slj_1 {
        background: #1a1b1f;
        color: #fff;
        font-family: IBM!important;
        overflow: hidden;
        padding-bottom: 60px;
        padding-top: 80px;
    }

    @media (max-width: 768px) {
        ._Vip_b1slj_1 {
            padding-bottom:60px;
            padding-top: 30px;
        }
    }

    ._Vip__Content_b1slj_15 {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        max-width: 1300px;
        min-height: 800px;
        position: relative;
    }

    ._Vip__Content--padding_b1slj_24 {
        padding: 0 50px;
    }

    @media (max-width: 768px) {
        ._Vip__Content--padding_b1slj_24 {
            padding:0 16px;
        }
    }

    ._Vip__Content--padding26_b1slj_32 {
        padding: 0 26px;
    }

    @media (max-width: 768px) {
        ._Vip__Content--padding26_b1slj_32 {
            padding:0 16px;
        }
    }

    /*! CSS Used from: /assets/web-frontend-next/public/_next/default.gyYCXld3.css */
    .main-container[data-v-11869b96] {
        box-sizing: border-box;
        min-height: calc(100vh - 134px);
        padding-top: 0;
    }

    .main-container:not(.isApp).dark[data-v-11869b96] {
        padding-top: 80px;
    }

    .main-container.roadmap[data-v-11869b96] {
        min-height: calc(100vh - 456px);
    }

    /*! CSS Used keyframes */
    @keyframes _slide_1y0v5_1 {
        0% {
            transform: translateY(0);
        }

        to {
            transform: translateY(calc(-1px*var(--totalHeight)));
        }
    }

    @keyframes _slideHorizontal_1y0v5_1 {
        0% {
            transform: translate(0);
        }

        to {
            transform: translate(calc(-1px*var(--totalWidth)));
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/a65555b.css */
    ._1K\+f9P {
        --base-black: #141f21;
        --base-grey: #86939b;
    }

    .QfHLsf {
        background-color: #13c2c2;
        border-radius: 4px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        margin-top: 48px;
        min-width: 180px;
        padding: 13px;
        text-align: center;
        transition: background-color .3s linear;
    }

    .QfHLsf:hover {
        background-color: #0ab0b0;
    }

    .lV-Bnn {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin: 0 auto 20px;
        max-width: 1200px;
        padding-right: 100px;
    }

    .VM2XZE {
        font-size: 48px;
        font-weight: 700;
    }

    .E2xKxW {
        display: none;
    }

    .iqxgGk {
        height: 360px;
    }

    .n-oV\+5 {
        color: #13c2c2;
        cursor: pointer;
        font-size: 12px;
        line-height: 16px;
        margin-top: 4px;
        position: relative;
    }

    .n-oV\+5 i {
        position: absolute;
        top: 0;
    }

    .n-oV\+5:hover {
        color: #0ab0b0;
    }

    @media screen and (max-width: 768px) {
        .QfHLsf {
            margin-top:40px;
            width: calc(100vw - 48px);
        }

        .lV-Bnn {
            flex-direction: column-reverse;
            height: -moz-fit-content;
            height: fit-content;
            justify-content: center;
            padding-right: 0;
            text-align: center;
        }

        .VM2XZE {
            font-size: 36px;
            line-height: 44px;
        }

        .E2xKxW {
            display: block;
            margin-top: 24px;
        }

        .iqxgGk {
            height: 200px;
            margin-bottom: 32px;
        }
    }

    .\+HL8nP {
        background-color: #f5f9fb;
        color: #3e4648;
        height: 40px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .mX9zxD {
        animation: p1OW-b 5s linear infinite;
        position: absolute;
        width: 100%;
    }

    .mX9zxD:hover {
        animation-play-state: paused;
    }

    ._41XFwk {
        align-items: center;
        display: flex;
        font-size: 12px;
        height: 40px;
        justify-content: center;
        line-height: 16px;
    }

    .gTH\+cM {
        font-weight: 500;
        margin-right: 5px;
    }

    .gVZgKY {
        margin-right: 6px;
    }

    .EVCgtb {
        cursor: pointer;
        margin-left: 18px;
    }

    .EVCgtb i {
        color: #3e4648;
        font-size: 10px;
        margin-left: 2px;
        padding-top: -2px;
    }

    .EVCgtb:hover,.EVCgtb:hover i {
        color: #13c2c2;
    }

    @media screen and (max-width: 768px) {
        .\+HL8nP {
            display:none;
        }
    }

    ._1Ug6uF .el-dialog {
        border-radius: 8px;
        width: 720px;
    }

    ._1Ug6uF .el-dialog__header {
        padding: 40px 40px 0;
    }

    ._1Ug6uF .el-dialog__header .el-dialog__headerbtn {
        right: 22px;
        top: 22px;
    }

    ._1Ug6uF .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
        color: #161616;
    }

    @media screen and (max-width: 768px) {
        ._1Ug6uF .el-dialog__wrapper {
            overflow:hidden;
        }

        ._1Ug6uF .el-dialog {
            border-radius: 8px 8px 0 0;
            margin-top: 100vh!important;
            overflow: auto;
            transform: translateY(-100%);
            width: 100%;
        }

        ._1Ug6uF .el-dialog .el-dialog__header {
            padding: 24px 20px 4px;
        }
    }

    .XwgQQY {
        display: none;
    }

    @media screen and (max-width: 768px) {
        .XwgQQY {
            background-color:#f5f9fb;
            border-radius: 4px;
            flex-direction: column;
            height: 118px;
            margin: 46px 0;
            padding-top: 16px;
        }

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

        ._3XDxMC {
            color: #3e4648;
            cursor: pointer;
            font-size: 12px;
            justify-content: center;
            line-height: 16px;
        }

        .xMBNiD {
            margin: 0 8px;
        }

        ._5-jyci {
            font-size: 24px;
            font-weight: 600;
            line-height: 32px;
            margin: 12px 0 0;
        }

        .AorGl- {
            font-size: 12px;
            line-height: 22px;
        }
    }

    .referral-invitecode-table[data-v-78615452] .el-dialog {
        border-radius: 8px;
        width: 720px;
    }

    .referral-invitecode-table[data-v-78615452] .el-dialog .el-dialog__header {
        padding: 40px 40px 0;
    }

    .referral-invitecode-table[data-v-78615452] .el-dialog .el-dialog__header .el-dialog__headerbtn {
        right: 22px;
        top: 22px;
    }

    .referral-invitecode-table[data-v-78615452] .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
        color: #161616;
    }

    @media screen and (max-width: 768px) {
        .referral-invitecode-table[data-v-78615452] .el-dialog__wrapper {
            overflow:hidden;
        }

        .referral-invitecode-table[data-v-78615452] .el-dialog {
            border-radius: 8px 8px 0 0;
            margin-top: 100vh!important;
            transform: translateY(-100%);
            width: 100%;
        }

        .referral-invitecode-table[data-v-78615452] .el-dialog .el-dialog__header {
            padding: 24px 20px 0;
        }
    }

    .common-table-wrap table[data-v-14a017ce] {
        text-align: left;
        width: 100%;
    }

    .common-table-wrap table th[data-v-14a017ce] {
        border-collapse: collapse;
    }

    .common-table-wrap table th[data-v-14a017ce] {
        color: #6a7c81;
        font-size: 12px;
        font-weight: 400;
        height: 40px;
        line-height: 40px;
    }

    .common-table-wrap .page-box[data-v-14a017ce] {
        margin-top: 16px;
        text-align: right;
        width: 100%;
    }

    .common-table-wrap .page-box .btn[data-v-14a017ce] {
        border: 1px solid #e9f0f3;
        border-radius: 2px;
        cursor: pointer;
        display: inline-block;
        line-height: 26px;
        margin-left: 8px;
        text-align: center;
        width: 26px;
    }

    .common-table-wrap .page-box .disable-btn[data-v-14a017ce] {
        color: #ccdae1;
        cursor: not-allowed;
    }

    .common-table-wrap .table-data-none[data-v-14a017ce] {
        color: #808698;
        font-size: 12px;
        padding: 40px 0;
        text-align: center;
    }

    .common-table-wrap .table-data-none .iconfont2[data-v-14a017ce] {
        color: #808698;
        display: block;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .common-table-wrap table[data-v-7d58aaa2] {
        text-align: left;
        width: 100%;
    }

    .common-table-wrap table th[data-v-7d58aaa2] {
        border-collapse: collapse;
    }

    .common-table-wrap table th[data-v-7d58aaa2] {
        color: #6a7c81;
        font-size: 12px;
        font-weight: 400;
        height: 40px;
        line-height: 40px;
    }

    .common-table-wrap .page-box[data-v-7d58aaa2] {
        margin-top: 16px;
        text-align: right;
        width: 100%;
    }

    .common-table-wrap .page-box .btn[data-v-7d58aaa2] {
        border: 1px solid #e9f0f3;
        border-radius: 2px;
        cursor: pointer;
        display: inline-block;
        line-height: 26px;
        margin-left: 8px;
        text-align: center;
        width: 26px;
    }

    .common-table-wrap .page-box .disable-btn[data-v-7d58aaa2] {
        color: #ccdae1;
        cursor: not-allowed;
    }

    .common-table-wrap .table-data-none[data-v-7d58aaa2] {
        color: #808698;
        font-size: 12px;
        padding: 40px 0;
        text-align: center;
    }

    .common-table-wrap .table-data-none .iconfont2[data-v-7d58aaa2] {
        color: #808698;
        display: block;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .common-table-wrap table[data-v-09603329] {
        text-align: left;
        width: 100%;
    }

    .common-table-wrap table th[data-v-09603329] {
        border-collapse: collapse;
    }

    .common-table-wrap table th[data-v-09603329] {
        color: #6a7c81;
        font-size: 12px;
        font-weight: 400;
        height: 40px;
        line-height: 40px;
    }

    .common-table-wrap .page-box[data-v-09603329] {
        margin-top: 16px;
        text-align: right;
        width: 100%;
    }

    .common-table-wrap .page-box .btn[data-v-09603329] {
        border: 1px solid #e9f0f3;
        border-radius: 2px;
        cursor: pointer;
        display: inline-block;
        line-height: 26px;
        margin-left: 8px;
        text-align: center;
        width: 26px;
    }

    .common-table-wrap .page-box .disable-btn[data-v-09603329] {
        color: #ccdae1;
        cursor: not-allowed;
    }

    .common-table-wrap .table-data-none[data-v-09603329] {
        color: #808698;
        font-size: 12px;
        padding: 40px 0;
        text-align: center;
    }

    .common-table-wrap .table-data-none .iconfont2[data-v-09603329] {
        color: #808698;
        display: block;
        font-size: 24px;
        margin-bottom: 10px;
    }

    ._84V9-7 {
        margin-top: 100px;
        position: relative;
    }

    .xm93CZ {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 24px;
    }

    .l3YieH {
        display: flex;
        font-size: 16px;
        height: 56px;
        justify-content: space-between;
    }

    .uSMBBo {
        cursor: pointer;
        margin-right: 24px;
    }

    .sPjUnq {
        font-weight: 600;
    }

    .nX-ZAR {
        border-top: 1px solid rgba(0,0,0,.05);
        margin-bottom: 24px;
        width: 100%;
    }

    .zLHgDS {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .hNaoDb {
        padding-left: 24px;
        position: relative;
    }

    .hNaoDb:after {
        background-color: #141f21;
        border-radius: 50%;
        content: "";
        height: 4px;
        left: 7px;
        position: absolute;
        top: 10px;
        width: 4px;
    }

    ._8m7xJ1 {
        border: 1px solid #f2f4f7;
        border-collapse: collapse;
        margin-top: 24px;
        text-align: center;
        width: 100%;
    }

    ._8m7xJ1 th {
        background-color: #f5f9fb;
        color: #6a7c81;
        font-weight: 400;
    }

    ._8m7xJ1 td,._8m7xJ1 th {
        font-size: 14px;
        height: 50px;
    }

    ._8m7xJ1 td {
        border-bottom: 1px solid #f2f4f7;
        color: #141f21;
        font-weight: 500;
    }

    .OxHdW\+ {
        border: 1px solid #f2f4f7;
    }

    ._2sIJhf {
        display: none;
    }

    .phQiMW {
        margin: 48px 0;
    }

    .OnLX\+f {
        align-items: center;
        display: flex;
        justify-content: space-between;
        min-height: 56px;
    }

    .v5WboJ {
        cursor: pointer;
    }

    .LW-aTA {
        font-size: 16px;
        font-weight: 600;
    }

    @media screen and (max-width: 768px) {
        ._84V9-7 {
            margin-top:60px;
        }

        .xm93CZ {
            font-size: 20px;
            line-height: 32px;
            margin-bottom: 16px;
        }

        .XWY0H- {
            display: none;
        }

        ._2sIJhf {
            display: block;
        }

        .Ti1\+IP {
            align-items: center;
            display: flex;
            height: 60px;
            justify-content: space-between;
        }

        .UHbwS6 {
            font-size: 16px;
            font-weight: 500;
        }

        .nGnglR {
            background: #fafafa;
            border-radius: 8px;
            height: 114px;
            padding: 16px;
        }

        .XBaqYL {
            font-weight: 500;
            margin-bottom: 12px;
        }

        .KN221Y {
            display: flex;
        }

        .S5CiAd {
            width: 50%;
        }

        ._0AWxso {
            color: #6a7c81;
            font-size: 12px;
            line-height: 22px;
            margin-bottom: 4px;
        }

        .lB83DP {
            font-size: 20px;
            font-weight: 500;
            line-height: 22px;
        }

        .nGnglR:first-of-type {
            margin-bottom: 8px;
            margin-top: 16px;
        }

        .phQiMW {
            margin-bottom: 40px;
            margin-top: 20px;
        }

        .LW-aTA {
            font-weight: 500;
        }
    }

    .poster-canvas-container[data-v-1e221e31] .el-dialog {
        border-radius: 8px;
        width: 720px;
    }

    .poster-canvas-container[data-v-1e221e31] .el-dialog__header {
        padding: 40px 40px 0;
    }

    .poster-canvas-container[data-v-1e221e31] .el-dialog__header .el-dialog__headerbtn {
        right: 22px;
        top: 22px;
    }

    .poster-canvas-container[data-v-1e221e31] .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
        color: #161616;
    }

    @media screen and (max-width: 768px) {
        .poster-canvas-container[data-v-1e221e31] .el-dialog {
            width:100%;
        }
    }

    ._3Kcxtw {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 360px;
        justify-content: center;
        margin-top: 36px;
        max-width: 1200px;
    }

    ._0FrelV {
        color: #141f21;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .DBQlQT {
        color: #13c2c2;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
    }

    .swiper[data-v-73e44e3b] {
        padding: 0 12px;
        width: 100%;
    }

    @media screen and (max-width: 768px) {
        .swiper[data-v-73e44e3b] {
            display:none;
        }
    }

    .swiper[data-v-73e44e3b] .swiper-button-next {
        right: 0;
        width: 11px;
    }

    .swiper[data-v-73e44e3b] .swiper-button-next:after {
        color: #ddd;
        font-size: 20px;
        font-weight: 900;
        right: 0;
    }

    .swiper[data-v-73e44e3b] .swiper-button-prev {
        left: 0;
        width: 11px;
    }

    .swiper[data-v-73e44e3b] .swiper-button-prev:after {
        color: #ddd;
        font-size: 20px;
        font-weight: 900;
        left: 0;
    }

    .card[data-v-73e44e3b] {
        display: none;
    }

    @media screen and (max-width: 768px) {
        .card[data-v-73e44e3b] {
            display:flex;
            flex-direction: column;
        }
    }

    .ErNaB0 {
        margin-top: 60px;
    }

    @media screen and (max-width: 768px) {
        .ErNaB0 {
            margin-top:60px;
        }
    }

    ._0XHLjC {
        font-size: 36px;
        font-weight: 600;
    }

    @media screen and (max-width: 768px) {
        ._0XHLjC {
            font-size:20px;
        }
    }

    .sM90Ou {
        margin: 50px -24px 0;
    }

    @media screen and (max-width: 768px) {
        .sM90Ou {
            margin:22px 0 0;
        }
    }

    .QYaBnL {
        background: linear-gradient(180deg,rgba(19,194,194,.08),hsla(0,0%,100%,.02));
        border: 1px solid #f3f4f7;
        border-radius: 8px;
        box-shadow: 0 0 0 0 rgba(0,0,0,.102);
        display: flex;
        flex-direction: column;
        margin: 10px;
        padding: 20px 24px;
        transition: box-shadow .2s ease;
    }

    @media screen and (max-width: 768px) {
        .QYaBnL {
            margin:10px 0;
            padding: 20px 16px;
        }
    }

    .QYaBnL:hover {
        box-shadow: 0 1px 6px 0 rgba(0,0,0,.102);
    }

    ._0NROgg {
        color: #000;
    }

    ._0NROgg,.sn1rJi {
        font-size: 14px;
        font-weight: 400;
    }

    .sn1rJi {
        color: #1a1b1f;
        margin-bottom: 33px;
    }

    .IiizNj {
        display: flex;
        flex-direction: column;
        font-size: 40px;
        font-weight: 500;
    }

    @media screen and (max-width: 768px) {
        .IiizNj {
            font-size:32px;
        }
    }

    ._8PxkOX {
        color: #6a7c81;
        font-size: 14px;
        font-weight: 400;
    }

    .mOFDfs {
        color: #000;
        display: flex;
        flex-wrap: wrap;
        font-size: 40px;
        font-weight: 400;
        margin: 20px 0;
    }

    @media screen and (max-width: 768px) {
        .mOFDfs {
            font-size:32px;
            margin: 10px 0;
        }
    }

    .H5Kx-X {
        background-color: #13c2c2;
        border-radius: 4px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        height: 44px;
        margin-top: auto;
        padding: 13px;
        text-align: center;
        transition: filter .3s linear;
        width: 100%;
    }

    .H5Kx-X:hover {
        filter: brightness(.95);
    }

    .PBZkui {
        margin-top: 200px;
    }

    @media screen and (max-width: 768px) {
        .PBZkui {
            margin-top:60px;
        }
    }

    .bIuGSP {
        font-size: 36px;
        font-weight: 600;
    }

    @media screen and (max-width: 768px) {
        .bIuGSP {
            font-size:20px;
        }
    }

    .LdlMkg {
        display: grid;
        grid-template-columns: repeat(var(--length),1fr);
        margin-top: 80px;
    }

    @media screen and (max-width: 768px) {
        .LdlMkg {
            grid-template-columns:1fr;
            margin-top: 32px;
        }
    }

    .OykY9o {
        align-items: center;
        color: #141f21;
        display: flex;
        flex-direction: column;
    }

    .zrz4FS {
        border-bottom: 1px dashed #9cb3ba;
        flex: 1;
        height: 0;
    }

    @media screen and (max-width: 768px) {
        .zrz4FS {
            border:none;
        }
    }

    .D1qM9p {
        padding: 0 50px;
    }

    .WWkJmb {
        align-items: center;
        display: flex;
        width: 100%;
    }

    .OlJF4T {
        background: #141f21;
        border-radius: 50%;
        color: #fff;
        font-size: 18px;
        height: 32px;
        line-height: 32px;
        width: 32px;
    }

    .ARGN9l,.OlJF4T {
        font-weight: 600;
        text-align: center;
    }

    .ARGN9l {
        font-size: 24px;
        margin-top: 16px;
        max-width: 350px;
    }

    .KpK2vI {
        font-size: 16px;
        font-weight: 400;
        margin-top: 10px;
        max-width: 350px;
        text-align: center;
    }

    .\+MRIag {
        display: none;
    }

    @media screen and (max-width: 768px) {
        .\+MRIag {
            border-right:1px dashed #9cb3ba;
            display: block;
            height: 50px;
            margin: 10px 0;
        }
    }

    @media (max-width: 768px) {
        .referral-back-icon {
            display:none;
        }
    }

    .NlHVhO {
        --base-black: #141f21;
        --base-grey: #86939b;
        background-color: #fff;
        background-position: top;
        background-repeat: no-repeat;
        background-size: 100%;
        color: #141f21;
        color: var(--base-black);
        font-family: IBM;
        font-size: 16px;
        min-height: calc(100vh - 80px);
    }

    .NlHVhO * {
        box-sizing: border-box;
    }

    .xWN6XE {
        display: none;
    }

    .dQI0k7,.nRkCWG {
        cursor: pointer;
        font-size: 14px;
    }

    .dQI0k7 {
        background-color: #13c2c2;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        font-weight: 500;
        height: 44px;
        line-height: 44px;
        text-align: center;
        transition: background-color .3s linear;
        width: 180px;
    }

    .dQI0k7:hover {
        background-color: #0ab0b0;
    }

    .OPEVf5 {
        display: block;
    }

    ._0RSbFq {
        align-items: center;
        display: flex;
        height: 500px;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1200px;
        padding-right: 100px;
    }

    .Gvdg0T {
        flex: 1;
        padding-right: 10px;
    }

    .yq2hBg {
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
    }

    .Yqy2FC {
        display: flex;
        margin-top: 48px;
    }

    .wfiPWo {
        color: var(--base-grey);
        margin-bottom: 4px;
        margin-top: 24px;
    }

    .TMFO6O,.wfiPWo {
        font-size: 12px;
        line-height: 16px;
    }

    .TMFO6O {
        color: #13c2c2;
        cursor: pointer;
        margin-top: 4px;
        position: relative;
    }

    .TMFO6O i {
        position: absolute;
        top: 0;
    }

    .TMFO6O:hover {
        color: #0ab0b0;
    }

    .-O7zKd {
        display: none;
    }

    .e4oiUf {
        border: 1px solid #f5f9fb;
        border-radius: 8px;
        height: 368px;
        padding: 30px 32px 40px;
        width: 484px;
    }

    .KANLYG {
        margin-bottom: 16px;
        width: 100%;
    }

    ._0m39rs {
        display: flex;
        justify-content: space-between;
        margin-top: 26px;
    }

    .VlQXmn {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
    }

    .NGrgWl {
        color: var(--base-grey);
        font-size: 14px;
        margin-bottom: 6px;
    }

    .pumRL2 {
        font-size: 16px;
        font-weight: 600;
    }

    .sZ6kOo {
        background-color: #e5ecf0;
        border-radius: 4px;
        display: flex;
        height: 54px;
        justify-content: space-between;
        line-height: 54px;
        padding: 0 24px;
    }

    .HcSQ8y {
        align-items: center;
        cursor: pointer;
        display: flex;
    }

    .IDLBi9 {
        margin-left: 10px;
    }

    .tXcuIh {
        margin-right: 14px;
        margin-top: 16px;
        text-align: right;
    }

    .E8Td\+X {
        margin: 0 auto;
        max-width: 1200px;
    }

    .aTRvZd {
        margin-top: 120px;
    }

    .zMCUpV {
        display: flex;
        font-size: 24px;
        justify-content: flex-start;
    }

    .z2Xf7Q {
        cursor: pointer;
        margin-right: 24px;
    }

    .Igmw-I {
        font-weight: 600;
    }

    .\+WplLe {
        align-items: flex-end;
        display: flex;
        justify-content: flex-start;
        margin-top: 32px;
    }

    ._1UVDlb {
        display: flex;
        margin-right: 16px;
    }

    .WV--kL {
        color: var(--base-black);
        cursor: pointer;
        display: inline-block;
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
        position: relative;
    }

    .qiIion {
        font-weight: 600;
    }

    .qiIion .waZ434 {
        display: block;
    }

    .waZ434 {
        border-bottom: 2px solid #000;
        bottom: -10px;
        display: none;
        height: 0;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 24px;
    }

    .bjhpxZ {
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
        line-height: 32px;
        margin-right: 4px;
        text-align: center;
        width: 86px;
    }

    .g1xoiu {
        background-color: #e5ecf0;
    }

    ._8cVa0g {
        margin: 36px 0 48px;
    }

    ._8cVa0g table {
        width: 760px;
    }

    ._8cVa0g table thead th {
        color: var(--base-grey);
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: left;
    }

    ._8cVa0g table tbody td {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
    }

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

    @media screen and (max-width: 1200px) {
        .NlHVhO {
            padding:64px 24px 0;
        }
    }

    @media screen and (max-width: 768px) {
        .NlHVhO {
            -webkit-tap-highlight-color:rgba(0,0,0,0);
            padding: 0 24px;
        }

        .xWN6XE {
            align-items: center;
            display: flex;
            justify-content: space-between;
            padding: 110px 0 34px;
        }

        .dQI0k7 {
            width: calc(100vw - 48px);
        }

        .OPEVf5 {
            display: none;
        }

        ._0RSbFq {
            align-items: flex-start;
            flex-direction: column;
            height: -moz-fit-content;
            height: fit-content;
            justify-content: center;
            text-align: left;
        }

        .Gvdg0T,._0RSbFq {
            padding-right: 0;
        }

        .yq2hBg {
            font-size: 36px;
            line-height: 44px;
        }

        .Yqy2FC {
            margin-top: 32px;
        }

        .-O7zKd {
            color: #13c2c2;
            display: inline-block;
            margin-left: 8px;
        }

        .e4oiUf {
            border: none;
            height: -moz-fit-content;
            height: fit-content;
            padding: 36px 0 0;
            width: calc(100vw - 48px);
        }

        ._0m39rs {
            margin-top: 0;
            padding-bottom: 16px;
        }

        .NGrgWl {
            font-size: 12px;
            margin-bottom: 6px;
        }

        .sZ6kOo {
            padding: 0 16px;
        }

        .E8Td\+X {
            margin: 0;
            width: 100%;
        }

        .aTRvZd {
            display: none;
        }

        .kJOrL4 {
            flex-direction: column-reverse;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/65f3f15.css */
    .swiper {
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        padding: 0;
        position: relative;
        z-index: 1;
    }

    .swiper-wrapper {
        box-sizing: content-box;
        display: flex;
        height: 100%;
        position: relative;
        transition-property: transform;
        width: 100%;
        z-index: 1;
    }

    .swiper-wrapper {
        transform: translateZ(0);
    }

    .swiper-pointer-events {
        touch-action: pan-y;
    }

    .swiper-slide {
        flex-shrink: 0;
        height: 100%;
        position: relative;
        transition-property: transform;
        width: 100%;
    }

    .swiper-backface-hidden .swiper-slide {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
    }

    .swiper-button-next,.swiper-button-prev {
        align-items: center;
        color: #007aff;
        color: var(--swiper-navigation-color,var(--swiper-theme-color));
        cursor: pointer;
        display: flex;
        height: 44px;
        height: var(--swiper-navigation-size);
        justify-content: center;
        margin-top: -22px;
        margin-top: calc(0px - var(--swiper-navigation-size)/2);
        position: absolute;
        top: 50%;
        width: 27px;
        width: calc(var(--swiper-navigation-size)/44*27);
        z-index: 10;
    }

    .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: 44px;
        font-size: var(--swiper-navigation-size);
        font-variant: normal;
        letter-spacing: 0;
        line-height: 1;
        text-transform: none!important;
    }

    .swiper-button-prev {
        left: 10px;
        right: auto;
    }

    .swiper-button-prev:after {
        content: "prev";
    }

    .swiper-button-next {
        left: auto;
        right: 10px;
    }

    .swiper-button-next:after {
        content: "next";
    }

    .swiper .swiper-notification {
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        z-index: -1000;
    }

    /*! CSS Used keyframes */
    @keyframes p1OW-b {
        0% {
            transform: translateY(0);
        }

        90% {
            transform: translateY(0);
        }

        to {
            transform: translateY(-40px);
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/20f1ea3.css */
    .component-confirm-dialog {
        border-radius: 8px;
        padding: 32px;
    }

    .component-confirm-dialog.el-dialog {
        background-color: #fff;
        background-color: var(--color-trade-confirm-dialog-bg,#fff);
    }

    .component-confirm-dialog .el-dialog__header {
        padding: 0;
    }

    .component-confirm-dialog .el-dialog__title {
        color: var(--color-trade-confirm-dialog-text-primary);
        font-size: 20px;
        font-weight: 500;
        line-height: 26px;
    }

    .component-confirm-dialog .el-dialog__footer {
        padding: 0;
    }

    .component-confirm-dialog .el-dialog__headerbtn .el-dialog__close {
        color: var(--color-trade-confirm-dialog-text-primary);
        font-size: 20px;
    }

    .component-confirm-dialog .footer {
        width: 100%;
    }

    .pie-charts[data-v-2581c7e4] {
        height: 172px;
        width: 172px;
    }

    .page-affiliate-partner[data-v-9921fa1e] {
        padding-top: 100px;
    }

    .page-affiliate-partner [data-v-9921fa1e] {
        box-sizing: border-box;
    }

    .page-affiliate-partner .wrapper[data-v-9921fa1e] {
        margin: 0 auto;
        padding: 0 20px;
        width: 1200px;
    }

    .page-affiliate-partner .block-title[data-v-9921fa1e] {
        color: #1a1b1f;
        font-size: 32px;
        font-weight: 600;
        line-height: 42px;
    }

    .page-affiliate-partner .banner[data-v-9921fa1e] {
        display: flex;
        flex-direction: column;
        margin-bottom: 160px;
    }

    .page-affiliate-partner .banner .banner-tit[data-v-9921fa1e] {
        color: #1a1b1f;
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        margin-bottom: 16px;
    }

    .page-affiliate-partner .banner .banner-desc[data-v-9921fa1e] {
        color: #1a1b1f;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 48px;
    }

    .page-affiliate-partner .banner .btn-wrap[data-v-9921fa1e] {
        display: flex;
    }

    .page-affiliate-partner .banner .btn-wrap .btn[data-v-9921fa1e] {
        min-height: 56px;
        min-width: 180px;
    }

    .page-affiliate-partner .banner .btn-wrap .btn[data-v-9921fa1e]:first-child {
        margin-right: 23px;
    }

    .page-affiliate-partner .why-BitVez[data-v-9921fa1e] {
        margin-bottom: 160px;
    }

    .page-affiliate-partner .why-BitVez .block-title[data-v-9921fa1e] {
        margin-bottom: 55px;
    }

    .page-affiliate-partner .why-BitVez .why-list[data-v-9921fa1e] {
        color: #1a1b1f;
        display: flex;
        justify-content: space-between;
        margin-top: 48px;
    }

    .page-affiliate-partner .why-BitVez .why-list .why-item[data-v-9921fa1e] {
        display: flex;
        flex-direction: column;
        width: 30%;
    }

    .page-affiliate-partner .why-BitVez .why-list .why-item .why-icon[data-v-9921fa1e] {
        display: inline-block;
        height: 72px;
        margin-bottom: 18px;
        width: 72px;
    }

    .page-affiliate-partner .why-BitVez .why-list .why-item .item-tit[data-v-9921fa1e] {
        font-size: 24px;
        font-weight: 600;
        line-height: 31px;
        margin-bottom: 5px;
    }

    .page-affiliate-partner .why-BitVez .why-list .why-item .item-desc[data-v-9921fa1e] {
        color: #3e4648;
        font-size: 16px;
    }

    .page-affiliate-partner .step-guide[data-v-9921fa1e] {
        margin-bottom: 160px;
    }

    .page-affiliate-partner .step-guide .block-title[data-v-9921fa1e] {
        margin-bottom: 48px;
    }

    .page-affiliate-partner .step-guide .step-list[data-v-9921fa1e] {
        display: flex;
        flex-direction: column;
    }

    .page-affiliate-partner .step-guide .step-list .step-item[data-v-9921fa1e] {
        border-left: 1px solid rgba(19,194,194,.49);
        display: flex;
        flex-direction: column;
        padding-left: 22px;
        position: relative;
    }

    .page-affiliate-partner .step-guide .step-list .step-item[data-v-9921fa1e]:first-child:before {
        height: 21px;
        left: -12px;
        top: 0;
        width: 24px;
    }

    .page-affiliate-partner .step-guide .step-list .step-item[data-v-9921fa1e]:last-child {
        border-left: 0;
    }

    .page-affiliate-partner .step-guide .step-list .step-item:last-child .btn-list[data-v-9921fa1e] {
        margin-bottom: 48px;
    }

    .page-affiliate-partner .step-guide .step-list .step-item[data-v-9921fa1e]:before {
        background-color: #fff;
        content: " ";
        height: 12px;
        left: -6px;
        position: absolute;
        top: 8px;
        width: 12px;
    }

    .page-affiliate-partner .step-guide .step-list .step-item[data-v-9921fa1e]:after {
        background-color: #13c2c2;
        border-radius: 50%;
        content: " ";
        height: 10px;
        left: -5px;
        position: absolute;
        top: 9px;
        width: 10px;
    }

    .page-affiliate-partner .step-guide .step-list .step-item .step-name[data-v-9921fa1e] {
        color: #1a1b1f;
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
        margin-bottom: 8px;
    }

    .page-affiliate-partner .step-guide .step-list .step-item .step-desc[data-v-9921fa1e] {
        color: #3e4648;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .page-affiliate-partner .step-guide .step-list .step-item .btn-list[data-v-9921fa1e] {
        margin-bottom: 60px;
    }

    .page-affiliate-partner .step-guide .btn-submit[data-v-9921fa1e] {
        border-radius: 4px;
        font-size: 16px;
        min-height: 56px;
    }

    .page-affiliate-partner .commission-tiers[data-v-9921fa1e] {
        margin-bottom: 160px;
    }

    .page-affiliate-partner .commission-tiers .block-title[data-v-9921fa1e] {
        margin-bottom: 48px;
    }

    .page-affiliate-partner .commission-tiers .select-list[data-v-9921fa1e] {
        display: none;
    }

    .page-affiliate-partner .commission-tiers .tab-list[data-v-9921fa1e] {
        display: inline-block;
        margin-bottom: 48px;
    }

    .page-affiliate-partner .commission-tiers .tab-list.active0 .tab-item[data-v-9921fa1e]:first-child {
        color: #1a1b1f;
        font-weight: 500;
    }

    .page-affiliate-partner .commission-tiers .tab-list .tab-item[data-v-9921fa1e] {
        color: #91a5b1;
        cursor: pointer;
        display: inline-block;
        font-size: 20px;
        line-height: 24px;
        margin-right: 80px;
    }

    .page-affiliate-partner .commission-tiers .tab-list .tab-item[data-v-9921fa1e]:last-child {
        margin-right: 0;
    }

    .page-affiliate-partner .commission-tiers .tab-panel[data-v-9921fa1e] {
        display: flex;
        justify-content: space-between;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .content[data-v-9921fa1e] {
        max-width: 53%;
        padding-right: 70px;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .content .sub-tit[data-v-9921fa1e] {
        color: #1a1b1f;
        font-size: 24px;
        font-weight: 500;
        line-height: 31px;
        margin-bottom: 5px;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .content .sub-desc[data-v-9921fa1e] {
        color: #3e4648;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .content ul[data-v-9921fa1e] {
        margin-bottom: 48px;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .content ul li[data-v-9921fa1e] {
        color: #3e4648;
        font-size: 16px;
        line-height: 24px;
        padding-left: 20px;
        position: relative;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .content ul li[data-v-9921fa1e]:before {
        color: #1a1b1f;
        content: "·";
        font-size: 24px;
        font-weight: 900;
        height: 32px;
        left: 0;
        line-height: 28px;
        position: absolute;
        text-align: center;
        width: 20px;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .chart[data-v-9921fa1e] {
        display: flex;
        flex: 1;
        justify-content: space-between;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .chart .mobile-chart[data-v-9921fa1e] {
        display: none;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type[data-v-9921fa1e] {
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type .type-tit[data-v-9921fa1e] {
        color: #1a1b1f;
        font-size: 24px;
        font-weight: 500;
        line-height: 31px;
        margin-bottom: 30px;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type .chart-wrap[data-v-9921fa1e] {
        align-items: center;
        display: flex;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type .chart-wrap .chart-item[data-v-9921fa1e] {
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type .chart-wrap .chart-item .pie-chart[data-v-9921fa1e] {
        height: 172px;
        width: 172px;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type .chart-wrap .chart-item .chart-sub-desc[data-v-9921fa1e] {
        color: #6a7c81;
        font-size: 12px;
        margin-top: -12px;
    }

    .page-affiliate-partner .commission-tiers .tab-panel .chart .chart-type .chart-wrap .chart-item .chart-desc[data-v-9921fa1e] {
        color: #1a1b1f;
        font-size: 14px;
        line-height: 24px;
        margin-top: 24px;
        max-width: 173px;
        text-align: center;
    }

    .page-affiliate-partner .terms-conditions .block-title[data-v-9921fa1e] {
        margin-bottom: 48px;
    }

    .page-affiliate-partner .terms-conditions ul li[data-v-9921fa1e] {
        color: #6a7c81;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
        padding-left: 16px;
        position: relative;
    }

    .page-affiliate-partner .terms-conditions ul li[data-v-9921fa1e]:before {
        color: #6a7c81;
        content: "·";
        font-size: 18px;
        font-weight: 900;
        height: 24px;
        left: 0;
        line-height: 20px;
        position: absolute;
        text-align: center;
        width: 16px;
    }

    .dialog-footer[data-v-9921fa1e] {
        display: flex;
        justify-content: flex-end;
    }

    .dialog-footer-btn[data-v-9921fa1e] {
        border: none;
        border-radius: 4px;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        height: 44px;
        line-height: 18px;
        line-height: 44px;
        margin-left: 12px;
        min-width: 140px;
        padding: 0;
        text-align: center;
    }

    .dialog-footer-btn.primary[data-v-9921fa1e] {
        background-color: #13c2c2;
        color: #fff;
    }

    .dialog-footer-btn.ghost[data-v-9921fa1e] {
        background-color: #fff;
        border: 1px solid #75858a;
        color: #3e4648;
    }

    .dialog-footer-btn.ghost[data-v-9921fa1e]:hover {
        border-color: #13c2c2;
        color: #13c2c2;
    }

    @media screen and (max-width: 640px) {
        .page-affiliate-partner[data-v-9921fa1e] {
            padding-top:100px;
        }

        .page-affiliate-partner .wrapper[data-v-9921fa1e] {
            padding: 0 20px;
            width: 100%;
        }

        .page-affiliate-partner .wrapper .wrapper-item[data-v-9921fa1e] {
            width: 100%;
        }

        .page-affiliate-partner .wrapper .block-title[data-v-9921fa1e] {
            font-size: 30px;
            line-height: 38px;
        }

        .page-affiliate-partner .wrapper .banner[data-v-9921fa1e] {
            margin-bottom: 42px;
        }

        .page-affiliate-partner .wrapper .banner .banner-tit[data-v-9921fa1e] {
            font-size: 38px;
            font-weight: 700;
            line-height: 45px;
            margin-bottom: 7px;
        }

        .page-affiliate-partner .wrapper .banner .banner-desc[data-v-9921fa1e] {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 24px;
        }

        .page-affiliate-partner .wrapper .banner .btn-wrap[data-v-9921fa1e] {
            flex-wrap: wrap;
        }

        .page-affiliate-partner .wrapper .banner .btn-wrap .btn[data-v-9921fa1e] {
            width: 100%;
        }

        .page-affiliate-partner .wrapper .banner .btn-wrap .btn[data-v-9921fa1e]:first-child {
            margin-bottom: 12px;
            margin-right: 0;
        }

        .page-affiliate-partner .wrapper .why-BitVez[data-v-9921fa1e] {
            margin-bottom: 48px;
        }

        .page-affiliate-partner .wrapper .why-BitVez .block-title[data-v-9921fa1e] {
            margin-bottom: 0;
        }

        .page-affiliate-partner .wrapper .why-BitVez .why-list[data-v-9921fa1e] {
            flex-direction: column;
            margin-top: 0;
        }

        .page-affiliate-partner .wrapper .why-BitVez .why-list .why-item[data-v-9921fa1e] {
            margin-top: 36px;
            width: 100%;
        }

        .page-affiliate-partner .wrapper .why-BitVez .why-list .why-item .item-desc[data-v-9921fa1e] {
            font-size: 14px;
            line-height: 18px;
        }

        .page-affiliate-partner .wrapper .step-guide[data-v-9921fa1e] {
            margin-bottom: 48px;
        }

        .page-affiliate-partner .wrapper .step-guide .block-title[data-v-9921fa1e] {
            margin-bottom: 36px;
        }

        .page-affiliate-partner .wrapper .step-guide .step-list .step-item .step-desc[data-v-9921fa1e] {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 8px;
        }

        .page-affiliate-partner .wrapper .step-guide .step-list .step-item .btn-list[data-v-9921fa1e] {
            margin-bottom: 56px;
        }

        .page-affiliate-partner .wrapper .step-guide .step-list .step-item:last-child .btn-list[data-v-9921fa1e] {
            margin-bottom: 24px;
        }

        .page-affiliate-partner .wrapper .commission-tiers[data-v-9921fa1e] {
            margin-bottom: 48px;
        }

        .page-affiliate-partner .wrapper .commission-tiers .block-title[data-v-9921fa1e] {
            margin-bottom: 24px;
        }

        .page-affiliate-partner .wrapper .commission-tiers .select-list[data-v-9921fa1e] {
            display: block;
            margin-bottom: 32px;
            width: 100%;
        }

        .page-affiliate-partner .wrapper .commission-tiers .tab-list[data-v-9921fa1e] {
            display: none;
        }

        .page-affiliate-partner .wrapper .commission-tiers .tab-panel[data-v-9921fa1e] {
            flex-direction: column-reverse;
        }

        .page-affiliate-partner .wrapper .commission-tiers .tab-panel .chart[data-v-9921fa1e] {
            margin-bottom: 36px;
        }

        .page-affiliate-partner .wrapper .commission-tiers .tab-panel .chart .chart-type[data-v-9921fa1e] {
            display: none;
        }

        .page-affiliate-partner .wrapper .commission-tiers .tab-panel .chart .mobile-chart[data-v-9921fa1e] {
            display: inline-block;
            width: 100%;
        }

        .page-affiliate-partner .wrapper .commission-tiers .tab-panel .content[data-v-9921fa1e] {
            max-width: 100%;
            padding-right: 0;
        }

        .page-affiliate-partner .wrapper .commission-tiers .tab-panel .content .sub-tit[data-v-9921fa1e] {
            margin-bottom: 6px;
        }

        .page-affiliate-partner .wrapper .commission-tiers .tab-panel .content .sub-desc[data-v-9921fa1e] {
            font-size: 14px;
            line-height: 22px;
        }

        .page-affiliate-partner .wrapper .commission-tiers .tab-panel .content ul[data-v-9921fa1e] {
            margin-bottom: 36px;
        }

        .page-affiliate-partner .wrapper .commission-tiers .tab-panel .content ul li[data-v-9921fa1e] {
            font-size: 14px;
            line-height: 30px;
        }

        .page-affiliate-partner .wrapper .terms-conditions .block-title[data-v-9921fa1e] {
            margin-bottom: 24px;
        }

        .page-affiliate-partner .wrapper .terms-conditions ul li[data-v-9921fa1e] {
            font-size: 12px;
            line-height: 18px;
        }
    }

    .apply-affiliate-dialog {
        border-radius: 8px;
        width: 720px;
    }

    .apply-affiliate-dialog .el-dialog__header {
        padding: 40px 40px 0;
    }

    @media screen and (max-width: 640px) {
        .apply-affiliate-dialog {
            width:92%;
        }

        .apply-affiliate-dialog .el-dialog__header {
            padding: 30px 17px 0;
        }
    }

    .tIB1CK .el-dialog__wrapper {
        z-index: 1999!important;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/cd92276.css */
    .luck-draw-dialog[data-v-47988aee] .el-dialog {
        border-radius: 8px;
        top: 50%;
        transform: translateY(-50%);
        width: 480px;
    }

    .luck-draw-dialog[data-v-47988aee] .el-dialog__header {
        padding: 30px 30px 0;
    }

    @media (max-width: 768px) {
        .luck-draw-dialog[data-v-47988aee] .el-dialog {
            width:calc(100% - 60px);
        }
    }

    .Xn2kSc {
        background: #f3f4f7;
        border: 1px solid #f3f4f7;
        border-radius: 10px;
        margin-bottom: 12px;
        padding: 23px 25px;
        transition: all .5s ease-in-out;
    }

    @media (max-width: 768px) {
        .Xn2kSc {
            padding:16px;
        }
    }

    .jIcSWD {
        display: flex;
    }

    @media (max-width: 768px) {
        .jIcSWD {
            flex-direction:column;
        }
    }

    .PzlLRC {
        display: flex;
        flex: 1;
    }

    @media (max-width: 768px) {
        .PzlLRC {
            flex-direction:column;
        }
    }

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

    @media (max-width: 768px) {
        .lRF4ze {
            flex-direction:column-reverse;
        }
    }

    .El8vya {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        min-width: 200px;
        padding-left: 28px;
    }

    @media (max-width: 768px) {
        .El8vya {
            margin-top:6px;
            min-width: 0;
            min-width: auto;
            padding-left: 0;
        }
    }

    .JezBEb {
        display: flex;
        flex-direction: column;
        max-height: 0;
        overflow: hidden;
        padding-top: 6px;
        transition: max-height 2s linear;
    }

    @media (max-width: 768px) {
        .JezBEb {
            padding-bottom:6px;
        }
    }

    .q\+PjKS {
        align-items: center;
        display: flex;
        font-size: 20px;
        line-height: 30px;
    }

    @media (max-width: 768px) {
        .q\+PjKS {
            font-size:16px;
        }
    }

    .TK3K3x {
        display: none;
        transition: all .5s ease-in-out;
    }

    @media (max-width: 768px) {
        .TK3K3x {
            display:inline-block;
            font-size: 10px;
            height: 10px;
            width: 10px;
        }
    }

    @media (max-width: 768px) {
        ._3KQ13n {
            display:none;
        }
    }

    .JYTr\+E {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .gDKvJR[id=mission-btn] {
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        height: auto;
        justify-content: center;
        line-height: 18px;
        min-width: 102px;
        padding: 8px 11px;
        white-space: break-spaces;
    }

    .ocxlVl {
        display: none;
        margin-top: 8px;
    }

    @media (max-width: 768px) {
        .ocxlVl {
            display:block;
        }

        .ocxlVl .el-button {
            border-radius: 4px;
            font-size: 14px;
            font-weight: 500;
            height: auto;
            justify-content: center;
            line-height: 18px;
            min-width: 102px;
            padding: 8px 11px;
            white-space: break-spaces;
        }
    }

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

    @media (max-width: 768px) {
        .OqGOGP {
            box-sizing:border-box;
            margin: 6px 0;
            max-width: none;
            padding-right: 20px;
            width: 100%;
        }
    }

    .qylIJP {
        width: 100%;
    }

    .eKIm91 {
        margin-top: 16px;
        padding: 4px 0;
        position: relative;
    }

    @media (max-width: 768px) {
        .eKIm91 {
            margin-top:0;
            max-width: 200px;
        }
    }

    .nc9SJv {
        align-items: baseline;
        color: #000;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        margin-top: 4px;
    }

    @media (max-width: 768px) {
        .nc9SJv {
            flex-direction:column;
        }
    }

    .K12j2I {
        font-size: 16px;
        font-weight: 500;
    }

    .BVDgge {
        color: #898d91;
        font-size: 14px;
        margin-top: 8px;
    }

    @media (max-width: 768px) {
        .BVDgge {
            font-size:12px;
        }
    }

    .-bdNwn {
        color: #1a1b1f;
    }

    .-bdNwn:after {
        content: ": ";
    }

    .c2rSrB {
        font-size: 32px;
        font-weight: 500;
        line-height: 48px;
        padding-bottom: 16px;
    }

    @media (max-width: 768px) {
        .c2rSrB {
            font-size:24px;
            line-height: 40px;
        }
    }

    ._9WwthX {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .com-back-to-page[data-v-511d68b8] {
        font-size: 14px;
        line-height: 20px;
        position: relative;
        transition: color .2s ease;
    }

    .com-back-to-page.hover[data-v-511d68b8]:hover {
        color: #13c2c2;
        cursor: pointer;
    }

    .com-back-to-page [data-v-511d68b8] {
        box-sizing: border-box;
    }

    .icon[data-v-511d68b8] {
        font-size: 12px;
        line-height: 20px;
    }

    .text[data-v-511d68b8] {
        font-weight: 500;
        margin-left: 6px;
    }

    .text.desktop[data-v-511d68b8] {
        display: inline;
        display: initial;
    }

    @media (max-width: 767.98px) {
        .com-back-to-page[data-v-511d68b8],.icon[data-v-511d68b8] {
            font-size:3.75vw;
            line-height: 6.25vw;
        }

        .text[data-v-511d68b8] {
            font-size: 3.75vw;
            margin-left: 1.875vw;
        }

        .text.desktop[data-v-511d68b8] {
            display: none;
        }
    }

    .EYP1NI {
        box-sizing: border-box;
        color: #1a1b1f;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        max-width: 1240px;
        padding: 0 20px;
        position: relative;
    }

    @media (max-width: 768px) {
        .EYP1NI {
            padding-bottom:100px;
        }
    }

    .aLKEqi {
        align-items: center;
        color: #898d91;
        display: flex;
        flex-direction: column;
        height: 50vh;
        justify-content: center;
    }

    .Z5lkzt {
        font-size: 40px;
    }

    .zWJUOV {
        font-size: 12px;
        margin: 8px;
    }

    .Nefm1f {
        display: flex;
    }

    @media (max-width: 768px) {
        .Nefm1f {
            flex-direction:column;
        }
    }

    .-CZxfy {
        display: flex;
        flex-direction: column;
        height: 700px;
        max-width: 480px;
        padding-right: 24px;
        padding-top: 90px;
        position: sticky;
        top: 80px;
    }

    @media (max-width: 768px) {
        .-CZxfy {
            align-items:center;
            flex-direction: column;
            height: auto;
            max-width: none;
            padding: 0;
            position: relative;
            top: 16px;
        }
    }

    ._4V6-B1 {
        display: none;
    }

    @media (max-width: 768px) {
        ._4V6-B1 {
            display:flex;
            justify-content: end;
            margin-bottom: 30px;
            width: 100%;
        }
    }

    .XdbKqX {
        font-size: 72px;
        font-weight: 700;
        line-height: 72px;
    }

    @media (max-width: 768px) {
        .XdbKqX {
            font-size:56px;
            line-height: 56px;
            text-align: center;
        }
    }

    .DdQD3Y {
        font-size: 24px;
        font-weight: 600;
        line-height: 48px;
        margin-top: 12px;
    }

    @media (max-width: 768px) {
        .DdQD3Y {
            font-size:16px;
            line-height: 24px;
            text-align: center;
        }
    }

    .slG17o {
        width: 320px;
    }

    .J-gNKV {
        display: flex;
        flex: 1;
        flex-direction: column;
        margin-left: auto;
        margin-top: 40px;
        max-width: 700px;
        min-height: calc(100vh - 144px);
        word-break: break-word;
    }

    @media (max-width: 768px) {
        .J-gNKV {
            margin-top:20px;
            max-width: none;
            min-height: 0;
            min-height: auto;
            width: 100%;
        }
    }

    .E6DxAq {
        display: flex;
        justify-content: end;
        margin-bottom: 20px;
    }

    @media (max-width: 768px) {
        .E6DxAq {
            display:none;
        }
    }

    .AEpcnJ,.jue05o {
        width: 100%;
    }

    .AEpcnJ {
        display: block;
    }

    .CHs2cV {
        background: #f3f4f7;
        border-radius: 20px;
        color: #42484d;
        cursor: pointer;
        font-size: 14px;
        line-height: 20px;
        padding: 6px 25px;
        text-align: center;
    }

    .CHs2cV:hover {
        background: #f1f1f1;
    }

    @media (max-width: 768px) {
        .CHs2cV {
            font-size:12px;
            padding: 6px 20px;
        }
    }

    .vbzK4x {
        display: flex;
        flex-direction: column;
        margin: 100px 0 50px;
    }

    @media (max-width: 768px) {
        .vbzK4x {
            margin:30px 0;
        }
    }

    .yprgtd {
        font-size: 72px;
        font-weight: 600;
        line-height: 72px;
        margin-bottom: 40px;
    }

    .\+GDs2z p {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 20px;
    }

    .rewards .header[data-v-808e031e] {
        display: none;
    }

    .rewards[data-v-808e031e] .rh-task-nft-open-dialog {
        background-color: transparent;
        box-shadow: none;
        overflow: hidden;
        width: 500px;
    }

    .rewards[data-v-808e031e] .rh-task-nft-open-dialog .el-dialog__header {
        padding: 0;
    }

    @media (max-width: 768px) {
        .rewards[data-v-808e031e] .rh-task-nft-open-dialog {
            width:300px;
        }
    }

    .rewards-block-modal[data-v-808e031e] .el-dialog__header {
        padding: 40px 50px 0;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/16453a4.css */
    .luck-draw-dialog[data-v-47988aee] .el-dialog {
        border-radius: 8px;
        top: 50%;
        transform: translateY(-50%);
        width: 480px;
    }

    .luck-draw-dialog[data-v-47988aee] .el-dialog__header {
        padding: 30px 30px 0;
    }

    @media (max-width: 768px) {
        .luck-draw-dialog[data-v-47988aee] .el-dialog {
            width:calc(100% - 60px);
        }
    }

    /*! CSS Used from: /assets/web-frontend-next/public/_next/CourseItem.D2V0ZV6j.css */
    .com-back-to-page[data-v-96f29294] {
        align-items: center;
        background-color: #fff;
        display: flex;
        font-size: 14px;
        height: 48px;
        justify-content: space-between;
        line-height: 20px;
        padding: 0 16px;
        position: relative;
        transition: color .2s ease;
    }

    .com-back-to-page .title[data-v-96f29294] {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        white-space: nowrap;
    }

    .com-back-to-page .hover[data-v-96f29294]:hover {
        color: #13c2c2;
        cursor: pointer;
    }

    .com-back-to-page .close[data-v-96f29294] {
        display: none;
    }

    .com-back-to-page[data-v-96f29294] * {
        box-sizing: border-box;
    }

    .icon[data-v-96f29294] {
        font-size: 12px;
        line-height: 20px;
    }

    @media (max-width: 768px) {
        .com-back-to-page[data-v-96f29294] {
            font-size:16px;
            line-height: 1.5;
        }

        .com-back-to-page .close[data-v-96f29294] {
            display: block;
            margin-left: auto;
        }

        .icon[data-v-96f29294] {
            font-size: 16px;
        }
    }

    ._Course_1g1us_1 {
        width: 100%;
    }

    ._Course_1g1us_1:hover ._Course__Img_1g1us_4 {
        box-shadow: 0 4px 10px #00010433;
    }

    ._Course_1g1us_1:hover ._Course__Img_1g1us_4 img {
        scale: 1.02;
    }

    ._Course__Vip_1g1us_10 {
        background: linear-gradient(90deg,#fe7c02,#ffae55);
        border-radius: 10px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        padding: 0 5px;
        position: absolute;
        right: 8px;
        top: 8px;
        z-index: 1;
    }

    ._Course__PreviewImg_1g1us_22 {
        height: 214px;
        width: 100%;
    }

    @media (max-width: 768px) {
        ._Course__PreviewImg_1g1us_22 {
            height:var(--h5Height);
            width: 100%;
        }
    }

    ._Course__PreviewImgWrapper_1g1us_32 {
        display: flex;
        position: relative;
        width: 100%;
    }

    ._Course__PreviewImg--icon_1g1us_37 {
        bottom: 19px;
        position: absolute;
        right: 19px;
        width: 40px;
    }

    @media (max-width: 768px) {
        ._Course__PreviewImg--icon_1g1us_37 {
            bottom:10px;
            right: 10px;
            width: 20px;
        }
    }

    ._Course__Img_1g1us_4 {
        border: 1px solid #e8e8e9;
        border-radius: 4px;
        box-shadow: 0 0 #00010433;
        cursor: pointer;
        display: flex;
        overflow: hidden;
        position: relative;
        transition: box-shadow .2s ease;
        width: 100%;
    }

    ._Course__Img_1g1us_4 img {
        border-radius: 4px;
        -o-object-fit: contain;
        object-fit: contain;
        scale: 1;
        transition: scale .4s ease;
    }

    ._Course__Title_1g1us_67 {
        display: -webkit-box;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        margin-top: 10px;
        text-align: left;
        text-overflow: ellipsis;
        word-break: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        cursor: pointer;
        overflow: hidden;
    }

    @media (max-width: 768px) {
        ._Course__Title_1g1us_67 {
            font-size:var(--h5FontSize);
        }
    }

    ._Course__Tag_1g1us_86 {
        background: #13c2c214;
        color: #13c2c2;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-top: 8px;
        padding: 2px 8px;
        width: -moz-fit-content;
        width: fit-content;
    }

    @media (max-width: 768px) {
        ._Course__Tag_1g1us_86 {
            font-size:12px;
            margin-top: 6px;
            padding: 0 4px;
        }
    }

    /*! CSS Used from: /assets/web-frontend-next/public/_next/swiper-bundle.CbuSzWzj.css */
    .swiper {
        display: block;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        padding: 0;
        position: relative;
        z-index: 1;
    }

    .swiper-wrapper {
        box-sizing: content-box;
        display: flex;
        height: 100%;
        position: relative;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
        width: 100%;
        z-index: 1;
    }

    .swiper-wrapper {
        transform: translateZ(0);
    }

    .swiper-horizontal {
        touch-action: pan-y;
    }

    .swiper-slide {
        display: block;
        flex-shrink: 0;
        height: 100%;
        position: relative;
        transition-property: transform;
        width: 100%;
    }

    .swiper-autoheight,.swiper-autoheight .swiper-slide {
        height: auto;
    }

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height;
    }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        transform: translateZ(0);
        transition: opacity .3s;
        z-index: 10;
    }

    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: var(--swiper-pagination-bottom,8px);
        left: 0;
        top: var(--swiper-pagination-top,auto);
        width: 100%;
    }

    .swiper-pagination-bullet {
        background: var(--swiper-pagination-bullet-inactive-color,#000);
        border-radius: var(--swiper-pagination-bullet-border-radius,50%);
        display: inline-block;
        height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
        opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
        width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer;
    }

    .swiper-pagination-bullet-active {
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
        opacity: var(--swiper-pagination-bullet-opacity,1);
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
    }

    .swiper .swiper-notification {
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        z-index: -1000;
    }

    /*! CSS Used from: /assets/web-frontend-next/public/_next/nodata.CTDwnqyU.css */
    ._Anchor_mk8s2_1 {
        margin-top: 32px;
    }

    @media (max-width: 768px) {
        ._Anchor_mk8s2_1 {
            margin-top:24px;
        }
    }

    ._Anchor_mk8s2_1 ._Tabs_mk8s2_9 {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    @media (max-width: 768px) {
        ._Anchor_mk8s2_1 ._Tabs_mk8s2_9 {
            flex-direction:column-reverse;
            gap: 18px;
        }
    }

    ._Anchor_mk8s2_1 ._Tabs__Content_mk8s2_20 {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        font-size: 20px;
        font-weight: 400;
        overflow-x: scroll;
        position: relative;
        scrollbar-width: none;
        white-space: nowrap;
    }

    @media (max-width: 768px) {
        ._Anchor_mk8s2_1 ._Tabs__Content_mk8s2_20 {
            font-size:16px;
            line-height: 21px;
        }
    }

    ._Anchor_mk8s2_1 ._Tabs__Content_mk8s2_20::-webkit-scrollbar {
        height: 0!important;
        width: 0!important;
    }

    ._Anchor_mk8s2_1 ._Tabs__Content--item_mk8s2_41 {
        color: #697175;
        cursor: pointer;
        flex-shrink: 0;
        margin: 0 12px;
        overflow: hidden;
        padding-bottom: 8px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-word;
    }

    ._Anchor_mk8s2_1 ._Tabs__Content--activeItem_mk8s2_53 {
        color: #000;
        font-weight: 500;
    }

    ._Anchor_mk8s2_1 ._Tabs__Underline_mk8s2_57 {
        background-color: #000;
        bottom: 0;
        height: 3px;
        left: var(--left);
        position: absolute;
        transition: left .2s linear;
        width: 24px;
    }

    /*! CSS Used from: /assets/web-frontend-next/public/_next/index.CiWa0Vc6.css */
    .swiper[data-v-39c17435] {
        width: 100%;
    }

    .swiper .swiper-pagination[data-v-39c17435] {
        bottom: 32px;
    }

    @media (max-width: 768px) {
        .swiper .swiper-pagination[data-v-39c17435] {
            bottom:26px;
        }
    }

    .swiper .swiper-pagination[data-v-39c17435] .swiper-pagination-bullet {
        background-color: #1c1e1f;
        border-radius: 10px;
        height: 3px;
        opacity: 30%;
        transition: all .3s;
        width: 16px;
    }

    .swiper .swiper-pagination[data-v-39c17435] .swiper-pagination-bullet-active {
        background-color: #1c1e1f;
        height: 3px;
        opacity: 100%;
        width: 24px;
    }

    ._Btn_1na51_1 {
        background-color: #13c2c2;
        border: none;
        border-radius: 4px;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        height: auto;
        line-height: 20px;
        padding: 14px;
        width: auto;
    }

    ._Btn_1na51_1:active,._Btn_1na51_1:hover {
        background-color: #15d1d1;
        color: #fff;
    }

    ._Btn_1na51_1:focus {
        background-color: #13c2c2;
        color: #fff;
    }

    ._Banner_1h4dx_1 {
        background: #eef3f566;
        border-radius: 8px;
        margin-top: 40px;
    }

    @media (max-width: 768px) {
        ._Banner_1h4dx_1 {
            margin-top:20px;
        }
    }

    ._Banner__Tags_1h4dx_11 {
        margin-top: 10px;
    }

    @media (max-width: 768px) {
        ._Banner__Tags_1h4dx_11 {
            margin-top:6px;
        }
    }

    ._Banner__Vip_1h4dx_19 {
        background: linear-gradient(90deg,#fe7c02,#ffae55);
        border-radius: 10px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        padding: 0 5px;
        position: absolute;
        right: 12px;
        top: 12px;
        z-index: 1;
    }

    ._Banner__Item_1h4dx_31 {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap-reverse;
        gap: 0 50px;
        justify-content: center;
        min-height: 400px;
        padding: 60px;
    }

    @media (max-width: 768px) {
        ._Banner__Item_1h4dx_31 {
            flex-direction:column-reverse;
            padding: 24px 9px 80px;
        }
    }

    ._Banner__Item--wrapper_1h4dx_48 {
        display: flex;
        flex: 1;
        flex-direction: column;
        position: relative;
        width: 100%;
    }

    ._Banner__Item--title_1h4dx_55 {
        cursor: pointer;
        display: -webkit-box;
        font-size: 40px;
        font-weight: 500;
        text-align: left;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    @media (max-width: 768px) {
        ._Banner__Item--title_1h4dx_55 {
            font-size:20px;
            margin-top: 10px;
        }
    }

    ._Banner__Item--tag_1h4dx_72 {
        background: #13c2c214;
        color: #13c2c2;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 2px 8px;
    }

    ._Banner__Item--img_1h4dx_80 {
        position: relative;
    }

    ._Banner__ActionBtn_1h4dx_83 {
        margin-top: 32px;
        width: 260px;
    }

    @media (max-width: 768px) {
        ._Banner__ActionBtn_1h4dx_83 {
            min-width:unset;
            width: 100%;
        }
    }

    ._Banner__PreviewImg_1h4dx_93 {
        border: 1px solid #e8e8e9;
        border-radius: 4px;
        cursor: pointer;
        height: 315px;
        -o-object-fit: contain;
        object-fit: contain;
        width: 560px;
    }

    @media (max-width: 768px) {
        ._Banner__PreviewImg_1h4dx_93 {
            height:auto;
            max-height: 50vw;
            width: 100%;
        }
    }

    ._Banner__Icon_1h4dx_108 {
        bottom: 19px;
        cursor: pointer;
        position: absolute;
        right: 19px;
        width: 40px;
    }

    @media (max-width: 768px) {
        ._Banner__Icon_1h4dx_108 {
            bottom:10px;
            right: 10px;
            width: 20px;
        }
    }

    ._CourseList_9wfbr_1 {
        color: #000;
        display: flex;
        flex-direction: column;
        margin-top: 80px;
    }

    @media (max-width: 768px) {
        ._CourseList_9wfbr_1 {
            margin-top:50px;
        }
    }

    ._CourseList__Title_9wfbr_12 {
        font-size: 40px;
        font-weight: 500;
        line-height: 52px;
    }

    @media (max-width: 768px) {
        ._CourseList__Title_9wfbr_12 {
            font-size:28px;
            line-height: 36px;
        }
    }

    ._CourseList__Content_9wfbr_23 {
        display: grid;
        gap: 30px;
        grid-template-columns: repeat(3,1fr);
        margin-top: 12px;
    }

    @media (max-width: 768px) {
        ._CourseList__Content_9wfbr_23 {
            gap:12px;
            grid-template-columns: repeat(2,1fr);
        }
    }

    ._CourseList__Content--noData_9wfbr_35 {
        grid-template-columns: repeat(1,1fr);
    }

    ._CourseList__EmptyContent_9wfbr_38 {
        align-items: center;
        color: #919697;
        display: flex;
        flex-direction: column;
        font-size: 12px;
        font-weight: 400;
        justify-content: center;
        line-height: 16px;
        min-height: 200px;
        text-align: center;
        width: 100%;
    }

    ._CourseList__EmptyContent_9wfbr_38 span {
        margin-top: 4px;
    }

    ._CourseList__ViewMore_9wfbr_54 {
        margin-top: 20px;
        text-align: center;
    }

    ._CourseList__ViewMore_9wfbr_54 span {
        color: #13c2c2;
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
    }

    ._CourseList__ViewMore_9wfbr_54 span:after {
        content: "  >";
    }

    @media (max-width: 768px) {
        ._CourseList__ViewMore_9wfbr_54 span {
            font-size:12px;
            line-height: 16px;
        }
    }

    ._CourseList__ViewMore_9wfbr_54 span:hover {
        text-decoration: underline;
    }

    ._Reward_1amh6_1 {
        align-items: center;
        background: #f3f4f780;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap-reverse;
        justify-content: space-between;
        margin-top: 80px;
        padding: 25px 90px;
    }

    @media (max-width: 768px) {
        ._Reward_1amh6_1 {
            align-items:center;
            justify-content: center-between;
            margin-top: 50px;
            padding: 40px 24px;
        }
    }

    ._Reward__Content_1amh6_19 {
        color: #000;
        display: flex;
        flex-direction: column;
        font-size: 32px;
        font-weight: 500;
        line-height: 42px;
        margin: 10px;
    }

    @media (max-width: 768px) {
        ._Reward__Content_1amh6_19 {
            font-size:24px;
            line-height: 31px;
            text-align: center;
        }
    }

    ._Reward__Content--btn_1amh6_35 {
        margin-top: 20px;
        min-width: 191px;
    }

    @media (max-width: 768px) {
        ._Reward__Content--btn_1amh6_35 {
            min-width:unset;
            width: 100%;
        }
    }

    ._Reward__Img_1amh6_45 {
        height: 130px;
        margin: 10px;
    }

    ._Academy_biydg_1 {
        background-color: #fff;
        background: #fff;
        font-family: IBM!important;
        overflow: hidden;
        padding-bottom: 100px;
        padding-top: 80px;
    }

    @media (max-width: 768px) {
        ._Academy_biydg_1 {
            padding-bottom:60px;
            padding-top: 0;
        }
    }

    ._Academy__Content_biydg_15 {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        max-width: 1300px;
        min-height: 800px;
        padding: 0 50px;
        position: relative;
    }

    @media (max-width: 768px) {
        ._Academy__Content_biydg_15 {
            padding:32px 16px 0;
        }
    }

    ._Academy__Content--title_biydg_30 {
        font-size: 64px;
        font-weight: 500;
        line-height: 83px;
    }

    @media (max-width: 768px) {
        ._Academy__Content--title_biydg_30 {
            font-size:40px;
            line-height: 52px;
        }
    }

    ._Academy__Content--desc_biydg_41 {
        font-size: 20px;
        font-weight: 400;
    }

    @media (max-width: 768px) {
        ._Academy__Content--desc_biydg_41 {
            font-size:16px;
            line-height: 24px;
        }
    }

    ._Academy__MobileHead_biydg_51 {
        display: none;
    }

    @media (max-width: 768px) {
        ._Academy__MobileHead_biydg_51 {
            background-color:#fff;
            display: block;
            height: 48px;
            left: 0;
            padding-top: env(safe-area-inset-top);
            position: fixed;
            right: 0;
            top: 0;
            z-index: 10;
        }
    }

    .safe-area-inset-top[data-v-e3f3c3c6] {
        height: calc(env(safe-area-inset-top) + 48px);
    }

    /*! CSS Used from: /assets/web-frontend-next/public/_next/default.gyYCXld3.css */
    .main-container[data-v-11869b96] {
        box-sizing: border-box;
        min-height: calc(100vh - 134px);
        padding-top: 0;
    }

    .main-container:not(.isApp).light[data-v-11869b96] {
        padding-top: 80px;
    }

    .main-container.roadmap[data-v-11869b96] {
        min-height: calc(100vh - 456px);
    }

    /*! CSS Used from: /assets/web-frontend/client/css/2369f90.css */
    .btn-normal[data-v-9b204428] {
        border: none;
        border-radius: 4px;
        box-sizing: border-box;
        cursor: pointer;
        font-size: 18px;
        font-weight: 500;
        height: auto;
        padding: 13px 20px;
        text-align: center;
    }

    @media (max-width: 768px) {
        .btn-normal[data-v-9b204428] {
            font-size:15px;
            padding: 13px 8px;
        }
    }

    .black[data-v-9b204428] {
        background: #000;
        color: #fff;
    }

    .black.border[data-v-9b204428] {
        border: 1px solid #fff;
    }

    .modal-tip-dialog[data-v-21ec51de] .el-dialog {
        top: 50%;
        transform: translateY(-50%);
        width: 400px;
    }

    @media (max-width: 768px) {
        .modal-tip-dialog[data-v-21ec51de] .el-dialog {
            width:calc(100% - 60px);
        }
    }

    .modal-tip-dialog[data-v-21ec51de] .el-dialog__header {
        padding: 30px 30px 0;
    }

    .ahjOKL {
        --trade-text-secondary: #a3a8b7;
        --trade-text-primary: #000;
        --trade-dialog-background: #f0f0f0;
        --trade-dialog-icon-background: #e1e1e1;
    }

    .ahjOKL .el-dialog {
        background: var(--trade-dialog-background);
        border-radius: 4px;
        top: 50%;
        transform: translateY(-50%);
    }

    .ahjOKL .el-dialog__header {
        padding: 0;
    }

    .title-wrapper[data-v-44635495] {
        margin-bottom: 20px;
    }

    .title-wrapper .title-wrapper-inner[data-v-44635495] {
        display: flex;
        margin-top: 40px;
        width: 100%;
    }

    .title-wrapper .title-wrapper-inner .title-row[data-v-44635495] {
        display: flex;
        width: 100%;
    }

    .title-wrapper .title-wrapper-inner .title-row .title-left-wrapper[data-v-44635495] {
        align-items: center;
        display: flex;
        height: 52px;
    }

    .title-wrapper .title-wrapper-inner .title-row .title-left-wrapper .title-left-img[data-v-44635495] {
        height: 100%;
    }

    .title-wrapper .title-wrapper-inner .title-row .title-content[data-v-44635495] {
        display: flex;
        flex: 1;
        flex-wrap: wrap;
    }

    .title-wrapper .title-wrapper-inner .title-row .title[data-v-44635495] {
        font-size: 40px;
        font-weight: 500;
        line-height: 52px;
        margin-left: 20px;
        margin-right: auto;
    }

    @media (max-width: 768px) {
        .title-wrapper .title-wrapper-inner[data-v-44635495] {
            display:block;
            margin-top: 30px;
        }

        .title-wrapper .title-wrapper-inner .title-row .title-left-wrapper[data-v-44635495] {
            height: 36px;
        }

        .title-wrapper .title-wrapper-inner .title-row .title-left-wrapper .title-left-img[data-v-44635495] {
            height: 100%;
        }

        .title-wrapper .title-wrapper-inner .title-row .title-content[data-v-44635495] {
            flex-direction: column;
        }

        .title-wrapper .title-wrapper-inner .title-row .title[data-v-44635495] {
            font-size: 28px;
            line-height: 36px;
            margin-left: 10px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/16453a4.css */
    .block-wrapper .card-wrapper[data-v-6119acd6] {
        background: #fff;
        border-radius: 8px;
        box-sizing: border-box;
        padding: 40px;
        width: 100%;
    }

    @media (max-width: 768px) {
        .block-wrapper .card-wrapper[data-v-6119acd6] {
            padding:30px 20px;
        }
    }

    .block-wrapper .noBackg[data-v-6119acd6] {
        background: transparent;
        border-radius: 0;
        padding: 0;
    }

    @media (max-width: 768px) {
        .block-wrapper .noBackg[data-v-6119acd6] {
            padding:0;
        }
    }

    .data-wrapper[data-v-b6e391de] {
        display: flex;
        height: 100%;
        padding: 10px 0;
        position: relative;
    }

    @media (max-width: 768px) {
        .data-wrapper[data-v-b6e391de] {
            flex-direction:column;
        }
    }

    .title[data-v-b6e391de] {
        font-size: 20px;
        font-weight: 600;
    }

    .content-wrapper[data-v-b6e391de] {
        display: flex;
        flex: 1;
        flex-direction: column;
        margin-right: 10%;
    }

    @media (max-width: 768px) {
        .content-wrapper[data-v-b6e391de] {
            margin-right:0;
        }
    }

    .btn-wrapper[data-v-b6e391de] {
        display: flex;
    }

    @media (max-width: 768px) {
        .btn-wrapper[data-v-b6e391de] {
            margin-top:10px;
        }
    }

    .btn-wrapper .btn[data-v-b6e391de] {
        word-wrap: break-word;
        margin: auto;
        max-width: 200px;
        min-width: 120px;
        white-space: normal;
    }

    @media (max-width: 768px) {
        .btn-wrapper .btn[data-v-b6e391de] {
            max-width:none;
            width: 100%;
        }
    }

    .FsZr1X {
        background: #fff;
        border-radius: 8px;
        padding: 40px;
    }

    @media (max-width: 768px) {
        .FsZr1X {
            padding:30px 20px;
        }
    }

    .rwOeK1 {
        display: grid;
        word-break: break-word;
    }

    .\+MceGi,.rwOeK1 {
        position: relative;
    }

    .\+MceGi .U2uRhz {
        border-left: 1px dashed #dadada;
        height: 100%;
        position: absolute;
        top: 0;
        width: 0;
    }

    .\+MceGi .uVyQWY {
        border-bottom: 1px dashed #dadada;
        height: 0;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .back-to-top-wrapper[data-v-48d1ca8a] {
        align-items: center;
        background-color: #fff;
        border-radius: 50%;
        bottom: 90px;
        box-shadow: 0 0 6px rgba(0,0,0,.12);
        cursor: pointer;
        display: flex;
        font-size: 20px;
        height: 40px;
        justify-content: center;
        position: fixed;
        right: 28px;
        width: 40px;
        z-index: 5;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/2369f90.css */
    .btn-normal[data-v-9b204428] {
        border: none;
        border-radius: 4px;
        box-sizing: border-box;
        cursor: pointer;
        font-size: 18px;
        font-weight: 500;
        height: auto;
        padding: 13px 20px;
        text-align: center;
    }

    @media (max-width: 768px) {
        .btn-normal[data-v-9b204428] {
            font-size:15px;
            padding: 13px 8px;
        }
    }

    .black[data-v-9b204428] {
        background: #000;
        color: #fff;
    }

    .btn-normal+.btn-normal[data-v-9b204428] {
        margin-left: 0;
    }

    .btn-disabled[data-v-9b204428] {
        background: #dedede!important;
        border: none!important;
        color: #fff!important;
    }

    .modal-tip-dialog[data-v-21ec51de] .el-dialog {
        top: 50%;
        transform: translateY(-50%);
        width: 400px;
    }

    @media (max-width: 768px) {
        .modal-tip-dialog[data-v-21ec51de] .el-dialog {
            width:calc(100% - 60px);
        }
    }

    .modal-tip-dialog[data-v-21ec51de] .el-dialog__header {
        padding: 30px 30px 0;
    }

    .ahjOKL {
        --trade-text-secondary: #a3a8b7;
        --trade-text-primary: #000;
        --trade-dialog-background: #f0f0f0;
        --trade-dialog-icon-background: #e1e1e1;
    }

    .ahjOKL .el-dialog {
        background: var(--trade-dialog-background);
        border-radius: 4px;
        top: 50%;
        transform: translateY(-50%);
    }

    .ahjOKL .el-dialog__header {
        padding: 0;
    }

    .title-wrapper[data-v-44635495] {
        margin-bottom: 20px;
    }

    .title-wrapper .title-wrapper-inner[data-v-44635495] {
        display: flex;
        margin-top: 40px;
        width: 100%;
    }

    .title-wrapper .title-wrapper-inner .title-row[data-v-44635495] {
        display: flex;
        width: 100%;
    }

    .title-wrapper .title-wrapper-inner .title-row .title-left-wrapper[data-v-44635495] {
        align-items: center;
        display: flex;
        height: 52px;
    }

    .title-wrapper .title-wrapper-inner .title-row .title-left-wrapper .title-left[data-v-44635495] {
        background: #000;
        display: inline-block;
        height: 34px;
        width: 8px;
    }

    .title-wrapper .title-wrapper-inner .title-row .title-content[data-v-44635495] {
        display: flex;
        flex: 1;
        flex-wrap: wrap;
    }

    .title-wrapper .title-wrapper-inner .title-row .title[data-v-44635495] {
        font-size: 40px;
        font-weight: 500;
        line-height: 52px;
        margin-left: 20px;
        margin-right: auto;
    }

    @media (max-width: 768px) {
        .title-wrapper .title-wrapper-inner[data-v-44635495] {
            display:block;
            margin-top: 30px;
        }

        .title-wrapper .title-wrapper-inner .title-row .title-left-wrapper[data-v-44635495] {
            height: 36px;
        }

        .title-wrapper .title-wrapper-inner .title-row .title-left-wrapper .title-left[data-v-44635495] {
            height: 20px;
            width: 6px;
        }

        .title-wrapper .title-wrapper-inner .title-row .title-content[data-v-44635495] {
            flex-direction: column;
        }

        .title-wrapper .title-wrapper-inner .title-row .title[data-v-44635495] {
            font-size: 28px;
            line-height: 36px;
            margin-left: 10px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/16453a4.css */
    ._1iFGT\+ {
        width: 100%;
    }

    .task-item[data-v-2d3f7556] {
        align-items: center;
        border-radius: 10px;
        display: flex;
        margin-bottom: 20px;
        padding: 20px;
    }

    @media (max-width: 960px) {
        .task-item[data-v-2d3f7556] {
            padding:12px;
        }
    }

    @media (max-width: 768px) {
        .task-item[data-v-2d3f7556] {
            align-items:stretch;
            border-radius: 4px;
            flex-direction: column;
            margin-bottom: 20px;
            padding: 10px;
        }
    }

    .task-item[data-v-2d3f7556]:last-child {
        margin-bottom: 0;
    }

    .task-item .task-image[data-v-2d3f7556] {
        height: 60px;
        margin-right: 20px;
    }

    @media (max-width: 768px) {
        .task-item .task-image[data-v-2d3f7556] {
            display:none;
        }
    }

    .task-item .task-image-h5[data-v-2d3f7556] {
        display: none;
    }

    @media (max-width: 768px) {
        .task-item .task-image-h5[data-v-2d3f7556] {
            display:block;
            margin-right: 10px;
            width: 30px;
        }
    }

    .task-item .task-info[data-v-2d3f7556] {
        color: #000;
        flex: 1;
        font-size: 20px;
        font-weight: 600;
    }

    @media (max-width: 768px) {
        .task-item .task-info[data-v-2d3f7556] {
            font-size:16px;
            line-height: 21px;
        }
    }

    .task-item .task-info .title-wrapper[data-v-2d3f7556] {
        display: flex;
    }

    .task-item .task-info .title-wrapper .sub-title[data-v-2d3f7556] {
        font-size: 12px;
        line-height: 16px;
    }

    @media (max-width: 768px) {
        .task-item .task-intro[data-v-2d3f7556] {
            font-size:12px;
            line-height: 16px;
            width: 100%;
        }
    }

    .task-item .task-list[data-v-2d3f7556] {
        display: flex;
        gap: 6px 24px;
    }

    .task-item .task-list-col1 .progress-wrapper[data-v-2d3f7556] {
        flex: 0 0 100%;
        max-width: 300px;
    }

    .task-item .progress-label-wrap[data-v-2d3f7556] {
        align-items: center;
        display: flex;
        white-space: nowrap;
    }

    .task-item .progress-wrapper[data-v-2d3f7556] {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        margin-top: 10px;
    }

    .task-item .progress-wrapper .progress-text[data-v-2d3f7556] {
        color: #141f21;
        font-size: 12px;
        font-weight: 500;
    }

    .task-item .btn-group[data-v-2d3f7556] {
        align-items: center;
        display: flex;
        flex: 1;
        flex-wrap: wrap;
        gap: 12px;
        margin-left: 60px;
        max-width: 244px;
    }

    @media (max-width: 768px) {
        .task-item .btn-group[data-v-2d3f7556] {
            flex-wrap:wrap;
            margin-left: 0;
            margin-top: 32px;
            max-width: 100%;
        }
    }

    .task-item .btn-group .btn[data-v-2d3f7556] {
        flex: 1;
        margin: 0;
        max-width: none;
        min-width: 0;
        min-width: auto;
        padding-left: 8px;
        padding-right: 8px;
    }

    .task-item .btn[data-v-2d3f7556] {
        max-width: 320px;
        min-width: 215px;
    }

    @media (max-width: 768px) {
        .task-item .btn[data-v-2d3f7556] {
            margin:20px 0 0;
            max-width: none;
            width: 100%;
        }
    }

    .luck-draw-dialog[data-v-47988aee] .el-dialog {
        border-radius: 8px;
        top: 50%;
        transform: translateY(-50%);
        width: 480px;
    }

    .luck-draw-dialog[data-v-47988aee] .el-dialog__header {
        padding: 30px 30px 0;
    }

    @media (max-width: 768px) {
        .luck-draw-dialog[data-v-47988aee] .el-dialog {
            width:calc(100% - 60px);
        }
    }

    .block-container[data-v-25c1218a] {
        width: 100%;
    }

    .block-container .task-wrapper[data-v-25c1218a] {
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        padding: 30px 20px;
        position: relative;
    }

    @media (max-width: 768px) {
        .block-container .task-wrapper[data-v-25c1218a] {
            padding:20px 10px;
        }
    }

    .block-container .task-content[data-v-25c1218a] {
        left: 0;
        position: relative;
        top: 0;
    }

    @media (max-width: 768px) {
        .block-wrapper .card-wrapper[data-v-6119acd6] {
            padding:30px 20px;
        }
    }

    .task-item[data-v-01be9168] {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
    }

    @media (max-width: 768px) {
        .task-item[data-v-01be9168] {
            flex-direction:column;
        }
    }

    .task-item .task-image-wrapper[data-v-01be9168] {
        align-items: center;
        display: flex;
    }

    .task-item .task-image-wrapper .task-image[data-v-01be9168] {
        margin-right: 20px;
        width: 60px;
    }

    @media (max-width: 768px) {
        .task-item .task-image-wrapper .task-image[data-v-01be9168] {
            display:none;
        }
    }

    .task-item .task-image-h5[data-v-01be9168] {
        display: none;
    }

    @media (max-width: 768px) {
        .task-item .task-image-h5[data-v-01be9168] {
            display:block;
            height: 30px;
            margin-right: 10px;
            width: 30px;
        }
    }

    .task-item .task-info[data-v-01be9168] {
        color: #000;
        display: flex;
        flex: 1;
        flex-direction: column;
        font-size: 20px;
        font-weight: 600;
        justify-content: center;
        margin-right: 10%;
    }

    @media (max-width: 768px) {
        .task-item .task-info[data-v-01be9168] {
            font-size:16px;
            line-height: 21px;
            margin-right: 0;
        }
    }

    .task-item .task-info .title-wrapper[data-v-01be9168] {
        display: flex;
    }

    .task-item .task-intro[data-v-01be9168] {
        color: #010101;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 10px;
    }

    @media (max-width: 768px) {
        .task-item .task-intro[data-v-01be9168] {
            font-size:12px;
            line-height: 16px;
            width: 100%;
        }
    }

    .task-item .btn-wrapper[data-v-01be9168] {
        display: flex;
        margin: 10px auto;
    }

    @media (max-width: 768px) {
        .task-item .btn-wrapper[data-v-01be9168] {
            margin:20px 0 0;
        }
    }

    .task-item .btn-wrapper .btn[data-v-01be9168] {
        margin: auto;
        max-width: 200px;
        min-width: 148px;
        transform: scale(1);
        transition: all .2s ease;
    }

    .task-item .btn-wrapper .btn[data-v-01be9168]:hover {
        transform: scale(1.02);
    }

    @media (max-width: 768px) {
        .task-item .btn-wrapper .btn[data-v-01be9168]:hover {
            transform:scale(1);
        }

        .task-item .btn-wrapper .btn[data-v-01be9168] {
            max-width: none;
            width: 100%;
        }
    }

    .FsZr1X {
        background: #fff;
        border-radius: 8px;
        padding: 40px;
    }

    @media (max-width: 768px) {
        .FsZr1X {
            padding:30px 20px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/4bba197.css */
    .bmx-page-wrap .bmx-header {
        background: url(/assets/web-frontend/client/img/bmx_bg.7ae85f2.jpg) no-repeat 100% 100%;
        background-color: #000;
        background-size: 1680px;
        color: #fff;
        height: 600px;
    }

    .bmx-page-wrap .bmx-header .bmx-header-title {
        margin: 0 auto;
        padding-top: 216px;
        width: 1200px;
    }

    .bmx-page-wrap .bmx-header .bmx-header-title h3 {
        color: #fff;
        font-size: 36px;
        font-weight: 700;
        letter-spacing: -.34px;
        line-height: 36px;
        margin-bottom: 44px;
        text-align: left;
    }

    .bmx-page-wrap .bmx-header .bmx-header-title p {
        color: #fff;
        font-size: 14px;
        letter-spacing: -.34px;
        line-height: 20px;
        text-align: left;
        width: 540px;
    }

    .bmx-page-wrap .bmx-header .bmx-header-title p.tit-p {
        margin-bottom: 20px;
    }

    .bmx-page-wrap .bmx-header .bmx-header-title a {
        display: block;
        margin-top: 1em;
        -webkit-text-decoration: underline;
        text-decoration: underline;
    }

    .bmx-page-wrap .bmx-body {
        background-color: #fff;
        padding-bottom: 200px;
        padding-top: 92px;
    }

    .bmx-page-wrap .bmx-body .bmx-contents {
        margin: 0 auto 61px;
        width: 1200px;
    }

    .bmx-page-wrap .bmx-body .bmx-contents:nth-child(2) {
        margin-top: 82px;
    }

    .bmx-page-wrap .bmx-body .bmx-contents .content-title {
        color: #040404;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: -.72px;
        line-height: 20px;
        margin-bottom: 40px;
    }

    .bmx-page-wrap .bmx-body .bmx-contents .content-txt-tit {
        color: #050505;
        font-size: 18px;
        letter-spacing: -.34px;
        margin-bottom: 5px;
    }

    .bmx-page-wrap .bmx-body .bmx-contents .content-txt-txt {
        color: #050505;
        font-size: 14px;
        letter-spacing: -.34px;
        line-height: 25px;
        margin-bottom: 40px;
        max-width: 900px;
    }

    .bmx-page-wrap .bmx-body .bmx-contents .content-txt-txt.no-margin {
        margin-bottom: 5px;
    }

    .bmx-page-wrap .bmx-body .bmx-contents .mg1 {
        margin-bottom: 22px;
    }

    .bmx-page-wrap .bmx-body .bmx-contents .mg2 {
        margin-bottom: 6px;
    }

    .bmx-page-wrap .bmx-body .bmx-contents .bmx-trade-link a {
        color: #13c2c2;
        font-size: 14px;
        margin-right: 5px;
    }

    .bmx-page-wrap .bmx-body .bmx-contents .bmx-trade-link a span {
        display: inline-block;
        vertical-align: middle;
    }

    @media (min-width: 1920px) {
        .bmx-page-wrap .bmx-header {
            background-size:cover;
            height: 420px;
            padding-top: 50px;
        }

        .bmx-page-wrap .bmx-header .bmx-header-title {
            padding-top: 110px;
        }
    }

    @media (max-width: 768px) {
        .bmx-page-wrap .bmx-header {
            background-size:cover;
            height: 420px;
            padding-top: 50px;
        }

        .bmx-page-wrap .bmx-header .bmx-header-title {
            margin: 0 auto;
            padding-top: 60px;
            width: 90%;
        }

        .bmx-page-wrap .bmx-header .bmx-header-title h3 {
            font-size: 24px;
            letter-spacing: 4px;
            line-height: 24px;
            margin-bottom: 30px;
        }

        .bmx-page-wrap .bmx-header .bmx-header-title p {
            width: 70%;
        }

        .bmx-page-wrap .bmx-header .bmx-header-title a {
            border-radius: 32px;
            font-size: 12px;
            line-height: 36px;
            padding: 10px 40px;
        }

        .bmx-page-wrap .bmx-body .bmx-contents {
            width: 90%;
        }
    }

    @media (max-width: 500px) {
        .bmx-page-wrap .bmx-header {
            background-size:cover;
            height: 300px;
            padding-top: 30px;
        }

        .bmx-page-wrap .bmx-header .bmx-header-title {
            margin: 0 auto;
            padding-top: 30px;
            width: 90%;
        }

        .bmx-page-wrap .bmx-header .bmx-header-title h3 {
            font-size: 20px;
            letter-spacing: 4px;
            line-height: 20px;
            margin-bottom: 20px;
        }

        .bmx-page-wrap .bmx-header .bmx-header-title p {
            font-size: 12px;
            line-height: 18px;
            width: 100%;
        }

        .bmx-page-wrap .bmx-header .bmx-header-title p.tit-p {
            font-size: 12px;
        }

        .bmx-page-wrap .bmx-body {
            padding-bottom: 50px;
            padding-top: 50px;
        }

        .bmx-page-wrap .bmx-body .bmx-contents {
            margin-bottom: 30px;
            width: 320px;
        }

        .bmx-page-wrap .bmx-body .bmx-contents:nth-child(2) {
            margin-top: 40px;
        }

        .bmx-page-wrap .bmx-body .bmx-contents .content-title {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 15px;
        }

        .bmx-page-wrap .bmx-body .bmx-contents .content-txt-tit {
            font-size: 14px;
            margin-bottom: 4px;
        }

        .bmx-page-wrap .bmx-body .bmx-contents .content-txt-txt {
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 25px;
            max-width: 300px;
        }

        .bmx-page-wrap .bmx-body .bmx-contents .bmx-trade-link a {
            font-size: 12px;
            margin-right: 3px;
        }

        .bmx-page-wrap .bmx-body .bmx-contents .bmx-trade-link a .iconfont2 {
            font-size: 12px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/2056ce6.css */
    .fee-container[data-v-628380ed] {
        align-items: flex-start;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }

    .fee-container .header .title[data-v-628380ed] {
        color: #141f21;
        font-size: 32px;
        font-weight: 500;
        margin-bottom: 8px;
    }

    .fee-container .header .intro[data-v-628380ed] {
        color: #3e4648;
        font-size: 14px;
        line-height: 18.2px;
    }

    .fee-container .content[data-v-628380ed] {
        width: 800px;
    }

    .fee-container .content .coin-full-cell[data-v-628380ed] {
        align-items: center;
        color: #6a7c81;
        display: flex;
        font-size: 12px;
    }

    .fee-container .content .coin-full-cell .coin-icon[data-v-628380ed] {
        height: 20px;
        margin-right: 8px;
        width: 20px;
    }

    .fee-container .content .coin-full-cell .coin-name[data-v-628380ed] {
        color: #141f21;
        font-size: 14px;
        font-weight: 500;
        margin-right: 15px;
    }

    .fee-container .content[data-v-628380ed] .cell {
        padding: 0 10px!important;
    }

    .fee-container .content[data-v-628380ed] .el-table__fixed:before {
        z-index: inherit;
    }

    .fee-container .content[data-v-628380ed] .el-table thead {
        color: #6a7c81!important;
    }

    .fee-container .content[data-v-628380ed] .el-table thead th {
        background: #f5f8f9!important;
        border-bottom-color: #e9f0f3!important;
        font-size: 12px!important;
        font-weight: 400!important;
    }

    .fee-container .content[data-v-628380ed] .el-table td {
        border-bottom-color: #e9f0f3!important;
    }

    @media screen and (max-width: 768px) {
        .fee-container[data-v-628380ed] {
            flex-direction:column;
        }

        .fee-container .content[data-v-628380ed] {
            margin-top: 20px;
            width: 100%;
        }

        .fee-container .header .title[data-v-628380ed] {
            font-size: 20px;
        }
    }

    .pair-container[data-v-00e04b5b] {
        width: 100%;
    }

    .pair-container .nav[data-v-00e04b5b] {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        font-size: 14px;
        margin-bottom: 16px;
        margin-top: 40px;
    }

    .pair-container .nav .nav__item[data-v-00e04b5b] {
        box-sizing: border-box;
        cursor: pointer;
        height: 44px;
        line-height: 44px;
        margin-right: 13px;
        min-width: 160px;
        padding: 0 41px;
    }

    .pair-container .nav .nav__item.active[data-v-00e04b5b] {
        background: #f5f8f9;
        font-weight: 500;
    }

    .pair-container .pair-table[data-v-00e04b5b] {
        min-height: 44px;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
    }

    .pair-container .pair-table[data-v-00e04b5b]::-webkit-scrollbar {
        background-color: #e7e9e9;
        border-radius: 4px;
        height: 4px;
        width: 4px;
    }

    .pair-container .pair-table[data-v-00e04b5b]::-webkit-scrollbar-track {
        background-color: #e7e9e9;
        border: 0;
        box-shadow: none;
    }

    .pair-container .pair-table[data-v-00e04b5b]::-webkit-scrollbar-thumb {
        background-color: #141f21;
        border-radius: 4px;
        box-shadow: none;
        height: 40px;
        width: 4px;
    }

    .pair-container .pair-table .table__list[data-v-00e04b5b] {
        box-sizing: border-box;
        display: flex;
        flex-flow: row wrap;
        max-height: 176px;
        padding-left: 1px;
        padding-top: 1px;
    }

    .pair-container .pair-table .table__item[data-v-00e04b5b] {
        border: 1px solid #e9f0f3;
        box-sizing: border-box;
        cursor: pointer;
        flex-shrink: 0;
        font-size: 14px;
        font-weight: 400;
        height: 44px;
        line-height: 44px;
        margin-left: -1px;
        margin-top: -1px;
        overflow: hidden;
        padding: 0 5px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 150px;
    }

    .pair-container .intro[data-v-00e04b5b] {
        color: #9cb3ba;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin: 16px 0 40px;
    }

    .pair-container .fee-table-wrapper .fee-table[data-v-00e04b5b] th>.cell {
        white-space: inherit;
    }

    .pair-container .fee-table-wrapper .link[data-v-00e04b5b] {
        -webkit-text-decoration: underline;
        text-decoration: underline;
    }

    .pair-container .fee-table-wrapper[data-v-00e04b5b] .cell {
        padding: 0 10px!important;
        word-break: inherit;
    }

    .pair-container .fee-table-wrapper[data-v-00e04b5b] .el-table__fixed:before {
        z-index: inherit;
    }

    .pair-container .fee-table-wrapper[data-v-00e04b5b] .el-table thead {
        color: #6a7c81!important;
    }

    .pair-container .fee-table-wrapper[data-v-00e04b5b] .el-table thead th {
        background: #f5f8f9!important;
        border-bottom-color: #e9f0f3!important;
        font-size: 12px!important;
        font-weight: 400!important;
    }

    .pair-container .fee-table-wrapper[data-v-00e04b5b] .el-table td {
        border-bottom-color: #e9f0f3!important;
    }

    @media screen and (max-width: 768px) {
        .pair-container .nav[data-v-00e04b5b] {
            margin-top:30px;
        }

        .pair-container .nav__item[data-v-00e04b5b] {
            flex-basis: 30%;
            margin: 0;
            margin-right: 0!important;
            overflow: hidden;
            padding: 0 5px!important;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .pair-container .pair-table[data-v-00e04b5b] {
            overflow-x: auto;
            overflow-y: auto;
        }

        .pair-container .intro[data-v-00e04b5b] {
            display: none;
        }
    }

    .wrapper[data-v-6e082ddb] {
        background: #fff;
        padding-top: 70px;
    }

    .wrapper .mobile-back[data-v-6e082ddb] {
        display: none;
    }

    .wrapper .contain[data-v-6e082ddb] {
        margin: auto;
        width: 1200px;
    }

    .wrapper .header[data-v-6e082ddb] {
        width: 100%;
    }

    .wrapper .header [data-v-6e082ddb] {
        box-sizing: border-box;
    }

    .wrapper .header .title[data-v-6e082ddb] {
        align-items: flex-end;
        color: #141f21;
        display: flex;
        font-size: 64px;
        font-weight: 500;
        margin-bottom: 16px;
    }

    .wrapper .header .title .go-link[data-v-6e082ddb] {
        align-items: center;
        color: #13c2c2;
        display: flex;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 10px;
        margin-left: 28px;
    }

    .wrapper .header .title .go-link .icon-arr[data-v-6e082ddb] {
        margin-left: 9px;
        transform: rotate(180deg);
    }

    .wrapper .header .intro[data-v-6e082ddb] {
        color: #3e4648;
        font-size: 16px;
        line-height: 24px;
    }

    .wrapper .header .not-login[data-v-6e082ddb] {
        margin-top: 39px;
    }

    .wrapper .header .not-login span[data-v-6e082ddb] {
        color: #3e4648;
        font-size: 16px;
        line-height: 24px;
    }

    .wrapper .header .not-login a[data-v-6e082ddb] {
        color: #13c2c2;
    }

    .wrapper .tab-wrapper[data-v-6e082ddb] {
        position: relative;
    }

    .wrapper .tab-wrapper .pc-pair-list[data-v-6e082ddb] {
        background: #fff;
        display: none;
        padding-left: 40px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
    }

    .wrapper .tab-wrapper .pc-pair-list[data-v-6e082ddb] .el-input__inner {
        height: 42px;
        line-height: 42px;
    }

    .wrapper .tab-wrapper .h5-pair-list[data-v-6e082ddb] {
        display: none;
    }

    .wrapper .tab-wrapper .guide-intro[data-v-6e082ddb] {
        color: #3e4648;
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px;
    }

    .wrapper .tab-wrapper .guide-intro p[data-v-6e082ddb] {
        margin-top: 20px;
    }

    .wrapper .tab-wrapper .guide-intro[data-v-6e082ddb] a {
        color: #13c2c2;
        font-weight: 700;
    }

    .wrapper .fee-tabs[data-v-6e082ddb] {
        margin-top: 30px;
    }

    .wrapper .fee-tabs[data-v-6e082ddb] .el-tabs__header {
        margin: 0 0 40px;
    }

    .wrapper .fee-tabs[data-v-6e082ddb] .el-tabs__item {
        color: #3e4648;
        font-size: 20px;
        font-weight: 400;
    }

    .wrapper .fee-tabs[data-v-6e082ddb] .el-tabs__item.is-active {
        color: #141f21;
        font-weight: 500;
    }

    .wrapper .fee-tabs[data-v-6e082ddb] .el-tabs__nav-wrap:after {
        background-color: #e9f0f3;
    }

    .wrapper .fee-tabs[data-v-6e082ddb] .el-tabs__nav.is-top .el-tabs__active-bar.is-top {
        background-color: #141f21;
        display: block;
    }

    .wrapper .future[data-v-6e082ddb] {
        margin: 88px 0 100px;
    }

    .wrapper .fee-container[data-v-6e082ddb] {
        display: flex;
        margin-bottom: 35px;
    }

    .wrapper .fee-container .el-col[data-v-6e082ddb] {
        margin-bottom: 20px;
    }

    .wrapper .fee-container .fee-item[data-v-6e082ddb] {
        width: 100%;
    }

    .wrapper .fee-container .fee-item .tit[data-v-6e082ddb] {
        color: #000;
        font-size: 14px;
        margin-bottom: 12px;
    }

    .wrapper .fee-container .fee-item .sub[data-v-6e082ddb] {
        align-items: center;
        display: flex;
        gap: 8px;
    }

    .wrapper .fee-container .fee-item .response-row[data-v-6e082ddb] {
        width: 100%;
    }

    .wrapper .fee-container .fee-item .response-row .el-col[data-v-6e082ddb] {
        margin-bottom: 12px;
        white-space: nowrap;
    }

    .wrapper .fee-container .fee-item .label[data-v-6e082ddb] {
        color: #3e4648;
        font-size: 14px;
    }

    .wrapper .fee-container .fee-item .value[data-v-6e082ddb] {
        color: #1a1b1f;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }

    .visible-hidden[data-v-6e082ddb] {
        visibility: hidden;
    }

    @media screen and (max-width: 768px) {
        .wrapper[data-v-6e082ddb] {
            padding-top:49px;
            width: 100%;
        }

        .wrapper .mobile-back[data-v-6e082ddb] {
            background: #fff;
            border-bottom: 1px solid #e5e7eb;
            display: none;
            padding: calc(env(safe-area-inset-top) + 3.75vw) 6.25vw 3.75vw;
            position: fixed;
            top: 0;
            width: 100vw;
            z-index: 10;
        }

        .wrapper .header[data-v-6e082ddb] {
            position: relative;
        }

        .wrapper .header .title[data-v-6e082ddb] {
            align-items: flex-start;
            flex-direction: column;
            font-size: 44px;
        }

        .wrapper .header .go-link[data-v-6e082ddb] {
            font-size: 14px;
            margin-left: 0!important;
            margin-top: 7px;
        }

        .wrapper .header .intro[data-v-6e082ddb] {
            font-size: 14px;
            line-height: 18px;
        }

        .wrapper .fee-tabs[data-v-6e082ddb] {
            margin-top: 50px;
        }

        .wrapper .fee-tabs[data-v-6e082ddb] .el-tabs__header {
            margin: 0;
        }

        .wrapper .tab-wrapper[data-v-6e082ddb] {
            position: relative;
        }

        .wrapper .tab-wrapper .pc-pair-list[data-v-6e082ddb] {
            display: none!important;
        }

        .wrapper .tab-wrapper .h5-pair-list[data-v-6e082ddb] {
            color: #000;
            display: none;
            position: absolute;
            right: 0;
            top: 13px;
            z-index: 2;
        }

        .wrapper .tab-wrapper .h5-pair-list .search-icon[data-v-6e082ddb] {
            display: inline;
            font-size: 18px;
        }

        .wrapper .tab-wrapper .h5-pair-list .pair-choose[data-v-6e082ddb] {
            background: #fff;
            display: none;
        }

        .wrapper .tab-wrapper .h5-pair-list .pair-choose[data-v-6e082ddb] .r-coin-selector {
            flex: 1;
        }

        .wrapper .tab-wrapper .h5-pair-list .pair-choose[data-v-6e082ddb] .r-select {
            width: 100%!important;
        }

        .wrapper .tab-wrapper .h5-pair-list .pair-choose[data-v-6e082ddb] .el-input__inner {
            height: 42px;
            line-height: 42px;
        }

        .wrapper .tab-wrapper .h5-pair-list .pair-choose .cancel-btn[data-v-6e082ddb] {
            color: #13c2c2;
            font-size: 14px;
            margin-left: 25px;
        }

        .wrapper .future[data-v-6e082ddb] {
            margin-top: 7px;
        }

        .wrapper .margin[data-v-6e082ddb] {
            margin-top: 35px;
        }

        .wrapper .fee-container[data-v-6e082ddb] {
            flex-direction: column;
        }

        .wrapper .fee-container .fee-item[data-v-6e082ddb] {
            margin-right: 0;
            margin-top: 40px;
        }

        .wrapper .fee-container .fee-item .tit[data-v-6e082ddb] {
            margin-bottom: 4px;
        }

        .wrapper .fee-container .fee-item[data-v-6e082ddb]:last-child {
            margin-top: 24px;
        }
    }

    /*! CSS Used keyframes */
    @-webkit-keyframes loading-rotate {
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
        }
    }

    @keyframes loading-rotate {
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
        }
    }

    @-webkit-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;
        }
    }

    @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;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/d5883fa.css */
    .com-rating[data-v-1e64343c] {
        display: flex;
        margin-top: 16px;
        width: 100%;
    }

    .com-rating [data-v-1e64343c] {
        box-sizing: border-box;
    }

    .com-rating .item[data-v-1e64343c] {
        align-items: center;
        border: 1px solid #e8e8e9;
        border-radius: 6px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 88px;
        justify-content: center;
        margin-right: 16px;
        outline: 1px solid transparent;
        width: 96px;
    }

    .com-rating .item[data-v-1e64343c]:last-of-type {
        margin-right: 0;
    }

    .com-rating .icon[data-v-1e64343c] {
        height: 40px;
        opacity: .3;
        width: 40px;
    }

    .com-rating .label[data-v-1e64343c] {
        color: #1c1e1f;
        font-size: 12px;
        line-height: 16px;
        margin-top: 6px;
    }

    @media (max-width: 768px) {
        .com-rating .item[data-v-1e64343c] {
            margin-right:10px;
        }

        .com-rating .label[data-v-1e64343c] {
            font-size: 12px;
            margin-top: 6px;
            transform: scale(.833);
        }
    }

    .feedback-dialog[data-v-fa5f20a2] .el-dialog {
        border-radius: 8px;
    }

    .feedback-dialog[data-v-fa5f20a2] .el-dialog__header {
        padding: 32px 32px 0;
        text-align: left;
    }

    .feedback-dialog[data-v-fa5f20a2] .el-dialog__title {
        color: #141f21;
        font-size: 20px;
        font-weight: 500;
        line-height: 26px;
    }

    @media (max-width: 480px) {
        .feedback-dialog[data-v-fa5f20a2] .el-dialog {
            width:80%!important;
        }

        .feedback-dialog[data-v-fa5f20a2] .el-dialog__header {
            padding: 24px 20px 0;
            text-align: center;
        }
    }

    .hnYn1E {
        display: inline-block;
        height: 116px;
        vertical-align: bottom;
    }

    @media (max-width: 768px) {
        .hnYn1E {
            width:1005;
        }
    }

    .NFPExf {
        align-items: center;
        background-color: #eef3f5;
        border: 1px dashed #91a5b1;
        border-radius: 4px;
        box-sizing: border-box;
        display: flex;
        height: 116px;
        justify-content: center;
        margin: 0 16px 16px 0;
        width: 116px;
    }

    @media (max-width: 768px) {
        .NFPExf {
            margin:0 12px 12px 0;
        }
    }

    .LsQkJ0,.\+rRYNn {
        color: #91a5b1;
        font-size: 32px;
    }

    .Q1zHwr {
        display: flex;
    }

    .page-feedback [data-v-3c509bba] {
        box-sizing: border-box;
    }

    .page-feedback .wrapper[data-v-3c509bba] {
        padding-top: 80px;
    }

    .page-feedback .header .title[data-v-3c509bba] {
        color: #1c1e1f;
        font-size: 64px;
        font-weight: 600;
        line-height: 84px;
    }

    .page-feedback .header .slogan[data-v-3c509bba] {
        color: #1c1e1f;
        font-size: 20px;
        line-height: 24px;
        margin-top: 10px;
    }

    .page-feedback .form[data-v-3c509bba] {
        margin-top: 60px;
        max-width: 588px;
    }

    .page-feedback .form .form-item[data-v-3c509bba] {
        margin-top: 30px;
    }

    .page-feedback .form .form-label[data-v-3c509bba] {
        color: #1c1e1f;
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
    }

    .page-feedback .form .form-content[data-v-3c509bba] {
        align-items: flex-end;
        display: flex;
        flex-wrap: wrap;
        margin-top: 8px;
    }

    .page-feedback .form .textarea[data-v-3c509bba] .el-textarea__inner {
        background-color: #eef3f5;
        border: none;
        border-radius: 4px;
        padding: 16px;
        resize: none;
    }

    .page-feedback .form .textarea[data-v-3c509bba] .el-textarea__inner::placeholder {
        color: #aab7bd;
        font-size: 14px;
        line-height: 18px;
    }

    .page-feedback .form .textarea[data-v-3c509bba] .el-input__count {
        background-color: transparent;
        color: #91a5b1;
        font-size: 14px;
        line-height: 18px;
    }

    .page-feedback .form .important[data-v-3c509bba] {
        color: #ff532f;
    }

    .page-feedback .form .upload-notice[data-v-3c509bba] {
        color: #6a7c81;
        font-size: 12px;
        line-height: 16px;
    }

    .page-feedback .form .supplement[data-v-3c509bba] {
        color: #697175;
        font-size: 12px;
        line-height: 16px;
        margin-top: 16px;
    }

    .page-feedback .form .notice[data-v-3c509bba] {
        color: #1c1e1f;
        font-weight: 500;
        text-decoration-line: underline;
    }

    .page-feedback .form .footer[data-v-3c509bba] {
        margin-top: 60px;
    }

    .page-feedback .form .footer .button[data-v-3c509bba] {
        font-size: 15px;
        font-weight: 600;
        height: 42px;
        width: 100%;
    }

    @media (max-width: 768px) {
        .page-feedback .wrapper[data-v-3c509bba] {
            padding-top:30px;
        }

        .page-feedback .header .title[data-v-3c509bba] {
            font-size: 32px;
            line-height: 42px;
        }

        .page-feedback .header .slogan[data-v-3c509bba] {
            font-size: 14px;
            line-height: 18px;
        }

        .page-feedback .form[data-v-3c509bba] {
            margin-top: 30px;
        }

        .page-feedback .form .form-label[data-v-3c509bba] {
            font-size: 16px;
            line-height: 22px;
        }

        .page-feedback .form .footer[data-v-3c509bba] {
            margin-top: 36px;
        }

        .page-feedback .form .upload-notice[data-v-3c509bba] {
            margin-top: 6px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/c9ed564.css */
    .sH8Jg6 {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: 500px;
    }

    .tgE-dt {
        margin: 96px auto 0;
        max-width: 640px;
        padding: 0 20px;
        text-align: center;
        width: 100%;
    }

    .kZgZOp {
        color: #000;
        font-size: 40px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .WtVdZp {
        font-weight: 400;
        margin-right: 4px;
    }

    .WtVdZp,.tC1hWA {
        color: #000;
        font-size: 14px;
    }

    .tC1hWA {
        font-weight: 500;
    }

    .lGsDw\+ {
        font-size: 16px;
        margin-top: 48px;
    }

    .LqasLo {
        background-color: #13c2c2;
        border-radius: 100%;
        color: #fff;
        cursor: pointer;
        font-size: 20px;
        height: 48px;
        margin-top: 4px;
        right: 10px;
        top: 4px;
        width: 48px;
    }

    .lGsDw\+ input {
        background-color: #eef3f5;
        border: none;
        border-radius: 28px;
        height: 56px;
        line-height: 56px;
        padding-left: 30px;
    }

    ._9idSdc {
        margin-top: 146px;
    }

    .Z5rDcR {
        color: #999;
        font-size: 12px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 6px;
        max-width: 600px;
    }

    .OI3te5,.Z5rDcR {
        text-align: center;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/a3b7c0f.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }
    }

    .google-2fa-dialog {
        background-color: #fff;
        max-width: 500px;
    }

    .force-ga-dialog {
        max-width: 500px;
        text-align: center;
        width: 90%;
    }

    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    .page-account .wrapper[data-v-aad7bbe4] {
        padding-top: 56px;
    }

    .page-account .to-portal[data-v-aad7bbe4] {
        color: #6a7c81;
        font-family: IBM Plex Sans;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration-line: underline;
    }

    .page-account .item[data-v-aad7bbe4] {
        outline: 0 solid #f2f2f2;
        outline-offset: -.5px;
    }

    @media (min-width: 640px) {
        .page-account .item[data-v-aad7bbe4] {
            outline-width:1px;
        }
    }

    .page-account .security-level[data-v-aad7bbe4] {
        border-left: 5px solid #d7e1e8;
        box-sizing: border-box;
        display: inline-block;
        height: 8px;
        margin-right: 2px;
        position: relative;
        width: 19px;
    }

    .page-account .security-level[data-v-aad7bbe4]:after,.page-account .security-level[data-v-aad7bbe4]:before {
        background-color: #d7e1e8;
        content: "";
        display: inline-block;
        height: 8px;
        position: absolute;
        right: 0;
        width: 5px;
    }

    .page-account .security-level[data-v-aad7bbe4]:after {
        right: 7px;
    }

    .page-account .security-level.security-level-1[data-v-aad7bbe4] {
        border-color: #f5223b;
    }

    .page-account .security-level.security-level-1[data-v-aad7bbe4]:after,.page-account .security-level.security-level-1[data-v-aad7bbe4]:before {
        background-color: #f5223b;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/2adeff9.css */
    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/0c3ac6f.css */
    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    .UWNtA0 .el-loading-mask {
        z-index: 101;
    }

    .ps1PjI {
        border-collapse: collapse;
        font-size: 12px;
        width: 100%;
    }

    .xL6RoF th {
        color: #888;
        font-weight: 400;
        padding-top: 18px;
        text-align: left;
    }

    .xL6RoF th:nth-child(2) {
        min-width: 125px;
    }

    .xL6RoF th:nth-child(3) {
        min-width: 180px;
    }

    .xL6RoF th:nth-child(4) {
        min-width: 100px;
    }

    .xL6RoF th:nth-child(5) {
        min-width: 40px;
    }

    ._0YZjzK td {
        color: #0e1118;
        padding: 14px 0;
    }

    ._0YZjzK td {
        border-bottom: 1px solid #f2f4f7;
    }

    .KEGheE {
        background: none;
        border: 0;
        color: #13c2c2;
        cursor: pointer;
        font-size: 14px;
        margin-top: 25px;
        padding: 0;
    }

    .KEGheE:focus {
        outline: 0 none;
    }

    .v\+RaZL {
        background: none;
        border: 0;
        cursor: pointer;
        transition: transform .15s ease-in;
    }

    .OKRos5 {
        visibility: hidden;
    }

    .v\+RaZL:focus {
        outline: 0 none;
    }

    ._52uYxJ {
        background: none;
        border: 0;
        cursor: pointer;
        font-size: 16px;
        padding: 0;
        transform: rotate(-90deg);
    }

    ._52uYxJ:hover {
        color: #13c2c2;
    }

    ._52uYxJ:focus {
        outline: 0 none;
    }

    @media (max-width: 768px) {
        .xL6RoF th {
            min-width:auto!important;
        }
    }

    .C\+6AjX {
        border-collapse: collapse;
        font-size: 12px;
        width: 100%;
    }

    .vLRBxD th {
        color: #a3a8b7;
        font-weight: 400;
        padding-top: 18px;
        text-align: left;
    }

    .y65aNx td {
        color: #0e1118;
        padding: 17px 0;
    }

    .y65aNx td {
        border-bottom: 1px solid #eaeaea;
    }

    .lnG5fv {
        background: none;
        border: 0;
        color: #13c2c2;
        cursor: pointer;
        font-size: 14px;
        margin-top: 25px;
        padding: 0;
    }

    .lnG5fv:focus {
        outline: 0 none;
    }

    .j6\+HoW .el-loading-mask {
        z-index: 101;
    }

    .page-account-security .wrapper[data-v-297ce8c8] {
        padding-top: 56px;
    }

    .page-account-security .btn[data-v-297ce8c8] {
        min-width: 70px;
    }

    .yrLDV3 {
        background-color: #fff;
        padding-bottom: 100px;
    }

    .wqnN-y {
        margin: 0 auto;
        padding-top: 56px;
        position: relative;
    }

    .mU2u-G {
        align-items: center;
        display: flex;
        position: absolute;
        right: 40px;
        top: 72px;
    }

    .mU2u-G span {
        color: #141f21;
        font-size: 16px;
    }

    .ev-wqt {
        align-items: center;
        border-radius: 50%;
        color: #13c2c2;
        display: flex;
        height: 32px;
        justify-content: center;
        margin-left: 12px;
        transform: rotate(180deg);
        width: 32px;
    }

    .V8PfHy {
        padding-top: 68px;
        width: 680px;
    }

    .dpelhf {
        color: #000;
        font-size: 40px;
        font-weight: 500;
        line-height: 48px;
    }

    .MC4-Il,.dpelhf {
        font-style: normal;
    }

    .MC4-Il {
        color: #111;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-top: 8px;
    }

    .Qwi9MB {
        display: flex;
        justify-content: space-between;
        padding-top: 52px;
    }

    .U6Vc-w {
        width: 282px;
    }

    .h-utRo {
        font-size: 20px;
        line-height: 28px;
    }

    .A1DBvg,.h-utRo {
        color: #000;
        font-weight: 500;
    }

    .A1DBvg {
        font-size: 16px;
        margin: 42px 0 16px;
    }

    .rNGyEj {
        height: 69px;
        padding: 16px 0;
    }

    .yHH5kg {
        color: #000;
        font-size: 14px;
        line-height: 20px;
        margin-top: 4px;
    }

    .yHH5kg:first-child {
        margin-top: 0;
    }

    ._8QD7CZ {
        color: #f5222d;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .MdK0Yz {
        background: #13c2c2;
        border-radius: 8px;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        height: 48px;
        line-height: 48px;
        position: relative;
        text-align: center;
        width: 282px;
    }

    .MdK0Yz i {
        font-size: 20px;
        font-weight: 500;
        position: absolute;
        right: 16px;
        top: 15px;
    }

    .owxk7O {
        opacity: .5;
    }

    .owxk7O {
        color: #fff;
        cursor: not-allowed;
    }

    .\-3YW5e {
        align-items: center;
        display: flex;
    }

    .\-3YW5e {
        border-bottom: 1px dashed #eee;
        margin-bottom: 3px;
        padding-bottom: 6px;
    }

    .wA1hCr {
        width: 45px;
    }

    .\-3YW5e span {
        color: #000;
        font-size: 14px;
    }

    @media (max-width: 768px) {
        .yrLDV3 {
            padding-left:0;
        }

        .wqnN-y {
            max-width: 100%;
        }

        .mU2u-G {
            margin: 1.5rem auto;
            position: static;
            right: auto;
            top: auto;
        }

        .mU2u-G span {
            font-size: 16px;
        }

        .ev-wqt {
            height: 28px;
            margin-left: 8px;
            width: 28px;
        }

        .V8PfHy {
            padding-top: 20px;
            width: 100%;
        }

        .Qwi9MB {
            display: block;
        }

        .U6Vc-w:nth-child(2) {
            margin-top: 50px;
        }

        .rNGyEj {
            height: auto;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/f89b17b.css */
    [class*=" el-icon-"] {
        speak: none;
        font-feature-settings: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-family: element-icons!important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
        vertical-align: baseline;
    }

    .el-icon-close:before {
        content: "\e6db";
    }

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

    .icon-caret_down:before {
        content: "\e612";
    }

    .r-load-more .r-load-more-loading {
        align-items: center;
        display: flex;
        height: 120px;
        justify-content: center;
    }

    .r-load-more .r-load-more-click {
        cursor: pointer;
    }

    .el-select-dropdown__wrap {
        border-radius: 4px;
        transition: width .3s;
    }

    .r-select.el-select--default {
        width: 140px;
    }

    .r-select .el-input--default {
        font-size: 14px;
    }

    .r-select .el-input--default .el-input__inner {
        height: 32px;
        line-height: 32px;
    }

    .el-select-dropdown .el-select-dropdown__item {
        contain-intrinsic-size: 36px;
        content-visibility: auto;
        height: 36px;
        line-height: 36px;
        padding: 0 16px;
    }

    .el-select-dropdown .el-select-dropdown__item.selected {
        color: #13c2c2!important;
    }

    .el-select-dropdown .el-select-dropdown__list {
        padding: 8px 0 12px;
    }

    .r-select * {
        box-sizing: border-box;
    }

    .r-select.el-select:focus .el-input__inner {
        background-color: #eef4f6;
        border-color: transparent;
    }

    .r-select.el-select:hover {
        cursor: pointer;
    }

    .r-select.el-select:hover .el-input__inner {
        border-color: #13c2c2!important;
    }

    .r-select.el-select .el-input__inner {
        background-color: #eef4f6;
        border: 1px solid #eef4f6;
        border-radius: 4px;
        color: #141f21;
        font-family: DIN,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Arial,sans-serif;
        font-size: 14px;
        padding: 0 30px 0 12px;
        text-overflow: ellipsis;
        transition: border-color .25s cubic-bezier(.645,.045,.355,1),background-color .25s cubic-bezier(.645,.045,.355,1);
    }

    .r-select.el-select .el-input__inner:focus {
        background-color: #eef4f6;
        border-color: transparent;
    }

    .r-select .el-input {
        background-color: #fff;
        border-radius: 4px;
    }

    .r-select .el-input__suffix {
        align-items: center;
        display: flex;
    }

    .r-select .r-select-icon-arrow {
        display: inline-block;
    }

    .r-tabs-header-wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 22px;
        min-height: 24px;
    }

    .r-tabs-header {
        display: block;
    }

    .r-tabs-left-wrapper {
        align-items: center;
        display: flex;
        white-space: nowrap;
    }

    .r-tabs-right-wrapper {
        display: none;
    }

    .r-tabs-nav {
        flex-wrap: nowrap;
        margin-left: -12px;
        margin-left: calc(var(--bm-tabs-gutter-x)*-.5);
        margin-right: -12px;
        margin-right: calc(var(--bm-tabs-gutter-x)*-.5);
    }

    .r-tabs-nav,.r-tabs-nav-item {
        --bm-tabs-gutter-x: 24px;
        align-items: center;
        display: flex;
    }

    .r-tabs-nav-item {
        color: #6a7c81;
        cursor: pointer;
        font-size: 16px;
        line-height: 24px;
        padding-left: 12px;
        padding-left: calc(var(--bm-tabs-gutter-x)*.5);
        padding-right: 12px;
        padding-right: calc(var(--bm-tabs-gutter-x)*.5);
    }

    .r-tabs-nav-item.actived {
        color: #1a1b1f;
        font-weight: 500;
    }

    .r-tabs-nav-item:first-of-type {
        margin-left: 0;
    }

    .r-tabs-pane-left,.r-tabs-pane-right {
        align-items: center;
        display: flex;
    }

    .r-tabs-pane-left-item,.r-tabs-pane-right-item {
        display: none;
    }

    .r-tabs-pane-left-item.actived,.r-tabs-pane-right-item.actived {
        display: inline;
        display: initial;
    }

    @media screen and (min-width: 640px) {
        .r-tabs-header-wrapper {
            justify-content:space-between;
            margin-bottom: 22px;
            margin-top: 6px;
            min-height: 34px;
        }

        .r-tabs-header,.r-tabs-header-wrapper {
            align-items: center;
            display: flex;
        }

        .r-tabs-left-wrapper {
            margin-right: 24px;
        }

        .r-tabs-left-wrapper,.r-tabs-right-wrapper {
            align-items: center;
            display: flex;
            white-space: nowrap;
        }

        .r-tabs-right-wrapper {
            margin-left: 24px;
        }

        .r-tabs-nav {
            flex-wrap: wrap;
            margin-left: -12px;
            margin-left: calc(var(--bm-tabs-gutter-x)*-.5);
            margin-right: -12px;
            margin-right: calc(var(--bm-tabs-gutter-x)*-.5);
        }

        .r-tabs-nav,.r-tabs-nav-item {
            --bm-tabs-gutter-x: 24px;
            align-items: center;
            display: flex;
        }

        .r-tabs-nav-item {
            color: #6a7c81;
            cursor: pointer;
            font-size: 16px;
            line-height: 24px;
            padding-left: 12px;
            padding-left: calc(var(--bm-tabs-gutter-x)*.5);
            padding-right: 12px;
            padding-right: calc(var(--bm-tabs-gutter-x)*.5);
        }

        .r-tabs-nav-item.actived {
            color: #1a1b1f;
            font-weight: 500;
        }

        .r-tabs-nav-item:first-of-type {
            margin-left: 0;
        }

        .r-tabs-pane-right-item {
            display: none;
        }

        .r-tabs-pane-right-item.actived {
            display: inline;
            display: initial;
        }
    }

    .el-scrollbar {
        height: 100%;
    }

    .el-input__inner {
        border-radius: 0;
        padding: 0 10px;
    }

    .el-input__inner:focus {
        border-color: #0e1118;
    }

    .el-dialog {
        box-shadow: 0 4px 12px 0 rgba(0,1,4,.1);
    }

    .el-dialog__header {
        font-weight: 700;
        padding: 40px 40px 8px;
    }

    .el-dialog__headerbtn {
        right: 10px;
        top: 10px;
    }

    .el-dialog__headerbtn .el-dialog__close,.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close {
        color: #5d606a;
    }

    .el-dialog__title {
        font-size: 20px;
    }

    .el-select .el-input .el-input__suffix .el-select__caret {
        color: #5d606a;
    }

    .el-select .el-input__inner:focus {
        border-color: #0e1118;
    }

    .el-select-dropdown {
        border: 0;
    }

    .el-select-dropdown .el-select-dropdown__item.selected {
        color: #0e1118;
    }

    .el-select-dropdown__wrap {
        overflow-x: hidden;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/eb4f189.css */
    ::placeholder,button,input {
        font-family: IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
    }

    input {
        outline: none;
    }

    ul {
        margin: 0;
        padding: 0;
    }

    li,ul {
        list-style: none;
    }

    a {
        color: inherit;
        -webkit-text-decoration: none;
        text-decoration: none;
    }

    .el-input__suffix {
        pointer-events: none;
    }

    [class*=" el-icon-"] {
        speak: none;
        font-feature-settings: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-family: element-icons!important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
        vertical-align: baseline;
    }

    .el-icon-close:before {
        content: "\e6db";
    }

    .el-dialog {
        background: #fff;
        -webkit-box-sizing: border-box;
    }

    .el-dialog {
        border-radius: 8px;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
        box-shadow: 0 1px 3px rgba(0,0,0,.3);
        box-sizing: border-box;
        margin: 0 auto 50px;
        position: relative;
        width: 50%;
    }

    .el-dialog__wrapper {
        bottom: 0;
        left: 0;
        margin: 0;
        overflow: auto;
        position: fixed;
        right: 0;
        top: 0;
    }

    .el-dialog__header {
        padding: 32px 32px 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: #909399;
    }

    .el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close {
        color: #13c2c2;
    }

    .el-dialog__title {
        color: #303133;
        font-size: 18px;
        line-height: 24px;
    }

    .el-select-dropdown {
        background-color: #fff;
        border: 1px solid #e4e7ed;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 5px 0;
        position: absolute;
        z-index: 1001;
    }

    .el-select-dropdown__wrap {
        max-height: 274px;
    }

    .el-select-dropdown__list {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 6px 0;
    }

    .el-select-dropdown__item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #606266;
        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:hover {
        background-color: #f5f7fa;
    }

    .el-select-dropdown__item.selected {
        color: #13c2c2;
        font-weight: 700;
    }

    .el-select {
        display: inline-block;
        position: relative;
    }

    .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: #13c2c2;
    }

    .el-select .el-input .el-select__caret {
        color: #c0c4cc;
        cursor: pointer;
        font-size: 14px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s;
    }

    .el-select .el-input .el-select__caret.is-reverse {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    .el-select>.el-input {
        display: block;
    }

    .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-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__inner {
        -webkit-appearance: none;
        background-color: #fff;
        background-image: none;
        border: 1px solid #dcdfe6;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #606266;
        display: inline-block;
        font-size: inherit;
        height: 40px;
        line-height: 40px;
        outline: 0;
        padding: 0 15px;
        -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        width: 100%;
    }

    .el-input__suffix {
        color: #c0c4cc;
        height: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        -webkit-transition: all .3s;
    }

    .el-input__inner::placeholder {
        color: #c0c4cc;
    }

    .el-input__inner:hover {
        border-color: #c0c4cc;
    }

    .el-input__inner:focus {
        border-color: #13c2c2;
        outline: 0;
    }

    .el-input__suffix {
        right: 5px;
        transition: all .3s;
    }

    .el-input__suffix-inner {
        pointer-events: all;
    }

    .el-input__icon {
        height: 100%;
        line-height: 40px;
        text-align: center;
        -webkit-transition: all .3s;
        transition: all .3s;
        width: 25px;
    }

    .el-input__icon:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 0;
    }

    .el-input--suffix .el-input__inner {
        padding-right: 30px;
    }

    .el-drawer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }

    .el-scrollbar {
        overflow: hidden;
        position: relative;
    }

    .el-scrollbar__wrap {
        height: 100%;
        overflow: scroll;
    }

    .el-drawer {
        -webkit-box-sizing: border-box;
        overflow: hidden;
    }

    .el-drawer,.el-drawer__header {
        display: -webkit-box;
        display: -ms-flexbox;
    }

    .el-drawer.btt,.el-drawer__container {
        left: 0;
        right: 0;
        width: 100%;
    }

    .el-drawer__container {
        bottom: 0;
        height: 100%;
        top: 0;
    }

    .el-drawer {
        background-color: #fff;
        -webkit-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-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;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
    }

    .el-drawer.btt {
        -webkit-animation: btt-drawer-out .3s;
        animation: btt-drawer-out .3s;
        bottom: 0;
    }

    .el-drawer__wrapper {
        bottom: 0;
        left: 0;
        margin: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
    }

    .el-drawer__header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #72767b;
        display: flex;
        margin-bottom: 32px;
        padding: 20px 20px 0;
    }

    .el-drawer__header>:first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .el-drawer__close-btn {
        background-color: transparent;
        border: none;
        color: inherit;
        cursor: pointer;
        font-size: 20px;
    }

    .el-drawer__container {
        position: relative;
    }

    .el-input__inner {
        border-radius: 0;
        padding: 0 10px;
    }

    .el-input__inner:focus {
        border-color: #0e1118;
    }

    .el-dialog {
        box-shadow: 0 4px 12px 0 rgba(0,1,4,.1);
    }

    .el-dialog__header {
        font-weight: 500;
    }

    .el-dialog__headerbtn {
        right: 10px;
        top: 10px;
    }

    .el-dialog__headerbtn .el-dialog__close,.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close {
        color: #5d606a;
    }

    .el-select .el-input .el-input__suffix .el-select__caret {
        color: #5d606a;
    }

    .el-select .el-input__inner:focus {
        border-color: #0e1118;
    }

    .el-select-dropdown {
        border: 0;
    }

    .el-select-dropdown .el-select-dropdown__item.selected {
        color: #0e1118;
    }

    .el-select-dropdown__wrap {
        overflow-x: hidden;
    }

    .bm-container-fluid,.bm2xl\:bm-container {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        padding-left: 5%;
        padding-left: var(--bm-gutter-x,5%);
        padding-right: 5%;
        padding-right: var(--bm-gutter-x,5%);
        width: 100%;
    }

    @media (min-width: 1280px) {
        .bm2xl\:bm-container {
            max-width:1280px;
            padding-left: 40px;
            padding-left: var(--bm-gutter-x,40px);
            padding-right: 40px;
            padding-right: var(--bm-gutter-x,40px);
        }
    }

    @media (min-width: 1440px) {
        .bm2xl\:bm-container {
            max-width:1440px;
        }
    }

    @media (min-width: 1680px) {
        .bm2xl\:bm-container {
            max-width:1680px;
        }
    }

    @media (min-width: 1920px) {
        .bm2xl\:bm-container {
            max-width:1920px;
        }
    }

    .bm2xl\:max-w-\[1280px\] {
        max-width: 1280px;
    }

    .bm-row>* {
        flex-shrink: 0;
        margin-top: var(--bm-gutter-y);
        max-width: 100%;
        padding-left: calc(var(--bm-gutter-x)*.5);
        padding-right: calc(var(--bm-gutter-x)*.5);
        width: 100%;
    }

    .bm-row-cols>* {
        flex: 0 0 auto;
        width: auto;
    }

    .flex-nowrap {
        flex-wrap: nowrap!important;
    }

    .tailwind-class .bm-row {
        --bm-gutter-x: 1.5rem;
        --bm-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-left: -.75rem;
        margin-left: calc(var(--bm-gutter-x)*-.5);
        margin-right: -.75rem;
        margin-right: calc(var(--bm-gutter-x)*-.5);
        margin-top: 0;
        margin-top: calc(var(--bm-gutter-y)*-1);
    }

    .tailwind-class .bm-col {
        flex: 1 0 0%;
    }

    .tailwind-class .\!bm-flex-fixed {
        flex: 0 0 auto!important;
    }

    .tailwind-class .relative {
        position: relative;
    }

    .tailwind-class .flex {
        display: flex;
    }

    .tailwind-class .cursor-pointer {
        cursor: pointer;
    }

    .tailwind-class .flex-nowrap {
        flex-wrap: nowrap;
    }

    .tailwind-class .leading-4 {
        line-height: 1rem;
    }

    .tailwind-class .bm-gx-0 {
        --bm-gutter-x: 0px;
    }

    .tailwind-class .bm-size-\[14px\] {
        font-size: 14px;
    }

    .tailwind-class .actived.actived\:font-semibold {
        font-weight: 600;
    }

    @media (min-width: 1280px) {
        .tailwind-class .bm2xl\:max-w-\[1280px\] {
            max-width:1280px;
        }
    }

    .main-layout .main-container[data-v-69400e95] {
        box-sizing: border-box;
        min-height: calc(100vh - 134px);
        padding-top: 0;
    }

    .main-layout .main-container.dark[data-v-69400e95] {
        padding-top: 80px;
    }

    .main-layout .main-container.small.dark[data-v-69400e95] {
        padding-top: 56px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/a3b7c0f.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/bd2a403.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/f23554e.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/19f4b00.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/9ba1883.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/b6ea9eb.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/e8fd352.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/760f2b1.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/c6557a7.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    [data-v-27f34cf4] .el-dialog {
        border-radius: 8px;
    }

    [data-v-27f34cf4] .el-dialog__header {
        padding: 40px 40px 16px;
    }

    [data-v-27f34cf4] .voucher-no-data {
        align-items: center;
        display: flex;
        flex-direction: column;
        grid-column-start: span 3;
        padding-top: 60px;
    }

    [data-v-27f34cf4] .voucher-no-data span {
        color: #6a7c81;
        font-size: 14px;
        margin-top: 4px;
    }

    .voucher-wrapper[data-v-27f34cf4] {
        background: #fff;
    }

    .voucher-wrapper .wrapper[data-v-27f34cf4] {
        padding-top: 56px;
    }

    @media (max-width: 640px) {
        .voucher-wrapper .wrapper[data-v-27f34cf4] .r-tabs-left-wrapper {
            margin-bottom:16px;
        }
    }

    .voucher-wrapper .wrapper[data-v-27f34cf4] .r-load-more .r-load-more-loading {
        height: 32px;
    }

    .voucher-wrapper .voucher-card-content[data-v-27f34cf4] {
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto 0 -24px;
        padding-top: 20px;
        width: 1224px;
    }

    @media (max-width: 1280px) {
        .voucher-wrapper .voucher-card-content[data-v-27f34cf4] {
            margin-left:-24px;
            max-width: 860px;
            width: 100%;
        }
    }

    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    .LfY1i\+ {
        max-width: 720px;
        min-width: 436px;
    }

    .LfY1i\+ .el-icon-close:before {
        color: #1a1b1f;
        font-weight: 500;
    }

    .LfY1i\+ .el-button--primary.is-disabled {
        background-color: #13c2c2;
        color: #fff;
        opacity: .4;
    }

    .LfY1i\+ .el-dialog__title {
        color: #1a1b1f;
        font-size: 20px;
        font-weight: 600;
    }

    .LfY1i\+ .el-dialog__header {
        padding: 40px 40px 16px;
    }

    .LfY1i\+ .el-dialog__footer {
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
        text-align: left;
        text-align: initial;
    }

    .Vm7awF button {
        width: 100%;
    }

    .page-asset-overview .wrapper[data-v-f3aa1d68] {
        padding-top: 56px;
    }

    .page-asset-overview .wrapper .header-right-btn[data-v-f3aa1d68] {
        margin-bottom: 4px;
        margin-left: 12px;
        margin-top: 4px;
    }

    .page-asset-overview .wrapper .header-right-btn[data-v-f3aa1d68]:first-child {
        margin-left: 0;
    }

    .page-asset-overview .wrapper .header-right-btn .header-right-btn-inner[data-v-f3aa1d68] {
        border-color: #cacfd7;
    }

    .page-asset-overview .wrapper .header-right-btn .header-right-btn-inner.r-button2.r-button2-primary[data-v-f3aa1d68] {
        border-color: #13c2c2;
    }

    .page-asset-overview .wrapper .header-right-btn .header-right-btn-inner.r-button2.r-button2-primary[data-v-f3aa1d68]:hover {
        border-color: #15d5d5;
    }

    .page-asset-overview .wrapper .header-right-btn .header-right-btn-inner[data-v-f3aa1d68]:hover {
        border-color: #13c2c2;
    }

    .page-asset-overview ./assets-bar[data-v-f3aa1d68] {
                               display: flex;
                               flex-wrap: wrap;
                               margin-bottom: 18px;
                               margin-left: -40px;
                           }

    .page-asset-overview ./assets-bar .bar-right[data-v-f3aa1d68] {
                               margin-left: 40px;
                           }

    .page-asset-overview .todayEarnings[data-v-f3aa1d68] {
        width: auto;
    }

    .page-asset-overview .todayEarnings .label[data-v-f3aa1d68] {
        color: #2b2e36;
        font-size: 16px;
    }

    .page-asset-overview .todayEarnings .label .title[data-v-f3aa1d68] {
        border-bottom: 1px dashed #6a7c81;
        color: #6a7c81;
        font-size: 16px;
        font-weight: 400;
    }

    .page-asset-overview .todayEarnings .earningsCount[data-v-f3aa1d68] {
        font-size: 24px;
        margin-top: 12px;
    }

    .page-asset-overview .todayEarnings .earningsCount em[data-v-f3aa1d68] {
        font-style: normal;
        font-weight: 500;
        line-height: 29px;
    }

    .page-asset-overview .todayEarnings .earningsCount em .symbol[data-v-f3aa1d68] {
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        margin-left: 4px;
    }

    .page-asset-overview .todayEarnings .earningsCount .isRise[data-v-f3aa1d68] {
        color: #44bd22;
    }

    .page-asset-overview[data-v-f3aa1d68] .el-dialog {
        border-radius: 8px;
        max-width: 720px;
    }

    .page-asset-overview[data-v-f3aa1d68] .el-dialog__header {
        font-size: 20px;
        line-height: 26px;
        padding: 40px 40px 0;
    }

    .page-asset-overview[data-v-f3aa1d68] .el-dialog__headerbtn {
        right: 22px;
        top: 22px;
    }

    .page-asset-overview[data-v-f3aa1d68] .el-dialog__headerbtn .el-dialog__close {
        font-weight: 600;
    }

    .page-asset-overview .total[data-v-f3aa1d68] {
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .page-asset-overview .to-vip-portal[data-v-f3aa1d68] {
        margin-top: 54px;
    }

    .page-asset-overview .to-vip-portal .portal-top[data-v-f3aa1d68] {
        color: #141f21;
        font-family: IBM Plex Sans;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .page-asset-overview .to-vip-portal .portal-bottom[data-v-f3aa1d68] {
        display: flex;
        justify-content: space-between;
        margin-top: 22px;
    }

    .page-asset-overview .to-vip-portal .portal-bottom .portal-bottom-left[data-v-f3aa1d68] {
        color: #1a1b1f;
        color: var(--Web_color-Web_Primary_color,#1a1b1f);
        font-family: IBM Plex Sans;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .page-asset-overview .to-vip-portal .portal-bottom .portal-bottom-right[data-v-f3aa1d68] {
        color: #6a7c81;
        font-family: IBM Plex Sans;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration-line: underline;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/3841a89.css */
    .LfY1i\+ {
        max-width: 720px;
        min-width: 436px;
    }

    .LfY1i\+ .el-icon-close:before {
        color: #1a1b1f;
        font-weight: 500;
    }

    .LfY1i\+ .el-button--primary.is-disabled {
        background-color: #13c2c2;
        color: #fff;
        opacity: .4;
    }

    .LfY1i\+ .el-dialog__title {
        color: #1a1b1f;
        font-size: 20px;
        font-weight: 600;
    }

    .LfY1i\+ .el-dialog__header {
        padding: 40px 40px 16px;
    }

    .LfY1i\+ .el-dialog__footer {
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
        text-align: left;
        text-align: initial;
    }

    .Vm7awF button {
        width: 100%;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/d7003fd.css */
    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    .page-asset-spot .spot-table[data-v-1ea1df87] .r-table-wrap .el-table .el-table__body-wrapper::-webkit-scrollbar {
        visibility: hidden;
    }

    .page-asset-spot .spot-table[data-v-1ea1df87] .r-table-wrap .el-table:hover .el-table__body-wrapper::-webkit-scrollbar {
        visibility: visible;
    }

    .page-asset-spot .wrapper[data-v-1ea1df87] {
        padding-top: 56px;
    }

    .page-asset-spot .wrapper .header-right-btn[data-v-1ea1df87] {
        margin-bottom: 4px;
        margin-left: 12px;
        margin-top: 4px;
    }

    .page-asset-spot .wrapper .header-right-btn[data-v-1ea1df87]:first-child {
        margin-left: 0;
    }

    .page-asset-spot .wrapper .header-right-btn .header-right-btn-inner[data-v-1ea1df87] {
        border-color: #cacfd7;
    }

    .page-asset-spot .wrapper .header-right-btn .header-right-btn-inner.r-button2.r-button2-primary[data-v-1ea1df87] {
        border-color: #13c2c2;
    }

    .page-asset-spot .wrapper .header-right-btn .header-right-btn-inner.r-button2.r-button2-primary[data-v-1ea1df87]:hover {
        border-color: #15d5d5;
    }

    .page-asset-spot .wrapper .header-right-btn .header-right-btn-inner[data-v-1ea1df87]:hover {
        border-color: #13c2c2;
    }

    .page-asset-spot ./assets-profile-bar[data-v-1ea1df87] {
                           display: flex;
                           flex-wrap: wrap;
                           margin-bottom: 18px;
                           margin-left: -40px;
                       }

    .page-asset-spot ./assets-profile-bar>div[data-v-1ea1df87] {
                           box-sizing: border-box;
                           flex: 0 0 auto;
                           flex-shrink: 0;
                           margin-left: 40px;
                           max-width: 100%;
                       }

    .page-asset-spot ./assets-profile-bar .bar-right[data-v-1ea1df87] {
                           align-items: flex-end;
                           display: flex;
                           margin-bottom: 24px;
                           width: auto!important;
                       }

    .page-asset-spot .query-form[data-v-1ea1df87] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
        margin-top: 24px;
        width: 100%;
    }

    .page-asset-spot .query-form .query-form-left[data-v-1ea1df87] {
        width: 40%;
    }

    .page-asset-spot .query-form .query-form-left[data-v-1ea1df87] .search-input input {
        width: 100%;
    }

    .page-asset-spot .query-form .query-form-right[data-v-1ea1df87] {
        display: flex;
        gap: 60px;
        justify-content: flex-end;
    }

    .page-asset-spot .query-form .query-form-right .limit .text[data-v-1ea1df87] {
        color: #6a7c81;
        font-size: 14px;
    }

    .page-asset-spot .query-form .query-form-right .to-bmx[data-v-1ea1df87] span {
        display: flex;
    }

    .page-asset-spot .query-form .query-form-right .to-bmx .convert-to-bmx-icon[data-v-1ea1df87] {
        font-size: 12px!important;
        margin-left: 3px;
    }

    .page-asset-spot .actions[data-v-1ea1df87] {
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }

    .page-asset-spot .actions .dotWrap[data-v-1ea1df87] {
        cursor: pointer;
    }

    .page-asset-spot .todayEarnings[data-v-1ea1df87] {
        width: auto;
    }

    .page-asset-spot .todayEarnings .label[data-v-1ea1df87] {
        color: #2b2e36;
        cursor: pointer;
        font-size: 16px;
    }

    .page-asset-spot .todayEarnings .label .title[data-v-1ea1df87] {
        border-bottom: 1px dashed #6a7c81;
        color: #6a7c81;
        font-size: 16px;
        font-weight: 400;
    }

    .page-asset-spot .todayEarnings .earningsCount[data-v-1ea1df87] {
        font-size: 24px;
        margin-top: 8px;
    }

    .page-asset-spot .todayEarnings .earningsCount .today-earn-link[data-v-1ea1df87] {
        align-items: center;
        display: flex;
    }

    .page-asset-spot .todayEarnings .earningsCount em[data-v-1ea1df87] {
        font-style: normal;
        font-weight: 500;
        line-height: 29px;
    }

    .page-asset-spot .todayEarnings .earningsCount em .symbol[data-v-1ea1df87] {
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        margin-left: 4px;
    }

    .page-asset-spot .todayEarnings .earningsCount .isRise[data-v-1ea1df87] {
        color: #44bd22;
    }

    .page-asset-spot .todayEarnings .earningsCount .svgfont[data-v-1ea1df87] {
        margin-left: 6px;
        margin-top: 2px;
    }

    @media screen and (min-width: 640px) {
        .page-asset-spot ./assets-profile-bar .bar-right[data-v-1ea1df87] {
        margin-left:40px;
    }
    }

    .page-asset-spot .coin-amount {
        padding-right: 4px;
    }

    .spot/assetsOrder {
              padding: 0;
          }

    ./assetsAction {
          padding: 16px 0;
      }

    ./assetsAction img {
          display: none;
      }

    /*! CSS Used from: /assets/web-frontend/client/css/a7b84fe.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .table-item[data-v-b474ce10] {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
    }

    .table-item .amount[data-v-b474ce10] {
        color: #232d3d;
        display: inline-block;
        max-width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table-item .sub-amount[data-v-b474ce10] {
        color: #86939b;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table-item .sub-amount.subAmountEllipsis[data-v-b474ce10] {
        align-items: center;
        display: inline-flex;
        font-size: 12px;
        justify-content: flex-end;
        text-overflow: clip;
        white-space: nowrap;
        width: 100%;
    }

    .table-item .sub-amount.subAmountEllipsis>span[data-v-b474ce10]:first-child {
        display: inline-block;
        max-width: calc(100% - 25px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table-item .sub-amount.subAmountEllipsis>span[data-v-b474ce10]:nth-child(2) {
        margin-left: 4px;
    }

    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/574b6e7.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/5386f84.css */
    .search-input {
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }

    .search-input .select-input {
        border: 0;
        color: #111;
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
        margin-left: 6px;
    }

    .search-input .select-input::placeholder {
        color: #9db3ba;
        font-size: 16px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/ffee038.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    .coin-item[data-v-4f6422dc] {
        align-items: center;
        display: flex;
    }

    .coin-item .coin-img[data-v-4f6422dc] {
        border-radius: 50%;
        height: 32px;
        margin-right: 8px;
        width: 32px;
    }

    .coin-item .coin-name-wrap[data-v-4f6422dc] {
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .coin-item .coin-name-wrap .coin-name[data-v-4f6422dc] {
        color: #333;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
    }

    .coin-item .coin-name-wrap .product-name[data-v-4f6422dc] {
        color: #6a7c81;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table-item[data-v-b474ce10] {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
    }

    .table-item .amount[data-v-b474ce10] {
        color: #232d3d;
        display: inline-block;
        max-width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table-item .sub-amount[data-v-b474ce10] {
        color: #86939b;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table-item .sub-amount.subAmountEllipsis[data-v-b474ce10] {
        align-items: center;
        display: inline-flex;
        font-size: 12px;
        justify-content: flex-end;
        text-overflow: clip;
        white-space: nowrap;
        width: 100%;
    }

    .table-item .sub-amount.subAmountEllipsis>span[data-v-b474ce10]:first-child {
        display: inline-block;
        max-width: calc(100% - 25px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table-item .sub-amount.subAmountEllipsis>span[data-v-b474ce10]:nth-child(2) {
        margin-left: 4px;
    }

    .search-input {
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }

    .search-input .select-input {
        border: 0;
        color: #111;
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
        margin-left: 6px;
    }

    .search-input .select-input::placeholder {
        color: #9db3ba;
        font-size: 16px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/2adeff9.css */
    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/dfedb8b.css */
    [data-v-4258f84a] .list__coin {
        max-height: 266px;
        overflow: auto;
        overflow: overlay;
    }

    .comp-coin-select .comp-coin-select__foot[data-v-4258f84a],.comp-coin-select .comp-coin-select__head[data-v-4258f84a] {
        height: 8px;
    }

    .comp-coin-select .comp-coin-select-selected[data-v-4258f84a] {
        align-items: center;
        display: flex;
    }

    .comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__logo[data-v-4258f84a] {
        border-radius: 50px;
        height: 20px;
        margin-right: 4px;
        overflow: hidden;
        width: 20px;
    }

    .comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__shortName[data-v-4258f84a] {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-right: 4px;
    }

    .comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__name[data-v-4258f84a] {
        color: #91a5b1;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

    .comp-coin-select[data-v-3a0b9291] .r-my-select-bar .r-my-select-input {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
    }

    .comp-coin-select .comp-coin-select-selected .comp-coin-select-selected-shortName[data-v-3a0b9291] {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-right: 4px;
    }

    .comp-coin-select .comp-coin-select-option[data-v-3a0b9291] {
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        height: 50px;
        justify-content: space-between;
        padding: 8px 16px;
        width: 100%;
    }

    .comp-coin-select .comp-coin-select-option[data-v-3a0b9291]:hover {
        background: #f5f9fb;
    }

    .comp-coin-select .comp-coin-select-option .my-select-option__right[data-v-3a0b9291] {
        align-items: center;
        display: flex;
    }

    .comp-coin-select .comp-coin-select-option .my-select-option__right .comp-coin-select-option__shortName[data-v-3a0b9291] {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-right: 4px;
    }

    .LfY1i\+ {
        max-width: 720px;
        min-width: 436px;
    }

    .LfY1i\+ .el-icon-close:before {
        color: #1a1b1f;
        font-weight: 500;
    }

    .LfY1i\+ .el-button--primary.is-disabled {
        background-color: #13c2c2;
        color: #fff;
        opacity: .4;
    }

    .LfY1i\+ .el-dialog__title {
        color: #1a1b1f;
        font-size: 20px;
        font-weight: 600;
    }

    .LfY1i\+ .el-dialog__header {
        padding: 40px 40px 16px;
    }

    .LfY1i\+ .el-dialog__body {
        padding-bottom: 16px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .LfY1i\+ .el-dialog__body .el-form-item {
        margin-bottom: 16px;
    }

    .LfY1i\+ .el-dialog__footer {
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
        text-align: left;
        text-align: initial;
    }

    .LfY1i\+ .el-form-item__label {
        color: #6a7c81;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 4px;
        width: 100%;
    }

    .LfY1i\+ .el-form-item__content .next-transfer-select {
        height: 44px;
        line-height: 44px;
        width: 100%;
    }

    .LfY1i\+ .el-input__inner {
        background-color: #eef3f5;
        border: 0;
        border-radius: 4px;
        color: #1a1b1f;
        height: 44px!important;
        line-height: 44px!important;
        padding: 0 16px;
    }

    .pg-erp {
        align-items: center;
        display: flex;
        gap: 10px;
        justify-content: space-between;
    }

    .H0FLcD {
        background-color: #eef3f5;
        border: 0;
        border-radius: 4px;
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        height: 44px;
        line-height: 44px;
        padding: 0 16px;
    }

    .pg-erp .el-form-item {
        align-items: stretch;
        display: flex;
        flex: 1;
        flex-direction: column;
    }

    .cURZN1 {
        background: none;
        border: 0;
        cursor: pointer;
    }

    .przUbJ {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-right: -12px;
        position: relative;
        z-index: 0;
    }

    .przUbJ em {
        color: #1a1b1f;
        font-style: normal;
    }

    .Vm7awF button {
        width: 100%;
    }

    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/a3b7c0f.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/640fcf3.css */
    [data-v-4258f84a] .list__coin {
        max-height: 266px;
        overflow: auto;
        overflow: overlay;
    }

    .comp-coin-select .comp-coin-select__foot[data-v-4258f84a],.comp-coin-select .comp-coin-select__head[data-v-4258f84a] {
        height: 8px;
    }

    .comp-coin-select .comp-coin-select-selected[data-v-4258f84a] {
        align-items: center;
        display: flex;
    }

    .comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__logo[data-v-4258f84a] {
        border-radius: 50px;
        height: 20px;
        margin-right: 4px;
        overflow: hidden;
        width: 20px;
    }

    .comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__shortName[data-v-4258f84a] {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-right: 4px;
    }

    .comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__name[data-v-4258f84a] {
        color: #91a5b1;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/760f2b1.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/9ba1883.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/19f4b00.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/c6557a7.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/f23554e.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/b6ea9eb.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    [data-v-4258f84a] .list__coin {
        max-height: 266px;
        overflow: auto;
        overflow: overlay;
    }

    .comp-coin-select .comp-coin-select__foot[data-v-4258f84a],.comp-coin-select .comp-coin-select__head[data-v-4258f84a] {
        height: 8px;
    }

    .comp-coin-select .comp-coin-select-selected[data-v-4258f84a] {
        align-items: center;
        display: flex;
    }

    .comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__logo[data-v-4258f84a] {
        border-radius: 50px;
        height: 20px;
        margin-right: 4px;
        overflow: hidden;
        width: 20px;
    }

    .comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__shortName[data-v-4258f84a] {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-right: 4px;
    }

    .comp-coin-select .comp-coin-select-selected .comp-coin-select-selected__name[data-v-4258f84a] {
        color: #91a5b1;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

    .comp-coin-select[data-v-3a0b9291] .r-my-select-bar .r-my-select-input {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
    }

    .comp-coin-select .comp-coin-select-selected .comp-coin-select-selected-shortName[data-v-3a0b9291] {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-right: 4px;
    }

    .comp-coin-select .comp-coin-select-option[data-v-3a0b9291] {
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        height: 50px;
        justify-content: space-between;
        padding: 8px 16px;
        width: 100%;
    }

    .comp-coin-select .comp-coin-select-option[data-v-3a0b9291]:hover {
        background: #f5f9fb;
    }

    .comp-coin-select .comp-coin-select-option .my-select-option__right[data-v-3a0b9291] {
        align-items: center;
        display: flex;
    }

    .comp-coin-select .comp-coin-select-option .my-select-option__right .comp-coin-select-option__shortName[data-v-3a0b9291] {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-right: 4px;
    }

    .LfY1i\+ {
        max-width: 720px;
        min-width: 436px;
    }

    .LfY1i\+ .el-icon-close:before {
        color: #1a1b1f;
        font-weight: 500;
    }

    .LfY1i\+ .el-button--primary.is-disabled {
        background-color: #13c2c2;
        color: #fff;
        opacity: .4;
    }

    .LfY1i\+ .el-dialog__title {
        color: #1a1b1f;
        font-size: 20px;
        font-weight: 600;
    }

    .LfY1i\+ .el-dialog__header {
        padding: 40px 40px 16px;
    }

    .LfY1i\+ .el-dialog__body {
        padding-bottom: 16px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .LfY1i\+ .el-dialog__body .el-form-item {
        margin-bottom: 16px;
    }

    .LfY1i\+ .el-dialog__footer {
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
        text-align: left;
        text-align: initial;
    }

    .LfY1i\+ .el-form-item__label {
        color: #6a7c81;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 4px;
        width: 100%;
    }

    .LfY1i\+ .el-form-item__content .next-transfer-select {
        height: 44px;
        line-height: 44px;
        width: 100%;
    }

    .LfY1i\+ .el-input__inner {
        background-color: #eef3f5;
        border: 0;
        border-radius: 4px;
        color: #1a1b1f;
        height: 44px!important;
        line-height: 44px!important;
        padding: 0 16px;
    }

    .pg-erp {
        align-items: center;
        display: flex;
        gap: 10px;
        justify-content: space-between;
    }

    .H0FLcD {
        background-color: #eef3f5;
        border: 0;
        border-radius: 4px;
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        height: 44px;
        line-height: 44px;
        padding: 0 16px;
    }

    .pg-erp .el-form-item {
        align-items: stretch;
        display: flex;
        flex: 1;
        flex-direction: column;
    }

    .cURZN1 {
        background: none;
        border: 0;
        cursor: pointer;
    }

    .przUbJ {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-right: -12px;
        position: relative;
        z-index: 0;
    }

    .przUbJ em {
        color: #1a1b1f;
        font-style: normal;
    }

    .Vm7awF button {
        width: 100%;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/3841a89.css */
    .comp-coin-select[data-v-3a0b9291] .r-my-select-bar .r-my-select-input {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
    }

    .comp-coin-select .comp-coin-select-selected .comp-coin-select-selected-shortName[data-v-3a0b9291] {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-right: 4px;
    }

    .comp-coin-select .comp-coin-select-option[data-v-3a0b9291] {
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        height: 50px;
        justify-content: space-between;
        padding: 8px 16px;
        width: 100%;
    }

    .comp-coin-select .comp-coin-select-option[data-v-3a0b9291]:hover {
        background: #f5f9fb;
    }

    .comp-coin-select .comp-coin-select-option .my-select-option__right[data-v-3a0b9291] {
        align-items: center;
        display: flex;
    }

    .comp-coin-select .comp-coin-select-option .my-select-option__right .comp-coin-select-option__shortName[data-v-3a0b9291] {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-right: 4px;
    }

    .LfY1i\+ {
        max-width: 720px;
        min-width: 436px;
    }

    .LfY1i\+ .el-icon-close:before {
        color: #1a1b1f;
        font-weight: 500;
    }

    .LfY1i\+ .el-button--primary.is-disabled {
        background-color: #13c2c2;
        color: #fff;
        opacity: .4;
    }

    .LfY1i\+ .el-dialog__title {
        color: #1a1b1f;
        font-size: 20px;
        font-weight: 600;
    }

    .LfY1i\+ .el-dialog__header {
        padding: 40px 40px 16px;
    }

    .LfY1i\+ .el-dialog__body {
        padding-bottom: 16px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .LfY1i\+ .el-dialog__body .el-form-item {
        margin-bottom: 16px;
    }

    .LfY1i\+ .el-dialog__footer {
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
        text-align: left;
        text-align: initial;
    }

    .LfY1i\+ .el-form-item__label {
        color: #6a7c81;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 4px;
        width: 100%;
    }

    .LfY1i\+ .el-form-item__content .next-transfer-select {
        height: 44px;
        line-height: 44px;
        width: 100%;
    }

    .LfY1i\+ .el-input__inner {
        background-color: #eef3f5;
        border: 0;
        border-radius: 4px;
        color: #1a1b1f;
        height: 44px!important;
        line-height: 44px!important;
        padding: 0 16px;
    }

    .pg-erp {
        align-items: center;
        display: flex;
        gap: 10px;
        justify-content: space-between;
    }

    .H0FLcD {
        background-color: #eef3f5;
        border: 0;
        border-radius: 4px;
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        height: 44px;
        line-height: 44px;
        padding: 0 16px;
    }

    .pg-erp .el-form-item {
        align-items: stretch;
        display: flex;
        flex: 1;
        flex-direction: column;
    }

    .cURZN1 {
        background: none;
        border: 0;
        cursor: pointer;
    }

    .przUbJ {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-right: -12px;
        position: relative;
        z-index: 0;
    }

    .przUbJ em {
        color: #1a1b1f;
        font-style: normal;
    }

    .Vm7awF button {
        width: 100%;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/be1a085.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/d7003fd.css */
    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/a7b84fe.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .table-item[data-v-b474ce10] {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
    }

    .table-item .amount[data-v-b474ce10] {
        color: #232d3d;
        display: inline-block;
        max-width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table-item .hidden-unit[data-v-b474ce10] {
        display: inline-block;
        overflow: hidden;
        width: 0;
    }

    .table-item .sub-amount[data-v-b474ce10] {
        color: #86939b;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .coin-item[data-v-28a53529] {
        align-items: center;
        display: flex;
    }

    .coin-item .coin-img[data-v-28a53529] {
        border-radius: 50%;
        height: 32px;
        margin-right: 8px;
        width: 32px;
    }

    .coin-item .coin-name-wrap[data-v-28a53529] {
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .coin-item .coin-name-wrap .product-name[data-v-28a53529] {
        color: #6a7c81;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .coin-item .coin-name-wrap .product-name[data-v-28a53529]:before {
        color: #333;
        content: attr(data-label);
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
    }

    .moblie-list[data-v-2ad0360b] {
        border-top: 1px solid #f3f4f7;
        padding-top: 24px;
    }

    .moblie-list .flex-item[data-v-2ad0360b] {
        color: #6a7c81;
        display: flex;
        font-size: 12px;
        justify-content: space-between;
        line-height: 16px;
        margin-bottom: 12px;
    }

    .moblie-list .top-item[data-v-2ad0360b] {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 16px;
    }

    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    .page-base .wrapper[data-v-db473ebe] {
        padding-top: 56px;
    }

    .page-base .wrapper .header-right-btn[data-v-db473ebe] {
        margin-bottom: 4px;
        margin-left: 12px;
        margin-top: 4px;
    }

    .page-base .wrapper .header-right-btn[data-v-db473ebe]:first-child {
        margin-left: 0;
    }

    .page-base .wrapper .header-right-btn .header-right-btn-inner[data-v-db473ebe] {
        border-color: #cacfd7;
    }

    .page-base .wrapper .header-right-btn .header-right-btn-inner.r-button2.r-button2-primary[data-v-db473ebe] {
        border-color: #13c2c2;
    }

    .page-base .wrapper .header-right-btn .header-right-btn-inner.r-button2.r-button2-primary[data-v-db473ebe]:hover {
        border-color: #15d5d5;
    }

    .page-base .wrapper .header-right-btn .header-right-btn-inner[data-v-db473ebe]:hover {
        border-color: #13c2c2;
    }

    .page-base[data-v-db473ebe] .r-table-wrap .el-table .el-table__body-wrapper::-webkit-scrollbar {
        display: none;
    }

    .page-base[data-v-db473ebe] .r-table-wrap .el-table:hover .el-table__body-wrapper::-webkit-scrollbar {
        display: block;
    }

    .page-base ./assets-profile-bar[data-v-db473ebe] {
                     display: flex;
                     flex-wrap: wrap;
                     margin-bottom: 18px;
                     margin-left: -40px;
                 }

    .page-base ./assets-profile-bar>div[data-v-db473ebe] {
                     box-sizing: border-box;
                     flex: 0 0 auto;
                     flex-shrink: 0;
                     margin-left: 40px;
                     max-width: 100%;
                 }

    .page-base .actions[data-v-db473ebe] {
        display: flex;
        justify-content: flex-end;
    }

    .page-base .todayEarnings[data-v-db473ebe] {
        width: auto;
    }

    .page-base .todayEarnings .label[data-v-db473ebe] {
        color: #2b2e36;
        cursor: pointer;
        font-size: 16px;
    }

    .page-base .todayEarnings .label .title[data-v-db473ebe] {
        color: #6a7c81;
        font-size: 16px;
        font-weight: 400;
    }

    .page-base .todayEarnings .earningsCount[data-v-db473ebe] {
        font-size: 24px;
        margin-top: 8px;
    }

    .page-base .todayEarnings .earningsCount .today-earn-link[data-v-db473ebe] {
        align-items: center;
        display: flex;
    }

    .page-base .todayEarnings .earningsCount em[data-v-db473ebe] {
        font-style: normal;
        font-weight: 500;
        line-height: 29px;
    }

    .page-base .todayEarnings .earningsCount em .symbol[data-v-db473ebe] {
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        margin-left: 4px;
    }

    .page-base .todayEarnings .earningsCount .isRise[data-v-db473ebe] {
        color: #44bd22;
    }

    .page-base .usdm-table[data-v-db473ebe] .el-table table tbody .cell,.page-base .usdm-table[data-v-db473ebe] .el-table table thead .cell {
        padding: 0 10px;
    }

    .page-base .moblie-tab[data-v-db473ebe] {
        color: #6a7c81;
        display: flex;
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 24px;
    }

    .page-base .moblie-tab div[data-v-db473ebe] {
        margin-right: 36px;
    }

    .page-base .moblie-tab .moblie-tab-active[data-v-db473ebe] {
        color: #1a1b1f;
        font-weight: 500;
    }

    @media screen and (max-width: 768px) {
        .page-base .pc-list[data-v-db473ebe] {
            display:none;
        }

        .page-base ./assets-profile-bar[data-v-db473ebe] {
        display: block;
    }
    }

    @media screen and (min-width: 768px) {
        .page-base .moblie-list[data-v-db473ebe],.page-base .moblie-tab[data-v-db473ebe] {
            display:none;
        }
    }

    .page-head[data-v-db473ebe] {
        align-items: center;
        display: flex;
        gap: 12px;
    }

    .future-goto-icon {
        color: #9ca6b4;
        cursor: pointer;
        margin-left: 8px;
        vertical-align: middle;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/574b6e7.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    .coin-item[data-v-28a53529] {
        align-items: center;
        display: flex;
    }

    .coin-item .coin-img[data-v-28a53529] {
        border-radius: 50%;
        height: 32px;
        margin-right: 8px;
        width: 32px;
    }

    .coin-item .coin-name-wrap[data-v-28a53529] {
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .coin-item .coin-name-wrap .product-name[data-v-28a53529] {
        color: #6a7c81;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .coin-item .coin-name-wrap .product-name[data-v-28a53529]:before {
        color: #333;
        content: attr(data-label);
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/5386f84.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    .notice-global-text-dialog {
        background-color: #fff;
        background: #fff;
        background: var(--color-trade-confirm-dialog-bg,#fff);
        max-width: 600px;
        width: 98%;
    }

    .notice-global-img-dialog {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
        width: 390px;
    }

    .notice-global-img-dialog .el-dialog__headerbtn {
        display: none;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/ffee038.css */
    .component-second-navigator-bar-account[data-v-6aa31334] {
        background-color: #fff;
        border: solid #f3f8fa;
        border-width: 0 0 1px;
        overflow: auto;
        position: fixed;
        width: 100%;
        z-index: 998;
    }

    .component-second-navigator-bar-account .link[data-v-6aa31334] {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .component-second-navigator-bar-account .link.actived[data-v-6aa31334]:before {
        background-color: #1a1b1f;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334] {
        margin-left: 24px;
    }

    .component-second-navigator-bar-account .link.divide[data-v-6aa31334]:after {
        background-color: #dfe3eb;
        content: "";
        height: 12px;
        left: -24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .component-second-navigator-bar-account[data-v-6aa31334] ::-webkit-scrollbar {
        all: unset;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    .table-item[data-v-b474ce10] {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
    }

    .table-item .amount[data-v-b474ce10] {
        color: #232d3d;
        display: inline-block;
        max-width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table-item .hidden-unit[data-v-b474ce10] {
        display: inline-block;
        overflow: hidden;
        width: 0;
    }

    .table-item .sub-amount[data-v-b474ce10] {
        color: #86939b;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/5386f84.css */
    .component-margin-transfer-dialog[data-v-61b36384] .el-dialog {
        border-radius: 8px;
    }

    .component-margin-transfer-dialog[data-v-61b36384] .el-dialog__header {
        padding: 40px 40px 16px;
    }

    .component-margin-transfer-dialog[data-v-61b36384] .el-dialog__footer {
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
        text-align: left;
        text-align: initial;
    }

    .component-margin-transfer-dialog[data-v-61b36384] .el-button {
        border-radius: 4px;
        height: 44px;
        min-width: 180px;
    }

    .component-margin-transfer-dialog .dialog-footer[data-v-61b36384] {
        display: flex;
        justify-content: flex-end;
    }

    .search-input {
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }

    .search-input .select-input {
        border: 0;
        color: #111;
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
        margin-left: 6px;
    }

    .search-input .select-input::placeholder {
        color: #9db3ba;
        font-size: 16px;
    }

    .page-warp-funds-table .query-form[data-v-373bf626] {
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
        margin-top: 18px;
        width: 100%;
    }

    .page-warp-funds-table .query-form-right[data-v-373bf626] {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .page-warp-funds-table .query-form .query-form-left[data-v-373bf626] {
        width: 70%;
    }

    .page-warp-funds-table .query-form .query-form-left[data-v-373bf626] .search-input input {
        width: 100%;
    }

    .page-warp-funds-table .column div[data-v-373bf626] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    .page-warp-funds-table[data-v-373bf626] .r-table-wrap .el-table .el-table__body-wrapper::-webkit-scrollbar {
        visibility: hidden;
    }

    .page-warp-funds-table[data-v-373bf626] .r-table-wrap .el-table:hover .el-table__body-wrapper::-webkit-scrollbar {
        visibility: visible;
    }

    .page-warp-funds-table[data-v-373bf626] .r-table-wrap .el-table thead th {
        padding: 20px 0;
        vertical-align: top;
    }

    .page-warp-funds-table[data-v-373bf626] .r-table-wrap .el-table thead th .cell {
        line-height: 18px;
    }

    .page-warp-funds-table[data-v-373bf626] .r-table-wrap .el-table table tbody .cell,.page-warp-funds-table[data-v-373bf626] .r-table-wrap .el-table table thead .cell {
        padding: 0 10px;
    }

    .operation button[data-v-373bf626]:nth-child(n+2) {
        margin-left: 10px;
    }

    .status[data-v-373bf626] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .status.low[data-v-373bf626] {
        color: #52c41a;
    }

    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    .page-asset-margin .wrapper[data-v-1645b226] {
        padding-top: 56px;
    }

    .page-asset-margin .wrapper .header-right-btn[data-v-1645b226] {
        margin-bottom: 4px;
        margin-left: 12px;
        margin-top: 4px;
    }

    .page-asset-margin .wrapper .header-right-btn[data-v-1645b226]:first-child {
        margin-left: 0;
    }

    .page-asset-margin .wrapper .header-right-btn .header-right-btn-inner[data-v-1645b226] {
        border-color: #cacfd7;
    }

    .page-asset-margin .wrapper .header-right-btn .header-right-btn-inner[data-v-1645b226]:hover {
        border-color: #13c2c2;
    }

    .page-asset-margin ./assets-profile-bar[data-v-1645b226] {
                             display: flex;
                             flex-wrap: wrap;
                             margin-bottom: 18px;
                             margin-left: -40px;
                         }

    .page-asset-margin ./assets-profile-bar>div[data-v-1645b226] {
                             box-sizing: border-box;
                             flex: 0 0 auto;
                             flex-shrink: 0;
                             margin-left: 40px;
                             max-width: 100%;
                         }

    [data-v-59f40b15] .el-table th.is-leaf {
        border-bottom: none;
    }

    [data-v-59f40b15] .el-table__empty-text {
        color: #1a1b1f;
    }

    [data-v-59f40b15] .r-table-wrap .el-table .el-table__body-wrapper {
        scrollbar-width: none;
    }

    [data-v-59f40b15] .r-table-wrap .el-table .el-table__body-wrapper::-webkit-scrollbar {
        display: none;
    }

    [data-v-59f40b15] .r-table-wrap .el-table:hover .el-table__body-wrapper {
        scrollbar-width: auto;
    }

    [data-v-59f40b15] .r-table-wrap .el-table:hover .el-table__body-wrapper::-webkit-scrollbar {
        display: block;
    }

    .page-earn-savings[data-v-59f40b15] {
        position: relative;
    }

    .page-earn-savings .saving-table[data-v-59f40b15] .el-table table thead .cell {
        padding: 0 10px;
    }

    .page-earn-savings .tabs[data-v-59f40b15] {
        background-color: #fff;
        position: sticky;
        top: 112px;
        z-index: 100;
    }

    .page-earn-savings .tabs[data-v-59f40b15] .r-tabs-header-wrapper {
        margin: 0;
        padding: 6px 0 22px;
    }

    .tip_label[data-v-59f40b15] {
        cursor: pointer;
        text-decoration-color: #6a7c81;
        text-decoration-line: underline;
        text-decoration-style: dashed;
        text-decoration-thickness: .5px;
        text-underline-offset: 2px;
    }

    .confirmEarlyRedeem_dialog[data-v-59f40b15] .el-dialog__header {
        margin-bottom: 0;
    }

    .confirmEarlyRedeem_dialog .dialog-footer[data-v-59f40b15] {
        display: flex;
        justify-content: space-between;
    }

    .page-base .wrapper[data-v-afc63fe8] {
        padding-top: 56px;
    }

    .page-base .wrapper .header-right-btn[data-v-afc63fe8] {
        margin-bottom: 4px;
        margin-left: 12px;
        margin-top: 4px;
    }

    .page-base .wrapper .header-right-btn[data-v-afc63fe8]:first-child {
        margin-left: 0;
    }

    .page-base ./assets-profile-bar[data-v-afc63fe8] {
                     display: flex;
                     flex-wrap: wrap;
                     margin-bottom: 18px;
                     margin-left: -40px;
                 }

    .page-base ./assets-profile-bar>div[data-v-afc63fe8] {
                     box-sizing: border-box;
                     flex: 0 0 auto;
                     flex-shrink: 0;
                     margin-left: 40px;
                 }

    .btn__confirm[data-v-afc63fe8] {
        border-radius: 4px;
        height: 40px;
        width: 100%;
    }

    [data-v-afc63fe8] .el-dialog__wrapper {
        align-items: center;
        display: flex;
    }

    [data-v-afc63fe8] .el-dialog {
        border-radius: 8px;
        width: 486px;
    }

    [data-v-afc63fe8] .el-dialog__header {
        margin-bottom: 32px;
        padding: 32px 32px 0;
    }

    [data-v-afc63fe8] .el-dialog__footer {
        padding: 0 32px 32px;
    }

    [data-v-afc63fe8] .el-dialog__close:before {
        font-weight: 700;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/072885e.css */
    .page-buy-sell-base .query-form[data-v-748fc237] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
        margin-top: 18px;
        width: 100%;
    }

    .page-buy-sell-base .query-form .query-form-left[data-v-748fc237] {
        width: 50%;
    }

    .page-buy-sell-base .query-form .query-form-left[data-v-748fc237] .search-input input {
        width: 100%;
    }

    .page-buy-sell-base .actions[data-v-748fc237] {
        align-items: center;
        display: flex;
        font-size: 12px;
        font-weight: 500;
        justify-content: flex-start;
    }

    .page-buy-sell-base .actions .action-item[data-v-748fc237]:nth-child(n+2) {
        margin-left: 12px;
    }

    .page-buy-sell-base .query-table[data-v-748fc237] .r-table-wrap .el-table .el-table__body-wrapper {
        scrollbar-width: none;
    }

    .page-buy-sell-base .query-table[data-v-748fc237] .r-table-wrap .el-table .el-table__body-wrapper::-webkit-scrollbar {
        display: none;
    }

    .page-buy-sell-base .query-table[data-v-748fc237] .r-table-wrap .el-table:hover .el-table__body-wrapper {
        scrollbar-width: auto;
    }

    .page-buy-sell-base .query-table[data-v-748fc237] .r-table-wrap .el-table:hover .el-table__body-wrapper::-webkit-scrollbar {
        display: block;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/ffee038.css */
    .coin-item[data-v-4f6422dc] {
        align-items: center;
        display: flex;
    }

    .coin-item .coin-img[data-v-4f6422dc] {
        border-radius: 50%;
        height: 32px;
        margin-right: 8px;
        width: 32px;
    }

    .coin-item .coin-name-wrap[data-v-4f6422dc] {
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .coin-item .coin-name-wrap .coin-name[data-v-4f6422dc] {
        color: #333;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
    }

    .coin-item .coin-name-wrap .product-name[data-v-4f6422dc] {
        color: #6a7c81;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table-item[data-v-b474ce10] {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
    }

    .table-item .amount[data-v-b474ce10] {
        color: #232d3d;
        display: inline-block;
        max-width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table-item .sub-amount[data-v-b474ce10] {
        color: #86939b;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .search-input {
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }

    .search-input .select-input {
        border: 0;
        color: #111;
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
        margin-left: 6px;
    }

    .search-input .select-input::placeholder {
        color: #9db3ba;
        font-size: 16px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/a7b84fe.css */
    .table-item[data-v-b474ce10] {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
    }

    .table-item .amount[data-v-b474ce10] {
        color: #232d3d;
        display: inline-block;
        max-width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table-item .sub-amount[data-v-b474ce10] {
        color: #86939b;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/5386f84.css */
    .search-input {
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }

    .search-input .select-input {
        border: 0;
        color: #111;
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
        margin-left: 6px;
    }

    .search-input .select-input::placeholder {
        color: #9db3ba;
        font-size: 16px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/f89b17b.css */
    .r-button2 {
        align-items: center;
        background-color: #fff;
        background-image: none;
        border: 1px solid #cacfd7;
        border-radius: 4px;
        box-sizing: border-box;
        color: #1a1b1f;
        cursor: pointer;
        display: inline-flex;
        justify-content: center;
        margin: 0;
        outline: 0;
        position: relative;
        -webkit-text-decoration: none;
        text-decoration: none;
        transition: border-color .2s cubic-bezier(.645,.045,.355,1),background-color .2s cubic-bezier(.645,.045,.355,1),color .2s cubic-bezier(.645,.045,.355,1);
    }

    .r-button2.r-button2-link {
        color: inherit;
    }

    .r-button2.r-button2-enabled:hover {
        border-color: #13c2c2;
        color: #13c2c2;
    }

    .r-button2.r-button2-medium {
        font-size: 14px;
        line-height: 18px;
        min-height: 32px;
        min-width: 68px;
        padding: 6px 12px;
    }

    .r-button2.r-button2-primary {
        background-color: #13c2c2;
        border-color: #13c2c2;
        color: #fff;
    }

    .r-button2.r-button2-primary.r-button2-enabled:hover {
        background-color: #15d5d5;
        border-color: #15d5d5;
        color: #fff;
    }

    .r-button2.r-button2-primary.r-button2-enabled:active {
        background-color: #10a5a5;
        border-color: #10a5a5;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/eb4f189.css */
    ::placeholder,button {
        font-family: IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
    }

    a {
        color: inherit;
        -webkit-text-decoration: none;
        text-decoration: none;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/072885e.css */
    .page-buy-sell-base .wrapper .header-right-btn[data-v-748fc237] {
        margin-bottom: 4px;
        margin-left: 12px;
        margin-top: 4px;
    }

    .page-buy-sell-base .wrapper .header-right-btn[data-v-748fc237]:first-child {
        margin-left: 0;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/ffee038.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/a7b84fe.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/5386f84.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/574b6e7.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/be1a085.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/b6ea9eb.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/a3b7c0f.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/e8fd352.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/9ba1883.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/c6557a7.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/760f2b1.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/640fcf3.css */
    .component-coin-label[data-v-09c9d39b] {
        align-items: center;
        background-color: #f3f4f7;
        border-radius: 4px;
        cursor: pointer;
        display: flex;
        height: 32px;
        justify-content: center;
        min-width: 44px;
        padding-left: 10px;
        padding-right: 10px;
        transition: background-color .25s ease;
    }

    .component-coin-label[data-v-09c9d39b]:hover {
        background-color: #f5f9fb;
    }

    .component-coin-label .logo[data-v-09c9d39b] {
        border-radius: 50px;
        height: 14px;
        margin-right: 4px;
        -o-object-fit: contain;
        object-fit: contain;
        overflow: hidden;
        width: 14px;
    }

    .component-coin-label .short-name[data-v-09c9d39b] {
        color: #2b2e36;
        font-size: 14px;
    }

    .component-history-coin-list[data-v-b5e202be] {
        padding: 10px 16px;
    }

    .component-history-coin-list .head[data-v-b5e202be] {
        align-items: center;
        color: #6a7c81;
        display: flex;
        font-size: 12px;
        justify-content: space-between;
        line-height: 16px;
    }

    .component-history-coin-list .handle[data-v-b5e202be] {
        cursor: pointer;
    }

    .component-history-coin-list .list[data-v-b5e202be] {
        display: flex;
        flex-wrap: wrap;
    }

    .component-history-coin-list .item[data-v-b5e202be] {
        margin-right: 8px;
        margin-top: 8px;
    }

    .component-hot-coin-list[data-v-36fd9262] {
        padding: 10px 16px;
    }

    .component-hot-coin-list .head[data-v-36fd9262] {
        align-items: center;
        color: #6a7c81;
        display: flex;
        font-size: 12px;
        justify-content: space-between;
        line-height: 16px;
    }

    .component-hot-coin-list .list[data-v-36fd9262] {
        display: flex;
        flex-wrap: wrap;
    }

    .component-hot-coin-list .item[data-v-36fd9262] {
        margin-right: 8px;
        margin-top: 8px;
    }

    [data-v-4258f84a] .list__coin {
        max-height: 266px;
        overflow: auto;
        overflow: overlay;
    }

    .comp-coin-select .comp-coin-select__foot[data-v-4258f84a],.comp-coin-select .comp-coin-select__head[data-v-4258f84a] {
        height: 8px;
    }

    .comp-coin-select .comp-coin-select-option[data-v-4258f84a] {
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        height: 50px;
        justify-content: space-between;
        padding: 8px 16px;
        width: 100%;
    }

    .comp-coin-select .comp-coin-select-option[data-v-4258f84a]:hover {
        background: #f5f9fb;
    }

    .comp-coin-select .comp-coin-select-option .comp-coin-select-option__left[data-v-4258f84a] {
        align-items: center;
        display: flex;
    }

    .comp-coin-select .comp-coin-select-option .comp-coin-select-option__left .comp-coin-select-option__logo[data-v-4258f84a] {
        border-radius: 50px;
        height: 20px;
        margin-right: 8px;
        overflow: hidden;
        width: 20px;
    }

    .comp-coin-select .comp-coin-select-option .comp-coin-select-option__left .comp-coin-select-option__shortName[data-v-4258f84a] {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-right: 4px;
    }

    .comp-coin-select .comp-coin-select-option .comp-coin-select-option__left .comp-coin-select-option__name[data-v-4258f84a] {
        color: #91a5b1;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/ffee038.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/a7b84fe.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/5386f84.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/574b6e7.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/be1a085.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/b6ea9eb.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    .component-coin-label[data-v-09c9d39b] {
        align-items: center;
        background-color: #f3f4f7;
        border-radius: 4px;
        cursor: pointer;
        display: flex;
        height: 32px;
        justify-content: center;
        min-width: 44px;
        padding-left: 10px;
        padding-right: 10px;
        transition: background-color .25s ease;
    }

    .component-coin-label[data-v-09c9d39b]:hover {
        background-color: #f5f9fb;
    }

    .component-coin-label .logo[data-v-09c9d39b] {
        border-radius: 50px;
        height: 14px;
        margin-right: 4px;
        -o-object-fit: contain;
        object-fit: contain;
        overflow: hidden;
        width: 14px;
    }

    .component-coin-label .short-name[data-v-09c9d39b] {
        color: #2b2e36;
        font-size: 14px;
    }

    .component-history-coin-list[data-v-b5e202be] {
        padding: 10px 16px;
    }

    .component-history-coin-list .head[data-v-b5e202be] {
        align-items: center;
        color: #6a7c81;
        display: flex;
        font-size: 12px;
        justify-content: space-between;
        line-height: 16px;
    }

    .component-history-coin-list .handle[data-v-b5e202be] {
        cursor: pointer;
    }

    .component-history-coin-list .list[data-v-b5e202be] {
        display: flex;
        flex-wrap: wrap;
    }

    .component-history-coin-list .item[data-v-b5e202be] {
        margin-right: 8px;
        margin-top: 8px;
    }

    .component-hot-coin-list[data-v-36fd9262] {
        padding: 10px 16px;
    }

    .component-hot-coin-list .head[data-v-36fd9262] {
        align-items: center;
        color: #6a7c81;
        display: flex;
        font-size: 12px;
        justify-content: space-between;
        line-height: 16px;
    }

    .component-hot-coin-list .list[data-v-36fd9262] {
        display: flex;
        flex-wrap: wrap;
    }

    .component-hot-coin-list .item[data-v-36fd9262] {
        margin-right: 8px;
        margin-top: 8px;
    }

    [data-v-4258f84a] .list__coin {
        max-height: 266px;
        overflow: auto;
        overflow: overlay;
    }

    .comp-coin-select .comp-coin-select__foot[data-v-4258f84a],.comp-coin-select .comp-coin-select__head[data-v-4258f84a] {
        height: 8px;
    }

    .comp-coin-select .comp-coin-select-option[data-v-4258f84a] {
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        height: 50px;
        justify-content: space-between;
        padding: 8px 16px;
        width: 100%;
    }

    .comp-coin-select .comp-coin-select-option[data-v-4258f84a]:hover {
        background: #f5f9fb;
    }

    .comp-coin-select .comp-coin-select-option .comp-coin-select-option__left[data-v-4258f84a] {
        align-items: center;
        display: flex;
    }

    .comp-coin-select .comp-coin-select-option .comp-coin-select-option__left .comp-coin-select-option__logo[data-v-4258f84a] {
        border-radius: 50px;
        height: 20px;
        margin-right: 8px;
        overflow: hidden;
        width: 20px;
    }

    .comp-coin-select .comp-coin-select-option .comp-coin-select-option__left .comp-coin-select-option__shortName[data-v-4258f84a] {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-right: 4px;
    }

    .comp-coin-select .comp-coin-select-option .comp-coin-select-option__left .comp-coin-select-option__name[data-v-4258f84a] {
        color: #91a5b1;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/a3b7c0f.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/e8fd352.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/9ba1883.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/c6557a7.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/760f2b1.css */
    .component-content-header[data-v-13f7d3f5] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .component-content-header .text[data-v-13f7d3f5] {
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }

    .component-content-header .left[data-v-13f7d3f5] {
        flex: 1 0 auto;
        margin-right: 20px;
    }

    .component-content-header .right[data-v-13f7d3f5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    @media screen and (min-width: 640px) {
        .component-content-header[data-v-13f7d3f5] {
            padding-bottom:46px;
            padding-top: 68px;
        }

        .component-content-header .text[data-v-13f7d3f5] {
            font-size: 36px;
            line-height: 48px;
        }
    }

    .com-backer[data-v-8fa7ec64] {
        cursor: pointer;
        display: flex;
        font-size: 14px;
        line-height: 20px;
        position: relative;
        transition: color .2s ease;
    }

    .com-backer [data-v-8fa7ec64] {
        box-sizing: border-box;
    }

    .com-backer .icon[data-v-8fa7ec64] {
        font-size: 8px;
        line-height: 20px;
    }

    .com-backer .text[data-v-8fa7ec64] {
        font-size: 14px;
        line-height: 20px;
        margin-left: 6px;
    }

    .comp-bread-crumb[data-v-3896f022] {
        align-items: center;
        display: flex;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .comp-bread-crumb [data-v-3896f022],.comp-bread-crumb[data-v-3896f022] {
        box-sizing: border-box;
    }

    .comp-bread-crumb .item[data-v-3896f022] {
        display: flex;
    }

    .comp-bread-crumb .link[data-v-3896f022] {
        color: #6a7c81;
    }

    .comp-bread-crumb .separator[data-v-3896f022] {
        color: #91a5b1;
        display: inline-block;
        font-size: 12px;
        margin: 0 6px;
        transform: scale(.9);
    }

    .comp-info-list * {
        box-sizing: border-box;
    }

    .comp-info-list .head {
        color: #141f21;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding-bottom: 2px;
    }

    .comp-info-list .item {
        color: #3e4648;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding-bottom: 6px;
        padding-left: 10px;
        padding-top: 6px;
        position: relative;
    }

    .comp-info-list .item:before {
        background-color: #3e4648;
        border-radius: 100%;
        content: "";
        height: 4px;
        left: 0;
        position: absolute;
        top: 16px;
        transform: translateY(-50%);
        width: 4px;
    }

    .comp-info-list .item .link {
        -webkit-text-decoration: underline;
        text-decoration: underline;
    }

    .comp-info-list .item .link:hover {
        color: #13c2c2;
    }

    .comp-recent-table[data-v-2c09d053] {
        margin-top: 120px;
    }

    .comp-recent-table [data-v-2c09d053] {
        box-sizing: border-box;
    }

    .comp-recent-table .head[data-v-2c09d053] {
        color: #000;
        display: flex;
        font-size: 24px;
        font-weight: 500;
        justify-content: space-between;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .comp-recent-table .switch-ctr[data-v-2c09d053] {
        font-size: 12px;
        line-height: 16px;
        margin-left: 20px;
    }

    .comp-recent-table .switch[data-v-2c09d053] {
        color: #6a7c81;
        vertical-align: middle;
    }

    .comp-recent-table[data-v-2c09d053] .el-table__header {
        border-top: none;
    }

    .comp-recent-table[data-v-2c09d053] .el-table__empty-text div {
        height: 160px!important;
    }

    .comp-recent-table[data-v-2c09d053] .r-table-wrap.is-empty .r-table-empty {
        margin-top: 28px;
    }

    .comp-recent-table[data-v-2c09d053] .el-switch {
        margin-right: 8px;
    }

    .comp-recent-table[data-v-2c09d053] .el-switch__core {
        border-radius: 20px;
        height: 12px;
        width: 20px!important;
    }

    .comp-recent-table[data-v-2c09d053] .el-switch__core:after {
        border: 1px solid #eff4f6;
        box-sizing: border-box;
        height: 12px;
        left: -1px;
        top: -1px;
        width: 12px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/0c0aa0d.css */
    .comp-Clipboard {
        align-items: center;
        position: relative;
    }

    .comp-Clipboard-mask {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .comp-Clipboard-success-icon {
        color: #6a7c81;
    }

    .comp-Clipboard-success-icon:hover {
        color: #141f21;
    }

    .pNTknl .el-dialog {
        max-width: 588px;
    }

    .fK0K3H {
        display: flex;
        justify-content: flex-end;
    }

    .JGOqiw:hover {
        border-color: #13c2c2;
    }

    .vIKZqV {
        color: #1a1b1f;
        font-size: 16px;
        position: relative;
    }

    ._4XvTcn {
        align-items: center;
        background-color: #eef3f5;
        border: 1px solid #eef3f5;
        border-radius: 4px;
        display: flex;
        gap: 12px;
        justify-content: space-between;
        padding: 12px 16px;
        transition: border-color .3s ease;
    }

    .\+PlBPc {
        background-color: #f5f7fa;
        border-color: #f5f7fa;
        color: #c0c4cc;
        cursor: not-allowed;
    }

    .Piqi6P {
        white-space: normal;
        word-break: break-all;
    }

    .ytuRz9 {
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 4px 16px 0 rgba(0,0,0,.1);
        display: none;
        margin-top: 4px;
        padding-top: 12px;
        position: absolute;
        width: 100%;
        z-index: 9;
    }

    ._92fc8d {
        max-height: 198px;
        overflow: auto;
    }

    .page-asset-deposit [data-v-36666d26] {
        box-sizing: border-box;
    }

    .page-asset-deposit .wrapper[data-v-36666d26] {
        padding-top: 18px;
    }

    .page-asset-deposit .content-header[data-v-36666d26] {
        padding-bottom: 32px;
        padding-top: 42px;
    }

    .page-asset-deposit .content[data-v-36666d26] {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
    }

    @media screen and (max-width: 960px) {
        .page-asset-deposit .content[data-v-36666d26] {
            flex-direction:column;
            gap: 20px;
        }
    }

    .page-asset-deposit .form-wrapper[data-v-36666d26] {
        flex: 1;
        max-width: 588px;
    }

    .page-asset-deposit .form-row-column[data-v-36666d26] {
        display: flex;
        flex-wrap: nowrap;
        gap: 24px;
        justify-content: space-between;
    }

    .page-asset-deposit .form-row[data-v-36666d26] {
        flex: 1;
        margin-bottom: 24px;
    }

    .page-asset-deposit .form-label[data-v-36666d26] {
        display: flex;
        font-size: 16px;
        font-weight: 500;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .page-asset-deposit .form-label label[data-v-36666d26] {
        align-items: center;
        display: flex;
        gap: 4px;
    }

    .page-asset-deposit .form-item-extra[data-v-36666d26] {
        flex: 0 1 100px;
        margin-top: 29px;
    }

    .page-asset-deposit .info-wrapper[data-v-36666d26] {
        border: 1px solid #eef3f5;
        border-radius: 4px;
        padding: 20px;
        width: 383px;
    }

    @media screen and (max-width: 960px) {
        .page-asset-deposit .info-wrapper[data-v-36666d26] {
            width:100%;
        }
    }

    .page-asset-deposit .coinSelect-list .coin-select-suspended[data-v-36666d26] {
        align-items: center;
        color: #6a7c81;
        display: flex;
        font-size: 12px;
        height: 100%;
    }

    .page-asset-deposit .page-asset-deposit__kyc[data-v-36666d26] {
        align-items: center;
        background: #fbfbfd;
        border-radius: 4px;
        display: flex;
        justify-content: space-between;
        padding: 16px 20px;
    }

    .page-asset-deposit .page-asset-deposit__kyc .page-asset-deposit-kyc__left[data-v-36666d26] {
        align-items: center;
        display: flex;
        margin-right: 81px;
    }

    .page-asset-deposit .page-asset-deposit__kyc .page-asset-deposit-kyc__left .page-asset-deposit-kyc__icon[data-v-36666d26] {
        font-size: 26px!important;
        margin-right: 13px;
    }

    .page-asset-deposit .page-asset-deposit__kyc .page-asset-deposit-kyc__left .page-asset-deposit-kyc__info .page-asset-deposit-kyc__level[data-v-36666d26] {
        color: #141f21;
        font-size: 16px;
        font-weight: 500;
    }

    .page-asset-deposit .page-asset-deposit__kyc .page-asset-deposit-kyc__left .page-asset-deposit-kyc__info .page-asset-deposit-kyc__desc[data-v-36666d26] {
        color: #6a7c81;
        font-size: 12px;
        font-weight: 400;
        margin-top: 4px;
    }

    .page-asset-deposit .page-asset-deposit__kyc .page-asset-deposit-kyc__right .r-button2-large[data-v-36666d26] {
        min-width: 140px;
    }

    .page-asset-deposit[data-v-36666d26] .coin-select-option-wrapper {
        margin-bottom: 0!important;
        margin-right: 0!important;
        max-height: 412px;
        overflow: auto;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/d8daa36.css */
    .page-asset-withdrawal [data-v-31971307] {
        box-sizing: border-box;
    }

    .page-asset-withdrawal .wrapper[data-v-31971307] {
        padding-top: 18px;
    }

    .page-asset-withdrawal .content-header[data-v-31971307] {
        padding-bottom: 32px;
        padding-top: 42px;
    }

    .page-asset-withdrawal .content[data-v-31971307] {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        min-height: 558px;
    }

    .page-asset-withdrawal .form-wrapper[data-v-31971307] {
        flex: 1;
        margin-right: 100px;
        max-width: 588px;
    }

    .page-asset-withdrawal .form-row[data-v-31971307] {
        margin-bottom: 24px;
    }

    .page-asset-withdrawal .form-label[data-v-31971307] {
        display: flex;
        font-size: 16px;
        font-weight: 500;
        justify-content: space-between;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .page-asset-withdrawal .info-wrapper[data-v-31971307] {
        border: 1px solid #eef3f5;
        border-radius: 4px;
        padding: 20px;
        width: 383px;
    }

    .page-asset-withdrawal .tips-list[data-v-31971307] {
        margin-bottom: 30px;
    }

    .page-asset-withdrawal .loading-placeholder[data-v-31971307] {
        margin-bottom: 12px;
        margin-top: 12px;
        min-height: 50px;
    }

    .page-asset-withdrawal .loading-placeholder[data-v-31971307] .el-loading-mask {
        z-index: 888;
    }

    .page-asset-withdrawal .coin-select[data-v-31971307] .r-my-select-input {
        font-size: 16px;
    }

    .page-asset-withdrawal[data-v-31971307] .coin-select-option-wrapper {
        margin-bottom: 0!important;
        margin-right: 0!important;
        max-height: 326px;
        overflow: auto;
    }

    .page-asset-withdrawal[data-v-31971307] .coin-select-option-wrapper::-webkit-scrollbar {
        background-color: hsla(0,0%,100%,.1);
        height: 4px;
        width: 0;
    }

    .page-asset-withdrawal[data-v-31971307] .coin-select-option-wrapper::-webkit-scrollbar-thumb {
        background-color: hsla(0,0%,100%,.5);
        height: 4px;
    }

    .page-asset-withdrawal[data-v-31971307] .coin-select-option-wrapper::-webkit-scrollbar-track {
        background-color: hsla(0,0%,100%,.1);
    }

    @media (max-width: 960px) {
        .page-asset-withdrawal .content[data-v-31971307] {
            align-items:normal;
            flex-direction: column;
        }

        .page-asset-withdrawal .form-wrapper[data-v-31971307] {
            margin-right: 0;
            max-width: auto;
        }

        .page-asset-withdrawal .info-wrapper[data-v-31971307] {
            width: auto;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/dbcac72.css */
    .H8z383 {
        align-items: center;
        background-color: #fafcfd;
        box-sizing: border-box;
        color: #000;
        display: flex;
        font-size: 14px;
        height: 44px;
        justify-content: center;
        line-height: 18px;
        text-align: center;
        width: 100%;
    }

    .H8z383 .el-icon-lock {
        color: #44bd22;
    }

    ._0wqfFX {
        font-weight: 400;
        padding-left: 8px;
    }

    .HGVNWx {
        font-weight: 500;
    }

    .fodeMz {
        align-items: center;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/c4a1601.css */
    .Os9ORv {
        position: relative;
    }

    .EA8lnU {
        background: #3e4648;
        border: none;
        border-radius: 4px;
        box-sizing: border-box;
        padding: 8px 12px;
    }

    .q1aGcW {
        color: #91a5b1;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.2;
        margin: 2px 0;
    }

    .q1aGcW,.q1aGcW .J1r0AW {
        display: flex;
        text-align: left;
    }

    .q1aGcW .J1r0AW {
        align-items: center;
        box-sizing: border-box;
        justify-content: center;
        padding-right: 5px;
        width: 20px;
    }

    .q1aGcW .J1r0AW ._2iGjf0 {
        background: #9db3ba;
        border-radius: 50%;
        height: 4px;
        width: 4px;
    }

    .DE7f7D {
        --icon-normal-bgcolor: #90a5ac;
        --icon-hover-bgcolor: #6a7c81;
        font-size: 16px;
    }

    .DE7f7D .el-input__inner {
        background-color: #eef3f5;
        border: 1px solid transparent;
        border-radius: 4px;
        box-sizing: border-box;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        padding: 0 20px;
        width: 100%;
    }

    .DE7f7D .el-input__inner::placeholder {
        color: #9cb3ba;
    }

    .DE7f7D .el-input__inner:focus,.DE7f7D .el-input__inner:hover {
        border: 1px solid #13c2c2!important;
    }

    .DE7f7D .el-input__suffix {
        line-height: 44px;
        right: 16px;
        top: 5px;
    }

    .obGYip {
        background-color: var(--icon-normal-bgcolor);
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 13px;
        -webkit-mask-position: center center;
        mask-position: center center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        vertical-align: middle;
        width: 13px;
    }

    .K47Vf- {
        -webkit-mask-image: url(/assets/web-frontend/client/img/ic_viewoff.45fc2d9.svg);
        mask-image: url(/assets/web-frontend/client/img/ic_viewoff.45fc2d9.svg);
    }

    .NWvv6N {
        margin-right: 12px;
        -webkit-mask-image: url(/assets/web-frontend/client/img/ic_close.0dceeba.svg);
        mask-image: url(/assets/web-frontend/client/img/ic_close.0dceeba.svg);
    }

    .obGYip:hover {
        background-color: var(--icon-hover-bgcolor);
    }

    /*! CSS Used from: /assets/web-frontend/client/css/3be79c8.css */
    .goByIg .el-dialog {
        max-width: 750px;
    }

    @media screen and (max-width: 640px) {
        .goByIg .el-dialog {
            width:90%;
        }
    }

    .goByIg .el-dialog__header {
        padding: 30px 30px 0;
        text-align: center;
    }

    .goByIg .el-dialog__footer {
        padding: 0 30px 30px;
    }

    ._7aU7JN {
        display: flex;
        gap: 20px;
        justify-content: space-between;
    }

    ._7aU7JN button {
        flex: 1 1 50%;
    }

    .PjjNZl {
        margin: 0 auto;
    }

    .PjjNZl,.PjjNZl .UUx0bC {
        max-width: 808px;
        width: 100%;
    }

    .PjjNZl .UUx0bC {
        align-items: center;
        display: flex;
        margin: 20px auto 0;
    }

    .PjjNZl .UUx0bC span {
        cursor: pointer;
        font-size: 14px;
    }

    .PjjNZl .UUx0bC span i {
        margin-right: 6px;
    }

    .PjjNZl .ASlEWM {
        align-items: center;
        color: #0e1118;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 40px auto 0;
        max-width: 384px;
        width: 100%;
    }

    .PjjNZl .ASlEWM a {
        color: #13c2c2;
    }

    .PjjNZl .PSosTA {
        display: flex;
        gap: 40px;
        margin-bottom: 15px;
    }

    .PjjNZl .r5Hgn0 {
        background: none;
        border: 0;
        color: #a0a5b5;
        cursor: pointer;
        font-size: 16px;
        height: 40px;
        padding: 0;
    }

    .PjjNZl .AEX8Ft {
        color: #0e1118;
        font-weight: 500;
        position: relative;
    }

    .PjjNZl .AEX8Ft:after {
        background: #000;
        bottom: 0;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-14px);
        width: 28px;
    }

    .PjjNZl .CfyPJZ {
        background: #fff;
        border-radius: 4px;
        box-sizing: border-box;
        position: relative;
        width: 100%;
    }

    .PjjNZl .regEo0 {
        cursor: pointer;
        height: 30px;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
    }

    .PjjNZl ._6PJ7SW {
        font-size: 16px;
        width: 100%;
    }

    .PjjNZl .mhrL3k {
        font-size: 32px;
        font-weight: 500;
        margin-bottom: 12px;
    }

    .PjjNZl ._4CM65n {
        color: #333;
        font-size: 14px;
        margin-bottom: 8px;
    }

    .PjjNZl ._4CM65n b {
        color: #13c2c2;
        cursor: pointer;
        font-weight: 400;
    }

    .PjjNZl .KXm7be {
        margin-top: 6px;
        width: 100%;
    }

    .PjjNZl .RDMtvZ {
        display: flex;
        font-size: 14px;
        justify-content: space-between;
    }

    .PjjNZl .krg2Cg {
        align-items: flex-start;
        display: flex;
        justify-content: flex-end;
        margin-left: auto;
    }

    .PjjNZl .DMa-8v {
        display: flex;
        flex-wrap: wrap;
        gap: 0 10px;
        justify-content: space-between;
    }

    .PjjNZl .DMa-8v .el-form-item {
        margin-right: 0;
    }

    .PjjNZl .DMa-8v .el-form-item__content {
        width: 100%;
    }

    .PjjNZl .EH6YEQ {
        flex-grow: 1;
    }

    .PjjNZl .EmmB4y,.PjjNZl .Q1p06S,.PjjNZl .iGp4AL {
        width: 100%;
    }

    .PjjNZl .pwI8ye {
        margin-bottom: 14px;
        width: 100%;
    }

    .PjjNZl .\-3rP9Q {
        align-items: center;
        background: #fafcfd;
        border-radius: 4px;
        display: flex;
        height: 218px;
        justify-content: space-evenly;
        margin-top: 32px;
        position: relative;
    }

    .PjjNZl .syMPNI {
        height: 166px;
    }

    .PjjNZl ._2c64s3 {
        height: 160px;
        width: 160px;
    }

    .PjjNZl .vVIU\+a {
        align-items: center;
        background-color: rgba(51,51,51,.95);
        border-radius: 4px;
        bottom: 0;
        color: #fff;
        display: flex;
        justify-content: center;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
    }

    .PjjNZl .Qqmoq5 {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .PjjNZl ._4fV2UL {
        border-radius: 4px;
        width: 160px;
    }

    .PjjNZl .bUBTg7 {
        display: flex;
        font-size: 14px;
        justify-content: flex-end;
        margin-top: 32px;
    }

    .PjjNZl .jPzmFG {
        color: #13c2c2;
        cursor: pointer;
        margin-right: 32px;
    }

    .PjjNZl ._6tvQ4d {
        margin-top: 16px;
        width: 100%;
    }

    .PjjNZl ._6tvQ4d span {
        color: #13c2c2;
        cursor: pointer;
        font-size: 14px;
    }

    @media screen and (max-width: 500px) {
        .ASlEWM {
            margin-top:30px;
        }

        .PjjNZl {
            box-sizing: border-box;
            padding: 0 16px;
            width: 100%;
        }

        .PjjNZl .ASlEWM {
            margin: 40px auto 0;
        }

        .PjjNZl .iGp4AL {
            width: 100%;
        }

        .PjjNZl .krg2Cg {
            margin-left: 40px;
        }

        .j8OeW9 .el-dialog {
            width: 95%;
        }
    }

    .j8OeW9 .el-dialog {
        border-radius: 8px;
        max-width: 720px;
    }

    .j8OeW9 .el-dialog__header {
        font-weight: 500;
        padding: 40px 40px 16px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/d6b0dad.css */
    .Os9ORv {
        position: relative;
    }

    .EA8lnU {
        background: #3e4648;
        border: none;
        border-radius: 4px;
        box-sizing: border-box;
        padding: 8px 12px;
    }

    .q1aGcW {
        color: #91a5b1;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.2;
        margin: 2px 0;
    }

    .q1aGcW,.q1aGcW .J1r0AW {
        display: flex;
        text-align: left;
    }

    .q1aGcW .J1r0AW {
        align-items: center;
        box-sizing: border-box;
        justify-content: center;
        padding-right: 5px;
        width: 20px;
    }

    .q1aGcW .J1r0AW ._2iGjf0 {
        background: #9db3ba;
        border-radius: 50%;
        height: 4px;
        width: 4px;
    }

    .DE7f7D {
        --icon-normal-bgcolor: #90a5ac;
        --icon-hover-bgcolor: #6a7c81;
        font-size: 16px;
    }

    .DE7f7D .el-input__inner {
        background-color: #eef3f5;
        border: 1px solid transparent;
        border-radius: 4px;
        box-sizing: border-box;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        padding: 0 20px;
        width: 100%;
    }

    .DE7f7D .el-input__inner::placeholder {
        color: #9cb3ba;
    }

    .DE7f7D .el-input__inner:focus,.DE7f7D .el-input__inner:hover {
        border: 1px solid #13c2c2!important;
    }

    .DE7f7D .el-input__suffix {
        line-height: 44px;
        right: 16px;
        top: 5px;
    }

    .obGYip {
        background-color: var(--icon-normal-bgcolor);
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 13px;
        -webkit-mask-position: center center;
        mask-position: center center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        vertical-align: middle;
        width: 13px;
    }

    .K47Vf- {
        -webkit-mask-image: url(/assets/web-frontend/client/img/ic_viewoff.45fc2d9.svg);
        mask-image: url(/assets/web-frontend/client/img/ic_viewoff.45fc2d9.svg);
    }

    .NWvv6N {
        margin-right: 12px;
        -webkit-mask-image: url(/assets/web-frontend/client/img/ic_close.0dceeba.svg);
        mask-image: url(/assets/web-frontend/client/img/ic_close.0dceeba.svg);
    }

    .obGYip:hover {
        background-color: var(--icon-hover-bgcolor);
    }

    /*! CSS Used from: /assets/web-frontend/client/css/f89b17b.css */
    .el-button:active {
        border-color: transparent;
    }

    .el-button {
        border-radius: 0;
    }

    .el-button:not(.el-button--mini) {
        height: 46px;
    }

    .el-button:not(.el-button--default) {
        border: transparent;
    }

    .el-button:focus,.el-button:hover {
        border-color: #ebeef5;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/eb4f189.css */
    ::placeholder,button {
        font-family: IBM,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
    }

    .el-button {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .el-button {
        -webkit-appearance: none;
        background: #fff;
        border: 1px solid #dcdfe6;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #606266;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        margin: 0;
        outline: 0;
        padding: 12px 20px;
        text-align: center;
        -webkit-transition: .1s;
        transition: .1s;
        white-space: nowrap;
    }

    .el-button:focus,.el-button:hover {
        background-color: #e7f9f9;
        border-color: #b8eded;
        color: #13c2c2;
    }

    .el-button:active {
        border-color: #11afaf;
        color: #11afaf;
        outline: 0;
    }

    .el-button--primary {
        background-color: #13c2c2;
        border-color: #13c2c2;
        color: #fff;
    }

    .el-button--primary:focus,.el-button--primary:hover {
        background: #42cece;
        border-color: #42cece;
        color: #fff;
    }

    .el-button--primary:active {
        background: #11afaf;
        border-color: #11afaf;
        color: #fff;
    }

    .el-button--primary:active {
        outline: 0;
    }

    .el-button:active {
        border-color: transparent;
    }

    .el-button {
        border-radius: 4px;
    }

    .el-button:not(.el-button--mini) {
        height: 46px;
    }

    .el-button:not(.el-button--default) {
        border: transparent;
    }

    .el-button:focus,.el-button:hover {
        border-color: #dcdfe6;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/c4a1601.css */
    .Os9ORv {
        position: relative;
    }

    .EA8lnU {
        background: #3e4648;
        border: none;
        border-radius: 4px;
        box-sizing: border-box;
        padding: 8px 12px;
    }

    .q1aGcW {
        color: #91a5b1;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.2;
        margin: 2px 0;
    }

    .q1aGcW,.q1aGcW .J1r0AW {
        display: flex;
        text-align: left;
    }

    .q1aGcW .J1r0AW {
        align-items: center;
        box-sizing: border-box;
        justify-content: center;
        padding-right: 5px;
        width: 20px;
    }

    .q1aGcW .J1r0AW ._2iGjf0 {
        background: #9db3ba;
        border-radius: 50%;
        height: 4px;
        width: 4px;
    }

    .DE7f7D {
        --icon-normal-bgcolor: #90a5ac;
        --icon-hover-bgcolor: #6a7c81;
        font-size: 16px;
    }

    .DE7f7D .el-input__inner {
        background-color: #eef3f5;
        border: 1px solid transparent;
        border-radius: 4px;
        box-sizing: border-box;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        padding: 0 20px;
        width: 100%;
    }

    .DE7f7D .el-input__inner::placeholder {
        color: #9cb3ba;
    }

    .DE7f7D .el-input__inner:focus,.DE7f7D .el-input__inner:hover {
        border: 1px solid #13c2c2!important;
    }

    .DE7f7D .el-input__suffix {
        line-height: 44px;
        right: 16px;
        top: 5px;
    }

    .obGYip {
        background-color: var(--icon-normal-bgcolor);
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 13px;
        -webkit-mask-position: center center;
        mask-position: center center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        vertical-align: middle;
        width: 13px;
    }

    .K47Vf- {
        -webkit-mask-image: url(/assets/web-frontend/client/img/ic_viewoff.45fc2d9.svg);
        mask-image: url(/assets/web-frontend/client/img/ic_viewoff.45fc2d9.svg);
    }

    .NWvv6N {
        margin-right: 12px;
        -webkit-mask-image: url(/assets/web-frontend/client/img/ic_close.0dceeba.svg);
        mask-image: url(/assets/web-frontend/client/img/ic_close.0dceeba.svg);
    }

    .obGYip:hover {
        background-color: var(--icon-hover-bgcolor);
    }

    /*! CSS Used from: /assets/web-frontend/client/css/9e21437.css */
    .telegram-wrapper[data-v-5546f4a9] {
        display: flex;
        margin-bottom: 16px;
    }

    @media (max-width: 768px) {
        .telegram-wrapper[data-v-5546f4a9] {
            display:none;
        }
    }

    .telegram-wrapper .telegram-circle[data-v-5546f4a9] {
        align-items: center;
        border-radius: 50%;
        display: flex;
        height: 24px;
        justify-content: center;
        width: 24px;
    }

    .telegram-wrapper .telegram-icon[data-v-5546f4a9] {
        color: #fff;
    }

    .telegram-wrapper .telegram-info[data-v-5546f4a9] {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        margin-left: 10px;
    }

    .telegram-wrapper .telegram-title[data-v-5546f4a9] {
        color: #000;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
    }

    .telegram-wrapper .telegram-desc[data-v-5546f4a9] {
        color: #6a7c81;
        font-size: 12px;
        line-height: 16px;
    }

    .telegram-wrapper .telegram-icon-more[data-v-5546f4a9] {
        color: #000;
        font-size: 12px;
        line-height: 16px;
    }

    .MNZ1XN {
        padding: 20px;
    }

    .MNZ1XN .el-dialog__header {
        padding-top: 20px;
    }

    .apqTDk {
        background-color: #fff;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        max-width: 900px;
        padding: 46px 20px 100px;
    }

    .IQbxBU {
        margin-left: 100px;
        margin-top: 110px;
        max-width: 400px;
        text-align: center;
    }

    .\+FJHGK,.foDpLq {
        color: #000;
        font-size: 32px;
        font-weight: 500;
        line-height: 48px;
        margin-bottom: 4px;
    }

    .v3iZhZ {
        width: 200px;
    }

    @media screen and (max-width: 768px) {
        .apqTDk {
            flex-direction:column-reverse;
            padding: 86px 24px 20px;
        }

        .IQbxBU {
            margin: 0 0 20px;
            text-align: left;
        }

        .v3iZhZ {
            display: none;
        }
    }

    .register-ref .reg-form-wrapper {
        padding: 0;
        width: auto;
    }

    @media screen and (max-width: 768px) {
        .register-ref .main-form {
            width:calc(100vw - 48px);
        }

        .register-ref .main-form .phone-input {
            width: 100%;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/e79e8a7.css */
    .CI0yWi {
        display: flex;
        width: 100%;
    }

    .CI0yWi .el-form-item:not(:first-child) {
        flex: 1;
        margin-left: 10px;
    }

    .ZY7R3g {
        position: relative;
    }

    .NbX3Mi {
        background: #000;
        bottom: 0;
        display: none;
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 28px;
    }

    .hxQGN0 {
        animation: H1z6rf .1s ease-in-out forwards;
    }

    .Iy49yp {
        animation: _1ya97M .1s ease-in-out forwards;
    }

    .is-active .NbX3Mi {
        display: block;
    }

    .D-ouLy {
        align-items: center;
        background-color: #fff;
        color: #0e1118;
        display: flex;
        flex-direction: column;
        min-height: calc(100vh - 660px);
    }

    .D-ouLy a {
        color: #13c2c2;
    }

    .D-ouLy .el-tabs__header {
        margin-bottom: 20px;
    }

    .D-ouLy .el-tabs__content {
        overflow: visible;
        overflow: initial;
    }

    .D-ouLy .el-tabs__item {
        color: #91a5b1;
        font-size: 16px;
        padding: 0 12px;
    }

    .\+9Qtj7 {
        background: #fff;
        border-radius: 4px;
        box-sizing: border-box;
        padding: 32px 32px 40px;
        position: relative;
        width: 464px;
    }

    .XSynML {
        font-size: 32px;
        font-weight: 500;
        padding-bottom: 24px;
    }

    @media screen and (max-width: 768px) {
        .XSynML {
            display:none;
        }
    }

    .H50KWY {
        display: flex;
        margin-top: 4px;
        width: 400px;
    }

    .H50KWY .el-form-item {
        margin-bottom: 20px;
    }

    .H50KWY .HpsGbh,.H50KWY .j2KBDi {
        margin-bottom: 20px;
    }

    .H50KWY .B4\+u8T {
        margin-bottom: 24px;
    }

    .H50KWY .B4\+u8T .el-form-item__content {
        line-height: 1.2;
    }

    .\+jqEz4 {
        font-size: 16px;
    }

    .\+jqEz4 .el-input__inner {
        background-color: #eef3f5;
        border: 1px solid transparent;
        border-radius: 4px;
        box-sizing: border-box;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        padding: 0 20px;
        width: 100%;
    }

    .\+jqEz4 .el-input__inner::placeholder {
        color: #9cb3ba;
    }

    .\+jqEz4 .el-input__inner:focus,.\+jqEz4 .el-input__inner:hover {
        border: 1px solid #13c2c2;
    }

    .\+jqEz4 .el-input__suffix {
        line-height: 44px;
        right: 16px;
        top: 5px;
    }

    ._18ipNh {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 20px;
        width: 100%;
    }

    .YgO2MD {
        background: none;
        border: 0;
        color: #333;
        cursor: pointer;
        font-size: 14px;
        line-height: 14px;
    }

    .YgO2MD:focus {
        outline: 0 none;
    }

    .fSDajk {
        font-weight: 400;
        margin-right: 0;
    }

    .fSDajk .el-checkbox__input {
        margin-top: 3px;
        vertical-align: top;
    }

    .fSDajk .el-checkbox__label {
        font-size: 12px;
        max-width: calc(100% - 24px);
        vertical-align: top;
        white-space: normal;
    }

    .EqRvbG {
        border-radius: 4px;
        box-sizing: border-box;
        height: 44px;
        width: 100%;
    }

    .nnCfsk {
        color: #a3a8b7;
        font-size: 14px;
        text-align: right;
    }

    .IFvSC2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .IFvSC2 .el-form-item {
        margin-right: 0;
    }

    .IFvSC2 .el-form-item__content {
        width: 100%;
    }

    .LAW\+GT {
        width: 284px;
    }

    .w4epRE {
        width: 100%;
    }

    .H50KWY .UGDxrH {
        margin-bottom: 16px;
        width: 100%;
    }

    @media screen and (max-width: 768px) {
        .EqRvbG {
            height:46px!important;
        }

        .LAW\+GT {
            width: 210px;
        }
    }

    .reg-modal-dialog {
        background-color: #fff;
        border-radius: 8px;
        left: 50%;
        margin-top: 0!important;
        max-width: 420px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 90%;
    }

    .reg-modal-dialog .el-dialog__header {
        padding: 32px 32px 8px;
    }

    .reg-modal-dialog .el-dialog__header .el-dialog__headerbtn {
        display: none;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/d6b0dad.css */
    .Os9ORv {
        position: relative;
    }

    .EA8lnU {
        background: #3e4648;
        border: none;
        border-radius: 4px;
        box-sizing: border-box;
        padding: 8px 12px;
    }

    .q1aGcW {
        color: #91a5b1;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.2;
        margin: 2px 0;
    }

    .q1aGcW,.q1aGcW .J1r0AW {
        display: flex;
        text-align: left;
    }

    .q1aGcW .J1r0AW {
        align-items: center;
        box-sizing: border-box;
        justify-content: center;
        padding-right: 5px;
        width: 20px;
    }

    .q1aGcW .J1r0AW ._2iGjf0 {
        background: #9db3ba;
        border-radius: 50%;
        height: 4px;
        width: 4px;
    }

    .DE7f7D {
        --icon-normal-bgcolor: #90a5ac;
        --icon-hover-bgcolor: #6a7c81;
        font-size: 16px;
    }

    .DE7f7D .el-input__inner {
        background-color: #eef3f5;
        border: 1px solid transparent;
        border-radius: 4px;
        box-sizing: border-box;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        padding: 0 20px;
        width: 100%;
    }

    .DE7f7D .el-input__inner::placeholder {
        color: #9cb3ba;
    }

    .DE7f7D .el-input__inner:focus,.DE7f7D .el-input__inner:hover {
        border: 1px solid #13c2c2!important;
    }

    .DE7f7D .el-input__suffix {
        line-height: 44px;
        right: 16px;
        top: 5px;
    }

    .obGYip {
        background-color: var(--icon-normal-bgcolor);
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 13px;
        -webkit-mask-position: center center;
        mask-position: center center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        vertical-align: middle;
        width: 13px;
    }

    .K47Vf- {
        -webkit-mask-image: url(/assets/web-frontend/client/img/ic_viewoff.45fc2d9.svg);
        mask-image: url(/assets/web-frontend/client/img/ic_viewoff.45fc2d9.svg);
    }

    .NWvv6N {
        margin-right: 12px;
        -webkit-mask-image: url(/assets/web-frontend/client/img/ic_close.0dceeba.svg);
        mask-image: url(/assets/web-frontend/client/img/ic_close.0dceeba.svg);
    }

    .obGYip:hover {
        background-color: var(--icon-hover-bgcolor);
    }

    /*! CSS Used from: /assets/web-frontend-next/public/_next/index.BmQKVWS3.css */
    ._Anchor_1ensx_1 {
        display: none;
        margin-top: 32px;
    }

    @media (max-width: 768px) {
        ._Anchor_1ensx_1 {
            display:block;
            margin-top: 24px;
        }
    }

    ._Anchor_1ensx_1 ._Tabs_1ensx_11 {
        border-bottom: 1px solid #f2f2f2;
        display: flex;
        justify-content: space-between;
        margin-bottom: 9px;
        padding-bottom: 24px;
        width: 100%;
    }

    @media (max-width: 768px) {
        ._Anchor_1ensx_1 ._Tabs_1ensx_11 {
            flex-direction:column-reverse;
            gap: 18px;
        }
    }

    ._Anchor_1ensx_1 ._Tabs__Content_1ensx_25 {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        font-size: 20px;
        font-weight: 400;
        overflow-x: scroll;
        position: relative;
        scrollbar-width: none;
        white-space: nowrap;
    }

    @media (max-width: 768px) {
        ._Anchor_1ensx_1 ._Tabs__Content_1ensx_25 {
            font-size:14px;
            line-height: 18px;
        }
    }

    ._Anchor_1ensx_1 ._Tabs__Content_1ensx_25::-webkit-scrollbar {
        height: 0!important;
        width: 0!important;
    }

    ._Anchor_1ensx_1 ._Tabs__Content--item_1ensx_46 {
        color: #697175;
        cursor: pointer;
        flex-shrink: 0;
        margin-right: 24px;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-word;
    }

    ._Anchor_1ensx_1 ._Tabs__Content--activeItem_1ensx_57 {
        color: #000;
        font-weight: 500;
    }

    ._Messages_pz7cj_29 {
        background-color: #fff;
        box-sizing: border-box;
        color: #1a1b1f;
        display: flex;
        flex-direction: column;
        font-family: IBM;
        margin: 0 auto;
        max-width: 1240px;
        padding: 0 10px;
        position: relative;
    }

    @media (max-width: 768px) {
        ._Messages_pz7cj_29 {
            padding-bottom:30px;
        }
    }

    ._Messages__Header_pz7cj_46 {
        align-items: baseline;
        background-color: #fff;
        display: flex;
        padding: 20px 15px 20px 20px;
        position: sticky;
        top: 80px;
        z-index: 10;
    }

    @media (max-width: 768px) {
        ._Messages__Header_pz7cj_46 {
            padding:20px 6px;
        }
    }

    ._Messages__Header--title_pz7cj_60 {
        box-sizing: border-box;
        flex: 1;
        font-size: 32px;
        font-weight: 500;
    }

    ._Messages__Header--read_pz7cj_66 {
        background-color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-align: right;
    }

    ._Messages__Header--read_pz7cj_66 span {
        cursor: pointer;
    }

    ._Messages__Header--read_pz7cj_66 span:hover {
        text-decoration: underline;
    }

    ._Messages__Row_pz7cj_78 {
        display: flex;
    }

    @media (max-width: 768px) {
        ._Messages__Row_pz7cj_78 {
            flex-direction:column;
        }
    }

    ._Messages__Left_pz7cj_89 {
        display: flex;
        flex: 0 0 300px;
        flex-direction: column;
        margin-right: 24px;
        position: sticky;
        top: 162px;
    }

    @media (max-width: 768px) {
        ._Messages__Left_pz7cj_89 {
            display:none;
        }
    }

    ._Messages__Left--content_pz7cj_102 {
        align-items: center;
        border-radius: 4px;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        margin: 4px 0;
        min-height: 72px;
        padding: 24px 20px;
    }

    ._Messages__Left--content_pz7cj_102:hover,._Messages__Left--selected_pz7cj_115 {
        background-color: #f6f9fb;
    }

    ._Messages__Right_pz7cj_118 {
        flex: 1;
        max-width: 900px;
    }

    ._CountDot_pz7cj_122 {
        background-color: #ff532f;
        border-radius: 30px;
        box-sizing: border-box;
        color: #fff;
        display: block;
        font-size: 10px;
        height: 14px;
        line-height: 12px;
        min-width: 24px;
        padding: 1px 5px;
        text-align: center;
    }

    /*! CSS Used from: /assets/web-frontend-next/public/_next/index.IlySbrQ6.css */
    .about-page-wrap .about-header {
        background: url(/assets/web-frontend-next/public/_next/about_header_bg.BQ9YGcmk.jpg) no-repeat 100% 100%;
        background-color: #000;
        background-size: 1680px;
        color: #fff;
        height: 650px;
    }

    .about-page-wrap .about-header .about-header-title {
        margin: 0 auto;
        padding-top: 128px;
        width: 1180px;
    }

    .about-page-wrap .about-header .about-header-title h3 {
        font-size: 36px;
        font-weight: 400;
        letter-spacing: -.34px;
        line-height: 36px;
        margin-bottom: 28px;
        text-align: left;
        text-shadow: 0 2px 10px #000;
        width: 600px;
    }

    .about-page-wrap .about-header .about-header-title p {
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        margin-bottom: 40px;
        text-align: left;
        width: 900px;
    }

    .about-page-wrap .about-body {
        background: #fff;
        padding-bottom: 80px;
        padding-top: 92px;
    }

    .about-page-wrap .about-body .about-team {
        margin: 0 auto;
        width: 1180px;
    }

    .about-page-wrap .about-body .about-team h3 {
        color: #040404;
        font-size: 30px;
        font-weight: 400;
        letter-spacing: -.72px;
        margin-bottom: 45px;
    }

    .about-page-wrap .about-body .about-team p {
        color: #050505;
        font-size: 14px;
        letter-spacing: -.34px;
        line-height: 20px;
    }

    .about-page-wrap .about-body .about-priorities {
        margin: 92px auto 70px;
        width: 1180px;
    }

    .about-page-wrap .about-body .about-priorities h3 {
        color: #040404;
        font-size: 30px;
        font-weight: 400;
        letter-spacing: -.72px;
        margin-bottom: 45px;
    }

    .about-page-wrap .about-body .about-priorities h4 {
        font-size: 20px;
        font-weight: 400;
        margin-top: 40px;
    }

    .about-page-wrap .about-body .about-priorities p {
        color: #050505;
        font-size: 14px;
        letter-spacing: -.34px;
        line-height: 20px;
    }

    .about-page-wrap .download-logo {
        background: url(/assets/web-frontend-next/public/_next/about_middle_bg.wxSyEpw0.jpg) no-repeat 100% 100%;
        background-color: #000;
        background-size: 1680px;
        height: 420px;
    }

    .about-page-wrap .download-logo .container {
        margin: 0 auto;
        padding-top: 51px;
        width: 1180px;
    }

    .about-page-wrap .download-logo .container h3 {
        color: #fff;
        font-size: 30px;
        font-weight: 400;
        letter-spacing: -.72px;
        margin-bottom: 55px;
    }

    .about-page-wrap .download-logo .container .logo-wrapper {
        height: 200px;
        margin: 0 auto;
        width: 1180px;
    }

    .about-page-wrap .download-logo .container .logo-wrapper .green-version,.about-page-wrap .download-logo .container .logo-wrapper .white-version {
        border: none;
        display: inline-block;
        height: 200px;
        position: relative;
        width: 590px;
    }

    .about-page-wrap .download-logo .container .logo-wrapper .green-version .download,.about-page-wrap .download-logo .container .logo-wrapper .white-version .download {
        bottom: 17px;
        font-size: 12px;
        letter-spacing: -.29px;
        position: absolute;
        right: 20px;
    }

    .about-page-wrap .download-logo .container .logo-wrapper .green-version img,.about-page-wrap .download-logo .container .logo-wrapper .white-version img {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 150px;
    }

    .about-page-wrap .download-logo .container .logo-wrapper .white-version {
        background: #2c2c2c;
    }

    .about-page-wrap .download-logo .container .logo-wrapper .white-version .download {
        color: #fff;
    }

    .about-page-wrap .download-logo .container .logo-wrapper .green-version {
        background: #fff;
    }

    @media (max-width: 1200px) {
        .about-page-wrap .about-header .about-header-title {
            width:90%;
        }

        .about-page-wrap .about-body {
            padding: 92px 30px 80px;
        }

        .about-page-wrap .about-body .about-priorities,.about-page-wrap .about-body .about-team {
            width: 100%;
        }

        .about-page-wrap .download-logo .container {
            box-sizing: border-box;
            padding: 30px;
            width: 100%;
        }

        .about-page-wrap .download-logo .container .logo-wrapper {
            width: 100%;
        }

        .about-page-wrap .download-logo .container .logo-wrapper .green-version,.about-page-wrap .download-logo .container .logo-wrapper .white-version {
            display: inline-block;
            width: 50%;
        }
    }

    @media (max-width: 900px) {
        .about-page-wrap .about-header .about-header-title p {
            width:90%;
        }

        .about-page-wrap .about-body {
            padding: 92px 30px 80px;
        }
    }

    @media (max-width: 768px) {
        .about-page-wrap .about-header {
            height:420px;
        }

        .about-page-wrap .about-header .about-header-title {
            padding-top: 50px;
            width: 90%;
        }

        .about-page-wrap .about-header .about-header-title h3 {
            font-size: 20px;
            line-height: 20px;
            max-width: 100%;
        }

        .about-page-wrap .about-body {
            padding: 40px 30px;
        }

        .about-page-wrap .about-body .about-priorities h3,.about-page-wrap .about-body .about-team h3 {
            font-size: 20px;
            margin-bottom: 20px;
        }

        .about-page-wrap .about-body .about-priorities h4 {
            font-size: 16px;
            margin-top: 25px;
        }

        .about-page-wrap .download-logo .container h3 {
            font-size: 20px;
            margin-bottom: 35px;
        }
    }

    @media (max-width: 500px) {
        .about-page-wrap .about-header {
            height:600px;
        }

        .about-page-wrap .about-header .about-header-title {
            padding-top: 50px;
            width: 90%;
        }

        .about-page-wrap .about-header .about-header-title p {
            width: 100%;
        }

        .about-page-wrap .about-body {
            padding: 40px 30px;
        }

        .about-page-wrap .about-body .about-team h3 {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .about-page-wrap .about-body .about-team p {
            font-size: 12px;
        }

        .about-page-wrap .about-body .about-priorities h3 {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .about-page-wrap .about-body .about-priorities h4 {
            font-size: 14px;
            margin-top: 25px;
        }

        .about-page-wrap .about-body .about-priorities p {
            font-size: 12px;
        }

        .about-page-wrap .download-logo .container {
            box-sizing: border-box;
            padding: 30px;
            width: 100%;
        }

        .about-page-wrap .download-logo .container .logo-wrapper {
            width: 100%;
        }

        .about-page-wrap .download-logo .container .logo-wrapper .green-version,.about-page-wrap .download-logo .container .logo-wrapper .white-version {
            height: 150px;
            width: 100%;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/a579814.css */
    .logo-img[data-v-051f08e8] {
        border-radius: 50%;
        height: 24px;
        vertical-align: bottom;
        width: 24px;
    }

    .dia-titwrap[data-v-051f08e8] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        overflow: hidden;
        word-break: break-all;
    }

    .tit-font[data-v-051f08e8] {
        color: #1a1b1f;
        font-size: 20px;
        font-weight: 600;
        margin-left: 12px;
    }

    [data-v-051f08e8] .el-dialog {
        border-radius: 8px;
        width: 486px;
    }

    .dialog-detail[data-v-051f08e8] .el-dialog__footer {
        padding: 0 32px 32px;
    }

    .box-lv[data-v-051f08e8] {
        display: flex;
        font-size: 14px;
        justify-content: space-between;
        line-height: 18px;
        margin-bottom: 8px;
    }

    .label-dia[data-v-051f08e8] {
        color: #6a7c81;
        font-size: 14px;
        font-weight: 400;
    }

    .value-dia[data-v-051f08e8] {
        color: #1a1b1f;
        font-size: 14px;
        font-weight: 500;
    }

    .value-dia-light[data-v-051f08e8] {
        color: #6a7c81;
        font-size: 14px;
        font-weight: 400;
    }

    .highlight-txt[data-v-051f08e8] {
        color: #13c2c2;
    }

    .max-btn[data-v-051f08e8] {
        cursor: pointer;
        margin-left: 10px;
    }

    .input-boxdia[data-v-051f08e8] {
        align-items: center;
        background: #edf3f5;
        border-radius: 4px;
        display: flex;
        height: 44px;
        width: 100%;
    }

    .input-amount[data-v-051f08e8] {
        background: transparent;
        border: none;
        flex: auto;
        font-size: 14px;
        height: 100%;
        outline: none;
        padding: 0 10px;
        width: 0;
    }

    .label-input[data-v-051f08e8] {
        color: #333;
        font-size: 14px;
        font-weight: 500;
        margin-right: 10px;
    }

    .tip-agree[data-v-051f08e8] {
        color: #ff4d4f;
        font-size: 12px;
        height: 16px;
    }

    .agree-box[data-v-051f08e8],.tip-agree[data-v-051f08e8] {
        text-align: left;
    }

    .agree-box[data-v-051f08e8] .el-checkbox__label {
        color: #606266;
    }

    .btn-confirm[data-v-051f08e8] {
        border-radius: 4px;
        height: 40px;
        width: 100%;
    }

    [data-v-051f08e8] .btn-confirm.is-disabled {
        background: rgba(19,194,194,.5);
        color: #fff;
    }

    .date-num[data-v-051f08e8] {
        align-items: center;
        display: flex;
    }

    .num-wrap[data-v-051f08e8] {
        margin: 8px 0 15px;
    }

    .num-item[data-v-051f08e8] {
        align-items: center;
        border: 1px solid #f2f2f2;
        border-radius: 4px;
        box-sizing: border-box;
        color: #333;
        cursor: pointer;
        display: flex;
        font-size: 14px;
        font-weight: 700;
        height: 32px;
        justify-content: center;
        margin-right: 8px;
        padding: 0 16px;
    }

    .num-item.active[data-v-051f08e8] {
        border-color: #13c2c2;
        color: #13c2c2;
    }

    .err-tip[data-v-051f08e8] {
        color: #ff4d4f;
        font-size: 12px;
        height: 16px;
        margin-bottom: 3px;
        text-align: right;
    }

    [data-v-051f08e8] .el-dialog__header {
        margin-bottom: 32px;
        padding: 32px 32px 0;
    }

    [data-v-051f08e8] .el-dialog__body {
        padding: 0 32px 32px;
    }

    [data-v-051f08e8] .el-dialog__close:before {
        font-weight: 700;
    }

    @media (max-width: 720px) {
        .dialog-detail[data-v-051f08e8] .el-dialog {
            width:90%;
        }

        .dialog-detail[data-v-051f08e8] .el-dialog__header {
            margin-bottom: 32px;
            padding: 32px 32px 0;
        }

        .dialog-detail[data-v-051f08e8] .el-dialog__body,.dialog-detail[data-v-051f08e8] .el-dialog__footer {
            padding: 0 32px 32px;
        }
    }

    /*! CSS Used from: /assets/web-frontend/client/css/810a100.css */
    [data-v-30566236] .unfollow-dialog {
        border-radius: 8px;
    }

    [data-v-30566236] .unfollow-dialog .el-dialog__header {
        padding-left: 32px;
        padding-top: 24px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/81828c9.css */
    [data-v-30566236] .unfollow-dialog {
        border-radius: 8px;
    }

    [data-v-30566236] .unfollow-dialog .el-dialog__header {
        padding-left: 32px;
        padding-top: 24px;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/e6bc4e4.css */
    .bar-charts[data-v-91498fdc],.line-charts[data-v-395eb31e] {
        height: 200px;
        width: 754px;
    }

    .pie-container[data-v-ea515c1a] {
        align-items: center;
        display: flex;
    }

    .pie-container .pie-charts[data-v-ea515c1a] {
        height: 160px;
        margin-right: 50px;
        width: 160px;
    }

    .pie-container[data-v-ea515c1a] .el-table:before {
        display: none;
    }

    .pie-container[data-v-ea515c1a] .el-table .el-table__cell {
        border-bottom: 0;
        padding: 6px 0;
    }

    [data-v-30566236] .unfollow-dialog {
        border-radius: 8px;
    }

    [data-v-30566236] .unfollow-dialog .el-dialog__header {
        padding-left: 32px;
        padding-top: 24px;
    }

    .qwhR3h .el-dialog {
        background: #fff;
    }

    .qwhR3h .el-dialog__header {
        padding: 40px 40px 0;
    }

    .bar[data-v-363077dd] {
        border-radius: 4px;
        display: flex;
        font-size: 0;
        overflow: hidden;
    }

    .bar .win[data-v-363077dd] {
        background-color: #52c41a;
    }

    .bar .lose[data-v-363077dd],.bar .win[data-v-363077dd] {
        display: inline-block;
        height: 8px;
    }

    .bar .lose[data-v-363077dd] {
        background-color: #ff532f;
    }

    .bar .split[data-v-363077dd] {
        background-color: #fff;
        display: inline-block;
        height: 8px;
        position: relative;
        width: 2px;
    }

    .bar .split[data-v-363077dd]:before {
        border-bottom: 8px solid #fff;
        left: -2px;
    }

    .bar .split[data-v-363077dd]:after,.bar .split[data-v-363077dd]:before {
        border-left: 2px solid transparent;
        border-right: 2px solid transparent;
        content: " ";
        position: absolute;
    }

    .bar .split[data-v-363077dd]:after {
        border-top: 8px solid #fff;
        right: -2px;
    }

    .LfY1i\+ {
        max-width: 720px;
        min-width: 436px;
    }

    .LfY1i\+ .el-icon-close:before {
        color: #1a1b1f;
        font-weight: 500;
    }

    .LfY1i\+ .el-button--primary.is-disabled {
        background-color: #13c2c2;
        color: #fff;
        opacity: .4;
    }

    .LfY1i\+ .el-dialog__title {
        color: #1a1b1f;
        font-size: 20px;
        font-weight: 600;
    }

    .LfY1i\+ .el-dialog__header {
        padding: 40px 40px 16px;
    }

    .LfY1i\+ .el-dialog__footer {
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
        text-align: left;
        text-align: initial;
    }

    .Vm7awF button {
        width: 100%;
    }

    [data-v-66ab66ac] .pair-dialog {
        border-radius: 8px;
    }

    [data-v-66ab66ac] .pair-dialog .el-dialog__header {
        padding-left: 32px;
        padding-top: 24px;
    }

    .pair-dialog-footer[data-v-66ab66ac] {
        margin-top: 24px;
        text-align: right;
    }

    .futures-copy-detail-wrapper[data-v-420c7c85] {
        margin: 0 auto;
        width: 1280px;
    }

    .futures-copy-detail-wrapper[data-v-420c7c85] .pair-dialog {
        border-radius: 8px;
        padding-bottom: 32px;
    }

    .futures-copy-detail-wrapper[data-v-420c7c85] .pair-dialog .el-dialog__header {
        padding-left: 32px;
        padding-top: 32px;
    }

    .futures-copy-detail-wrapper[data-v-420c7c85] .el-select:hover .el-input__inner {
        border-color: #eef4f6;
    }

    .futures-copy-detail-wrapper[data-v-420c7c85] .r-tabs-header-wrapper {
        margin-bottom: 0;
        padding-bottom: 20px;
        position: relative;
    }

    .futures-copy-detail-wrapper[data-v-420c7c85] .r-tabs-header-wrapper .r-tabs-nav-item {
        font-size: 20px;
    }

    .futures-copy-detail-wrapper[data-v-420c7c85] .r-tabs-header-wrapper .r-tabs-nav-item.actived {
        color: #1a1b1f;
        position: relative;
    }

    .futures-copy-detail-wrapper[data-v-420c7c85] .r-tabs-header-wrapper .r-tabs-nav-item.actived:after {
        background: #1a1b1f;
        bottom: -20px;
        content: " ";
        display: block;
        height: 4px;
        left: calc(50% - 20px);
        position: absolute;
        width: 40px;
    }

    .futures-copy-detail-wrapper[data-v-420c7c85] .r-tooltip-placeholder {
        color: inherit;
    }

    .futures-copy-detail-wrapper .crumb[data-v-420c7c85] {
        margin-bottom: 20px;
        margin-top: 20px;
        padding: 0 40px;
    }

    .futures-copy-detail-wrapper .user-container[data-v-420c7c85] {
        align-items: center;
        display: flex;
        margin-bottom: 48px;
        margin-top: 20px;
        text-align: center;
    }

    .futures-copy-detail-wrapper .user-container .avatar[data-v-420c7c85] {
        border: 1px solid #eff4f6;
        border-radius: 36px;
        flex-grow: 0;
        flex-shrink: 0;
        height: 72px;
        margin-right: 24px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 72px;
    }

    .futures-copy-detail-wrapper .user-container .profit[data-v-420c7c85] {
        align-items: center;
        text-align: left;
    }

    .futures-copy-detail-wrapper .user-container .name[data-v-420c7c85] {
        color: #1a1b1f;
        font-size: 32px;
        font-weight: 500;
        line-height: 42px;
        margin-top: 8px;
    }

    .futures-copy-detail-wrapper .user-container .introduction[data-v-420c7c85] {
        color: #6a7c81;
        font-size: 14px;
        line-break: auto;
        line-height: 20px;
        margin: 4px auto 0;
        overflow: hidden;
        width: 100%;
    }

    .futures-copy-detail-wrapper .user-container .datas[data-v-420c7c85] {
        display: flex;
        font-size: 14px;
        margin-left: -12px;
        margin-top: 16px;
    }

    .futures-copy-detail-wrapper .user-container .datas .item[data-v-420c7c85] {
        padding: 0 12px;
        position: relative;
    }

    .futures-copy-detail-wrapper .user-container .datas .item[data-v-420c7c85]:not(:first-child):before {
        border-left: 1px solid #e7edf0;
        content: "";
        height: 10px;
        left: 0;
        position: absolute;
        top: 6px;
    }

    .futures-copy-detail-wrapper .user-container .datas .data[data-v-420c7c85] {
        color: #1a1b1f;
        font-weight: 500;
    }

    .futures-copy-detail-wrapper .user-container .datas .label[data-v-420c7c85] {
        color: #6a7c81;
    }

    .futures-copy-detail-wrapper .user-container .btns[data-v-420c7c85] {
        align-items: center;
        display: flex;
        margin-top: 20px;
    }

    .futures-copy-detail-wrapper .user-container .btns .r-button2[data-v-420c7c85] {
        margin: 0 6px;
    }

    .futures-copy-detail-wrapper .data-container[data-v-420c7c85] {
        display: flex;
        padding-top: 24px;
    }

    .futures-copy-detail-wrapper .data-container .right[data-v-420c7c85] {
        box-sizing: border-box;
    }

    .futures-copy-detail-wrapper .data-container .right .chart-box[data-v-420c7c85] {
        border: 1px solid #e7edf0;
        border-radius: 8px;
        margin-bottom: 24px;
        padding: 20px 24px;
    }

    .futures-copy-detail-wrapper .data-container .right .chart-box .top[data-v-420c7c85] {
        display: flex;
        justify-content: space-between;
        margin-bottom: 32px;
    }

    .futures-copy-detail-wrapper .data-container .right .chart-box .top .title[data-v-420c7c85] {
        color: #141f21;
        font-size: 16px;
        font-weight: 500;
    }

    .futures-copy-detail-wrapper .data-container .left[data-v-420c7c85] {
        flex-grow: 1;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box[data-v-420c7c85] {
        border: 1px solid #e7edf0;
        border-radius: 8px;
        margin-bottom: 24px;
        padding: 24px 24px 16px;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .title[data-v-420c7c85] {
        color: #141f21;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .ontop[data-v-420c7c85] {
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .ontop .data-item[data-v-420c7c85] {
        flex-direction: column;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .ontop .data-item .label[data-v-420c7c85] {
        line-height: 26px;
        margin-right: 0;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .ontop .data-item .data[data-v-420c7c85] {
        font-size: 20px;
        text-align: left;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .trades[data-v-420c7c85] {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .trades .data-item .label[data-v-420c7c85] {
        margin-right: 4px;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .trades .data-item .label[data-v-420c7c85]:after {
        content: ": ";
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .trades .data-item .data[data-v-420c7c85] {
        text-align: left;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .data-item[data-v-420c7c85] {
        display: flex;
        font-size: 14px;
        justify-content: space-between;
        line-height: 34px;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .data-item.info[data-v-420c7c85] {
        line-height: inherit;
        margin-top: -4px;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .data-item.info .label[data-v-420c7c85] {
        align-items: center;
        display: flex;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .data-item.info .tip-icon[data-v-420c7c85] {
        height: 14px;
        margin-right: 4px;
        width: 14px;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .data-item .pair-wrapper[data-v-420c7c85] {
        color: #3e4648;
        font-size: 14px;
        font-weight: 400;
        line-height: 12px;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .data-item .pair-wrapper .pair[data-v-420c7c85] {
        border: 1px solid #f2f2f2;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 6px;
        margin-right: 8px;
        padding: 4px 6px;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .data-item .label[data-v-420c7c85] {
        color: #6a7c81!important;
        flex-shrink: 1;
        margin-right: 40px;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .data-item .data[data-v-420c7c85] {
        color: #141f21;
        font-weight: 500;
        text-align: right;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .data-item .data.green[data-v-420c7c85] {
        color: #44bd22;
    }

    .futures-copy-detail-wrapper .data-container .left .data-box .line[data-v-420c7c85] {
        border-top: 1px dashed #e7edf0;
        margin: 16px 0;
    }

    /*! CSS Used from: /assets/web-frontend/client/css/0fb72a0.css */
    .provider__list--item[data-v-c43137e2] {
        border: 1px solid #e5ecf0;
        border-radius: 4px;
        box-sizing: border-box;
        width: 100%;
    }

    .provider__list--item .provider__item--body[data-v-c43137e2] {
        align-items: center;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        height: 72px;
        justify-content: space-between;
        padding: 16px 24px;
    }

    .provider__list--item .provider__item--body.provider__item_body--open .provider__item--right .r-icon[data-v-c43137e2] {
        transform: rotate(180deg);
    }

    .provider__list--item .provider__item--body.provider__item_body--open .provider__item--accepts[data-v-c43137e2] {
        height: 0!important;
        padding-top: 0!important;
    }

    .provider__list--item .provider__item--body .provider__item--left .provider__item--info[data-v-c43137e2] {
        align-items: center;
        display: flex;
        margin-top: 3px;
    }

    .provider__list--item .provider__item--body .provider__item--left .provider__item--info .provider__item--logo[data-v-c43137e2] {
        margin-right: 9px;
    }

    .provider__list--item .provider__item--body .provider__item--left .provider__item--info .provider__item--name[data-v-c43137e2] {
        color: #1a1b1f;
        font-size: 18px;
        font-weight: 500;
        line-height: 1;
        margin-right: 9px;
    }

    .provider__list--item .provider__item--body .provider__item--left .provider__item--info .provider__item--channellabel[data-v-c43137e2] {
        align-items: center;
        display: flex;
        gap: 5px;
    }

    .provider__list--item .provider__item--body .provider__item--left .provider__item--info .provider__item--channellabel span[data-v-c43137e2] {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        align-items: center;
        background-color: rgba(19,194,194,.102);
        border-bottom-right-radius: 8px;
        border-top-left-radius: 8px;
        box-sizing: border-box;
        color: #13c2c2;
        display: inline-flex;
        display: -webkit-box!important;
        font-size: 10px;
        height: 14px;
        overflow: hidden;
        padding: 1px 3px;
        text-overflow: ellipsis;
    }

    .provider__list--item .provider__item--body .provider__item--left .provider__item--accepts[data-v-c43137e2] {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        overflow: hidden;
        padding-left: 29px;
        padding-top: 10px;
        transition: all .2s ease 0s;
    }

    .provider__list--item .provider__item--body .provider__item--left .provider__item--accepts .item__accepts--payments[data-v-c43137e2] {
        align-items: center;
        -moz-column-gap: 15px;
        column-gap: 15px;
        display: flex;
        flex-wrap: wrap;
    }

    .provider__list--item .provider__item--body .provider__item--right[data-v-c43137e2] {
        align-items: center;
        display: flex;
    }

    .provider__list--item .provider__item--body .provider__item--right .r-icon[data-v-c43137e2] {
        transform: rotate(0);
        transition: all .3s ease 0s;
    }

    .provider__list--item .provider__item--payments[data-v-c43137e2] {
        max-height: 0;
        overflow: hidden;
        padding: 0 10px;
        transition: all .3s ease 0s;
    }

    .provider__list--item .provider__item--payments .provider__item_payments--wrapper[data-v-c43137e2] {
        grid-gap: 12px 28px;
        align-items: center;
        border-top: 1px solid rgba(229,236,240,.3);
        display: grid;
        grid-template-columns: repeat(4,1fr);
        justify-items: center;
        padding: 12px 0;
        place-items: center;
    }

    @media (max-width: 550px) {
        .provider__item_payments--wrapper[data-v-c43137e2] {
            grid-template-columns:repeat(3,1fr)!important;
        }
    }

    .page-buysell-platform[data-v-7c9b5a48] {
        box-sizing: border-box;
        width: 100%;
    }

    .page-buysell-platform .page-buysell-width-wrapper[data-v-7c9b5a48] {
        margin: 0 auto;
        max-width: 1200px;
        position: relative;
        width: 100%;
    }

    .page-buysell-platform .buysell-platform-tool[data-v-7c9b5a48] {
        box-sizing: border-box;
        height: 60px;
        padding: 0 20px;
        width: 100%;
    }

    .page-buysell-platform .buysell-platform-tool>.page-buysell-width-wrapper[data-v-7c9b5a48] {
        align-items: center;
        display: flex;
        height: 60px;
    }

    .page-buysell-platform .buysell-platform-tool .buysell-platform-tool--back[data-v-7c9b5a48] {
        cursor: pointer;
    }

    .page-buysell-platform .buysell-platform-baseinfo .buysell-platform-baseinfo--main[data-v-7c9b5a48] {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .page-buysell-platform .buysell-platform-baseinfo .buysell-platform-baseinfo--main .span-skelecton[data-v-7c9b5a48] {
        align-items: center;
        background: #f7f9fa;
        color: #2b2e36;
        display: inline-flex;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        height: 40px;
        justify-content: center;
        min-width: 286px;
    }

    .page-buysell-platform .buysell-platform-baseinfo .buysell-platform-baseinfo--main .span-skelecton .span-skelecton-content .buysell-platform-baseinfo--coinimg[data-v-7c9b5a48] {
        border-radius: 100px;
        height: 24px;
        margin-left: 6px;
        width: 24px;
    }

    .page-buysell-platform .buysell-platform-baseinfo .buysell-platform-baseinfo--sub[data-v-7c9b5a48] {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .page-buysell-platform .buysell-platform-baseinfo .buysell-platform-baseinfo--sub .span-skelecton[data-v-7c9b5a48] {
        align-items: center;
        background: #f7f9fa;
        color: #6a7c81;
        display: inline-flex;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        height: 20px;
        justify-content: center;
        margin-top: 8px;
        min-width: 200px;
        text-align: center;
    }

    .page-buysell-platform .buysell-platform-baseinfo.skelecton-loaded .span-skelecton[data-v-7c9b5a48] {
        background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
        background: initial;
    }

    .page-buysell-platform .buysell-platform-list[data-v-7c9b5a48] {
        box-sizing: border-box;
        margin: 40px auto 0;
        max-width: 486px;
        width: 100%;
    }

    .page-buysell-platform .buysell-platform-list .buysell-platform-list--title[data-v-7c9b5a48] {
        align-items: flex-end;
        display: flex;
        justify-content: space-between;
        margin-bottom: 6px;
    }

    .page-buysell-platform .buysell-platform-list .buysell-platform-list--title .platform-list__title--left[data-v-7c9b5a48] {
        color: #141f21;
        font-size: 14px;
        font-weight: 500;
        line-height: 26px;
        max-width: 210px;
    }

    .page-buysell-platform .buysell-platform-list .buysell-platform-list--title .platform-list__title--right[data-v-7c9b5a48] {
        align-items: flex-end;
        color: #6a7c81;
        display: flex;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
    }

    .page-buysell-platform .buysell-platform-list .buysell-platform-list--title .platform-list__title--right .platform-list__title--refreshBtn[data-v-7c9b5a48] {
        color: #13c2c2;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
        margin-left: 8px;
    }

    .page-buysell-platform .buysell-platform-list .buysell-platform-list--title .platform-list__title--right .platform-list__title--refreshBtn.platform-list__title--refreshing[data-v-7c9b5a48] {
        cursor: not-allowed;
        opacity: .5;
    }

    .page-buysell-platform .buysell-platform-list .buysell-platform-providers .buysell-platform-provider-item[data-v-7c9b5a48] {
        border-radius: 2px;
        margin-bottom: 10px;
        min-height: 72px;
        width: 100%;
    }

    .page-buysell-platform .buysell-platform-submit[data-v-7c9b5a48] {
        box-sizing: border-box;
        margin: 40px auto 0;
        max-width: 486px;
        width: 100%;
    }

    .page-buysell-platform .buysell-platform-submit .buysell-main-btn[data-v-7c9b5a48] {
        width: 100%;
        z-index: 0;
    }

    .page-buysell-platform .buysell-platform-submit .buysell-main-btn[data-v-7c9b5a48] .el-loading-mask {
        background-color: hsla(0,0%,100%,0);
    }

    .page-buysell-platform .buysell-platform-submit .buysell-main-btn[data-v-7c9b5a48] .el-loading-mask .el-loading-spinner {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
    }

    .page-buysell-platform .buysell-platform-submit .buysell-main-btn[data-v-7c9b5a48] .el-loading-mask .el-loading-spinner .circular {
        height: 20px;
        width: 20px;
    }

    .page-buysell-platform .buysell-platform-submit .buysell-main-btn[data-v-7c9b5a48] .el-loading-mask .el-loading-spinner .path {
        stroke: #fff;
    }

    .buy-sell__order-processed[data-v-7c9b5a48] .el-dialog {
        border-radius: 10px;
        max-width: 90%;
    }

    @media (max-width: 526px) {
        .buysell-platform-list[data-v-7c9b5a48],.buysell-platform-submit[data-v-7c9b5a48] {
            padding:0 20px;
        }

        .buysell-platform-baseinfo--main[data-v-7c9b5a48] {
            padding: 0 20px;
            width: 100%;
        }
    }

    .buy-sell__kycShareDialog[data-v-7c9b5a48] .el-dialog {
        border-radius: 4px;
        max-width: 90%;
        width: 588px;
    }

    .buy-sell__kycShareDialog[data-v-7c9b5a48] .el-dialog__header {
        margin-bottom: 0;
    }

    .buy-sell__kycShareDialog .kycShareDialog_dialog_footer[data-v-7c9b5a48] {
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .buy-sell__kycShareDialog .kycShareDialog_dialog_footer .kycShareDialog_dialog_footer_button[data-v-7c9b5a48] {
        margin-top: 16px;
        width: 100%;
    }

    .buy-sell__kycShareDialog .kycShareDialog_dialog_footer .kycShareDialog_dialog_footer_button[data-v-7c9b5a48]:first-child {
        margin-top: 0;
    }

    .buy-sell__kycShareDialog .kycShareDialog_dialog_footer .kycShareDialog_dialog_footer_button button[data-v-7c9b5a48] {
        font-size: 14px;
        height: auto;
        min-height: 46px;
        white-space: break-spaces;
    }

    .buy-sell__kycShareDialog[data-v-7c9b5a48] .el-dialog__footer {
        padding: 0 32px 44px;
    }