*{box-sizing:border-box}
.ant-message{top:72px;z-index:99999}
.ant-message-success .anticon{color:#11ad7a}
.ant-message-warning .anticon{color:#ff8c19}
.ant-message-error .anticon{color:#cc3d3d}
h1,h2,h3,h4,h5,h6{margin-bottom:0}
dl,ol,ul{margin-bottom:0}
input::-webkit-input-placeholder{color:var(--color-text-4)!important; font-weight: 500;}
body{width:100%!important;font-variant:normal;font-family:Gate_Sans,Arial,sans-serif;font-feature-settings:normal}
.ant-modal, .ant-tooltip, .ant-table {font-variant:normal!important;font-feature-settings:normal!important}
.direction-ltr{direction:ltr}
html[lang=ar] input{text-align:right;direction:rtl}
html[lang=ar] input.mantine-Input-input{padding-right:12rem!important}
html[lang=ar] input+.mantine-Input-rightSection,html[lang=ar] input+.mantine-vvvmkm{right:auto;left:12rem}
.position-relative{position:relative!important}
.cursor-pointer{cursor:pointer}
.trader-desc{position:relative;z-index:3;display:flex;width:calc(100% - .1px);align-items:flex-end}
.trader-desc span{margin-left:8px;cursor:pointer}
.trader-desc .icon{margin-right:10px}
.over-ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-ellipsis {
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.w-50 {
    width: 50%;
}
.w-100 {
    width: 100% !important;
}
.w-100-3 {
    width: calc(100% / 3) !important;
}
.h-100 {
    height: 100%;
}
.line-height-1 {
    line-height: 1;
    overflow: initial;
}
.line-height-150 {
    line-height: 1.5;
}
.white-space-pre {
    white-space: pre;
}
.white-space-nowrap {
    white-space: nowrap;
}
.flex-column {
    flex-direction: column;
}
.self-start {
    align-self: flex-start;
}
.self-end {
    align-self: flex-end;
}
.ai-c {
    align-items: center !important;
}
.ai-stretch {
    align-items: stretch;
}
.ai-start {
    align-items: flex-start;
}
.ai-end{
    align-items: flex-end;
}
.jc-end {
    justify-content: flex-end !important;
}
.jc-between {
    justify-content: space-between;
}
.jc-start {
    justify-content: flex-start;
}
.jc-end {
    justify-content: flex-end;
}
.jc-c {
    justify-content: center;
}
.flex {
    display: flex;
}
.flex-1 {
    flex: 1;
}
.flex-wrap {
    flex-wrap: wrap;
}
.poa {
    position: absolute;
}
.por {
    position: relative;
}
.color-brand-1 {
    color: var(--color-brand-1)
}
.hover-color-brand-2:hover {
    color: var(--color-brand-2)
}
.color-text-1 {
    color: var(--color-text-1)
}
.color-text-2 {
    color: var(--color-text-2)
}
.color-text-3 {
    color: var(--color-text-3) !important;
}
.color-text-4 {
    color: var(--color-text-4)
}
p {
    margin: 0px;
}
.up {
    color: var(--color-pd-1) !important;
    font-weight: 500;
}
.down {
    color: var(--color-pd-2) !important;
    font-weight: 500;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-end {
    text-align: end;
}
.fs-8 {
    font-size: 8rem;
}
.fs-12{
    font-size: 12rem;
}
.fs-14{
    font-size: 14rem;
}
.fs-16{
    font-size: 16rem;
}
.fs-20{
    font-size: 20rem !important;
}
.fs-24{
    font-size: 24rem;
}
.fs-32{
    font-size: 32rem;
}
.weight-400{
    font-weight: 400;
}
.weight-500{
    font-weight: 600;
}
.weight-600{
    font-weight: 600;
}
.weight-700{
    font-weight: 700;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-x-auto::-webkit-scrollbar {
    height: 5px;
    /* background-color: #E6E9F2; */
    border-radius: 2px;
}
.hidden-scrollbar::-webkit-scrollbar {
    display: none;
}
.hidden-scrollbar::-webkit-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.border-top-white {
    border-top: 1px solid #fff
}
.up-background {
    width: 16px;
    height: 16px;
    color: #fff !important;
    background-color: var(--color-pd-1);
    text-align: center;
    line-height: 16px;
    font-weight: 400;
    font-size: 12px;
    border-radius: 2px;
}
.down-background {
    width: 16px;
    height: 16px;
    color: #fff !important;
    background-color: var(--color-pd-2);
    text-align: center;
    line-height: 16px;
    font-weight: 400;
    font-size: 12px;
    border-radius: 2px;
}
.icon-theme {
    font-size: 14px;
}
.sou-cang {
    color: var(--color-brand-1);
}
.icon-hover:hover {
    color: var(--color-brand-1) !important;
}
.trader-detail-hover-bg:hover > span {
    color: var(--color-brand-1) !important;
}
.trader-detail-hover-bg {
    cursor: pointer;
}
.tar {
    text-align: right !important;
}
.tac {
    text-align: center !important;
}
.padding0{
    padding: 0 !important;
}
.p-0 {
    padding: 0 !important;
}
.p-32{
    padding: 32rem;
}
.pd-32{
    padding-top: 32px;
}
.pb-40{
    padding-bottom: 40rem;
}
.m-auto {
    margin: 0 auto;
}
.m-0 {
    margin: 0 !important;
}
.mb0 {
    margin-bottom: 0px !important;
}
.mt0{
    margin-top: 0px !important;
}
.mt-auto {
    margin-top: auto;
}
.mt-0 {
    margin-top: 0px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-12{
    margin-top: 12px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-24 {
    margin-top: 24px !important;
}
.mt-8 {
    margin-top: 8px !important;
}
.mt-16 {
    margin-top: 16px !important;
}
.mt-28 {
    margin-top: 28px !important;
}
.mt-32 {
    margin-top: 32px !important;
}
.mt-2 {
    margin-top: 2px !important;
}
.mt-3 {
    margin-top: 3px !important;
}
.mt-4 {
    margin-top: 4px !important;
}
.mt-8{
    margin-top: 8px !important;
}
.mt-9 {
    margin-top: 9px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-30{
    margin-top: 30px;
}
.mt-40{
    margin-top: 40px !important;
}
.mt-48{
    margin-top: 48px;
}
.mt-52{
    margin-top: 52px;
}
.mt-54{
    margin-top: 54px !important;
}
.mt-56{
    margin-top: 56px;
}
.mt-60{
    margin-top: 60px;
}
.mt-64{
    margin-top: 64px;
}
.mt-72 {
    margin-top: 72px;
}
.mt-140{
    margin-top: 140px;
}
.ml-0 {
    margin-left: 0 !important;
}
.ml-4{
    margin-left: 4px;
}
.ml-5{
    margin-left: 5px;
}
.ml-8 {
    margin-left: 8px;
}
.ml-24{
    margin-left: 24rem;
}
.ml-30{
    margin-left: 30px;
}
.mr-0 {
    margin-right: 0 !important;
}
.mr-4{
    margin-right: 4px;
}
.mr-8 {
    margin-right: 8px;
}
.mr-16 {
    margin-right: 16px;
}
.mr-12 {
    margin-right: 12px;
}
.mr-16 {
    margin-right: 16px;
}
.mr-32{
    margin-right: 32px;
}
.mr-40{
    margin-right: 40px;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-12 {
    margin-bottom: 12px !important;
}
.mb-14 {
    margin-bottom: 14px !important;
}
.mb-140 {
    margin-bottom: 140px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-24{
    margin-bottom: 24px;
}
.mb-8 {
    margin-bottom: 8px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-45 {
    margin-bottom: 45px !important;
}
.mb-48 {
    margin-bottom: 48px !important;
}
.mb-11 {
    margin-bottom: 11px !important;
}
.mb-32 {
    margin-bottom: 32px !important;
}
.mb-72{
    margin-bottom: 72px !important;
}
.pl-4 {
    padding-left: 4px;
}
.pl-8 {
    padding-left: 8px;
}
.pl-40 {
    padding-left: 40rem;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-4 {
    padding-right: 4px;
}
.pr-8 {
    padding-right: 8px;
}
.pr-40 {
    padding-right: 40rem;
}
.pt-40 {
    padding-top: 40px;
}
.d-none {
    display: none !important;
}
.divider-line::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 12rem;
    background: var(--color-divider-1);
    right: 0px;
    top: 50%;
    transform: translateY(-37%);
}
.first-level-font {
    color: var(--color-text-1);
}
.second-level-font {
    color: var(--color-text-2);
}
.third-level-font {
    color: var(--color-text-3);
}
.fouth-level-font {
    color: var(--color-text-4);
}
.icon-up {
    color: var(--color-pd-1) !important;
    font-size: 12px;
}
.icon-down {
    color: var(--color-pd-2) !important;
    font-size: 12px;
}
.icon-14 {
    width: 14px;
    height: 14px;
}
.cp {
    cursor: pointer;
}
.cd {
    cursor: default;
}
.back-text, .back-text-dark {
    font-weight: 500;
    font-size: 16px;
    color: var(--color-text-1);
    margin-left: 4px;
}
.d-block {
    display: block !important;
}
.white-space-nowrap {
    white-space: nowrap
}
.expand-icon-shang {
    cursor: pointer;
    color: var(--color-brand-1);
}
/*覆盖掉footer的border-top*/
footer.my-footer {
    border: none;
}
/* 轮播图样式 */
.swiper-content {
    --swiper-navigation-color: var(--color-brand-1); /* 单独设置按钮颜色 */
    --swiper-navigation-size: 14px; /* 设置按钮大小 */
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-4);
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 16px rgba(35, 84, 230, 0.1);
}
.swiper-button-next:hover,.swiper-button-prev:hover{
    color: var(--color-brand-1);
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
/* .swiper-button-next:after,.swiper-button-prev:after{
    font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1
} */
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: -50px;
    right: auto;
}
/* .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{
    content:'prev'
} */
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: -50px;
    left: auto;
}
/* .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'} */
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000;
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination-bullet {
    background-color: #ffffff;
}

.svg-icon-wrapper {
    vertical-align: middle;
    margin-left: 6px;
    margin-right: 6px;
}
.svg-icon-wrapper svg {
    vertical-align: middle;
}
/* translate to traditional font */
/* windows不兼容 改用cn2tw */
/* .traditional-font {
    font-variant-east-asian: traditional;
} */
/* recover header color */

.traders-container {
    margin-top: -72px;
}
.dark-banner .theme-light-display-hide {
    display: inline-block !important;
}
.dark-banner .drawer_header_logo .theme-light-display-hide{
    display: none !important;
}
.dark-banner .theme-light-display-hide.skin_item {
    display: none !important;
}
.classic-dark .dark-banner .theme-light-display-hide.skin_item {
    display: inline-block !important;
}
.dark-banner .theme-night-display-hide {
    display: none !important ;
}
.dark-banner .drawer_header_logo .theme-night-display-hide{
    display: inline-block !important;
}

.dark-banner .theme-night-display-hide.skin_item {
    display: inline-block !important;
}

.classic-dark .dark-banner .theme-night-display-hide.skin_item {
    display: none !important;
}
.classic-dark .dark-banner .drawer_header_logo .theme-night-display-hide {
    display: none !important;
}
.classic-dark .dark-banner .drawer_header_logo .theme-light-display-hide {
    display: inline-block !important;
}
.dark-banner #iconMenu {
    color: #ffffff;
}
.dark-banner #opPanel #topLoginBar #phone_profile{
    color: #fff;
}
.dark-banner #mainNav>ul>li>a:first-child {
    color: #ffffff;
}
.dark-banner #mainNav>ul>li:hover>a:first-child {
    color: var(--brandColor);
}
.dark-banner #mainNav .top-menu-arrow {
    color: #ffffff;
}
.dark-banner #opPanel>ul>li>span:first-child {
    color: #ffffff;
}
.dark-banner #opPanel>ul>li:hover>span:first-child {
    color: var(--brandColor);
}
.dark-banner #opPanel #topLoginBar #topUicon {
    color: #ffffff;
}
.dark-banner #opPanel li.opr-icon {
    color: #ffffff;
}
.dark-banner #opPanel li.opr-icon:hover {
    color: var(--brandColor);
}
.dark-banner #opPanel li.opr-icon.header-right-icon-border::after {
    border-right-color: #1F2126;
}
#opPanel li.opr-icon.header-right-icon-border::after {
    transition: all .3s;
}
.dark-banner #loginLink a {
    color: #ffffff;
}
.dark-banner #loginLink a:hover {
    color: var(--brandColor);
}
.dark-banner #hamburg_menu_icon path{
    fill: #ffffff;
}
/* 实盘跟单首页 */
.traders-container {
    width: 100%;
    background-color: #f8f9fb;
}
.swiper-container-banner {
    width: 100%;
    height: 392px;
    position: relative;
}
.swiper-container-banner .swiper-slide {
    height: 392px;
    background-color: var(--color-text-1);
    position: relative;
}
.swiper-container-banner .swiper-slide img {
    width: 100%;
    height: 392px;
    object-fit: cover;
}
.swiper-container-banner .banner-wrapper {
    width: 100%;
    height: 392px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.swiper-container-banner .banner-wrapper .banner-content-wrapper {
    height: 392px;
    margin: 0 auto;
    padding-top: 150px;
}
.swiper-container-banner .banner-wrapper .banner-content-wrapper .banner-content {
    width: fit-content;
    max-width: 80%;
}
.banner-title {
    font-style: normal;
    font-weight: 700;
    font-size: 52px;
    line-height: 52px;
    /* text-transform: capitalize; */
    color: var(--color-text-1) ;
}
html[lang=vi] .banner-title {
    font-size: 40px;
}
.banner-slogan {
    height: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-left: 16px;
    color: var(--color-text-3) ;
}
.view-tutorial-btn {
    display: inline-block;
    margin-left: 16px;
    width: auto;
    min-width: 112px;
    padding: 0 16px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: var(--color-brand-1);
    border: 1px solid rgba(35, 84, 230, 0.8);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
}
.be-trader-btn {
    display: inline-block;
    width: auto;
    min-width: 112px;
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    background-color: var(--color-brand-1);
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}
.banner-content .plan-link {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    text-indent: 2px;
    cursor: pointer;
    border: 1px solid var(--color-brand-1);
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    margin-left: 8px;
    border-radius: 4px;
}
.banner-content .plan-link p {
    color: var(--color-brand-1);
}
.banner-content .plan-link p:hover {
    color: var(--color-brand-1);
}


.my-firm-offer-btn {
    display: block;
    float: right;
    width: auto;
    height: 32px;
    line-height: 32px;
    padding-left: 12px;
    padding-right: 12px;
    background: #fff;
    border: 1px solid #7796f0;
    border-radius: 4px;
    color: var(--color-brand-1);
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
}

.common-modal-content-wrapper {
    width: 100%;
    height: auto;
    padding-left: 12px;
}
.common-modal-header {
    height: auto;
    line-height: 36px;
    margin-top: 12px;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    color: var(--color-text-1);
}
.be-trader-content {
    margin-top: 16px;
    height: 500px;
    overflow: auto;
    box-sizing: content-box;
    padding-bottom: 14px;
}
.been-tader-content {
    height: 66px;
    overflow: auto;
    box-sizing: content-box;
    padding-bottom: 14px;
}
.be-trader-content::-webkit-scrollbar {
    width: 5px;
    /* background-color: #E6E9F2; */
    border-radius: 2px;
}
.be-trader-content::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: #f5f6fa;
    border-radius: 2px;
}
.agreement-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-transform: capitalize;
    color: var(--color-text-2);
}
.be-trader-checkbox-wrapper {
    margin-top: 32px;
}
.have-readed-text {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: var(--color-text-2);
}
.be-trader-ok-btn {
    width: 100%;
    margin-top: 24px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;

    color: #ffffff;
    background-color: var(--color-brand-1);
    cursor: pointer;
    border: none;
    border-radius: 8px;
}
.be-trader-ok-btn[disabled] {
    background-color: #f5f6fa;
    color: var(--color-text-4);
}
.be-trader-ok-btn[disabled]:hover {
    background-color: #f5f6fa;
    color: var(--color-text-4);
}


.sanjiaoxing{width: 18px;height: 18px;position: absolute;}
.sanjiaoxing span{position: absolute; border-radius: 0 3px 0px 0px;right: 13px;width: 100%;height: 100%;background-color: rgba(4, 9, 26, 0.9);transform: rotate(45deg);}
.sanjiaoxing.left{left: -34px;transform: rotate(180deg);}
.sanjiaoxing.right{right: -34px;}
.sanjiaoxing.top{top: 0;}
.sanjiaoxing.center{top: calc(50% - 4px);}
.sanjiaoxing.bottom{bottom: 0;}

#chart-layer li, .chart-activity li{color: var(--color-text-3); font-size: 16px;display: flex;}
#chart-layer .chart-popup, .chart-activity .chart-popup{display: flex;}
.chart-popup li{display: flex;flex-direction: column;justify-content: space-between;}
.chart-popup li:first-child{padding: 0 0px;}
.chart-popup li span{margin-bottom: 12px;height: 19px; line-height: 19px;}
.chart-popup li span:last-child{margin-bottom: 0px;}
.chart-activity .chart-popup li:first-child{padding: 0;}
/* .chart-activity .sanjiaoxing.left{left: -30px;} */
/* .chart-activity  .sanjiaoxing.right{right: -30px;} */
.classic-dark .sanjiaoxing span{background-color: rgb(71, 79, 102);}
.dark-text {
    color: #8D93A6;
}


#chart-layer .value {
    color: #fff;
}

.traders-content {
    margin: 0 auto;
}

.recommend-traders-container {
    padding-top: 48px;
}
.recommend-trader-card {
    transition: all 0.2s ease;
    width: 232px;
    border-radius: 8px;
    text-align: center;
    background-color: #ffffff;
    cursor: pointer;
    padding: 24px;
    padding-top: 48px;
    margin-bottom: 0;
}
.recommend-trader-card:hover {
    box-shadow: 0px 2px 24px rgba(70, 100, 140, 0.08);
}
.recommend-trader-card .trader-card-avatar {
    width: 80rem;
    height: 80rem;
    border-radius: 48px;
    border: none;
    margin: -96px auto 0;
    overflow: hidden;
    background-color: #ddd;
}
.recommend-trader-card .trader-card-avatar .recommend-avatar {
    width: 80rem;
    height: 80rem;
    font-size: 20px;
	font-weight: 500;
}
.recommend-trader-card .trader-card-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recommend-trader-card .trader-card-nickname {
    width: 100%;
    height: 38px;
    padding: 12px 0;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: var(--color-text-1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recommend-trader-card .trader-card-profit {
    margin-top: 12px;
    height: 16px;
    line-height: 16px;
}
.recommend-trader-card .trader-card-profit-title {
    display: inline-block;
    margin-right: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: var(--color-text-3);
    vertical-align: middle;
    max-width: 8vw;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}
.recommend-trader-card .trader-card-profit-value {
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--color-text-1);
    vertical-align: middle;
}
.recommend-trader-card .check-detail {
    display: none;
    margin-top: 32px;
    text-align: center;
    color: var(--color-brand-1);
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    font-style: normal;
}
.recommend-trader-card .check-detail a {
    color: var(--color-brand-1);
}

.traders-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
    grid-template-rows: auto;
}
.traders-list-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0;
    grid-template-rows: repeat(9, 64px);
}
.trader-container .trader-container-header {
    width: 100%;
}
.trader-container .trader-container-header .view-switch-btn {
    padding: 0 8px;
    height: 28px;
    text-align: center;
    font-size: 16px;
    background-color: #eef1fa;
    border-radius: 4px;
    float: left;
    margin-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.trader-container .trader-container-header .view-switch-btn .iconfont {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .trader-container .rank-container-header{
    height: 52px;
} */
.trader-container .trader-container-header .grid-sorter li.color-text-4 {
    color: var(--color-text-4);
}
.trader-container .grid-sorter{
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
}
.trader-container .grid-sorter::-webkit-scrollbar{
    height: 0;
}
.trader-container .trader-container-header .grid-sorter li {
    float: left;
    margin-right: 32px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: var(--color-text-3);
    cursor: pointer;
    display: flex;
    flex: auto;
    align-items: center;
    justify-content: space-between;
}
.trader-container .trader-container-header .grid-sorter li:hover {
    color: var(--color-text-1);
}
.trader-container .trader-container-header .ant-input-prefix,
.my-real .ant-input-prefix {
    margin-right: 8px;
}
.trader-container-header .ant-input-prefix{
    margin-top: 2px;
}
.input-prefix {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.trader-container .trader-container-header .ant-input-affix-wrapper {
    padding: 4px 8px;
}
.trader-container .trader-container-header .tradingant-input-suffix,
.trader-container .trader-container-header .ant-input-group-addon,
.my-real .tradingant-input-suffix,
.my-real .ant-input-group-addon {
    display: none;
}
.grid-sorter .grid-sorter-title.active {
    color: var(--color-text-1)
}
.grid-sorter .grid-sorter-title {
    flex: 1;
    font-weight: 600;
}
.grid-sorter h3.grid-sorter-title {
    color: inherit;
}
.hide-full-text {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: var(--color-text-2);
}

.trader-card {
    width: 100%;
    height: 100%;
    padding: 24rem;
    border-radius: 8px;
    background-color: var(--color-card-2);
    position: relative;
    cursor: pointer;
}

.trader-card:hover {
    box-shadow: 0px 4px 40px rgba(23, 56, 153, 0.12);
}

.trader-card-user-info-wrapper {
    width: 100%;
    height: 64px;
}
.trader-card-user-info-avatar {
    width: 64px;
    height: 64px;
    border-radius: 32px;
    overflow: hidden;
    float: left;
    margin-right: 12px;
    border: none;
    cursor: pointer;
    background-color: #ddd;
}
.trader-card-user-info-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.trader-card .trader-card-avatar {
    width: 64px;
    height: 64px;
}
.trader-card-user-info {
    width: 200px;
    margin-top: 7px;
    display: flex;
    align-items: center;
}
.trader-card-user-info-name {
    /* max-width: 160px; */
    /* max-width: 110px; */
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--color-text-1);
    vertical-align: middle;
    cursor: pointer;
}
.trader-card-user-info-style {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.trader-card .trader-card-user-info-style .ant-divider-vertical {
    border-color: var(--color-divider-2) !important;
}
.trader-card-user-info-style span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: var(--color-text-3);
}
.trader-card-user-profit-wrapper {
    width: 100%;
    height: 80px;
    border-bottom: 1px solid  var(--color-divider-2) !important;
    margin-top: 24px;
}
.trader-card-user-profit {
    width: 50%;
    height: auto;
    float: left;
}
.trader-card-user-profit-value {
    height: 32px;
    line-height: 32px;
}
.trader-card-user-profit-value span {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 32px;
}
.trader-card-user-profit-rate {
    height: 14px;
    margin-top: 8px;
    color: #4d5366;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
}
.trader-card-user-profit-sparklines {
    width: 180px;
    height: 24px;
    margin: 12px 0 12px -1px;
    float: left;
}
.trader-card-user-profit-sparklines::after {
    content: '';
    width: 1px;
    height: 14px;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
}
body.classic-dark .trader-card-user-profit-sparklines::after {
    background-color: #1F2433;
}
.trader-card-user-index-item {
    width: 33.3%;
    height: 50px;
    float: left;
}
.trader-card-user-index-item-value {
    display: block;
    height: 14px;
    margin-top: 16px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: var(--color-text-1);
}
.trader-card-user-index-item-title {
    display: block;
    height: 12px;
    margin-top: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: var(--color-text-3);
}

.follow-btn,
.following-btn,
.disabled-follow-btn,
.full-follow-btn {
    position: relative;
    width: 88px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
}
.traders-grid-wrapper .follow-btn,
.traders-grid-wrapper .following-btn,
.traders-grid-wrapper .disabled-follow-btn,
.traders-grid-wrapper .full-follow-btn {
    position: absolute;
    top: 13px;
    right: 0;
}

.follow-btn {
    background-color: var(--color-brand-1);
}
.follow-btn:hover{
    background-color: var(--color-brand-2);
}
.following-btn {
    background: linear-gradient(270deg, #16d9d9 0%, #17e6a1 100%);
}
.full-follow-btn {
    background-color: #ff8c19;
    cursor: not-allowed;
    width: fit-content;
    min-width: 88px;
}

/* 交易员主页 */
.trader-header {
    box-shadow: 0px 4px 8px 0px rgba(70, 100, 140, 0.08);
    position: relative;
    z-index: 9;
    background: var(--color-card-2);
}

.trader-detail-container {
    height: auto;
    margin: 0 auto;
}

.trader-detail-container .quick-follow .info-section .swiper-button-prev,
.trader-detail-container .quick-follow .info-section .swiper-button-next {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    transition: background-color .3s linear;
    background-color: rgba(35, 84, 230, 0.1);
}

/* 交易員主頁 直播列表 swiper 左右按鈕樣式 */
.trader-detail-swiper-action.swiper-button-prev,
.trader-detail-swiper-action.swiper-button-next {
    width: 24rem;
    height: 24rem;
    transition: background-color .3s linear;
    background-color: var(--color-neutral-2);
}
.trader-detail-swiper-action.swiper-button-prev::after,
.trader-detail-swiper-action.swiper-button-next::after {
    display: none;
}
.trader-detail-swiper-action.swiper-button-prev {
    left: 0;
}
.trader-detail-swiper-action.swiper-button-next {
    /* Select 下拉框會擋住 */
    z-index: 0;
    right: 0;
}
.trader-detail-swiper-action.swiper-button-prev:hover,
.trader-detail-swiper-action.swiper-button-next:hover {
    background-color: var(--color-brand-1);
}
/* 直播卡片重構 */
.trader-detail-swiper-content {
    position: relative;
    overflow: hidden;
}
.trader-detail-swiper-content .swiper-wrapper {
    max-width: 386rem;
}
.trader-detail-swiper-content .swiper-slide {
    box-shadow: 0px 0px 12px rgba(70, 100, 140, 0.08);
    width: auto;
    flex-shrink: 0;
    display: block;
    height: 100%;
    max-height: 100%;
}
.trader-detail-swiper-content .swiper-slide-item {
    max-height: 82rem;
    min-height: 82rem;
    position: relative;
    overflow: hidden;
    border-radius: 4rem;
}
.trader-detail-swiper-content .swiper-slide-item .cover-img {
    object-fit: fill;
    width: 100%;
    border-radius: 4px;
}

.trader-detail-container .quick-follow .info-section .swiper-button-prev::after,
.trader-detail-container .quick-follow .info-section .swiper-button-next::after {
    content: none;
}

.trader-detail-container .quick-follow .info-section .swiper-button-prev:hover,
.trader-detail-container .quick-follow .info-section .swiper-button-next:hover {
    background-color: #2354E6;
}

.trader-detail-container .quick-follow .info-section .swiper-button-prev {
    margin-left: 12px;
}

.trader-detail-container .quick-follow .info-section .swiper-button-next {
    margin-right: 12px;
}

.trader-detail-container .quick-follow .lives-block:nth-child(4n){margin-right:16px !important}

.trader-detail-container .lives-state {
    transform-origin: right;
}

.trader-detail-container .sub-state {
    background: linear-gradient(180deg, rgba(255, 205, 128, 1) 0%, rgba(225, 164, 29, 1) 100%);
}

.trader-detail-container .live-hot {
    background-image: linear-gradient(180deg, rgba(39, 39, 39, 0) 0, #272727 100%);
}

.trader-detail-header {
    width: 100%;
    height: 64px;
    /* line-height: 64px; */
    margin: 0 auto;
    display: flex;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: var(--color-text-1);
    align-items: center;
    justify-content: space-between;
    /* background: var(--color-cmpt-5); */
    /* box-shadow: 0px 4px 8px rgba(70, 100, 140, 0.08); */
}
.trader-detail-header li.left {
    flex: 1;
}
.trader-detail-header li.right {
    flex: 1;
    text-align: right;
}
.trader-detail-top {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 72px;
    align-items: stretch;
    display: grid;
    grid-gap: 24rem;
    grid-template-columns: 3fr 2fr;
}
.not-visible {
    color: var(--colorFont3);
}
.liner-container {
    position: relative;
    overflow: hidden;
}
.liner-bg {
    background-size: 100% 100%;
    /* background-repeat: no-repeat; */
    position: absolute;
    left: 0%;
    top: 0px;
    /* filter: blur(200px);
    opacity: 0.2; */
    width: 100%;
    height: 100%;
}
.filter-img {
    width: 100%;
    display: block;
    margin: 0 auto;
    filter: blur(400px);
    opacity: 0.2;
    transform: translateY(-50%);
}
.filter-img-over {
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(248,249,251, 0), var(--color-bg-1));
    width: 100%;
    height: 100%;
}
.trader-container {
    background-color: var(--color-bg-1);
    position: relative;
}
.top-tabs {
    height: 100%;
    padding-top: 24px;
}
.trader-profile-live-feed {
    margin-top: 48px;
    margin-bottom: 80px;
}
.trader-profile-new {
    height: 100%;
    border-radius: 12px;
    position: relative;
    flex: 1;
    margin-right: 24px;
    width: 914px;
}

.trader-profile-new ul {
    margin: 0
}

.copy-btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.trader-profile-new .info {
    background: var(--color-card-2);
    border-radius: 12px;
    padding-left: 211px;
    padding-top: 32px;
    padding-bottom: 24px;
    padding-right: 24px;
}
.trader-profile-new .avatar {
    width: 155px;
    height: 155px;
    border-radius: 32px;
    border: none;
    /* overflow: hidden; */
    position: absolute;
    left: 32px;
    top: 32px;
    z-index: 3;
}
.trader-profile-new .info .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.trader-profile-new .trader-detail-avatar {
    width: 155px;
    height: 155px;
}
.trader-profile-new .info .left {
    flex: 1;
}
.trader-profile-new .info .left .top {
    height: 38px;
    line-height: 38px;
    overflow: visible;
    white-space: nowrap;
    margin-bottom: 11px;
    display: flex;
    justify-content: space-between;
}
.trader-profile-new .info .left .top .operate-icon {
    display: flex;
    align-items: center;
    position: absolute;
    right: 24px;
    top: 24px;
}
.trader-profile-new .info .left .top .operate-icon .operate-item {
    border: 1px solid var(--color-divider-1);
    height: 40px;
    width: 40px;
    text-align: center;
    margin: auto;
    cursor: pointer;
    border-radius: 4px;
}
.trader-profile-new .info .left .top .name {
    color: var(--color-text-1);
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    vertical-align: middle;
    display: inline-block;
    max-width: 829px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.trader-profile-new .info .left .top .status-label-full {
    height: 24px;
    box-sizing: content-box;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #ffffff;
    background: #FF860D;
    border-radius: 20px;
    margin-left: 16px;
    padding: 0 12px;
}
.trader-profile-new .info .left .top .status-label-following {
    width: 96px;
    height: 24px;
    box-sizing: content-box;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #ffffff;
    background: #FF860D;
    border-radius: 20px;
    margin-left: 20px;
}
.trader-profile-new .info .left .middle {
    margin-top: 16px;
    font-size: 14px;
    color: var(--color-text-3);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
}
.trader-profile-new .info .left .middle .sub-title {
    margin-right: 8px;
    font-size: 14px;
    color: var(--color-text-3);
}
.trader-profile-new .info .left .middle .sub-value {
    margin-right: 40px;
    font-size: 24px;
    color: var(--color-text-1);
    font-weight: 600;
}
@media screen and (max-width: 1440px) {
    .trader-profile-new .info .left .middle .sub-value {
        margin-right: 20px;
    }
    .trader-profile-new .info .left .middle .sub-title {
        margin-right: 4px;
    }
}
.follow-status {
    padding: 7px 12px;
    background: rgba(0, 0, 0, 0.30);
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translate(-50%, 0%);
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    backdrop-filter: blur(10px);
    color: #fff;
    height: 30px;
    z-index: 9;
    min-width: 84px;
}
.trader-profile-new .info .left .middle .follow-status {
    width: 240px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}
.trader-profile-new .info .left .middle .not-followed {
    background: #2354E6;
    color: #fff;
}
.trader-profile-new .info .left .middle .followed-all {
    background: #E6E9F2;
    color: #B8BDCC;
}
.trader-profile-new .info .left .middle .users-icon {
    margin-right: 4px;
}
.trader-profile-new .info .left .bottom {
    font-size: 12px;
    color: var(--color-text-2) !important;
    justify-content: flex-start;
}
.trader-profile-new .info .right {
    flex: 1;
    height: 64px;
}
.trader-profile-new .info .right li {
    text-align: right;
}
.trader-profile-new .info .right .top {
    height: 24px;
    line-height: 24px;
}
.trader-profile-new .info .right .top svg:hover {
    cursor: pointer;
}
.trader-profile-new .info .right .top svg:hover path {
    fill: #2354E6;
}
.trader-profile-new .info .right .middle {
    margin: 8px 0;
    height: 12px;
    line-height: 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: var(--color-text-1);
}
.trader-profile-new .info .right .bottom {
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    color: var(--color-text-1);
}
.trader-profile-new .intro-bg {
    background-color: var(--color-card-2);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    border-radius: 0 0 12px 12px;
}
.trader-profile-new .intro {
    word-break: break-word;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    color: var(--color-text-3);
    margin-top: 24px;
}
.trader-profile-new .intro .title {
    margin-left: 8px;
    font-size: 14px;
    color: var(--color-text-3);
    font-weight: 600;
    cursor: pointer;
}
.hover-area {
    position: relative;
}

.red-point {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--color-funct-8);
    position: absolute;
    right: -2px;
    top: -4px;
    border: 1px solid var(--color-card-2);
}

.hover-pop .ant-popover-arrow {
    display: none;
}

.hover-pop .ant-popover-inner-content {
    padding: 0;
}

.feed-live {
    position: relative;
    z-index: 99;
}

.content-box {
    position: absolute;
    right: -145px;
    top: 0px;
    padding: 16px;
    box-shadow: 0px 4px 24px rgba(23, 56, 153, 0.08);
    border-radius: 8px;
    background-color: var(--color-card-2);
    z-index: 8;
}

.content-box.active {
    opacity: 1;
    display: block;
    transition: all 0.4s;
}

.content-box-live {
    opacity: 0;
    display: none;
    position: absolute;
    left: -247px;
    top: 0px;
    padding: 16px;
    box-shadow: 0px 4px 24px rgba(23, 56, 153, 0.08);
    border-radius: 8px;
    z-index: 8;
    background-color: var(--color-card-2);
}

.content-box-live.active {
    display: block;
    opacity: 1;
    transition: all 0.4s;
}

.content-box-live .content-item-live:hover {
    background: var(--color-card-3);
}
.content-item-live {
    padding: 16px;
    width: 266px;
    border-radius: 8px;
    /* height: 75px; */
}

.content-box .content-item-feed {
    padding: 16px;
    width: 266px;
    border-radius: 8px;
}

.content-item-more {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 16px;
}

.content-item-more div {
    margin-right: 7px;
}

.content-box .content-item-feed:hover {
    background: var(--color-card-3);
}

.content-box .title, .content-box-live .title {
    color: var(--color-text-3);
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 14px;
}

.content-box .more, .content-box-live .more {
    color: var(--color-brand-1);
    font-size: 14px;
    font-weight: 600;
}

.content-box .more-jiantou, .content-box-live .more-jiantou {
    color: var(--color-brand-1);
    /* width: 12px; */
    font-size: 12px;
}


.content-box .desc, .content-box-live .desc {
    /* height: 42px; */
    font-size: 14px;
    color: var(--color-text-2);
    overflow: hidden;
    line-height: 21px;

    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content-box .desc a, .content-box-live .desc a {
    color: var(--color-text-2) !important;
}
.trader-profile-new .latest-developments .banner {
    margin-bottom: 24px;
}
.quick-follow .quick-follow-streaming-area .banner {
    height: 16px;
}
.quick-follow .quick-follow-streaming-area .banner .ant-select-selector,
.quick-follow .quick-follow-streaming-area .banner .ant-select-selector input,
.quick-follow .quick-follow-streaming-area .banner .ant-select-selector .ant-select-selection-item,
.quick-follow .quick-follow-streaming-area .banner .ant-select-selection-search {
    height: 16px;
}
.quick-follow .quick-follow-streaming-area .banner .ant-select-selector,
.quick-follow .quick-follow-streaming-area .banner .ant-select-selector .ant-select-selection-item {
    overflow: inherit;
    padding-right: 0;
}
.trader-profile-new .latest-developments .banner,
.quick-follow .quick-follow-streaming-area .banner {
    display: flex;
    color: #04091A;
    font-size: 16px;
    line-height: 16px;
}
.quick-follow .quick-follow-streaming-area {
    height: 210px;
}
.trader-profile-new .latest-developments .banner.item-info-icon {
    width: 32px;
    height: 32px;
}
.trader-profile-new .latest-developments .banner span,
.quick-follow .quick-follow-streaming-area .banner span {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    text-transform: capitalize;
    color: #04091A;
}
.quick-follow .quick-follow-streaming-area .banner span.ant-select-arrow {
    display: none;
}
.quick-follow .quick-follow-streaming-area .banner .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    height: auto;
}
.quick-follow .quick-follow-streaming-area .banner .ant-select-selector {
    height: 100% !important;
}
.quick-follow .quick-follow-streaming-area .ant-select {
    margin-left: auto;
}
html[lang=ar] .quick-follow .quick-follow-streaming-area .ant-select {
    margin-left: initial;
    margin-right: auto;
}
.quick-follow .quick-follow-streaming-area .info-section {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    justify-content: space-between;
    /* min-height: 100%; */
}
.quick-follow .quick-follow-streaming-area .info-section.info-section-noData {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    justify-content: center;
}
.quick-follow .quick-follow-streaming-area .info-section .arrow-area {
    position: relative;
    display: flex;
    align-items: center;
}
.quick-follow .quick-follow-streaming-area .info-section .arrow-area-left {
    margin-right: 16px;
}
.quick-follow .quick-follow-streaming-area .info-section .arrow-area-right {
    margin-left: 16px;
}
.quick-follow .quick-follow-streaming-area .info-section .arrow-btn {
    position: relative;
    transition: all .3s linear;
}
.quick-follow .quick-follow-streaming-area .info-section .arrow-btn:hover svg circle {
    fill-opacity: 0.1;
    transition: all .3s linear;
}
.quick-follow .quick-follow-streaming-area .info-section .arrow-btn:not(.quick-follow .quick-follow-streaming-area .info-section .arrow-btn-noDrop) {
    transform: scale(1);
}
.quick-follow .quick-follow-streaming-area .info-section .arrow-btn:hover:not(.quick-follow .quick-follow-streaming-area .info-section .arrow-btn-noDrop) {
    transform: scale(1.1);
}
.quick-follow .quick-follow-streaming-area .info-section .arrow-btn:active:not(.quick-follow .quick-follow-streaming-area .info-section .arrow-btn-noDrop) {
    transform: scale(0.9);
}
.quick-follow .quick-follow-streaming-area .info-section .arrow-btn:hover:not(.quick-follow .quick-follow-streaming-area .info-section .arrow-btn-noDrop) svg circle {
    fill-opacity: 1;
}
.quick-follow .quick-follow-streaming-area .lives-block,
.quick-follow .quick-follow-streaming-area .swiper-slide {
    margin-top: 0;
    box-shadow: 0px 0px 6px rgba(70, 100, 140, 0.08);
}
.quick-follow .quick-follow-streaming-area .lives-block-top > span {
    position: relative;
    height: 100%;
    max-height: 82px;
    min-height: 82px;
    width: 100%;
    display: flex;
    overflow: hidden;
    vertical-align: middle;
    align-items: center;
    cursor: pointer;
}
.lives-block-top .cover-img {
  display: block;
  width: 100%;
  height: 192px;
}
.quick-follow .quick-follow-streaming-area .lives-block-top .cover-img {
    object-fit: fill;
    max-height: 82px;
    min-height: 82px;
    border-radius: 4px;
}
.trader-profile-new .latest-developments .banner .item-info-level {
    margin-bottom: 4px;
}
.trader-profile-new .latest-developments .banner .banner-more {
    margin-left: auto;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: 0.4px;
    color: #04091A;
}
.trader-profile-new .latest-developments .info-section .item-info-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #ddd;
}
.trader-profile-new .latest-developments .info-section .item-info-icon .avatar-head {
    width: 40px;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
}
.trader-profile-new .latest-developments .dynamic-item-info {
    margin-bottom: 16px;
}
.trader-profile-new .latest-developments .item-info-detailed .item-info-name {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
}
.quick-follow .quick-follow-streaming-area .info-section .right-livesinfo .name {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    max-width: 120px
}
.quick-follow .quick-follow-streaming-area .info-section .right-livesinfo .name,
.quick-follow .quick-follow-streaming-area .info-section .right-livesinfo.flex-auto h4 {
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.quick-follow  .quick-follow-streaming-area .info-section .right-livesinfo .name  {
    font-size: 12px;
}
.quick-follow  .quick-follow-streaming-area .info-section .lives-block-bottom {
    padding-left: 8px;
    margin-top: 8px;
    background: #fff;
}
.quick-follow .quick-follow-streaming-area .info-section .right-livesinfo.flex-auto {
    height: 100%;
    line-height: inherit;
    flex: 1 1 auto;
}
.quick-follow .quick-follow-streaming-area .info-section .right-livesinfo.flex-auto > div {
    line-height: inherit;
}
.quick-follow .quick-follow-streaming-area .lives-block-bottom {
    height: 32px;
}
.trader-profile-new .latest-developments .item-info-detailed .item-info-time {
    line-height: 12px;
}
.trader-profile-new .latest-developments .dynamic-text-show {
    margin-left: 0;
    font-size: 14px;
    line-height: 150%;
    color: #04091A;
}
.trader-profile-new .latest-developments .dynamic-text-show.dynamic-text-show-onlyText {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.trader-profile-new .latest-developments .dynamic-text-show.dynamic-text-show-withImg {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.trader-profile-new .latest-developments .latest-news-lists a:last-child .aside-dynamic-item {
    padding-bottom: 0;
}
.trader-profile-new .latest-developments .latest-news-lists {
    min-height: auto;
}
.trader-profile-new .latest-developments .text-show-btn {
    margin-left: 0;
}
.quick-follow .quick-follow-streaming-area .banner .ant-select-single .ant-select-selector .ant-select-selection-item {
    color: #000;
}
.quick-follow .quick-follow-streaming-area .ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border: none;
}
.quick-follow .quick-follow-streaming-area .lives-block-bottom .host-avatar {
    height: 24px;
    width: 24px;
    min-width: 24px;
    border-radius: 50%;
}
/* 交易員主頁的直播列表 主播頭像樣式 */
.trader-detail-host-avatar {
    height: 24rem;
    width: 24rem;
    min-width: 24rem;
    border-radius: 50%;
}
.trader-profile-new .intro h4 {
    margin-bottom: 8px;
    height: 16px;
    line-height: 16px;
    color: var(--color-text-1);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
}
.trader-profile-new .intro p {
    text-align: justify;
    color: var(--color-text-3);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    word-break: break-word;
    color: var(--color-text-3);
}
.mode-title{
    font-weight: 500;
    font-size: 16px;
    color: #04091A;
}
.trader-profile-new .intro p.overheight {
    overflow-y: auto;
    max-height: 50px;
    padding-right: 4px;
    letter-spacing: 0.5px;
}
.trader-profile-new .intro p.overheight::-webkit-scrollbar {
    width: 4px;
}
.trader-profile-new .intro p.overheight::-webkit-scrollbar-thumb {
    background-color: #eef1fa;
}
.quick-follow {
    width: 464px;
    display: flex;
    flex-direction: column;
}
.quick-follow .quick-follow-setting-area {
    box-shadow: 0px 0px 12px rgba(70, 100, 140, 0.08);
    padding: 24px 32px;
    margin-bottom: 24px;
    border-radius: 8px;
    background-color: #ffffff;
    flex: 1;
    height: 220px;
}
.quick-follow .quick-follow-streaming-area {
    border-radius: 8px;
    flex: 1;
}
.quick-follow .quick-follow-streaming-area .lives-block-top {
    max-height: 82px;
    min-height: 82px;
    position: relative;
    overflow: hidden;
}
.quick-follow .ant-input-affix-wrapper {
    border-color: #e6e9f2;
    border-radius: 4px;
    display: flex;
    align-items: center;
}
.quick-follow .ant-input-affix-wrapper .ant-input {
    color: var(--color-text-4) !important;
    font-weight: 500;
}
.quick-follow .ant-input-affix-wrapper .ant-input-suffix {
    color: var(--colorFont3) !important;
    font-size: 12px;
    font-weight: 500;
    height: 12px;
}
.percent-selector-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px;
    /* margin-top: 12px; */
}
.percent-selector-wrapper li {
    height: 8px;
    background-color: #eef1fa;
    cursor: pointer;
}
.percent-selector-wrapper li.active {
    background-color: var(--color-brand-1);
}
.percent-selector-wrapper li.disabled {
    cursor: not-allowed;
    pointer-events: none;
}
.percent-label-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px;
}
.percent-label-wrapper li {
    /* height: 28px;
    line-height: 28px; */
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    padding-top: 8px;
    color: var(--color-text-3);
}
.quick-follow-leverage-title {
    margin-top: 16px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
}
.ant-slider .ant-slider-track,
.ant-slider .ant-slider-track:hover {
    background-color: var(--color-brand-1) !important;
}
.ant-slider .ant-slider-handle,
.ant-slider .ant-slider-dot-active,
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
    border-color: var(--color-brand-1);
}
.ant-slider-dot{
    background-color: var(--color-neutral-2);
    top: -3px;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
}
.ant-slider .ant-slider-mark-text {
    height: 12px;
    padding-top: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: var(--color-text-3);
    transform: translateX(-86%) !important;
}
.ant-slider .ant-slider-mark-text-active{
    transform: translateX(-50%) !important;
}
.quick-follow-btn {
    display: flex;
    width: 100%;
    height: auto;
    padding-top: 24px;
}
.quick-copy-btn {
    flex: 1;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
    background-color: var(--color-brand-1);
    border: none;
    border-radius: 4px;
    margin-right: 16px;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
}
html[lang=ar] .quick-copy-btn {
    margin-right: 0;
    margin-left: 16px;
}
.quick-copy-btn[disabled] {
    border-color: #f5f6fa;
    background-color: #f5f6fa;
    color: var(--color-text-4);
}
.advanced-copy-btn {
    flex: 1;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: var(--color-brand-1);
    background-color: #ffffff;
    border: 1px solid var(--color-brand-1);
    border-radius: 4px;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
}
.advanced-copy-btn-h5{
    width: 192px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: var(--color-brand-1);
    background-color: #ffffff;
    border: 1px solid var(--color-brand-1);
    border-radius: 4px;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 8px;
}
.advanced-copy-btn[disabled] {
    border: none;
}
.quick-copy-btns {
    width: 100%;
    padding: 0 16px;
}
.quick-copy-ok-btn {
    width: 278px;
    margin-top: 16px;
    margin-bottom: 8px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;

    color: #ffffff;
    background-color: var(--color-brand-1);
    cursor: pointer;
    border: none;
    border-radius: 4px;
}
.quick-copy-mode-ok-btn{
    width: 420px;
    margin-top: 48px;
    margin-bottom: 8px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;

    color: #ffffff;
    background-color: var(--color-brand-1);
    cursor: pointer;
    border: none;
    border-radius: 8px;
}
.quick-copy-cancel-btn {
    width: 126px;
    margin-top: 16px;
    margin-bottom: 8px;
    margin-right: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;

    color: var(--color-text-2);
    background-color: var(--color-neutral-2);
    cursor: pointer;
    border: none;
    border-radius: 4px;
}

.my-follow-data-area {
    padding: 32rem;
    border: 1px solid var(--color-divider-2);
    border-radius: 8px;
    background-color: var(--color-card-3);
    position: relative;
}
body.classic-dark .my-follow-data-area {
    border-color: #2A2F40;
    background-color: #0F1F4D;
}
.my-follow-data-area .follow-data-header {
    font-size: 16rem;
    font-weight: 600;
    color: var(--color-text-1);
    margin-bottom: 32rem;
}
body.classic-dark .my-follow-data-area .follow-data-header {
    color: #ffffff;
}
.my-follow-data-area .follow-data-container {
    display: flex;
}
.my-follow-data-area .follow-data-container .follow-data {
    flex: 1;
    height: 100px;
}
.my-follow-data-area .follow-data-container .follow-data .follow-data-value {
    margin-bottom: 8rem;
    font-size: 32rem;
    font-weight: 600;
    color: var(--color-text-1);
}
body.classic-dark .my-follow-data-area .follow-data-container .follow-data .follow-data-value {
    color: #ffffff;
}
.my-follow-data-area .follow-data-container .follow-data .follow-data-title {
    line-height: 1.5;
    font-size: 12rem;
    font-weight: 500;
    color: var(--color-text-2);
}
body.classic-dark .my-follow-data-area .follow-data-container .follow-data .follow-data-title {
    color: #989FB3;
}

.my-follow-data-area .follow-days {
    position: absolute;
    top: 24px;
    right: 16px;
    color: #8D93A6;
    font-size: 12px;
    font-weight: 500;
}
body.classic-dark .my-follow-data-area .follow-days {
    color: #989FB3;
}
.follow-data-button-wrapper {
    width: 100%;
    height: 40px;
    padding: 0 16px;
}
.copy-modal-header{
    padding:0 16px;
}
.copy-modal-colse-icon{
    position: relative;
    top:6px;
    right: 4px;
}
.my-follow-data-area .change-follow-parameters-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background-color: var(--color-brand-1);
    cursor: pointer;
    border: none;
    border-radius: 4px;
}
.copy-modal-markets-warn{
    margin-top: 16px;
    padding: 0 16px;
    font-size: 12px;
    font-weight: 400;
    color:var(--color-text-3);
}
.copy-modal-markets-warn > div{
    border-radius: 8px;
}
.copy-modal-markets {
    margin-top: 24px;
    padding: 0 16px;
    overflow: auto;
}
.copy-modal-markets li{
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
}

.copy-modal-markets li:nth-child(-n+3){
    font-size: 16px;
    font-weight: 600;
}
.copy-modal-markets li span:first-child{
    color: var(--color-text-3);
    font-size:14px;
    font-weight: 500;
    line-height: 16px;
}
.copy-modal-markets .mantine-Avatar-root{
    margin-left: -6px;
}
.copy-modal-avator-tip{
    display: flex;
    flex-flow: row wrap;
    min-width: 236px;
    line-height: 150%;
}
.copy-modal-avator-tip span{
    margin-right: 8px;
}
.copy-modal-markets::-webkit-scrollbar {
    width: 5px;
}
.copy-modal-markets::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #e6e9f2;
}
.copy-modal-markets .markets-params {
    padding-top: 24px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-divider-2);
}
.follow-treader__risk-checkbox {
    margin: 24px 0 0 16px;
}
.follow-treader__risk-checkbox .ant-checkbox-inner::after{
    left: 30%;
    top: 46%;
}
.markets-params .market-param {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.markets-params .market {
    margin-bottom: 16px;
    height: 16px;
    line-height: 16px;
}
.markets-params .market-name {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-2);
    vertical-align: middle;
}
.markets-params .leverage-warning {
    font-size: 12px;
    font-weight: 500;
    color: red;
    vertical-align: middle;
}
.markets-params .market-param {
    height: 12px;
    line-height: 12px;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 500;
}
.markets-params .market-param .param-name {
    color: var(--color-text-4);
}
.markets-params .market-param .param-value {
    color: var(--color-text-1);
}

.trader-detail-tabs {
    padding-bottom: 120px;
}

.with-single-data {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.with-single-data .single-data {
    /* flex-basis: 342px; */
    min-width: 342px;
    background: #ffffff;
    border-radius: 8px;
    padding: 24px;
    margin-right: 24px;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;

}
.single-data .single-data-header {
    width: 100%;
    height: 45px;
    margin-bottom: 24px;
}
.single-data .single-data-header-activity {
    width: 100%;
    height: 23px;
    line-height: 23px;
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 20px;
    color: var(--color-text-1);
}
.single-data .single-data-header .left {
    /* width: 50%;
    float: left;
    line-height: 32px; */
}
.single-data .single-data-header .left .flex .single-data-title {
    margin-right: 16px;
    color: var(--color-text-1);
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    height: 23px;
    width: 230px;
    line-height: 23px;
    margin-bottom: 8px;
}
.single-data .single-data-header .left .single-data-update-time {
    color: var(--color-text-4) !important;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: block;
    height: 14px;
    line-height: 14px;
}
.single-data .single-data-header .right {
    width: 50%;
    float: left;
    text-align: right;
}
.single-data .single-data-header .right .ant-select {
    text-align: left;
}
.single-data .single-data-header .right .ant-select .ant-select-selection-item {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: var(--color-text-1);
}
.single-data .single-data-content {
    overflow: hidden;
    width: 100%;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--color-divider-2);
}
.single-data .single-data-content .metrics-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.single-data .single-data-content li {
    position: relative;
    margin-bottom: 24px;
    line-height: 1;
}
.single-data .single-data-content .m18 {
    position: relative;
    margin-bottom: 16px;
    height: 14px;
    line-height: 14px;
}
.single-data .single-data-content .m0 {
    position: relative;
    margin: 0;
}
.single-data .single-data-content .align-right {
    text-align: right;
}
.single-data .single-data-content li:not(:last-child):not(:nth-child(4n + 4))::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 32px;
    right: 0;
    top: 50%;
    margin-top: -16px;
    margin-right: 16px;
    background: #eef1fa;
    display: none;
}
.single-data .single-data-content li .value {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 8px;
    color: var(--color-text-1) !important;
}
.single-data .single-data-content li .values {
    font-weight: 600;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    color: var(--color-text-1);
}
.single-data .single-data-content li .time-values {
    font-weight: 600;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    color: var(--color-text-3) !important;
}
.single-data .single-data-content li .value.green {
    color: #13bf86;
}
.single-data .single-data-content li .title {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    height: 12px;
    color: var(--color-text-2);
    display: inline-flex;
}
html[lang=uk] .single-data .single-data-content li .title {
    height: 24px;
    height: 14px;
    line-height: 14px;
    color: var(--color-text-3) !important;
}
.single-data .single-data-content li .dashed {
    border-bottom: 1px dashed var(--color-text-4);
    padding-bottom: 1px;
    display: inline-block;
    cursor: pointer;
}
.roi-red-point::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: static!important;
    background: var(--color-funct-3);
}
.chart-containers {
    flex: 1;
}
.with-single-data .market-place-wrapper {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 12px rgba(70, 100, 140, 0.08);
    border-radius: 8px;
}
.with-single-data .market-place-wrapper .market-place-title {
    width: 100%;
    padding-bottom: 32px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--color-text-1);
}
.with-single-data .market-place-wrapper .fast-follow-btns {
    gap: 16px;
}
.with-single-data .market-place-wrapper .market-place-items {
    max-height: 80px;
    overflow-y: scroll;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
}
.with-single-data .market-place-wrapper .market-place-items li {
    height: 32px;
    line-height: 32px;
    background-color: var(--color-card-1);
    border-radius: 4px;
    text-align: center;
    color: var(--color-text-3);
    font-size: 12px;
    font-weight: 500;
}
.return-rate-chart {
    width: 100%;
    height: 566px;
    margin: 44px 0 140px;
    padding: 32px;
    background-color: #ffffff;
    box-shadow: 0px 0px 12px rgba(70, 100, 140, 0.08);
    border-radius: 8px;
}
.mode-modal-content{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-text-2);
}
.modal-red{
    padding: 12px;
    color: var(--color-pd-1);
    background: rgba(204, 61, 61, 0.08);
    border-radius: 8px;
    font-size: 12px;
}
.mode-modal .ant-modal-body{
    padding: 24px 40px;
}

.mode-modal .ant-modal-close-x{
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-top: 16px;
    margin-right: 16px;
}
.share-link-modal .ant-modal-body{
    padding: 32px 40px 24px 40px;
    background: var(--color-card-2);
    border-radius: 16px;
}
.share-link-modal .common-modal-header {
    color: var(--color-text-1);
    font-size: 24px;
    font-weight: 600;
}
.share-link-modal .ant-modal-body .share-main{
    padding: 20px 16px 16px 16px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 48px;
    margin-left: 43px;
    margin-right: 43px;
    margin-top: 24px;
    position: relative;
}
.share-link-modal .ant-modal-body .share-main .title{
    margin-top: 32px;
    margin-bottom: 8px;
    color: #fff;
    font-size: 24px;
    height: 28px;
    line-height: 28px;
    font-weight: 500;
}
.share-link-modal .ant-modal-body .share-main .avatar{
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.share-link-modal .ant-modal-body .share-main .nickname{
    color: #989FB3;
    font-size: 14px;
    font-weight: 500;
}
.share-link-modal .ant-modal-body .share-main .roi{
    height: 47px;
    line-height: 47px;
    font-size: 40px;
    font-weight: 500;
}
.share-link-modal .ant-modal-body .share-main .roi-title {
    font-size: 14px;
    color: #989FB3;
    font-weight: 500;
}
.share-link-modal .ant-modal-body .share-main .column-1{
    min-width: 124px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #989FB3;
    margin-bottom: 8px;
    font-weight: 400;
}

.share-link-modal .ant-modal-body .share-main .column-1.value {
    color: #fff;
    font-weight: 500;
}

.share-link-modal .ant-modal-body .share-main .share-dsc{
    padding-right: 90px;
    /* height: 18px; */
    line-height: 18px;
    color: #606880;
    font-weight: 500;
    font-size: 12px;
    margin-top: 4px;
    text-align: justify;
}
.share-link-modal .ant-modal-body .share-main .qr-code {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: block;
}

.share-link-modal .ant-modal-body .share-item {
    width: 87px;
    height: 74px;
    cursor: pointer;
}
.share-link-modal .ant-modal-body .share-icon-circle {
    width: 52px;
    height: 52px;
    padding: 9px;
    border-radius: 50%;
    border: 1px solid var(--color-divider-1);
    margin: 0px auto 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share-link-modal .ant-modal-body .ttu {
    color: var(--color-text-3);
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    text-align: center;
}

/* 跟单交易员 */
.follow-trader-container {
    height: auto;
    margin: 0 auto;
    background-color: var(--color-bg-1);
    padding-bottom: 72px;
}

.follow-trader-header {
    /* width: 100%; */
    height: 64px;
    line-height: 64px;
    margin: 0 240rem;
    display: flex;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: var(--color-text-1);
}
.follow-trader-header li.left {
    flex: 1;
}
.follow-trader-header li.right {
    flex: 1;
    text-align: right;
}

.follow-trader-container .trader {
    width: 100%;
    /* height: 358px; */
    padding: 32px;
    margin: 48px 0 72px;
    background: #ffffff;
    box-shadow: 0px 0px 12px rgba(70, 100, 140, 0.08);
    border-radius: 8px;
}
.follow-trader-container .trader .avatar {
    float: left;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    overflow: hidden;
    border: none;
    background-color: var(--color-brand-1);
}
.follow-trader-container .trader .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.follow-trader-container .trader .info {
    float: left;
    width: auto;
    height: 64px;
    line-height: 64px;
    margin-left: 12px;
}
.follow-trader-container .trader .info .name {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    color: var(--color-text-1);
    vertical-align: middle;
}
.follow-trader-container .trader .info .icon {
    font-size: 32px;
    vertical-align: middle;
}
.basic-params-wrapper {
    /* height: 600px; */
    margin-bottom: 24px;
    padding: 0 32px;
    background: #ffffff;
    box-shadow: 0px 0px 12px rgba(70, 100, 140, 0.08);
    border-radius: 8px;
    padding-bottom: 32px;
}
.basic-params-title {
    /* height: 80px; */
    margin-top: 48px;
    margin-bottom: 40px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #565D73;
}
.follow-fee-rate-value {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: var(--color-text-3);
    display: inline-block;
    /* height: 54px;
    line-height: 54px; */
}
.additional-documentary-modal {
    padding-left: 16px;
    padding-right: 16px;
}
.follow-money {
    display: inline-block;
    margin-right: 32px;
}
.additional-follow-btn {
    width: auto;
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #2354E6;
    font-weight: 600;
    font-size: 14px;
    color: #2354E6;
    cursor: pointer;
}
.additional-follow-btn[disabled] {
    border-color: #f5f6fa;
    background-color: #f5f6fa;
    color: var(--color-text-4);
}
.follow-trader-form{
    margin: 0 auto;
}
.follow-trader-form .antd-custom-label {
    color: var(--color-text-2);
    font-size: 14px;
    font-weight: 500;
}
.follow-trader-form .antd-custom-label::before {
    display: inline-block;
    margin-right: 4px;
    color: #ff4d4f;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    content: "*";
}
.follow-trader-form .hide-default-label .ant-form-item-label {
    display: none;
}

.choose-contract-wrapper {
    height: auto;
    margin: 0 auto;
    margin-bottom: 140px;
    padding: 0 32px 32px;
    background: #ffffff;
    box-shadow: 0px 0px 12px rgba(70, 100, 140, 0.08);
    border-radius: 8px;
    position: relative;
}
.choose-contract-header {
    height: 80px;
    padding: 32px 0;
}
.choose-contract-title {
    width: 50%;
    float: left;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: var(--color-text-1);
}
.choose-contract-check-all {
    /* width: 50%;
    float: left; */
    /* text-align: right; */
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #2a2f40;
    /* position: absolute;
    top: 32px;
    right: 32px; */
}
.choose-contract-item {
    width: 100%;
    min-height: 88px;
    background-color: #f8fafd;
    border-radius: 8px;
    margin-top: 16px;
    padding: 24px 16px 32px;
    line-height: 40px;
}
.choose-contract-item .ant-select,
.ant-input {
    color: var(--color-text-1) !important;
}
.choose-contract-item-form {
    padding: 24px;
    background-color: #ffffff;
}
.choose-contract-btn {
    width: 100%;
    height: 52px;
    margin-top: 72px;
    line-height: 52px;
    text-align: center;
    background-color: var(--color-brand-1);
    border-radius: 8px;
    border: none;
    color: #ffffff;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
}
.choose-contract-btn.disabled {
    background-color: #c2c4cc;
    cursor: not-allowed;
}

/* antd form label自动换行 */
.ant-form-item-label {
    white-space: normal;
}

/*我的实盘*/
.trader-info-hidden {
    font-size: 12px;
    color: var(--color-text-3);
    font-weight: 400;
    margin-top: 3px;
    margin-left: 12px;
}
.view-detail {
    font-size: 12px;
    color: var(--color-text-5);
    font-weight: 400;
    cursor: pointer;
    border-left: 1px solid var(--color-divider-1);
    margin-left: 4px;
    padding-left: 4px;
}
.my-real-width {
    /* margin-bottom: 140px !important; */
}
.my-real {
    background: #fff;
    min-width: 1280px;
    height: 100%;
    padding-bottom: 140px;
}
.content-width {
    margin: 0 auto;
}
.my-real-tab {
    width: 100%;
}
.my-real-top {
    display: flex;
    justify-content: center;
    height: 56px;
    background: var(--color-card-2);
    border-bottom: 1px solid var(--color-divider-2);
}
.content-width .ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav,
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav {
    margin: 0;
}
.my-real-tab .my-real-top .ant-tabs-tab {
    padding: 0px;
    font-size: 16px !important;
    text-transform: capitalize;
    color: var(--color-text-1);
    font-weight: 500;
}
.my-real-tab .my-real-tab-container {
    background: none;
    padding: 0;
    flex: 20 20;
    display: flex;
    justify-content: center;
    margin-left: 48px;
}
.go-back {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.go-back:hover {
    .right a{
        color: var(--color-text-1)
    };
    .my-real .svg-icon:hover {
        fill: var(--color-text-1);
    }
}
.my-real-tab-container .ant-tabs-nav {
    height: 64px;
}
.my-real-tab .my-real-top .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: var(--color-text-1);
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    text-shadow: none;
}
.my-real-tab .my-real-tab-container .ant-tabs-ink-bar {
    height: 2px;
    background: var(--color-text-1);
}
.my-real-tabs {
    display: flex;
    margin: 0 auto;
    margin-top: 48px;
}
.my-real-infomation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 168px;
    margin: 0 auto;
    border-radius: 8px;
    padding: 24px;
    margin-top: 48rem;
    background: var(--color-card-3);
    border: 1px solid var(--color-divider-2);
}
.my-real-infomation > div {
    width: 100%;
}
.stop-lable {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    margin-right: 8px !important;
    color: var(--color-text-1);
}
.stop-description{
    font-size: 12px;
    line-height: 12px;
    color: var((--color-text-3));
    margin-top: 8px;
}
html[lang=ar] .stop-lable {
    margin-right: 0 !important;
    margin-left: 8px;
}
.info-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 70px;
    flex: 1;
}
.stop-copy .hide-show-mark + .vr-btn {
    width: 48px;
    height: 24px;
    background: var(--color-icon-4);
}
.stop-copy .hide-show-mark + .vr-btn:before {
    width: 20px;
    height: 20px;
    top: 2px;
    left: 2px;
}
.stop-copy #hideprice:checked + .vr-btn:before,
#showSampleMode:checked + .vr-btn:before,
.hide-show-mark:checked + .vr-btn:before,
#hidezero:checked + .vr-btn:before,
#trade-second-showall:checked + .vr-btn:before,
#gtDebitFree:checked + .vr-btn:before,
#showBlueVip:checked + .vr-btn:before  {
    left: 26px;
}
.set-days {
    width: 36px;
    height: 24px;
    background: #ffffff;
    border: 1px solid #e6e9f2;
    border-radius: 4px;
    padding: 5px 8px;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-text-3);
    text-align: center;
    margin: 0 4px;
}
.info-right-center {
    margin-top: 15px;
}
.info-right-center > p {
    color: var(--color-text-3);
}
.my-real-tab .content-tab .ant-tabs-nav-wrap {
    height: 44px;
}
.my-real-tab .content-tab .ant-tabs-tab {
    font-size: 24px !important;
    text-transform: capitalize;
    color: var(--color-text-4) !important;
}

.my-real-content {
    margin-top: 72rem;
}
.my-real-lead__tab {
    display: flex;
    justify-content: space-between;
}

.my-real-lead__tab.my-real-lead__tab-h5 {
    align-items: flex-end;
}

.my-real-lead__tab .my-real-lead__api-management {
    display: inline-flex;
    align-items: center;
    height: 40px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid var(--color-divider-5);
    padding: 8px 16px;
    color: var(--color-text-1)!important;
}

.my-real-lead__tab .my-real-lead__api-management:hover {
    background: var(--color-card-1)!important;
}

.my-real-lead__tab.my-real-lead__tab-h5 .my-real-lead__api-management {
    font-size: 14px;
    padding: 8px 24px 8px 8px;
    height: 32px;
    position: relative;
}

.my-real-lead__tab .my-real-lead__api-management img,
.my-real-lead__tab .my-real-lead__api-management svg {
    margin: 0 0 0 8px;
    width: 14px;
    height: 14px;
}

.my-real-lead__tab.my-real-lead__tab-h5 .my-real-lead__api-management img {
    margin: 0;
    width: 12px;
    height: 12px;
}

.my-real-lead__tab.my-real-lead__tab-h5 .my-real-lead__api-management .my-real-lead__api-management-introduce {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 底下有綠點的 Tab */
.common-tab-li {
    position: relative;
    height: 52px;
    line-height: 52px;
    font-size: 24px;
    color: var(--color-text-4);
    font-weight: 600;
    cursor: pointer;
    margin-right: 32px;
}
.common-tab-li-active {
    color: var(--color-text-1);
}
.common-tab-li-active::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--color-funct-1);
    bottom: -5px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
/* Dot-md 類型 Tab  */
.dot-md-tab-li {
    position: relative;
    font-size: 16rem;
    color: var(--color-text-4);
    font-weight: 700;
    cursor: pointer;
    margin: 0 16rem;
}
.dot-md-tab-li-active {
    color: var(--color-text-1);
}
.dot-md-tab-li-active::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--color-funct-1);
    bottom: -16rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
/* Default-md 類型 Tab */
.default-md-tab-li {
    position: relative;
    padding: 12rem 24rem;
    font-size: 16rem;
    color: var(--color-text-4);
    font-weight: 700;
    cursor: pointer;
    margin: 0 4rem;
}
.default-md-tab-li-active {
    border-radius: 4rem;
    background: var(--color-neutral-2);
    color: var(--color-text-1);
}
/* 像是 Dot-sm 類型 Tab (底下dot隱藏)*/
.dot-sm-tab .ant-tabs-tab-active .ant-tabs-tab-btn {
    color: var(--color-text-1);
}
.dot-sm-tab .ant-tabs-ink-bar {
    display: none;
}
.dot-sm-tab .ant-tabs-tab,
.dot-sm-tab-li {
    position: relative;
    padding: 12rem 0rem;
    font-size: 16rem;
    color: var(--color-text-4);
    font-weight: 400;
    cursor: pointer;
    margin: 0 32rem 0 0;
}
.dot-sm-tab-li-active {
    color: var(--color-text-1);
}



.content_tab {
    padding: 0px;
    background: none;
}

.content_tab .ant-tabs-tab {
    text-transform: capitalize;
}
.content_tab .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 500;
}
.content_tab .ant-tabs-ink-bar {
    width: 8px !important;
    height: 8px !important;
    background: #17e5a1;
}
.my-real-card {
    position: relative;
    padding: 24px;
    width: 100%;
    /* height: 184px; */
    /* background: #FFFFFF; */
    border-radius: 8px;
    border: 1px solid var(--color-divider-2)
}
.update-time {
    position: absolute;
    top: 38px;
    right: 32px;
    color: var(--color-text-4);
    font-size: 12px;
    font-weight: 500;
}
.my-real-time-card .update-time {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: var(--color-text-7);
    top: initial;
    right: initial;
}
.my-real-time-card .time-title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #04091A;
    padding-right: 16px;
}
html[lang=ar] .update-time {
    right: inherit;
}
.card-tab {
    padding: 0px;
    /* background: none; */
}
.time-tabs {
    margin-top: 24px;
}
.classic-dark .time-tabs {
    background: transparent !important;
}
.time-tabs.time-tabs-traderDetail {
    width: 100%;
    height: initial;
}
.time-tabs .ant-tabs-nav {
    margin-bottom: 32px;
}
.time-tabs .ant-tabs-nav-list {
    background: #EEF1FA;
    border-radius: 4px;
}
.time-tabs .ant-tabs-nav {
    height: initial;
}
.time-tabs .ant-tabs-tab {
    padding: 12px 16px;
    height: 40px;
}
.time-tabs .ant-tabs-tab.ant-tabs-tab-active {
    background-color: #2354E6;
    border-radius: 4px;
    color: #FFF;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;

}
.time-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn {
    color: #565D73;
}
.time-tabs .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-btn {
    color: #FFF;
}
.time-tabs .ant-tabs-tab-btn {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #565D73;
}
.time-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #FFF;
}
.time-tabs .ant-tabs-ink-bar {
    display: none;
}
.time-tabs .ant-tabs-tab+.ant-tabs-tab {
    margin: 0;
}
.my-real-time-card {
    position: relative;
    padding: 22px 32px;
    width: 100%;
    background: var(--color-card-3);
    border: 1px solid var(--color-divider-2);
    border-radius: 8px;
}

.my-real-card .ant-tabs-tab {
    font-size: 16px;
    padding: 0px;
    text-transform: capitalize;
    color: var(--color-text-3);
    font-weight: 500;
}
.my-real-card .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: var(--color-text-1);
    font-size: 16px;
    text-transform: capitalize;
}
.my-real-card .ant-tabs-nav-wrap {
    height: auto;
}
.my-real-card .ant-tabs-ink-bar {
    height: 0px !important;
}
.my-real-card .ant-tabs-bottom > .ant-tabs-nav:before,
.ant-tabs-bottom > div > .ant-tabs-nav:before,
.ant-tabs-top > .ant-tabs-nav:before,
.ant-tabs-top > div > .ant-tabs-nav:before {
    border: none;
}
.data-common {
    display: flex;
    flex-direction: column;
}
.copy-mode-data {
    margin-top: 24px;
    display: flex;
    align-items: center;
}
.data-common {
    width: 16%;
}
.data-common-number {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #13bf86;
}
.data-common-title {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    color: var(--color-text-3);
    margin-top: 6px;
}
.common-number-black {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: var(--color-text-1);
}
.data-common-last {
    border: none;
}
.my-real-divider {
    width: 1px;
    background-color: var(--color-divider-1);
    height: 32px;
    margin: 0;
    border-left: none;
}
.order-infomation,
.copy-trader {
    margin-top: 37px;
}
.order-infomation-button,
.copy-trader-button {
    background: #f5f6fa;
    border-radius: 4px;
    padding: 12px 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--color-text-1);
    border: none;
    margin-right: 16px;
    cursor: pointer;
    max-width: 24vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}
.order-infomation-button-active,
.copy-trader-button-active {
    background: var(--color-brand-1);
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.my-real-content .ant-tabs {
    overflow: visible;
}
.mt-44 {
    margin-top: 44px;
}
.common-table .ant-table-thead > tr > th {
    background: #f8fafd;
    height: 48px;
    border-bottom: none;
    padding: 0 16px;
    font-size: 12px;
}
.common-table table th {
    color: var(--color-text-3) !important;
}
.common-table .ant-table-cell {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-text-1);
}
.ant-table-cell::before {
    display: none;
}
.common-table .ant-table-tbody > tr > td {
    height: 80px;
    border-bottom: none;
    font-weight: 500;
    font-size: 14px;
    color: var(--color-text-1);
}
.common-table .mantine-Table-dataItem {
    font-weight: 500;
    font-size: 14px;
    color: var(--color-text-1);
}
.classic-dark .common-table .mantine-Table-dataItem {
    color: #fff;
}
.common-table .ant-table-container,
.ant-table-container table > thead > tr:first-child th:first-child {
    border-top-left-radius: 8px;
}
.common-table .ant-table-container table > thead > tr:first-child th:last-child {
    border-top-right-radius: 8px;
}
.copy-trader .my-real-card {
    display: flex;
    height: 112px;
    padding: 32px;
    background: var(--color-card-3);
}
.my-real-card .ant-tabs-tab + .ant-tabs-tab {
    margin: 0 0 0 24px;
}
.copy-trader .my-real-card .data-common {
    width: 33.3%;
}
.with-single {
    margin: 0 auto;
}
.with-single-top {
    width: 100%;
    /* height: 128px; */
    /* margin: 0 auto; */
    border-radius: 8px;
    padding: 32px 24px;
    margin-top: 48px;
    background: var(--color-card-3);
    border: 1px solid var(--color-divider-2);
    align-items: center;
}
.with-copy-agreement {
    margin-top: 72px;
    padding: 32px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid var(--color-divider-2);
}
.with-copy-agreement .agreement-title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--color-text-1);
}
.with-copy-agreement .agreement-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    text-transform: initial;
    color: var(--color-text-3);
}
.up-trader-title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--color-text-1);
}
.up-trader-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    text-transform: initial;
    color: var(--color-text-3);
}
.agreement-checkbox .ant-checkbox-inner {
    border-color: #e6e9f2;
}
.info-checkbox {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #2a2f40;
}
.agreement-checkbox {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: #2a2f40;
}
.agreement-processing {
    text-align: center;
    height: 560px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.agreement-processing .agreement-title {
    margin-top: 22px;
    margin-bottom: 14px;
}
.my-real .ant-checkbox-input:focus + .ant-checkbox-inner,
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner {
    border: 1px solid var(--color-brand-1);
}
.my-real .ant-checkbox-checked:after {
    border: none;
}
.my-real .ant-checkbox-checked .ant-checkbox-inner {
    background: var(--color-brand-1);
    border: 1px solid var(--color-brand-1);
    border-radius: 2px;
}
.param-setting {
    padding-bottom: 1px;
}
.param-setting .ant-checkbox + span {
    color: var(--color-text-3);
}
.param-setting .checkbox-all span {
    padding-right: 0px;
}
html[lang=ar] .param-setting .checkbox-all span {
    padding-right: 8px;
    padding-left: 0;
}
.param-setting .ant-checkbox-input:focus + .ant-checkbox-inner,
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner {
    border: 1px solid var(--color-brand-1);
}
.param-setting .ant-checkbox-checked:after {
    border: none;
}
.param-setting .ant-checkbox-checked .ant-checkbox-inner {
    background: var(--color-brand-1);
    border: 1px solid var(--color-brand-1);
    border-radius: 2px;
}
.description-input {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text-3) !important;
    border-radius: 8px !important;
    resize: none;
    height: 80px;
    padding: 16px !important;
    border-width: 1px;
}
.agreement-button {
    margin-top: 73px;
    width: 100%;
    height: 40px;
    background: #f5f6fa;
    border-radius: 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
    color: var(--color-text-4);
    margin: 0 auto;
    text-align: center;
    margin-top: 24px;
}
.agreement-button-active {
    background: var(--color-brand-1);
    color: #fff;
    cursor: pointer;
}
.with-single-card {
    height: 272px;
    padding: 15px 32px 32px;
}
.common-modal .ant-modal-header {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: var(--color-text-1);
    padding: 32px 40px 16px;
    border-radius: 16px 16px 0 0;
    border-bottom: none;
}
.common-modal .ant-modal-close-x {
    width: 60px;
    height: 68px;
    line-height: 68px;
}
.common-modal .ant-modal-body {
    padding: 0 40px !important;
}
.common-modal .ant-modal-content {
    border-radius: 16px;
}
.ant-radio-inner:after {
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    background-color: #fff;
}
.ant-radio-checked .ant-radio-inner {
    border: 1px solid var(--color-brand-1);
    background: var(--color-brand-1);
}
.ant-radio-inner {
    background-color: #fff;
}
.ant-radio-input:focus + .ant-radio-inner,
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner {
    border-color: var(--color-brand-1);
}
.market-place .param-setting-title {
    margin-bottom: 10px;
}
.param-setting-title {
    font-weight: 500;
    margin-bottom: 16px;
}
.param-setting .ant-radio-wrapper,
.ant-radio-disabled + span {
    color: var(--color-text-3);
    font-size: 12px;
    font-weight: 500;
}
.param-setting .ant-radio-wrapper {
    margin: 0 16px 0 0;
}
.trading-style-tabs {
    margin: 31px 0;
}
.market-place {
    margin-bottom: 29px;
}
.param-setting .ant-checkbox-inner {
    border-color: #e6e9f2;
}
.ant-checkbox-inner:after {
    left: 3px;
    top: 41%;
    width: 4px;
    height: 8px;
}
.market-place .ant-checkbox-wrapper {
    width: 110px;
}
.market-place .ant-checkbox-indeterminate .ant-checkbox-inner:after {
    background: none;
}

.ant-input:hover {
    border-color: var(--color-brand-1) !important;
}
.ant-input:focus {
    border-color: var(--color-brand-1) !important;
}
.instructions .ant-input:focus {
    border-color: var(--color-brand-1);
    box-shadow: none;
}
.instructions ::-webkit-scrollbar-thumb {
    background-color: #e6e9f2;
}
.instructions ::-webkit-scrollbar {
    width: 4px;
}
.param-setting-button {
    width: 100%;
    height: 52px;
    background: var(--color-brand-1);
    border-radius: 8px;
    font-weight: 600;
    font-size: 20px;
    line-height: 52px;
    text-align: center;
    color: #ffffff;
    margin: 48px 0 32px;
    cursor: pointer;
}
.ant-radio-disabled .ant-radio-inner {
    background: #eef1fa;
    border-color: #e6e9f2 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner {
    background: #eef1fa;
    border-color: #e6e9f2 !important;
}
.with-single-left {
    padding: 32px;
    width: 59%;
    margin-right: 2%;
    border-radius: 8px;
    background: var(--color-card-3);
    border: 1px solid var(--color-divider-2);
}
.with-single-right {
    padding: 24px;
    /* position: absolute; */
    right: 0;
    /* width: 39%; */
    height: 420px;
    background: var(--color-card-3);
    border: 1px solid var(--color-divider-2);
    border-radius: 8px;
    overflow-y: hidden;
    z-index: 8;
    display: flex;
    flex-direction: column;
}

.adjust-parameter {
    padding: 0 12px;
    border: 1px solid var(--color-divider-5);
    border-radius: 20px;
    height: 32px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: var(--color-text-1);
    z-index: 10;
    cursor: pointer;
    flex: 0 0;
    width: fit-content;
    white-space: pre;
}
.with-single .my-real-common-tab{
    margin-top: 54px;
}
.with-single-content {
    margin-top: 32px;
}
.single-right-content {
    flex: 1 1;
    overflow-y: scroll;
    margin-bottom: 32px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.single-right-content::-webkit-scrollbar {
    display: none;
}
.right-fixed {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.single-left-title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--color-text-1);
    margin-bottom: 4px !important;
}
html[lang=ar] .single-right-explain {
    padding-right: 0;
}
.with-single-level {
    font-weight: 500;
    font-size: 12px;
    line-height: initial;
    color: var(--color-text-3);
    word-wrap: break-word;
}
.single-left-ul {
    margin-top: 30px !important;
}
.single-left-li {
    width: 20%;
    /* height: 338px; */
}
.single-right-title {
    font-style: normal;
    font-weight: 500;
    color: var(--color-text-1);
    line-height: initial;
}
.left-li-common {
    height: 120px;
    /* background: #2A2F40; */
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
    text-align: center;
    border-bottom: 1px solid #eef1fa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
.left-li-common-last {
    height: 64px;
    padding: 0 10px;
}
.no-border {
    border: none;
}
.left-li-button {
    width: 100%;
    cursor: pointer;
    height: 40px;
    background: var(--color-brand-1);
    border-radius: 20px;
    padding: 0 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px !important;
    text-align: center;
    color: #ffffff !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 32px;
}
.single-left-li-active {
    background: var(--color-card-7);
    border-radius: 8px;
}
.single-right-share {
    font-weight: 500;
    font-size: 14px;
    color: var(--color-text-1);
    margin-bottom: 8px;
    line-height: initial;
}
.single-right-top {
    /* position: relative; */
}
.single-right-share {
    font-weight: 500;
    font-size: 14px;
    color: #2a2f40;
    margin-bottom: 8px;
}
.with-single-label {
    margin-top: 16px;
}
.with-single-tag span {
    font-size: 12px;
    color: var(--color-text-3);
    padding-right: 8px;
    margin-right: 8px;
}
/* .with-single-tag span:not(:last-child) {
    border-right: 1px solid #e6e9f2;
} */
/* html[lang=ar] .with-single-tag span {
    margin-right: 0;
    margin-left: 8px;
    padding-right: 0;
    padding-left: 8px;
    border-left: 1px solid #e6e9f2;
    border-right: none;
} */

/* html[lang=ar] .with-single-tag span:first-child {
    border-left: none !important;
} */

.tag-item {
    padding: 0px 12px;
    margin-right: 8px;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    font-weight: 600;
    color: var(--color-text-3);
    background-color: var(--color-cmpt-11);
}
.tag-item.binance-trader {
    border: none!important;
    background: var(--color-cmpt-13)!important;
    color: var(--color-funct-4)!important;
}
.high-leverage{
    background: var(--color-pd-3);
    color: var(--color-pd-1);
}
.with-single-market {
    margin-top: 16px;
}

.open-more {
    display: block;
    width: fit-content;
    margin: 0 auto;
}
.show-more {
    max-height: fit-content;
}
.market-item {
    display: inline-block;
    width: 72px;
    height: 24px;
    line-height: 24px;
    background: var(--color-cmpt-11);
    border-radius: 4px;
    margin: 0px 8px 8px 0;
    font-weight: 500;
    font-size: 12px;
    color: var(--color-text-3);
    text-align: center;
}
.mb-16 {
    margin-bottom: 16px !important;
}
.mb-6 {
    margin-bottom: 6px;
}
.single-right-button {
    height: 40px;
    background: var(--color-brand-1);
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
}
.single-right-content::-webkit-scrollbar {
    width: 5px;
}
.single-right-content::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #e6e9f2;
}
.ml-16 {
    margin-left: 16px;
}
.profit-card {
    border-radius: 8px;
    margin-bottom: 24px;
    margin-top: 24px;
    background: var(--color-card-3);
    border: 1px solid var(--color-divider-2);
}
.layout-center {
    text-align: center;
}
.ai-start {
    align-items: flex-start;
}
.profit-tab {
    height: fit-content;
    margin-bottom: 30px;
}
.HodlSearchNodata {
    width: 200px;
    height: 112px;
    background-image: url(/images/pro_trade/empty_icon_light.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 50px auto 0;
}
body.classic-dark .HodlSearchNodata {
    background-image: url(/images/pro_trade/empty_icon_dark.svg);
    background-size: 100% 100%;
}
.detail-nodata {
    margin: 0 auto;
    margin-top: 55px;
}

.charts-no-data {
    width: 200px;
    font-size: 16px;
    margin: 0 auto;
    /* margin-top: 80px; */
    text-align: center;
    left: 0!important;
    color: var(--color-text-3);
}
#prifit-chart,
.data-right-cont {
    height: 278px;
}
#my-p-chart,
.data-right-cont {
    height: 300px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.position-style {
    border: 1px solid;
    font-weight: 500;
    font-size: 12px;
    padding: 0 4px;
    height: 16px;
    line-height: 14px;
    border-radius: 2px;
    width: max-content;
}
.button-flex {
    display: flex;
    align-items: center;
    justify-content: end;
}
.adjustment-button {
    display: inline-block;
    border-radius: 16px;
    font-weight: 500;
    width: max-content;
    padding: 0px 20px;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    border: 1px solid var(--color-divider-5)!important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: var(--color-text-1)!important;
    margin: 0 12px;
    background: transparent!important;
}
.order-table-button {
    background: var(--color-brand-1);
    border-radius: 16px;
    font-weight: 600;
    color: var(--color-text-6);
    padding: 0px 16px;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dynamic-infomation {
    line-height: 47px;
}
.button-disabled {
    background-color: var(--color-neutral-3) !important;
    cursor: not-allowed;
}
/*升级高级交易员弹窗*/
.upgrade-sharing {
    padding-bottom: 32px;
}
.upgrade-sharing-title {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-text-2);
    margin-bottom: 24px;
}
.upgrade-sharing-button {
    background: #f5f6fa;
    border-radius: 20px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 20px;
    color: var(--color-text-4);
}
.upgrade-sharing-button-active {
    background: var(--color-brand-1);
    color: #ffffff;
    cursor: pointer;
}
.step-two {
    height: 752px;
    overflow-y: scroll;
    padding-right: 20px;
}
.upgrade-sharing-form-title {
    font-weight: 500;
    font-size: 14px;
    color: #2a2f40;
    margin-bottom: 16px;
}
.form-bottom-title {
    font-weight: 500;
    font-size: 16px;
    color: #4d5366;
}
.copy-trading-name {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    color: var(--color-text-1);
}
.market-place .ant-checkbox-group-item {
    margin-top: 6px;
}
.upload-text{
    color: #8D93A6;
    margin-top: 8px;
}
/* 修改下拉框和输入框默认样式 */
.ant-select-selector,
.ant-input {
    border-color: #e6e9f2 !important;
    /* border-radius: 4px !important; */
    box-shadow: none !important;
}
.ant-input-affix-wrapper:before{
    content:''
}
.ant-select-focused {
    border: none !important;
}
.ant-select-dropdown {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 0px 24px rgba(70, 100, 140, 0.15);
    padding: 0;
}
.ant-select-item {
    height: 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: var(--color-text-1);
    padding: 5px 16px;
}
.ant-select-item:hover {
    background-color: #f2f7ff !important;
    color: var(--color-brand-1) !important;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    background-color: #f2f7ff !important;
    color: var(--color-brand-1) !important;
    font-weight: 500;
}
.ant-select,
.ant-input {
    color: var(--color-text-1) !important;
    font-weight: 500;
    border-radius: 4px;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled){
    background: none;
}
/* 自定义下拉框的高度 */
.my-real-content .ant-select-selector {
    height: 40px !important;
}
.my-real-content .ant-select-selection-item {
    line-height: 40px !important;
}
/* 修改step */
.upgrade-sharing .ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
    width: 24px;
    height: 24px;
    border: 2px solid var(--color-brand-1);
    margin-left: -8px !important;
    margin-top: 0px !important;
}
.upgrade-sharing .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.upgrade-sharing .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
    width: 24px;
    height: 24px;
    border: 2px solid var(--color-brand-1);
    margin-left: -8px !important;
    margin-top: 0px !important;
}
.upgrade-sharing .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.upgrade-sharing .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
    width: 12px;
    height: 12px;
    background: var(--color-brand-1) !important;
    left: 21% !important;
    top: 22% !important;
}
.upgrade-sharing .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail:after,
.upgrade-sharing .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail:after,
.upgrade-sharing .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail:after {
    border: 1px dashed rgba(35, 84, 230, 0.7);
    background: none;
    width: 0px;
}
.upgrade-sharing .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title,.upgrade-sharing .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    font-weight: 500;
    font-size: 16px;
    color: var(--color-text-1);
    margin-top: -5px;
}
/*弹窗title*/
.ant-modal-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    color: var(--color-text-1);
}
/*图片上传样式*/
.upgrade-sharing .upload {
    width: 120px;
    height: 120px;
    background: #f8f9fb;
    border: 1px solid #e6e9f2;
    border-radius: 8px;
}
.upgrade-sharing .ant-upload.ant-upload-select-picture-card {
    width: 120px;
    height: 120px;
    background: #f8f9fb;
    border: 1px solid #e6e9f2;
    border-radius: 8px;
    margin-bottom: 0px;
    position: relative;
}
.upgrade-sharing .ant-upload-list-picture-card-container {
    width: 120px;
    height: 120px;
    border-radius: 8px;
    border: none;
}
.upgrade-sharing .ant-upload-picture-card-wrapper {
    width: auto;
}
.common-img {
    width: 118px;
    height: 118px;
    background: #f8f9fb;
    border: 1px solid #e6e9f2;
    border-radius: 8px;
    margin-right: 10px;
}
.shadow {
    position: absolute;
    width: 118px;
    height: 100%;
    left: 0px;
    border-radius: 8px;
    opacity: 0;
}
.shadow:hover {
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
}
.upload-progress-container {
    position: absolute;
    z-index: 10;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.upload-progress-container:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.6);
    content: "";
    filter: blur(5px);
}
.circular-chart {
    display: block;
    margin: 10px auto;
    width: 15%;
    max-height: 250px;
}
.circle-bg {
    fill: none;
    stroke: #fff;
}
.circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}
.percentage {
    font-size: 0.5em;
    fill: #fff;
    text-anchor: middle;
}
/*提示弹窗样式*/
.common-modal .ant-modal-footer {
    width: 450px;
    text-align: center;
    border: none;
    margin: 0 auto;
}
.common-modal .ant-modal-footer > button {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: var(--color-brand-1);
    border-radius: 8px;
    color: #ffffff;
    border: none;
    cursor: pointer;
    margin: 30px 0 14px;
    font-size: 16px;
    font-weight: 500;
}
.common-modal .ant-modal-footer > button[disabled] {
    /* color: rgba(0,0,0,.25);
    border-color: #fff;
    background: #ccc; */
    cursor: no-drop;
}
.common-modal .ant-modal-footer > button[disabled]:hover {
    background: var(--color-brand-1);
    color: #FFF;
}
/* .tip-modal {
    top: 37% !important;
} */
.tip-modal .ant-modal-header {
    padding: 24px 40px;
}
.tip-modal .ant-modal-body {
    padding: 0px 40px !important;
}
.tip-modal-content {
    color: var(--color-text-2) !important;
}
/*用户头像*/
.name-tier {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.name-tier span {
    margin-left: 12px;
}
html[lang=ar] .name-tier span {
    margin-left: 0;
    margin-right: 12px;
}
.vip-icon {
    width: 24px;
    margin-left: 8px;
}
html[lang=ar] .vip-icon {
    margin-left: 0;
    margin-right: 8px;
}
.avatar-head {
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    height: 64px;
    width: 64px;
    min-width: 32px;
    cursor: pointer;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    left: inherit;
    top: inherit;
    transform: inherit;
}
.avatar-head.avatar-head-not-avatar {
    position: relative;
    transform: none;
    left: 0px;
    top: 0px;
    background-color: rgba(126, 134, 145, .1);
}
.avatar-head-not-avatar .traditional-font {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7E8691 !important;
}
.table-avatar {
    width: 40px;
    height: 40px;
    min-width: 40px;
}
.table-name-tier .copy-trading-name {
    font-size: 14px;
}
.table-name-tier span {
    margin-left: 8px;
}
.table-name-tier .vip-icon {
    margin-left: 4px;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
    display: none;
}
.my-real-content .ant-input-affix-wrapper,
.my-real-content .ant-input-search-button {
    height: 40px;
}




/* antd组件默认样式覆盖 */
/* -------------------Modal------------------- */
.ant-modal-content {
    border-radius: 16px;
}

.ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--color-brand-1);
    border-color: var(--color-brand-1);
}
.ant-checkbox-checked:after {
    border: none;
}
.ant-checkbox-inner {
    border: 1px solid #e6e9f2;
}

.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-color: #e6e9f2;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
    border-radius: 0 4px 4px 0;
    border-color: #e6e9f2;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
    border-color: var(--color-brand-1);
    box-shadow: none;
}
.ant-input-search
    > .ant-input-group
    > .ant-input-group-addon:last-child
    .ant-input-search-button:not(.ant-btn-primary) {
    color: #e6e9f2;
}

.ant-input::placeholder {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: var(--color-text-4);
    /* line-height: 40px; */
}
.margin-input::placeholder {
    font-weight: 400;
    font-size: 12px;
    color: var(--color-text-4);
    line-height: 40px;
}
.ant-form-item {
    margin: 0;
}
/* .ant-col {
    box-sizing: border-box;
}
.ant-form-item {
    margin: 0;
}
.ant-form-item-label {
    padding: 0 !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.ant-form-item-label>label {
    font-size: 12px !important;
    color: #3a3a3a !important;
}
.ant-input-number:hover {
    border-color: #d9d9d9;
}
.ant-input-number-focused, .ant-input-number:focus {
    border-color: #d9d9d9;
    box-shadow: none;
}
.ant-input-number-input {
    box-sizing: border-box;
} */
.ant-input-number-handler-wrap {
    display: none;
}
/* .ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon {
    color: #e64e62;
}
.ant-form-item-has-error .ant-input-number, .ant-form-item-has-error .ant-picker {
    border-color: #e64e62;
}
.ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon {
    color: #0ccc92;
}
.ant-form-item-explain.ant-form-item-explain-error {
    color: #e64e62;
}
.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
    color: #e64e62;
} */
.ant-form-item-label > label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    /* height: 54px; */
    text-transform: capitalize;
    color: var(--color-text-2);
    max-width: 190px !important;
}
.ant-form-item-label>label{
    height: auto;
}
.ant-form-item-label>label:after {
    content: "";
}
.ant-checkbox + span {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    text-transform: capitalize;
    color: var(--color-text-2);
}
.ant-form-text {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    text-transform: capitalize;
    color: var(--color-text-4);
}
.my-real .svg-icon {
    fill: var(--color-text-3);
}

/*
.ant-select-selector {
    border: solid 1px #000;

    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;


    padding-right: 14px;
  }


  .ant-select-arrow{ display: none; }  */
.rc-virtual-list-scrollbar .rc-virtual-list-scrollbar-thumb {
    background-color: #c2c4cc;
}
.disabled-button {
    background-color: #f5f6fa !important;
    cursor: not-allowed !important;
    color: var(--color-text-4) !important;
}
.ant-table-column-sorter {
    margin-left: 4px;
}
.ant-input-number-input {
    padding: 0 16px;
}
.ant-input-number {
    border-color: #e6e9f2;
}
.ant-table .HodlSearchNodata {
    margin: auto;
    margin-top: 40px;
}
.ant-table {
    border-radius: 8px;
}
.satisfy{
    display: flex;
    align-items: center;
    color: var(--color-pd-2);
    fill: var(--color-pd-2);
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    margin-top: 8px;
}
html[lang=ar] .satisfy {
    direction: rtl;
}
.unsatisfy{
    display: flex;
    align-items: center;
    color: var(--color-pd-1);
    fill: var(--color-pd-1);
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    margin-top: 8px;
}
html[lang=ar] .unsatisfy {
    direction: rtl;
}
.ant-steps-vertical>.ant-steps-item .ant-steps-item-description{
    padding-bottom: 26px;
}
.step-two::-webkit-scrollbar-thumb {
    background-color: #F5F6FA;
    border-radius: 2px;
}
.step-two::-webkit-scrollbar{
    width: 5px;
    height: 20px;
}
#trader-root a {
    color: var(--color-text-1);
}
#trader-root .traders-container .follow-name,
#trader-root .traders-container .ant-pagination-item-active {
    color: var(--color-brand-1);
}
#trader-root .traders-container .follow-name:last-child {
    cursor: pointer;
}
#trader-root .traders-container .follow-text {
    color: #565D73;
}
.ant-pagination-item-ellipsis {
    color: #989FB3 !important;
}
#trader-root .trader-container .ant-pagination .ant-pagination-item-link svg {
    width: 11px;
    height: 11px;
}
#trader-root .trader-container .trader-container-header .view-switch-btn .icon svg path {
    opacity: 1;
    fill: #C2C5CC;
}
#trader-root .trader-container .trader-container-header .view-switch-btn .icon-active svg path {
    fill: #2354E6 !important;
}
#trader-root .BreakingNewsController {
    width: 100%;
    border: none;
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
}
#trader-root .BreakingNewsController .bn-icon {
    float: none;
    width: auto;
}
#trader-root .BreakingNewsController .bn-icon .svg-icon-wrapper {
    margin: 0;
}
#trader-root .BreakingNewsController ul {
    left: auto !important;
    position: relative;
    right: auto;
    margin-bottom: 0;
}
#trader-root .BreakingNewsController .bn-arrows-area {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}
#trader-root .BreakingNewsController .bn-arrows {
    position: relative;
    float: none;
    display: flex;
    flex-direction: column;
    width: auto;
    align-items: center;
}
#trader-root .BreakingNewsController .bn-arrows .bn-arrows-left,
#trader-root .BreakingNewsController .bn-arrows .bn-arrows-right {
    position: relative;
    width: auto;
    opacity: 1;
    background: none;
    left: auto;
    right: auto;
    align-items: center;
    display: flex;
}
#trader-root .traderTable {
    margin-top: 32px;
    border-radius: 8px;
}
#trader-root .traderTable .ant-table-column-sorter .ant-table-column-sorter-inner {
    display: flex;
    flex-direction: column;
}
#trader-root .traderTable .trader-card-avatar {
    width: 40px;
    height: 40px;
    min-width: 40px;
}
#trader-root .traderTable .trader-card-user-info-avatar {
    width: 40px;
    height: 40px;
}
#trader-root .ant-table-thead>tr>th {
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
}
#trader-root .ant-table-column-sorters {
    padding-top: 0;
    padding-bottom: 0;
}
.ant-pagination {
    display: flex;
    align-items: center;
}
.ant-pagination li,
.ant-pagination li a,
.ant-pagination .ant-pagination-prev,
.ant-pagination .ant-pagination-next,
.ant-pagination .ant-pagination-options,
.ant-pagination .ant-select-selector,
.ant-pagination .ant-pagination-options-quick-jumper,
.ant-pagination .ant-pagination-options-quick-jumper input,
.ant-pagination .ant-select .ant-select-selector {
    height: 28px !important;
}
.ant-pagination li a,
.ant-pagination .ant-pagination-prev,
.ant-pagination .ant-pagination-next,
.ant-pagination .ant-pagination-item-link,
.ant-pagination .ant-pagination-item {
    width: 28px;
    min-width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ant-pagination .ant-pagination-options,
.ant-pagination .ant-select-selection-item {
    display: flex;
    align-items: center;
}
.ant-pagination .ant-pagination-options-quick-jumper {
    line-height: 0;
}
.ant-pagination .ant-pagination-item,
.ant-pagination li:not(:last-child) {
    margin-right: 8px;
}
.ant-pagination .ant-pagination-options {
    margin-left: 8px;
}
.ant-pagination .ant-pagination-item-link,
.ant-pagination li a {
    margin-right: 0;
}
.ant-pagination .ant-pagination-options {
    margin-left: 0;
}
.tac {
    display: flex;
    justify-items: center;
}
.list-user-span {
    font-size: 16px;
    line-height: 16px;
    color: #565D73;
}
.swiper-wrapper .recommend-traders-containe.swiper-slide-next ul,
.swiper-wrapper .recommend-traders-containe:last-child ul {
    margin-right: 0;
}

.swiper-wrapper .recommend-traders-containe:first-child ul {
    margin-left: 0;
}
/*实盘跟单落地页*/
.landing-contain{
    background-color: #fff;
}
.landing-contain > .landing-container-banner {
    width: 100%;
    height: 392rem;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 106rem 180rem;
    align-items: flex-start;
    z-index: 0;
}
.landing-container-banner > img {
    position: absolute;
    width: 100%;
    height: 392rem;
    object-fit: cover;
    z-index: -1;
    left: 0;
    top: 0;
}

.landing-page{
    padding-top: 106px !important;
    margin-left: 180px !important;
}
.landing-title{
    font-weight: 700;
    font-size: 52rem;
    line-height: 1.5;
    color: var(--color-card-2);
    margin: 0;
}
.landing-slogan{
    font-weight: 400;
    font-size: 20rem;
    line-height: 150%;
    color: var(--color-text-3);
}
.landing-content-alert {
    border: 1px solid var(--color-brand-1);
    background: #f2f5ff;
    border-radius: 8rem;
    padding: 16rem 24rem;
    font-size: 16rem;
    font-weight: 400;
}
.landing-content{
    margin: 0 auto;
    padding: 72px 0px 140px;
}
.landing-content-common-title{
    color: #bbbdcc;
    font-weight: 500;
}
.landing-content-title{
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    color: var(--color-text-1);
}
.landing-content-title-active{
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    color: #04091A;
}

.landing-content-text{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: var(--color-text-2);
}
.landing-content-text > a {
    color: var(--color-brand-1) !important;
    text-decoration: underline;
}
.landing-content-text > a:hover {
    color: var(--color-brand-2) !important;
}

.landing-content .my-real-common-tab {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.landing-content .my-real-common-tab::-webkit-scrollbar {
    display: none;
}
.landing-content .common-tab-li {
    height: 56px;
}
.landing-content-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32rem;
}

.landing-content-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.landing-content-card img {
    width: 100%;
}

.common-tab-li-active::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #17e5a1;
    bottom: 0px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
.landing-second-title{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #04091A;
}
.landing-second-text{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    color: var(--color-text-1);
}

.landing-progress{
    width: 25%;
    text-align: center;
    margin-right: 2px;
}
.landing-progress .ant-divider-inner-text{
    padding: 0 8px;
}
.landing-progress-img{
    width: 48px;
    height: 48px;
}
.landing-progress .ant-divider-horizontal.ant-divider-with-text{
    margin: 0;
}
.landing-first-divider{
    display: block;
    margin-top: 1px;
    margin-left: 8px;
    width:35%;
    height: 1px;
    border-top: 1px dashed #2354E6;
}
.landing-last-divider{
    display: block;
    margin-top: 1px;
    margin-right: 8px;
    width:35%;
    height: 1px;
    border-top: 1px dashed #2354E6;
}
.landing-progress .ant-divider-horizontal.ant-divider-with-text:after, .landing-progress .ant-divider-horizontal.ant-divider-with-text:before{
    border-top-color: #2354E6;
}
.landing-card-title{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #04091A;
}
.landing-card-img>img{
    width: 100%;
}
.ace-img{
    margin-top: -3px;
    margin-left: 4px;
}
html[lang=ar] .ace-img {
    margin-left: 0;
    margin-right: 4px;
}

.contact-us-color{
    color: #2354e6;
}
.attar-name{
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.order-table-button-margin{
    max-width: 110px;
    padding: 0px 16px;
    border: 1px solid #2354E6;
    border-radius: 16px;
    height: 32px;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    color: #2354E6;
    margin-right: 16px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.percent-3{
    width: 5%;
}
.percent-5{
    width: 5%;
}
.percent-7{
    width: 7%;
}
.percent-8{
    width: 8%;
}
.percent-10{
    width: 10%;
}
.percent-11{
    width: 11%;
}
.percent-12{
    width: 12%;
}
.percent-15{
    width: 15%;
}
.percent-17{
    width: 17%;
}
.landing-checkbox{
    margin: 24px 0;
}
.landing-checkbox .ant-checkbox-wrapper{
    width: 32%;
}
.order-infomation .ant-table-ping-left .ant-table-cell-fix-left-first:after, .ant-table-ping-left .ant-table-cell-fix-left-last:after, .ant-table-ping-left:not(.ant-table-has-fix-left)>.ant-table-container:before{
    box-shadow: none;
}
.scroll-table .ant-table-ping-right .ant-table-cell-fix-right-first:after,
.scroll-table .ant-table-ping-right .ant-table-cell-fix-right-last:after,
.scroll-table .ant-table-ping-right:not(.ant-table-has-fix-right) .scroll-table .ant-table-container:after{
    box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.06);
}
.hidden-table-head-first-row .mantine-Table-root:not(.not-hide) thead:nth-of-type(1) {
    display: none;
}
.margin-text{
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: var(--color-text-2);
}
.margin-title{
    margin-top: 32px;
    margin-bottom: 16px;
}
.footer-button{
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
}
.modal-normal-button{
    width: 49%;
    height: 40px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    background: none;
    color: #2354E6;
    border: 2px solid #7796f0;
    border-radius: 8px;
}
.modal-normal-button.cancel-button {
    border: none;
    background: var(--color-neutral-1);
    color: var(--color-text-1)!important;
}
.modal-normal-button.cancel-button:hover {
    border: none;
    background: var(--color-neutral-3);
    color: var(--color-text-1)!important;
}
.normal-button-sure{
    background: #2354e6;
    color: #fff;
    border: none;
}
.landing-checkbox .ant-checkbox + span{
    color: var(--color-text-2);
    font-weight: 600;
}
.landing-checkbox-group .ant-checkbox + span {
    font-size: 12px;
    line-height: 12px;
}
/* 直播 動態 start */
.streamingDynamic {
    display: flex;
    align-items: stretch;
}
.streamingDynamic .dynamic-area {
    flex: 1;
    height: 100%;
    margin-right: 24px;
    background: #ffffff;
    box-shadow: 0px 0px 12px rgb(70 100 140 / 8%);
    border-radius: 8px;
    max-height: 688px;
    min-height: 688px;
    overflow: auto;
}
.streamingDynamic .streaming-area {
    width: 464px;
    height: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 12px rgb(70 100 140 / 8%);
    border-radius: 8px;
}
.streamingDynamic .dynamic-area .banner,
.streamingDynamic .streaming-area .banner {
    display: flex;
    height: 80px;
    padding: 32px;
    color: #04091A;
    font-size: 16px;
    line-height: 16px;
}
.streamingDynamic .streaming-area .banner .ant-select-single .ant-select-selector .ant-select-selection-item {
    color: #000;
}
.streamingDynamic .dynamic-area .banner .banner-more,
.streamingDynamic .streaming-area .banner .banner-more {
    margin-left: auto;
    cursor: pointer;
}
.streamingDynamic .streaming-area .banner .banner-more {
    display: flex;
    align-items: center;
}
.streamingDynamic .streaming-area .banner .banner-more .ant-select-arrow {
    top: auto;
}
.streamingDynamic .streaming-area .ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border: none;
}
.streamingDynamic .dynamic-area .info-section {
    padding: 32px;
}
.streamingDynamic .streaming-area .info-section {
    padding: 20px 26px;
    min-height: 608px;
    max-height: 608px;
    overflow: auto;
}
.streamingDynamic .streaming-area .lives-block {
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(70, 100, 140, 0.08);
    border-radius: 8px;
    width: 100%;
}
.streamingDynamic .streaming-area .info-section .lives-block:first-child {
    margin-top: 0px;
}
.streamingDynamic .streaming-area .info-section .lives-block:not(:first-child) {
    margin-top: 20.01px;
}
.aside-dynamic-item {
    padding-bottom: 48px;
}
.latest-news-lists a:last-child .aside-dynamic-item {
    padding-bottom: 24px;
}
/* 後續需優化此段 */
.dynamic-item-img {
    display: flex;
    column-count: 1;
    break-inside: avoid;
    margin-left: 48px
}

.dynamic-item-img img {
    width: 100%
}

.dynamic-img-limit {
    width: 40px;
    margin-right: 6px;
    margin-bottom: 6px;
    max-height: 80px;
    overflow: hidden
}


.item-info-detailed {
    display: flex;
    flex-direction: column
}

.item-info-level {
    margin-bottom: 4px;
    display: flex;
    align-items: center
}

.item-info-name {
    font-size: 15px;
    color: #262626
}

.item-info-vip {
    width: 42px;
    height: 17px;
    background-color: #faf8fa;
    border-radius: 10px;
    margin-left: 3px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

html[lang=ar] .item-info-vip {
    margin-left: 0;
    margin-right: 3px;
}

.item-info-vip img {
    width: 100%
}

.item-info-time {
    font-size: 12px;
    line-height: 17px;
    color: var(--color-text-3);
}
.text-show-btn{display:none;margin-left:48px;color:var(--brandColor)}
.text-show-btn i{display:inline-block;width:8px;height:8px;border-top:1px solid var(--brandColor);border-left:1px solid var(--brandColor);transform:rotateZ(225deg);margin-bottom:3px}
.text-show-btn {
    display: none;
    margin-left: 48px;
    color: var(--brandColor)
}

.text-show-btn i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--brandColor);
    border-left: 1px solid var(--brandColor);
    transform: rotateZ(225deg);
    margin-bottom: 3px
}
.text-show-btn-show{display: inline-block;}
.dynamic-text-hide {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

table .ant-table-cell-scrollbar {
    box-shadow: none
}

.ant-popover-inner-content .iconfont {
    margin-right: 5px
}

.avatar-head-tag {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 35%;
    width: 35%
}

/* .avatar-head {
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    height: 32px;
    width: 32px;
    min-width: 32px;
    cursor: pointer;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px
} */

.name-tier {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.card-name .name-tier span {
    margin-left: 0
}

.name-tier .vip-icon {
    height: 16px
}

.selector .selector-list li {
    height: auto!important;
    min-height: 16px!important
}

.width-full {
    width: 100%!important;
    box-sizing: border-box
}
.dynamic-item-info{display:flex;align-items:center;margin-bottom:16px}
.dynamic-item-img{display:flex;column-count:1;break-inside:avoid;margin-left:48px}
.dynamic-item-img img{width:100%}
.dynamic-img-limit{overflow:hidden;margin-right:6px;margin-bottom:6px;width:40px;max-height:80px}
.item-info-detailed{display:flex;flex-direction:column}
.item-info-level{display:flex;margin-bottom:4px;align-items:center}
.item-info-name{color:#262626;font-size:15px}
.item-info-vip{display:flex;margin-left:3px;width:42px;height:17px;border-radius:10px;background-color:#faf8fa;font-size:12px;align-items:center;justify-content:center}
html[lang=ar] .item-info-vip{margin-right:3px;margin-left:0}
.item-info-vip img{width:100%}
.item-info-time{color:var(--color-text-3);font-size:12px;line-height:17px}
.text-show-btn{display:none;margin-left:48px;color:var(--brandColor)}
.text-show-btn i{display:inline-block;margin-bottom:3px;width:8px;height:8px;border-top:1px solid var(--brandColor);border-left:1px solid var(--brandColor);transform:rotateZ(225deg)}
.text-show-btn{display:none;margin-left:48px;color:var(--brandColor)}
.text-show-btn i{display:inline-block;margin-bottom:3px;width:8px;height:8px;border-top:1px solid var(--brandColor);border-left:1px solid var(--brandColor);transform:rotateZ(225deg)}
.text-show-btn-show{display:inline-block}
.dynamic-text-hide{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
table .ant-table-cell-scrollbar{box-shadow:none}
.ant-popover-inner-content .iconfont{margin-right:5px}
.avatar-head-tag{position:absolute;right:0;bottom:0;width:35%;height:35%}
.name-tier{display:flex;justify-content:center;align-items:center}
.name-tier span{margin-left:8px}
.card-name .name-tier span{margin-left:0}
.name-tier .vip-icon{height:16px}
.selector .selector-list li{height:auto!important;min-height:16px!important}
.width-full{box-sizing:border-box;width:100%!important}
.dynamic-item-info{display:flex;margin-bottom:16px;align-items:center}
.dynamic-item-img{display:flex;margin-left:48px;break-inside:avoid;column-count:1}
.dynamic-item-img img{width:100%}
.dynamic-img-limit{overflow:hidden;margin-right:6px;margin-bottom:6px;width:40px;max-height:80px}
.item-info-icon{display:flex;margin-right:8px;width:48px;height:48px;border-radius:50%;color:#fff;letter-spacing:0;font-size:20px;line-height:21px;align-items:center;justify-content:center}
html[lang=ar] .item-info-icon{margin-right:0;margin-left:8px}
.dynamic-text-show{margin-left:48px;font-weight:400;font-stretch:normal;word-break:break-all}
.lives-state{display:flex;padding:0 10px;height:16px;border-radius:30px;color:#fff;white-space:pre;font-size:8px;transform:scale(.8);transform-origin:left;align-items:center}
.sub-state{position:relative;right:-6px;display:flex;padding:0 10px;height:16px;border-radius:30px;color:#fff;font-size:8px;transform:scale(.8);transform-origin:left;align-items:center}
.lives-bottom-status span{position:relative;font-size:8px;transform:scale(.8);transform-origin:left}
.lives-state-streaming{background-color:#17e5a1}
.lives-state-idle{background-color:#ff8c19}
.lives-block-bottom .host-avatar{width:48px;height:48px}
.flex-auto{margin-left:8px;padding-left:0}
.right-livesinfo .name{color:var(--color-text-1);font-weight:600;font-style:normal}
.right-livesinfo .desc{position:relative;display:inline-block;overflow:hidden;margin-top:4px;height:12px;max-width:120px;color:var(--color-text-3);text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-style:normal;font-size:8px;line-height:8px;transform:scale(.8);transform-origin:left;align-items:center}
.live-hot{position:absolute;bottom:0;display:flex;padding-bottom:5px;padding-left:5px;width:100%;height:40px;background-image:linear-gradient(180deg,rgba(39,39,39,0) 0,#272727 100%);color:#fff;align-items:flex-end}
.live-hot{padding:0 0 4px 4px;height:26px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:rgba(0,0,0,.1)}
.lives-bottom-status{display:flex;align-items:center}
.lives-bottom-status img{margin-right:4px;margin-left:8px;width:12px;height:12px}
.no-table-data{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column}
.no-data-text{color:var(--color-text-3)}
.trader-profile-new .info .avatar{position:relative;overflow:visible}
.isStreaming-head{border:2px solid #17e6a1!important;cursor:pointer}
.isStreaming-status{position:absolute;bottom:0;left:50px;margin-left:-40px;width:46px;height:18px;border:1px solid #fff;border-radius:10px;background:#17e5a1;color:#fff;text-align:center;cursor:pointer}
.ant-table tfoot>tr>td,.ant-table tfoot>tr>th,.ant-table-tbody>tr>td,.ant-table-thead>tr>th{padding:16px 24px}
.follow-trader-container .ant-slider-step{margin-top:-1px;height:2px}
.ant-slider-track,.follow-trader-container .ant-slider-rail{height:2px}
.follow-trader-container .ant-form-item .ant-form-item-label>label{max-width:130px}
#trader-root .ant-table-thead .ant-table-cell{padding:0 24px;background-color:var(--color-card-7);color:var(--color-text-3);white-space:pre}
#trader-root .mantine-Table-titleRow .mantine-Table-titleItem{padding:0 24px;background-color:var(--color-card-7)!important;color:var(--color-text-3)!important;white-space:pre;font-size:12px}
/* #trader-root .mantine-Table-dataRow{background:var(--color-bg-3);cursor:pointer} */
.classic-dark #trader-root .mantine-Table-dataRow{background:var(--color-card-1)}
.classic-dark #trader-root .mantine-Table-dataRow .mantine-Table-dataItem{background:var(--color-card-1)!important}
#trader-root .ant-table-column-sorter-down,#trader-root .ant-table-column-sorter-up{font-size:0}
#trader-root .ant-table-column-sorter-down svg path,#trader-root .ant-table-column-sorter-up svg path{fill:var(--color-text-3)}
#trader-root .ant-table-column-sorter-down.active svg path,#trader-root .ant-table-column-sorter-up.active svg path{fill:#2354e6}
#trader-root .ant-table tfoot>tr>td,#trader-root .ant-table tfoot>tr>th,#trader-root .ant-table-tbody>tr>td,#trader-root .ant-table-thead>tr>th{border-bottom:none}
#trader-root .ant-table-tbody>tr>td{height:80px}
#trader-root .ant-table-tbody>tr>td{padding:0 24px}
#trader-root .list-user-span{color:var(--color-text-1);font-weight:500}
#trader-root .list-user-info{display:flex;align-items:center}
#trader-root .list-user-info .list-user-span{overflow:hidden;width:150px;color:var(--color-text-1);text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.ratio-description{color:#b8bdcc;font-weight:400;font-size:12px}
.trader-modal .ant-modal-footer{display:flex;margin:0 40px;padding:10px 0 26px;width:auto;justify-content:flex-start}
.trader-modal .ant-modal-footer>button{height:52px;line-height:52px}
.mode-select .ant-select-arrow{top:40%}
.margin-modal .ant-modal-footer{width:100%}
.margin-modal .ant-input-number-lg input,.margin-modal .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:52px}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder,.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector:after,.margin-modal .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item{line-height:52px}
.info-right .hide-show-mark+.vr-btn,.margin-modal .hide-show-mark+.vr-btn{width:48px;height:24px;background:#eef1fa}
.info-right .hide-show-mark+.vr-btn:before,.margin-modal .hide-show-mark+.vr-btn:before{top:2px;left:2px;width:20px;height:20px}
#gtDebitFree:checked+.vr-btn:before,#hidezero:checked+.vr-btn:before,#showBlueVip:checked+.vr-btn:before,#showSampleMode:checked+.vr-btn:before,#trade-second-showall:checked+.vr-btn:before,.hide-show-mark:checked+.vr-btn:before,.margin-modal #hideprice:checked+.vr-btn:before{left:26px}
#gtDebitFree:checked+.vr-btn:before,#hidezero:checked+.vr-btn:before,#showBlueVip:checked+.vr-btn:before,#showSampleMode:checked+.vr-btn:before,#trade-second-showall:checked+.vr-btn:before,.hide-show-mark:checked+.vr-btn:before,.info-right #hideprice:checked+.vr-btn:before{left:26px}
.margin-select{width:397px!important}
.margin-modal{top:10%!important}
#trader-root .ant-table-tbody .follow-btn,#trader-root .ant-table-tbody .following-btn,#trader-root .ant-table-tbody .full-follow-btn{padding:0 10px;width:88px;height:40px;font-weight:600}
#trader-root td.ant-table-column-sort{background:0 0}
#trader-root .ant-table-tbody>tr.ant-table-row:hover{cursor:pointer}
#trader-root .ant-table-tbody>tr.ant-table-row:hover>td{background:#f2f7ff}
#trader-root .ant-table-tbody>tr.ant-table-row .table-name-tier .copy-trading-name:not(.disable):hover{color:var(--color-brand-1)}
#trader-root .ant-select:not(.ant-select-customize-input) .ant-select-selector{color:var(--color-text-1)}
.ant-radio-input:focus+.ant-radio-inner{box-shadow:none}
.ant-radio-checked:after{border:none}
.auto-copy{padding:24px;border-radius:8px;background:#f8f9fb;color:var(--color-text-2);font-weight:500;font-size:14px;line-height:150%}
.copy-mode-text{color:var(--color-text-1);text-transform:capitalize;font-weight:500;font-size:16px;line-height:16px}
.copy-mode-radio-text{color:var(--color-text-1);font-weight:500;font-style:normal;font-size:16px;line-height:16px}
.contract-follow-title{color:var(--color-text-2);text-transform:capitalize;font-weight:500;font-style:normal;font-size:14px;line-height:14px}
.vector-img{margin-right:12px;width:14px}
.question-img{margin-top:-3px;margin-left:8px;width:16px}
.copytrading-ratio .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:1px solid #e6e9f2;border-right:none}
.copytrading-ratio .ant-input-affix-wrapper{border:1px solid #e6e9f2}
html[lang=ar] .question-img{margin-right:8px;margin-left:0}
.profit-info{height:100%;align-items:stretch;align-content:stretch;flex-wrap:wrap}
.profit-table{margin-right:24px;width:66%;border-radius:8px;flex:2 2 auto;flex-basis:0}
.chart-card{position:relative;margin-bottom:24px;padding:24px;min-height:382px;border-radius:8px;background:var(--color-card-2);flex:1; border: 1px solid var(--color-divider-2);}
.chart-title{display:inline-block;height:23px;color:var(--color-text-1);font-weight:600;font-size:20px;line-height:23px}
.loss-profit{color:var(--color-text-3)}
.circle-point{display:inline-block;margin-right:8px;width:8px;height:8px;border-radius:50%}
.circle-point.green{background-color:var(--color-funct-2)}
.circle-point.red{background-color:var(--color-funct-3)}
.crypto-title{color:var(--color-text-1);font-weight:600;font-size:20px}
.chart-card-preference{position:relative;flex:1}
.preference{padding:24px;min-height:400px;border-radius:8px;background:var(--color-card-2)}
.top-header{padding:12px 16px 12px 0;color:var(--color-text-3)}
.tb-1{min-width:124px;color:var(--color-text-3);font-weight:600}
.tb-2{color:var(--color-text-3);flex:1}
.tb-3{color:var(--color-text-3);text-align:right;font-weight:600;flex:1}
.top-header-list{padding-right:16px;height:52px;font-size:16px;line-height:52px}
.top-header-list .first-value{color:var(--color-text-1);font-weight:600;font-size:16px}
.top-header-list .value{margin-left:4px;font-size:14px}
.top-header-list .title .point{display:inline-block;margin-right:8px;width:8px;height:8px;border-radius:50%}
.point-0{background-color:var(--color-funct-6)}
.point-1{background-color:var(--color-funct-4)}
.point-2{background-color:#16d9d9}
.point-3{background-color:#54e623}
.point-4{background-color:var(--color-text-4)}
.top-header-list .title .txt{color:var(--color-text-1)}
.chart-select{position:absolute;top:24px;right:24px;z-index:9}
.chart-select .mantine-Select-rightSection{height:32px}
.chart-select-1 .mantine-Select-rightSection{height:32px}
.classic-dark input{border-color:var(--color-divider-2);background-color:var(--color-neutral-2)}
.chart-profit{color:var(--color-text-3);font-weight:500;font-size:24rem}
.profit-icon{display:inline-block;margin-right:16px;width:8px;height:8px}
.chart-attar{width:24px;height:24px;min-width:24px}
.profit-no-data{display:flex;align-items:center;justify-content:center}
.profit-no-data-text{font-size:16rem}
.profit-chart-pl{color:var(--color-text-1);font-size:24rem;line-height:24rem}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within{box-shadow:none!important}
.ant-tooltip{max-width:478px}
.ant-tooltip-inner{padding:12px;max-width:500px;border-radius:8px;background:var(--color-cmpt-1)}
.ant-tooltip-arrow-content,.ant-tooltip-arrow-content::before{background:var(--color-cmpt-1)}
.tooltip-icon{margin-top:-3px;width:16px}
.first-level-font{color:var(--color-text-1)}
.second-level-font{color:var(--color-text-2)}
.third-level-font{color:var(--color-text-3)}
.fouth-level-font{color:var(--color-text-4)}
.breadUl{display:flex}
#trader-root .breadUl .breadUl__li a,.breadUl .breadUl__li,.breadUl .breadUl__li .back-text,.breadUl .breadUl__li .back-text-dark,.breadUl .breadUl__li a{display:flex;color:var(--color-text-3);font-weight:400;font-style:normal;font-size:16px;line-height:16px;transition:color .3s linear;align-items:center}
.breadUl .breadUl__li:last-child{color:var(--color-text-1);font-weight:500;cursor:default}
.breadUl .breadUl__li:not(:last-child) .back-text:hover,.breadUl .breadUl__li:not(:last-child):hover{color:#2354e6;cursor:pointer}
.breadUl .breadUl__li:not(:last-child) .back-text-dark:hover{color:#2354e6;cursor:pointer}
.breadUl .breadUl__li:not(:last-child)::after{position:relative;right:0;display:block;margin:0 4px;width:12px;height:12px;background-image:url(/images/quant/breadArrow.svg);background-size:12px 12px;content:' '}
.breadUl .breadUl__li-dark:not(:last-child)::after{position:relative;right:0;display:block;margin:0 4px;width:12px;height:12px;background-image:url(/images/quant/breadArrow_dark.svg)!important;background-size:12px 12px;content:' '}
.breadUl .breadUl__li.no-icon::after{display: none;}
@media screen and (min-width:1441px) and (max-width:1919px){.follow-trader-header,.trader-contain{margin:0 140rem!important}
}
@media screen and (max-width:1440px){.follow-trader-header,.trader-contain{margin:0 122rem!important}
.landing-content,.my-real-width{width:1200px}
.swiper-container-banner .banner-wrapper .banner-content-wrapper{width:1280px}
.nav-width,.strategy-banner,.traders-content{width:1280px}
.recommend-trader-card{width:232px}
.trader-detail-container{width:1280px}
.trader-detail-container-outter{width:100%}
.trader-container-bg{position:absolute;left:0;width:100%;height:100%}
.follow-trader-form{width:1280px}
.choose-contract-wrapper{width:1280px}
.landing-card-img{margin:0 auto;width:32%}
}
@media screen and (max-width :1200px){.landing-content,.strategy-banner,.swiper-container-banner .banner-wrapper .banner-content-wrapper{width:1200px}
.nav-width,.traders-content{width:1200px}
.recommend-trader-card{width:220px}
.trader-detail-container{width:1200px}
.follow-trader-form{width:1200px}
.choose-contract-wrapper{width:1200px}
.landing-card-img{width:32%}
}
@media screen and (min-width:1441px){.landing-content,.my-real-width,.nav-width,.strategy-banner{width:1440px}
.swiper-container-banner .banner-wrapper .banner-content-wrapper{width:1440px}
.traders-content{width:1440px}
.recommend-trader-card{width:264px}
.trader-detail-container{width:1440px}
.follow-trader-form{width:1440px}
.choose-contract-wrapper{width:1440px}
.landing-card-img{width:32%}
.landing-page{margin-left:240px!important}
}
.host-icon{width:12px}
.popup-w350-content{padding:0!important;width:350px!important}
.popup-wrapper{padding:24px}
.popup-header{margin-bottom:24px;height:25px;color:#111;font-size:18px;line-height:25px}
.popup-header img{width:20px;height:20px;cursor:pointer}
.tips-content{margin-bottom:34px;color:#333;font-size:14px;line-height:20px}
.button-group{justify-content:center}
.button-group .btn-primary{margin-left:10px;padding:8px 32px;outline:0;border:none;background:var(--brandColor);color:#fff;cursor:pointer}
.button-group .btn-danger{padding:8px 32px;outline:0;border:none;border:1px solid var(--brandColor);background:0 0;color:var(--brandColor);cursor:pointer}
.lives-block-top .lives-tag .streaming-icon{display:inline-block;box-sizing:content-box;width:50px;height:16px;border:1px solid #fff;border-radius:10px;background:#17e5a1}
.lives-block-top .lives-tag .streaming-icon .streaming-icon-gif{margin-top:2px;margin-left:7px;width:12px;height:12px;vertical-align:top}
.lives-block-top .lives-tag .streaming-icon .streaming-icon-text{display:inline-block;margin-top:3px;margin-left:4px;width:20px;height:10px;color:#fff;vertical-align:top}
.lives-tag{position:absolute;top:0;left:0;display:flex;padding:8px;width:100%;justify-content:flex-end;pointer-events:none}
.noty_container_type_success .noty_close{top:6px;right:15px}
.gateioNotyTheme.one-white.noty_container_type_confirm{padding:24px;padding-right:24px!important;background:#fff}
.gateioNotyTheme.one-white.noty_container_type_confirm::after{content:''}
#lives-swiper{margin:0 auto;width:100%;height:350px}
.box{position:relative;top:176px;margin:auto;width:100%;height:400px;height:100%}
.box a{position:absolute;top:0;right:0;bottom:0;left:0;float:left;margin:auto;width:500px;height:180px;border-radius:8px;cursor:pointer;transition:transform .7s ease-in-out}
.wrapper{position:absolute;width:100%;height:100%;perspective:770px;transform-style:preserve-3d}
.image{width:100%;height:100%;border-radius:2%/5.5%}
.swip-btn{position:relative;top:50%;left:50%;z-index:998;transform:translate(-50%,-25px)}
.swip-btn .left,.swip-btn .right{position:absolute;display:flex;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 0 16px rgba(35,84,230,.1);color:#fff;text-align:center;font-size:20px;line-height:40px;cursor:pointer;justify-content:center;align-items:center}
.swip-btn .left{left:8%}
.swip-btn .left>svg{margin-right:2px}
.swip-btn .right{right:8%}
.swip-btn .right>svg{margin-left:2px}
.swip path{stroke:#36f}
body.classic-dark .swip{background-color:#292f40}
body.classic-dark .swip path{box-shadow:0 0 16px rgba(35,84,230,.1);stroke:#fff}
.common-modal.adjustment-modal .ant-modal-header{padding-bottom:24px}
.common-modal.adjustment-modal .ant-modal-footer{margin-top:16px;padding:32px 40px;width:100%}
.common-modal.adjustment-modal .ant-modal-footer .order-table-button{margin:0}
.adjustmentContent .adjustmentTitle{color:var(--color-text-2);font-weight:400;font-style:normal;font-size:16px}
.adjustmentContent .adjustmentItem{margin-left:16px;color:var(--color-text-1);font-weight:400;font-style:normal;font-size:16px}
.adjustmentContent .order-table-button{margin:0;padding:0;height:52px;border-radius:8px;background:#2354e6;line-height:52px}
.adjustmentContent .adjustmentDesc{color:#b8bdcc;font-weight:400;font-style:normal;font-size:12px}
.adjustmentContent .ant-input-suffix{color:var(--color-text-1);font-weight:400;font-style:normal;font-size:16px}
.ant-input-number,.ant-input-number input{border-radius:8px}
.ant-input-number .ant-input-number-input-wrap input{background-color:var(--color-card-2)!important}
.classic-dark .ant-input-number .ant-input-number-input-wrap{background-color:var(--color-card-2)!important}
.classic-dark .ant-input-number .ant-input-number-input-wrap{border-radius:8px}
.classic-dark .with-addonAfter .ant-input-number .ant-input-number-input-wrap{border-top-right-radius:initial;border-bottom-right-radius:initial}
.with-addonAfter{border-right:none!important}
html[lang=ar] .with-addonAfter{border-right:1px solid #e6e9f2;border-left:none!important;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:0;border-top-left-radius:0}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,.param-setting-content .ant-input-number-focused,.param-setting-content .ant-input-number:hover{border:1px solid var(--color-brand-1)!important;box-shadow:none}
.with-addonAfter .ant-input-number-focused.ant-input-number,.with-addonAfter .ant-input-number:focus,.with-addonAfter .ant-input-number:hover{border:1px solid var(--color-brand-1)!important;border-right:none!important;box-shadow:none}
.with-addonAfter .ant-input-number-focused+.ant-input-number-group-addon,.with-addonAfter .ant-input-number:hover+.ant-input-number-group-addon{border-color:var(--color-brand-1)}
.classic-dark #trader-root .ant-input-number-lg.ant-input-number-focused,.classic-dark #trader-root .ant-input-number-lg:hover{border-color:var(--color-brand-1)!important}
.with-addonAfter .ant-input-number-group-addon{margin-top:-6px;border:1px solid var(--color-divider-1);border-left:0;border-top-right-radius:8px;border-bottom-right-radius:8px;background-color:var(--color-card-2);color:var(--color-text-1);letter-spacing:.4px;font-weight:500;font-size:12px;line-height:12px}
.with-addonAfter .ant-input-group-addon{margin-top:-6px;border:1px solid #e6e9f2;border-left:0;border-top-right-radius:8px;border-bottom-right-radius:8px;background-color:#fff;color:var(--color-text-1);letter-spacing:.4px;font-weight:500;font-size:12px;font-family:'Gate_Sans Medium';line-height:12px}
.classic-dark .ant-input,.classic-dark .ant-input-affix-wrapper{background-color:var(--color-card-1)!important}
.classic-dark .ant-input,.classic-dark .ant-input-affix-wrapper{border-color:var(--color-cmpt-5)!important}
html[lang=ar] .with-addonAfter .ant-input-number-group-addon{border-right:0;border-left:1px solid #e6e9f2;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:8px;border-top-left-radius:8px}
.with-addonAfter-percent .ant-input-number-group-addon{font-size:14px;line-height:14px}
.with-addonAfter .ant-input-number-focused{box-shadow:none}
.with-addonAfter .ant-input-number-focused+.ant-input-number-group-addon{box-shadow:none}
.with-addonAfter .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused,.with-addonAfter .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus{box-shadow:none}
.with-addonAfter .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused+.ant-input-number-group-addon,.with-addonAfter .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus+.ant-input-number-group-addon{box-shadow:none}
.ant-input-number-group>.ant-input-number.with-addonAfter,.ant-input-number-group>.ant-input-number.with-addonAfter input,.with-addonAfter .ant-input-number .ant-input-number-input-wrap{border-bottom-left-radius:8px;border-top-left-radius:8px}
.classic-dark .with-addonAfter .ant-input-number:not(.ant-input-number:hover):not(.ant-input-number-focused){border-color:var(--color-card-2)!important}
.ant-input-number-disabled+.ant-input-number-group-addon{background-color:#f5f5f5!important}
.ant-form-item-has-error .with-addonAfter .ant-input-number-group-addon{border-color:#ff4d4f!important}
html[lang=ar] .ant-form-item-has-error .with-addonAfter .ant-input-number-group-addon{border-left-color:#ff4d4f}
html[lang=ar] .ant-form-item-has-error .with-addonAfter:not(.ant-input-number-group-wrapper){border-right:1px solid #ff4d4f!important;border-top-right-radius:8px;border-bottom-right-radius:8px}
.ant-radio-checked .ant-radio-inner:after{top:12px;left:12px;transform:scale(1)}
.fansUploadButton__showIcon,.profitUploadButton__showIcon{display:flex;align-items:center;flex-direction:column}
.trade-content{display:flex;align-items:stretch}
.left-avatar{display:flex;padding:32px;width:456rem;height:128px;border-radius:8px;background:var(--color-card-2)}
.info-name{display:flex;margin-left:12px;flex-direction:column;justify-content:center}
.info-name .name-tier{justify-content:flex-start;align-items:flex-start}
.info-name .name-tier span{margin-bottom:12px;margin-left:0}
.info-name .vip-icon{margin-left:10px}
.fee-rate-value{margin-left:8px;color:var(--color-text-1);font-weight:500;font-size:14px;font-family:"Gate_Sans Medium"}
.left-content{display:flex;flex-direction:column;justify-content:space-between}
.left-market{margin-top:16px;padding:32rem;width:456rem;height:100%;background:var(--color-card-2)}
.left-market .ant-checkbox-group{margin-top:25px}
.left-market .market-item{position:relative;padding:12rem 16rem;width:fit-content;height:auto;border:1px solid var(--color-neutral-2);background:var(--color-neutral-2);color:var(--color-text-1);line-height:normal;cursor:pointer}
.left-market .market-item:hover{border:1px solid var(--color-brand-1);background:0 0}
.left-market-checkbox .ant-checkbox{display:none}
.left-market-checkbox .ant-checkbox+span{padding-right:0;padding-left:0}
.left-market-checkbox .ant-checkbox-wrapper+.ant-checkbox-wrapper{margin-left:0}
.right-content{margin-left:16rem;padding:32rem;width:964rem;background:var(--color-card-2); position: relative;}
html[lang=ar] .right-content{margin-right:16rem;margin-left:0}
.trader-button{padding:16rem;border-radius:8px;background:var(--color-brand-1);color:#fff;text-align:center;font-weight:700;font-size:20px;font-family:"Gate_Sans Bold";line-height:20rem;cursor:pointer}
.width-524{width:524rem}
.percent-49{width:49%}
.trader-input{display:flex;overflow:hidden;height:40px!important;line-height:40px!important;align-items:center}
.trader-input .ant-input-number-input,.trader-input .ant-input-number-input-wrap{height:38px!important;line-height:34px}
.trader-input .ant-input-number-lg input{display:flex;height:40px!important}
.right-content .ant-slider-handle{margin-top:-6px;width:14px;height:14px}
.ant-slider-rail{background:var(--color-neutral-2)}
.additional-documentary-modal .ant-slider-handle{margin-top:-5px;margin-left:-2px}
.additional-documentary-modal .ant-slider-track{top:5px}
.right-content .amount-slider{margin:12px 8px!important;width:511rem}
.right-content .follow-amount .amount{color:var(--color-text-2);font-weight:700;font-size:14px;font-family:"Gate_Sans Bold"}
.right-content .follow-amount .available{color:var(--color-text-3);font-weight:400;font-size:12px}
.right-content .follow-amount .spot-amount{color:var(--color-text-1);font-weight:500;font-size:12px;font-family:"Gate_Sans Medium"}
.trader-select .ant-select-selector{border-radius:4px!important}
.trader-input .ant-input-number-group>.ant-input-number.with-addonAfter{border-bottom-left-radius:4px;border-top-left-radius:4px}
.trader-select .ant-select-selector{height:40px!important}
.trader-select .ant-select-selection-item{line-height:40px!important}
.trader-select .mantine-Input-disabled { color: var(--color-text-3); }
.trader-margin .ant-checkbox-wrapper+.ant-checkbox-wrapper{margin-left:0!important}
.trader-margin .ant-checkbox+span{font-weight:400;font-family:Gate_Sans}
.trader-market-triangle{position:absolute;top:-1px;right:-1px;width:20px;height:20px;border-radius:3px;background-image:linear-gradient(225deg,var(--color-brand-1) 50%,rgba(255,255,255,0) 50%);background-position:top left,bottom left;background-repeat:no-repeat}
.market-item-active{border:1px solid var(--color-brand-1)!important;background:0 0!important}
.ant-form-item-control-input-content .ant-input-affix-wrapper-lg{border-radius:8px}
.strategy-banner{margin:0 auto}
.strategy-top-wrapper{width:100%;height:492px;background-image:linear-gradient(#e0e9fb,#f4f8ff)}
.strategy-top{width:100%;height:492px;background-image:url(/images/quant/banner_light.png);background-size:100% 100%;background-repeat:no-repeat}
.classic-dark .strategy-top{background-image:url(/images/quant/banner_dark.png)}
.banner-content{padding-top:calc(64px + 64px);height:432px;flex:1}
.banner-swiper-content{position:relative;margin-top:60px;height:270px;flex:1}
.banner-swiper-content .swiper-button-next,.banner-swiper-content .swiper-button-prev{opacity:0}
.banner-swiper-content:hover .swiper-button-next,.banner-swiper-content:hover .swiper-button-prev{opacity:1}
.swiper-container-banner{position:absolute;top:0;left:50%;margin-left:-360px;width:720px;height:270px}
.banner-swiper-content .swiper-slide{overflow:hidden;width:480px!important;height:270px;border-radius:10px;cursor:pointer;transition-duration:.3s}
.swiper-container-banner .swiper-slide img{width:100%;height:270px}
.banner-swiper-content .swiper-button-next{top:122px;right:0;left:auto}
.banner-swiper-content .swiper-button-prev{top:122px;right:auto;left:0}
.banner-data{margin-top:24px;width:418px}
.copy-trading-banner{position:relative;padding:28rem 24rem 20rem 24rem;width:418px;border-radius:0 0 15rem 15rem;background:linear-gradient(180deg,transparent 6px,var(--color-card-2) 0),linear-gradient(270deg,#16d9d9 0,#17e6a1 100%)}
.copy-trading-banner.copy-trading-banner-desktop{display:inline-flex;width:auto;min-width:418px;gap:24rem}
.copy-trading-banner .hide-icon{position:absolute;top:14rem;right:24rem;cursor:pointer}
.encipher{display:flex;width:100%;height:6px;background:linear-gradient(270deg,#16d9d9 0,#17e6a1 100%);justify-content:flex-end}
.banner-data-amount{padding:2px 24px 24px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;background-color:var(--color-card-2)}
.encipher-icon{display:flex;cursor:pointer;justify-content:flex-end}
.banner-data-title{margin-bottom:12px;color:var(--color-text-3);font-weight:400;font-style:normal;font-size:14px;font-family:Gate_Sans;line-height:14px}
.banner-data-money{margin-bottom:12px;color:var(--color-text-1);font-weight:700;font-style:normal;font-size:24px;font-family:"Gate_Sans Bold";line-height:24px}
.banner-data-unit{margin-left:4rem;font-size:14px;line-height:14px}
.banner-data-number{color:var(--color-text-1);font-weight:400;font-style:normal;font-size:12px;font-family:Gate_Sans;line-height:12px}
.banner-data-button{margin-top:24px;border:none;background:0 0;color:var(--color-brand-1);font-weight:700;font-style:normal;font-size:16px;font-family:'Gate_Sans Bold';line-height:16px;cursor:pointer}
.strategy-tabs{display:flex;justify-content:space-between;align-items:center}
.strategy-tabs .ant-tabs-tab{color:var(--color-text-4);font-weight:700;font-size:16px;font-family:'Gate_Sans Bold';line-height:16px}
.strategy-tabs .ant-tabs-nav{height:64px}
.strategy-tabs .ant-tabs-nav-wrap{height:64px}
.strategy-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-text-1);font-weight:700;font-size:16px;font-family:"Gate_Sans Bold"}
.strategy-tabs .ant-tabs-ink-bar{height:4px!important;background:var(--color-funct-1)}
.strategy-tabs{position:relative}
.faq-title{color:var(--color-text-1);font-weight:600;font-size:40px;font-family:"Gate_Sans Bold"}
.bn-arrows-left,.bn-arrows-right{width:20px!important}
.faq-contain{margin-top:125px;width:100%}
.faq-content{margin-top:80px;margin-bottom:140rem}
.faq-content-question{display:flex;justify-content:space-between}
.faq-content-title{cursor:pointer}
.faq-question-title{color:var(--color-text-1);font-weight:600;font-style:normal;font-size:24px;font-family:'Gate_Sans Bold'}
.faq-content-contain{margin-top:16px;color:var(--color-text-3);font-weight:400;font-size:16px;line-height:150%}
.faq-content li{margin-bottom:34px;padding-bottom:34px;border-bottom:1px solid var(--color-divider-1)}
.faq-content li:nth-last-child(1){margin-bottom:0}
.nav-sticky{position:sticky;top:55px;z-index:99;margin-top:-64px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px)}
.nav-width{margin:0 auto}
.my-strategy-btn{border:none;background:0 0;color:var(--color-text-1);font-weight:700;font-style:normal;font-size:16px;font-family:'Gate_Sans Bold';cursor:pointer}
.card-type .ant-tabs-tab-active{padding:12px 24px;border-radius:4px;background:var(--color-neutral-2)}
.card-type .ant-tabs-ink-bar{height:0!important}
.ant-tabs-tab-btn:active{color:var(--color-text-4)}
.avatar-ace-trader{position:relative;overflow:visible}
.ace-trader-img{position:absolute;right:-4px;bottom:0;width:26px!important;height:26px!important}
.ta-c{text-align:center}
.copytrading-tags{margin-right:8px;padding:4px 8px;border-radius:2px;color:var(--color-funct-6);font-weight:600}
.copytrading-tags.binance-trader { background: var(--color-cmpt-13); color: var(--color-funct-4); }
.follow-people{margin-left:4px;color:var(--color-text-3);font-weight:400;font-size:12px}
.trader-icon{width:16px;height:16px}
.leader-trader-icon{width:20px;height:20px}
.rank-card-top3{position:absolute;top:2px;left:5px;background:linear-gradient(349.17deg,#6c38ff 13.99%,#4462ff 26.81%,#00a3ff 56.77%,#00e0ff 73.08%);background-clip:text;font-weight:700;font-size:48px;font-family:'Gate_Sans Bold';line-height:1;transform:matrix(1,0,-.28,.96,0,0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.rank-card-index{position:absolute;top:2px;left:5px;background:linear-gradient(180deg,#b9caff 0,rgba(185,202,255,.8) 45.32%,rgba(185,202,255,.1) 100%);background-clip:text;font-weight:700;font-size:48px;font-family:'Gate_Sans Bold';line-height:1;transform:matrix(1,0,-.28,.96,0,0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.person-icon{width:12px;height:12px;color:var(--color-text-3)}
.third-tab-li{margin-right:32px;color:var(--color-text-4);font-weight:400;font-size:16px;cursor:pointer}
.third-tab-li-active{color:var(--color-text-1)}
.my-real-third-common-tab{margin:32rem 0 24rem 0}
.quant-scd-tab .ant-tabs-nav,.quant-scd-tab .ant-tabs-nav-wrap{height:40px}
.leader-common-button{margin-right:16px;padding:0 16px;height:28px;border:1px solid #2354e6;border-radius:4px;color:#2354e6;white-space:nowrap;font-weight:700;font-size:14px;line-height:28px;cursor:pointer}
.leader-header-left{width:59%}
.leader-header-left .name-tier{justify-content: flex-start;}
.leader-right{width:39%}
.leader-right-amount{margin-bottom:24px;padding:32px;height:162px;border:1px solid var(--color-divider-2);border-radius:8px;background:var(--color-card-7);}
.leader-right-amount h2{margin-bottom:12px;color:var(--color-text-1);font-weight:700;font-size:16px}
.leader-right-amount p{font-weight:500;font-size:24px}
.stop-copy{margin-bottom:24px;padding:32px;height:98px;border-radius:8px;background-color:var(--color-card-3); border: 1px solid var(--color-divider-2);}
.disabled-follow-btn{background-color:#c2c4cc;cursor:not-allowed}
.common-popup-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;overflow-y:scroll;height:100%;background:rgba(0,0,0,.85)}
.popup-container{position:relative;box-sizing:border-box;margin:auto;padding:24px 40px;width:500px;border-radius:5px;border-radius:16px;background:var(--color-bg-3)}
.popup-title{display:flex;margin-bottom:16px;font-weight:700;font-size:24px;flex-direction:row;justify-content:space-between}
.exchange-tab{color:var(--colorgray7)}
#notyClose{position:absolute;top:24px;right:24px;z-index:10;color:var(--colorgray7);cursor:pointer;filter:none!important}
.exchange-tab>.active{position:relative;color:var(--color-text-1)}
.exchange-label{color:var(--color-text-2);font-weight:400;font-size:16px}
.exchange-input{display:flex;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:8px;padding-left:16px;width:100%;width:256px;height:40px;border-radius:4px;background-color:var(--brandColorMenuHover);font-size:16px;align-items:center}
.input-no-css{outline:0;border:none;background-color:transparent}
.fill-2354E6{color:var(--brandColor)}
.moneyTransferIco{position:relative;top:40px;width:18px;height:18px}
.exchange-input-all{display:flex;box-sizing:border-box;margin-top:8px;padding:0 12px;width:100%;height:40px;border:1px solid var(--color-neutral-3);border-radius:4px;align-items:center}
#future-transfer-amount{background-color:transparent}
.classic-dark .exchange-input-all{border:none;background-color:#1f2433}
.exchange-input-all input{text-align:left;flex:1}
.exchange-divi{margin-right:12px;margin-left:12px;width:1px;height:24px;background-color:var(--color-divider-1)}
.c-2354E6{color:var(--brandColor)!important}
.stop-popup-red-tips{display:flex;padding:10px;border-radius:6px;background:var(--bgYellow);color:var(--color-text-3);white-space:normal;font-size:12px;justify-content:flex-start;align-items:center}
.popup-btn{display:flex;margin-top:20px;outline:0;text-align:center;flex-direction:row;justify-content:space-between}
.popup-btn button{outline:0;border:0;cursor:pointer}
.popup-cancel{display:flex;width:calc(50% - 16px);border:2px solid var(--brandColor)!important;border-radius:4px;background-color:transparent;color:var(--brandColor);font-weight:700;font-size:16px;cursor:pointer;justify-content:center;align-items:center}
.popup-primary{display:flex;width:calc(50% - 16px);height:40px;border-radius:4px;background:var(--brandColor);color:#fff;font-weight:700;font-size:16px;line-height:1;cursor:pointer;justify-content:center;align-items:center}
.params-common-tags{padding:16px;width:33%;border-radius:8px;background:var(--color-card-1)}
.params-common-tags p{margin-bottom:4px;color:var(--color-text-3);font-size:12px}
.params-common-tags span.ant-radio+*{overflow:hidden;max-width:90rem;color:var(--color-text-2);text-overflow:ellipsis;white-space:nowrap}
.leader-my-assets{margin-bottom:24px;padding-bottom:19px;border-bottom:1px solid var(--color-divider-2)}
.leader-my-assets h3{color:var(--color-text-1);font-size:14px}
.transfer-label{color:var(--color-text-5);font-size:14px}
.rank-icon-active{color:var(--color-funct-1)}
.traders-content-swiper h2{color:var(--color-text-1);font-weight:700;font-size:24px;line-height:100%}
.traders-content-more{right:0;width:fit-content;color:var(--color-text-2);font-weight:700;font-size:16px}
.traders-content-icon{color:var(--color-text-2);font-size:14px}
.grid-sorter .rank-active{padding-bottom:16px;border-bottom:4px solid var(--color-funct-1);color:var(--color-text-1)}
.grid-sorter h3.rank-active{color:var(--color-text-1)}
.trader-container .rank-container-header .grid-sorter li{align-items:flex-start}
.asset-label{color:var(--color-text-3);font-size:12px}
.asset-number{color:var(--color-text-2);font-size:12px}
.swiper-container-rtl .swiper-button-prev:after,.traders-content .swiper-button-next:after{content:''}
.my-copytrading-tab{position:absolute;left:50%;transform:translateX(-50%)}
.copytrading-tooltip-icon{position:relative;top:1px;margin-left:6px;color:var(--color-text-4);cursor:pointer}
.common-tooltip-width{width:196px}
.trader-contain{margin:0 240rem;margin-top:48px!important}
.trader-contain h2{color:var(--color-text-1)}
.market-icon{position:absolute;top:-3px;right:-2px;color:#fff;transform:scale(.5)}
.following-amount{color:var(--color-text-1);font-size:14px}
.add-amount-icon{margin-left:18px;color:var(--color-brand-1)}
.add-amount{color:var(--color-brand-1);font-weight:600;font-size:14px}
.live-tab-more>.ant-select-selector{height:16px!important;border:none!important}
.live-tab-more .ant-select-selection-item{line-height:1!important}
.post-tab-more{color:var(--color-text-1)!important}
.with-single-data>.with-single-data-content{display:flex;overflow:visible!important;flex:1;align-items:flex-start; z-index: 9;}
.fw-400{font-weight:400}
.full-icon{transform:translateY(3px)}
.follow-trader-icon{fill:var(--color-text-1)}
.traders-container .ant-table-ping-right .ant-table-cell-fix-right-first:after,.traders-container .ant-table-ping-right .ant-table-cell-fix-right-last:after,.traders-container .ant-table-ping-right:not(.ant-table-has-fix-right)>.ant-table-container:after{box-shadow:-10px 0 10px -10px rgba(23,56,153,.08)}
.icon-stroke-color1{stroke:var(--color-text-1)}
.follow-params-market{font-weight:600}
.follow-view-icon{margin-right:4px;font-size:16px}
.ant-input::placeholder{color:var(--color-text-4)!important;font-size:12px!important}
.params-setting-ratio{overflow:hidden;max-width:90rem;color:var(--color-text-2);text-overflow:ellipsis;white-space:nowrap}
.scroll-left-icon{margin-right:16px;color:var(--color-text-3)}
.scroll-right-icon{margin-right:24px;margin-left:16px;color:var(--color-text-3)}
.scroll-left-icon:hover{color:var(--color-brand-1)}
.scroll-right-icon:hover{color:var(--color-brand-1)}
.gate-ui-modal button{outline:0!important}
.gate-ui-modal .mantine-Modal-header button>svg{height:16px;min-width:16px}
.classic-dark .ant-slider:hover .ant-slider-rail{background:var(--color-neutral-2)}
.classic-dark .additional-documentary-modal .ant-slider-handle{background:#151926}
.follow-amount .mantine-Input-input:focus[aria-invalid=true]{border:1rem solid #cc3d3d}
/* .trader-compensation-tag{display:flex;margin-left:4px;padding:3px 8px;border:none;border-radius:2px;background:#fff5ec;color:var(--color-funct-4);white-space:nowrap;font-weight:600;font-size:12px;line-height:14px;align-items:center} */
.table-first-line{display:flex}
.table-second-line{display:inline-block;margin-left:8px}
/* .trader-detil-compensation-tag{margin-left:0;padding-top:0;padding-bottom:0;line-height:24px} */
.trader-detil-compensation-tag img {width: 20px;height: 20px;object-fit: cover;}
/* .trader-compensation-tag .compensation-up-arrow{margin-left:2px;width:8px;height:8px} */
.trader-compensation-tag img{width: 20px;height: 20px;object-fit: cover;}
.compensation-tag-box{box-sizing:border-box;padding:'12px';color:var(--color-text-1);font-weight:400;font-size:'12px';line-height:'18px'}
.compensation-tag-box .compensation-tag-detail{display:inline-block;color:var(--color-brand-1);text-decoration:underline;text-underline-offset:2px}
.copy-modal-markets-divider{background-color:var(--color-neutral-2)}
.copy-trading-risk-modal .mantine-Modal-header>div,.real-leader-setting-modal .mantine-Modal-header>div{width:100%}
.copy-trading-risk-modal .modal-header-close-btn,.real-leader-setting-modal .modal-header-close-btn{color:var(--color-text-4);cursor:pointer}
.real-leader-setting-modal .mantine-Input-input { border-width: 1px; }
.tip-modal-trigger-input{font-size:16px}
.tip-modal-trigger-input::-webkit-input-placeholder{font-size:16px!important}
.discover-top-button-wrap{display:flex;margin-top:80px;justify-content:center}
.discover-top-button{display:flex;padding:12px 32px;height:40px;border-radius:20px;font-weight:600;font-size:14px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;align-self:stretch}
.trader-card-user-profit-echarts{margin:0 0 4px 0;height:54px}


.connect-exchange {
    width: 100%;
    background: var(--color-bg-1);
}

.connect-exchange .my-real-top,
.manage-api-page .my-real-top {
    box-shadow: none;
    background: var(--color-card-1);
}

.become-trader {
    width: 1200px;
    padding: 50px 0 120px;
}

.become-trader .become-trader__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.become-trader .become-trader__info .info__aside {
    width: 588px;
}

.become-trader .become-trader__info .info__aside .title {
    font-weight: bold;
    font-size: 48px;
    color: var(--color-text-1);
    line-height: 1.2em;
}

.become-trader .become-trader__info .info__aside .desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin: 8px 0 0;
    color: var(--color-text-1);
}

.become-trader .become-trader__info .info__aside .limit-pairs {
    margin: 24px 0;
    padding: 11px 12px 11px 30px;
    border-radius: 4px;
    background: url(/images/quant/info-blue.png) no-repeat 12px 12px, var(--color-cmpt-7);
    background-size: 12px;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 400;
}

.become-trader .become-trader__info .info__aside .access {
    background: var(--color-brand-1);
    padding: 11px 24px;
    border-radius: 21px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    color: var(--color-text-6)!important;
}

.become-trader .become-trader__info .info__pic .img {
    width: 588px;
    height: 320px;
}

.become-trader .become-trader__info .info__pic .img.img-dark {
    display: none;
}

.become-trader .become-trader__info .info__pic .img.img-light {
    display: block;
}

.classic-dark .become-trader .become-trader__info .info__pic .img.img-dark {
    display: block;
}

.classic-dark .become-trader .become-trader__info .info__pic .img.img-light {
    display: none;
}

.become-trader .become-trader__ecosystem {
    margin: 145px 0 0;
}

.become-trader .become-trader__ecosystem .title {
    font-weight: 600;
    font-size: 40px;
    line-height: 49px;
    color: var(--color-text-1);
}

.become-trader .become-trader__ecosystem .eos__row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 32px 0 0;
    gap: 24px;
}

.become-trader .become-trader__ecosystem .eos__row .row__item {
    flex: 1;
    padding: 24px;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid var(--color-divider-2);
    background: var(--color-card-2);
    transition: all 0.3s;
    position: relative;
}

.become-trader .become-trader__ecosystem .eos__row .row__item::before {
    content: '';
    display: none;
    width: 1px;
    height: 40px;
    background: url(/images/quant/gradient-line.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 40px;
}

.classic-dark .become-trader .become-trader__ecosystem .eos__row .row__item:hover {
    background: var(--color-divider-2);
}

.classic-dark .become-trader .become-trader__ecosystem .eos__row .row__item:hover::before {
    display: block;
}

.become-trader .become-trader__ecosystem .eos__row .row__item:hover {
    box-shadow: 0px 7px 20px 0px #0D1F4212;
}

.become-trader .become-trader__ecosystem .eos__row .row__item .row__icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--color-card-1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.become-trader .become-trader__ecosystem .eos__row .row__item .row__icon .iconfont {
    font-size: 20px;
    color: var(--color-text-1);
}

.become-trader .become-trader__ecosystem .eos__row .row__item .row__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin: 24px 0 0;
    color: var(--color-text-1);
}

.become-trader .become-trader__ecosystem .eos__row .row__item .row__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 8px 0 0;
    color: var(--color-text-3);
}

.manage-api-page {
    background: var(--color-bg-1);
}

.api-management {
    width: 1200px;
    padding: 80px 0 120px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 75px;
}

.api-management .api-management__description {
    width: 384px;
    border-radius: 8px;
    padding: 24px;
    background: var(--color-card-2);
    border: 1px solid var(--color-divider-2);
}

.api-management .api-management__description .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--color-text-1);
    margin: 0 0 12px;
}

.api-management .api-management__description .description__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-text-3);
}

.api-management .api-management__aside {
    flex: 1;
}

.api-management .api-management__aside .connect {
    margin: 32px 0 0;
}

.api-management .api-management__aside .connect .exchanges {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 0 0;
}

.api-management .api-management__aside .connect .connect-types .connect-type__row {
    margin: 20px 0 0;
}

.api-management .api-management__aside .connect .connect-types .connect-type__row-description {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--color-text-1);
    margin: 0 0 8px
}

.api-management .api-management__aside .connect .exchanges .exchange__name {
    padding: 7px 24px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    background: var(--color-bg-1);
    color: var(--color-text-1);
    border: 1px solid var(--color-text-1);
    border-radius: 20px;
}

.api-management .api-management__aside .form {
    margin: 0 0 32px;
}

.api-management .api-management__aside .form .form__row {
    margin: 32px 0 0;
}

.api-management .api-management__aside .form .form__row .form__label {
    display: block;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 400;
}

.api-management .api-management__aside .form .form__row .input__wrapper {
    width: 100%;
    min-height: 40px;
    position: relative;
}

.api-management .api-management__aside .form .form__row .input__wrapper .form__clear-icon {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    display: none;
    color: var(--color-icon-4);
}

.api-management .api-management__aside .form .form__row .input__wrapper .form__clear-icon.form__clear-icon-h5,
.api-management .api-management__aside .form .form__row .input__wrapper:hover .form__clear-icon {
    display: block;
}

.api-management .api-management__aside .form .form__row .form__input {
    display: block;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    text-indent: 16px;
    margin: 8px 0 0;
    padding: 0 40px 0 0;
    border: 1px solid var(--color-divider-5);
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-1);
    background: var(--color-bg-1)!important;
}

.api-management .api-management__aside .form .form__row .form__input::placeholder {
    color: var(--color-text-3)!important;
}

.api-management .api-management__aside .form .form__row .form__input-display {
    width: 100%;
    height: 48px;
    border-radius: 4px;
    text-indent: 16px;
    margin: 8px 0 0;
    padding: 0 40px 0 0;
    border: 1px solid var(--color-divider-5);
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-7);
    background: var(--color-cmpt-2)!important;
    display: flex;
    align-items: center;
}

.api-management .api-management__aside .form .form__row .form__input.error {
    border: 1px solid var(--color-funct-3);
}

.api-management .api-management__aside .form .form__row .error__text {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-funct-3);
}

.api-management .api-management__aside .form .form__row .form__input:hover,
.api-management .api-management__aside .form .form__row .form__input:focus {
    border: 1px solid var(--color-brand-3);
}

.api-management .api-management__aside .form .form__row .form__input::placeholder {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-7);
}

.api-management .api-management__aside .form__binding-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
}

.api-management .api-management__aside .form__binding-buttons-h5 {
    margin: 0 0 24px;
}

.api-management .api-management__aside .form__binding-reset {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 1em;
    font-weight: 500;
    color: var(--color-text-1);
    background: var(--color-neutral-1);
    border: none;
    cursor: pointer;
}

.api-management .api-management__aside .form__binding-buttons-h5 .form__binding-reset {
    width: calc(50% - 8px);
}

.api-management .api-management__aside .form__binding-reset:hover {
    background: var(--color-neutral-3);
}

.api-management .api-management__aside .form__binding-button {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 1em;
    font-weight: 500;
    color: var(--color-text-7);
    background: var(--color-neutral-1);
    border: none;
    cursor: pointer;
}

.api-management .api-management__aside .form__binding-button.enable {
    background: var(--color-brand-1);
    color: var(--color-text-6);
}

.api-management .api__list {
    flex: 1;
}

.api-management .api__list .title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.api-management .api__list .title .title__text,
.api-management .api-management__aside .title .title__text {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    color: var(--color-text-1);
}

.api-management .api__list .title .to-binance {
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    font-weight: 500;
    color: var(--color-text-1)!important;
    background: var(--color-neutral-1);
    border-radius: 16px;
}

.api-management .api__list .api-list__table-wrapper {
    width: 100%;
    height: auto;
    margin: 32px 0 24px;
    border-radius: 8px;
    border-spacing: 0;
    background: var(--color-card-2);
    border: 1px solid var(--color-divider-2);
    padding: 16px 24px 0;
}

.api-management.api-management-h5 .api__list .api-list__table-wrapper {
    padding: 16px 16px 0;
}

.api-management .api__list .api-list__table {
    width: 100%;
}

.api-management .api__list .api-list__table .api-list__thead,
.api-management .api__list .api-list__table .api-list__thead tr {
    width: 100%;
    height: auto;
}

.api-management .api__list .api-list__table .api-list__thead tr td {
    color: var(--color-text-3);
    font-size: 12px;
    line-height: 1.2em;
}

.api-management .api__list .api-list__table .api-list__table-row {
    width: 100%;
    height: 72px;
}

.api-management .api__list .api-list__table .api-list__table-row .api-list__table-cell {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text-1);
}

.api-management .api__list .api-list__table .api-list__table-row .api-list__table-cell .action__delete {
    color: var(--color-text-5);
    cursor: pointer;
}

.api-management .api__list .api-list__table .api-list__table-row .api-list__table-cell .action__delete:hover {
    color: var(--color-brand-2);
}

.api-management .api__list .api-list__table .api-list__table-row .api-list__table-cell .action__delete.disabled {
    color: var(--color-text-7)!important;
    cursor: not-allowed;
}

.api-management .api__list .api-list__table .api-list__table-row .api-list__table-cell .expired {
    color: var(--color-text-4);
}

.api-management .api__list .api-list__table-wrapper .api-list__empty {
    padding: 40px 24px 24px;
}

.api-management .api__list .api-management__new-api {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
    color: var(--color-text-5);
}

.api-management .api__list .api-management__new-api.disabled {
    color: var(--color-text-7);
}

.bind-api__risk-modal .bind-api__risk-modal-text .bind-api__risk-modal-text__row {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    color: var(--color-text-3);
}

.bind-api__risk-modal .bind-api__risk-modal__agreement {
    margin: 40px 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
    color: var(--color-text-1);
}

.bind-api__risk-modal .bind-api__risk-modal__agreement .mantine-Checkbox-inner input:checked {
    border-color: var(--color-brand-1);
}

.bind-api__risk-modal .bind-api__risk-modal__agreement .mantine-Checkbox-inner input:checked ~ svg,
.bind-api__risk-modal .bind-api__risk-modal__agreement .mantine-Checkbox-inner input:checked:hover ~ svg {
    fill: var(--color-brand-1);
}

.bind-api__risk-modal .bind-api__risk-modal-btn {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.bind-api__risk-modal .bind-api__risk-modal-btn button {
    flex: 1;
    border-radius: 20px!important;
}

.bind-api__risk-modal .bind-api__risk-modal-btn .mantine-Button-root:first-of-type {
    background: var(--color-neutral-1);
}

.bind-api__risk-modal .bind-api__risk-modal-btn .mantine-Button-root:first-of-type .mantine-Button-label {
    color: var(--color-text-1);
}

.bind-api__risk-modal .bind-api__risk-modal-btn .mantine-Button-root:first-of-type:hover {
    background: var(--color-neutral-3);
}

.bind-api__delete-confirm-modal .bind-api__delete-confirm-modal-btn {
    margin: 40px 0 0;
}

.bind-api__delete-confirm-modal .bind-api__delete-confirm-modal-btn button {
    flex: 1;
    width: 100%;
    border-radius: 20px!important;
}

.bind-api__success-modal .bind-api__success-modal-content .bind-api__success-modal-icon {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 24px;
}

.bind-api__success-modal .bind-api__success-modal-content .bind-api__success-modal-title {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 20px;
    color: var(--color-text-1);
}

.bind-api__success-modal .bind-api__success-modal-content .bind-api__success-modal-text__row {
    font-weight: 500;
    font-size: 14px;
    color: var(--color-text-3);
    margin: 0 0 40px;
    text-align: center;
}

.bind-api__delete-confirm-modal .bind-api__delete-confirm-modal-content .bind-api__delete-confirm-modal-text__row {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-text-3);
    margin: 0 0 40px;
}

.bind-api__success-modal .bind-api__success-modal-btn {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.bind-api__success-modal .bind-api__success-modal-btn button {
    flex: 1;
    border-radius: 20px!important;
}

.bind-api__success-modal .bind-api__success-modal-btn .mantine-Button-root:first-of-type .mantine-Button-label {
    color: var(--color-text-5);
}

.bind-api__success-modal .bind-api__success-modal-btn .mantine-Button-root:first-of-type:hover .mantine-Button-label {
    color: var(--color-text-6);
}

.binance-api__modal .mantine-Modal-modal {
    padding: 24px!important;
    border-radius: 4px;
    max-width: 588px;
}

.bind-api__delete-confirm-modal .mantine-Modal-modal {
    max-width: 384px;
}

.binance-api__modal .mantine-Modal-modal .mantine-Modal-close {
    padding: 0;
    width: 18px;
    height: 18px;
    right: 16px;
    top: 16px;
    display: block;
    color: var(--color-icon-3);
}

.binance-api__modal .mantine-Modal-modal .mantine-Modal-close svg {
    width: 100%;
    height: 100%;
}

.binance-api__modal-h5 .mantine-Modal-modal .mantine-Modal-title {
    font-size: 16px;
}

.bind-api__loading-wrapper {
    width: fit-content;
    height: fit-content;
    position: relative;
}

.bind-api__loading-wrapper .bind-api__loading-wrapper-content {
    position: absolute;
    border-radius: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-brand-1);
}

.segmented-control__future-options,
.segmented-control__future-options-h5 {
    border: 1px solid var(--color-divider-2);
    background: var(--color-bg-3);
    border-radius: 4px;
    /* FIXME: 暂时隐藏, 后续迭代再放开 */
    display: none!important;
}

.segmented-control__future-options-h5 {
    margin: 0 0 16px;
}

.segmented-control__future-options-h5 .mantine-SegmentedControl {
    height: 40px;
}

.segmented-control__future-options-h5 .mantine-SegmentedControl-label,
.segmented-control__future-options-h5 .mantine-SegmentedControl-label {
    padding: 9px 10px;
}

.segmented-control__future-options .mantine-SegmentedControl-active,
.segmented-control__future-options-h5 .mantine-SegmentedControl-active {
    background: var(--color-neutral-2);
    box-shadow: none;
}

.segmented-control__future-options-h5 .mantine-SegmentedControl-label,
.segmented-control__future-options .mantine-SegmentedControl-label {
    font-weight: 600;
    color: var(--color-text-3);
}

.segmented-control__future-options .mantine-SegmentedControl-labelActive,
.segmented-control__future-options-h5 .mantine-SegmentedControl-labelActive {
    background: var(--color-neutral-2);
    color: var(--color-text-1);
    box-shadow: none;
}

.segmented-control__future-options .mantine-SegmentedControl-control,
.segmented-control__future-options-h5 .mantine-SegmentedControl-control {
    border: none;
}

.segmented-control__future-options-h5,
.segmented-control__future-options-h5 {
    display: none;
}

@media screen and (max-width: 1300.1px) {
    .segmented-control__future-options-h5 {
        display: flex;
    }
}

.connect-exchange-h5 .become-trader {
    max-width: 100%;
    padding: 0 0 28px;
    background: var(--color-bg-1);
}

.connect-exchange-h5 .become-trader .become-trader__info {
    flex-direction: column-reverse;
    width: 100%;
    padding: 30px 12px 0;
}

.connect-exchange-h5 .become-trader .become-trader__info .info__aside,
.connect-exchange-h5 .become-trader .become-trader__info .info__pic {
    width: 100%;
}

.connect-exchange-h5 .become-trader .become-trader__info .info__aside .desc {
    font-size: 14px;
    line-height: 1.5;
}

.connect-exchange-h5 .become-trader .become-trader__info .info__pic img {
    max-width: 100%;
    height: auto;
}

.connect-exchange-h5 .become-trader .become-trader__info .info__aside {
    padding: 30px 0 0;
}

.connect-exchange-h5 .become-trader .become-trader__info .info__aside .title {
    font-size: 28px;
}

.connect-exchange-h5 .become-trader .become-trader__info .info__aside .access {
    width: 100%;
    display: block;
    text-align: center;
}

.connect-exchange-h5 .become-trader .become-trader__info .info__aside .limit-pairs {
    margin: 16px 0;
}

.connect-exchange-h5 .become-trader .become-trader__ecosystem {
    padding: 0 12px;
    margin: 80px 0 0;
}

.connect-exchange-h5 .become-trader .become-trader__ecosystem .title {
    font-size: 24px;
}

.connect-exchange-h5 .become-trader .become-trader__ecosystem .eos__row {
    display: block;
    margin: 5px 0 0;
}

.connect-exchange-h5 .become-trader .become-trader__ecosystem .eos__row .row__item {
    margin: 0 0 12px;
    padding: 16px;
}

.connect-exchange-h5 .become-trader .become-trader__ecosystem .eos__row .row__item:last-of-type {
    margin: 0;
}

.connect-exchange-h5 .become-trader .become-trader__ecosystem .eos__row .row__item .row__title {
    margin: 12px 0 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
}

.connect-exchange-h5 .become-trader .become-trader__ecosystem .eos__row .row__item .row__desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}

.api-management-h5 {
    width: 100%;
    padding: 0 12px 28px;
    display: block;
    background: var(--color-bg-1);
}

.api-management-h5 .api__list .title .title__text,
.api-management-h5 .api-management__aside .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    color: var(--color-text-1);
}

.api-management-h5 .api-management__description {
    max-width: 100%;
    padding: 16px;
}

.api-management-h5 .to-binance {
    display: block;
    text-align: center;
    padding: 13px 16px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-1)!important;
    background: var(--color-neutral-1);
    border-radius: 20px;
    margin: 24px 0 48px;
}

.api-management-h5 .api-management__aside .form__binding-button {
    display: block;
    width: 100%;
}

.bind-api__loading-wrapper-h5 {
    width: calc(50% - 8px);
    height: 40px;
}

.api-management-h5 .api__list,
.api-management-h5 .api-management__aside {
    padding: 38px 0 0;
}

.api-management-h5 .api-management__aside .connect .exchanges .exchange__name {
    line-height: 1;
    padding: 8px 24px;
}

.api-management-h5 .api-management__aside .form .form__row {
    margin: 24px 0 0;
}

.api-management-h5 .api-management__aside .form .form__row .form__input {
    height: 40px;
}

.api-management-h5 .api-management__aside .form .form__row .form__input-display {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    text-indent: 16px;
    margin: 8px 0 0;
    padding: 0 40px 0 0;
    border: 1px solid var(--color-divider-5);
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-7);
    background: var(--color-cmpt-2)!important;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.api-management-h5 .api-management__aside .form .form__row .input__wrapper .form__clear-icon {
    top: 12px;
}

.api-management-h5 .api__list .api-list__table .api-list__table-row {
    height: 64px;
}

.api-management-h5 .api__list .api-list__table-wrapper {
    margin: 24px 0;
}

.api-management-h5 .api__list .api-list__table .api-list__table-row .api-list__table-cell {
    font-size: 12px;
}

.bind-api__risk-modal.binance-api__modal-h5 .bind-api__risk-modal-text .bind-api__risk-modal-text__row,
.bind-api__delete-confirm-modal.binance-api__modal-h5 .bind-api__delete-confirm-modal-content .bind-api__delete-confirm-modal-text__row {
    font-size: 12px;
}

.bind-api__delete-confirm-modal.binance-api__modal-h5 .bind-api__delete-confirm-modal-content .bind-api__delete-confirm-modal-text__row {
    margin: 0 0 24px;
}

.bind-api__delete-confirm-modal.binance-api__modal-h5 .bind-api__delete-confirm-modal-btn {
    margin: 0;
}

.bind-api__risk-modal.binance-api__modal-h5 .bind-api__risk-modal__agreement {
    margin: 24px 0 16px;
}

.binance-api__modal-h5 .mantine-Modal-inner {
    padding: 48px 24px;
}

.share-out-style{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 20px;background-color: var(--color-neutral-1);}

.h5-basic-form .mantine-Input-wrapper .mantine-Select-disabled {
    border: none;
}

.right-content .help-center-btn {
    position: absolute;
    right: 32px;
    top: 32px;
}

.traders__tag-select-target {
    width: 40px;
    height: 40px;
    background: var(--color-card-2);
    border: 1px solid var(--color-divider-1);
    border-radius: 4px;
}

.traders__table-labels {
    display: flex;
}

.traders__table-labels img {
    margin: 0 0 0 8px;
    cursor: pointer;
}

.traders-labels__selector {
    width: 200px;
    height: 40px;
    background: var(--color-card-2);
    border: 1px solid var(--color-divider-1);
    padding: 12px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 9;
}

.traders-labels__selector .iconfont {
    transform-origin: center;
    transition: all 0.3s;
}

.traders-labels__selector__popper {
    position: absolute;
    right: 0;
    top: 45px;
    display: none;
    max-height: 200px;
    overflow: auto;
    border-radius: 4px;
    box-shadow: 0px 4px 24px 0px #17389914;
    background: var(--color-card-2);
}

.traders-labels__selector.traders-labels__selector--open {
    border: 1px solid var(--color-brand-1);
}

.traders-labels__selector.traders-labels__selector--open .iconfont {
    transform: rotate(-180deg);
    color: var(--color-brand-1);
}

.traders-labels__selector .traders-labels__selector--value {
    width: 158px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.traders-labels__selector.traders-labels__selector--open .traders-labels__selector__popper {
    display: flex;
    flex-direction: column;
}

.traders-labels__selector__popper__item {
    display: flex;
    padding: 9px 12px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.6;
    width: 200px;
    color: var(--color-text-1);
}

.traders-labels__selector__popper__item.traders-labels__selector__popper__item--active {
    background: var(--color-card-3);
    color: var(--color-brand-1);
}

.traders-labels__selector__popper__item:hover {
    background: var(--color-card-3);
}

.traders-labels__selector__popper__item .mantine-Checkbox-root {
    margin: 0 8px 0 0;
    padding: 3px 0 0;
}

.select-trader-tags__wrapper {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 4px));
    grid-row-gap: 8px;
    grid-column-gap: 8px;
}

.select-trader-tags__wrapper .select-trader-tag__item {
    background: var(--color-neutral-3);
    height: 32px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    position: relative;
    font-size: 12px;
    color: var(--color-text-1);
    font-weight: 500;
}

.select-trader-tags__wrapper .select-trader-tag__item.select-trader-tag__item--active {
    border: 1px solid var(--color-brand-1);
    color: var(--color-brand-1);
    font-weight: 600;
}

.select-trader-tags__wrapper .select-trader-tag__item img {
    margin: 0 4px 0 0;
}

.select-trader-tags__wrapper .select-trader-tag__item .select-trader-tag__item__arrow {
    position: absolute;
    right: -1px;
    top: -1px;
    color: var(--color-bg-1);
}

.trader-tag__guarantee {
    background: var(--color-cmpt-13);
    color: var(--color-funct-4);
    display: inline-block;
    border-radius: 4px;
    height: 20px;
    padding: 0 8px;
    margin: 0 0 0 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.trader-limit__toast {
    position: fixed;
    left: 0;
    right: 0;
    top: 64px;
    height: 56px;
    background: var(--color-cmpt-1);
    z-index: 9;
}

.trader-limit__toast .toast-content {
    width: 1200px;
    height: 56px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.trader-limit__toast .toast-content .toast-content__text {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--color-text-1);
}

.trader-limit__toast .toast-content .toast-content__close {
    color: var(--color-icon-1);
}

.op-ten-copiers{
    color: var(--color-text-3);
    font-size: 14px;
    z-index: 9;
}
.trader-no-data{width:100%;height:340px;padding-top:140px}
.trader-no-data img{display:block;width:200px;height:200px;margin:0 auto}
.badge-modal-img{
    width: 100px;
    height: 100px;
    margin: 24px 0 32px;
}
.badge-label-name{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--color-text-1);
    word-break: break-all;
}
.low-liquidity-badge{
    position: absolute;
    top: -14px;
    right: 10px;
    color: var(--color-text-3);
    background-color: var(--color-cmpt-11);
    line-height: 1;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 4px;
    border-radius: 2px;
}
.roi-badge{
    display: block;
    width: 35px;
    height: 16px;
    border-radius: 2px;
    background-color: var(--color-funct-9);
    color: var(--color-text-6);
    padding: 2px 4px;
    font-size: 12px;
    font-weight: 600;
    margin-left: 4px;
    cursor: pointer;
}
.new-agreement-title{
    color: var(--color-text-1);
    font-weight: 500;
    line-height: 1.5;
}
.new-agreement-desc{
    margin: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.5;
    color: var(--color-text-3);
}
.my-real .mantine-Tabs-tabLabel{
    color: var(--color-text-3);
}
.my-real .mantine-Tabs-tabLabel > *{
    color: var(--color-text-3);
}
.my-real .mantine-Tabs-tab[data-active] .mantine-Tabs-tabLabel{
    color: var(--color-text-1) !important;
}
.common-v3-modal .mantine-Modal-title{
    font-size: 24px;
    font-weight: 500;
    color: var(--color-text-1);
}
.real-leader-setting-modal .mantine-InputWrapper-label{
    font-size: 14px;
    color: var(--color-text-1);
    font-weight: 400;
}
.real-leader-setting-modal .mantine-Radio-labelWrapper, .real-leader-setting-modal .mantine-Checkbox-labelWrapper{
    font-weight: 400;
    color: var(--color-text-1);
    font-size: 12px;
}
@media screen and (max-width: 15365px) {
    .traders-content .trader-container .common-trader td .mantine-TableItem-root,
    .traders-content .trader-container .common-trader th {
        padding: 0 12px!important;
    }
}

.my-real .mantine-Table-titleItem {
    height: 40px!important;
}

.my-real .mantine-Table-dataRow {
    position: relative;
}

.my-real .mantine-Table-dataRow:hover > td.mantine-Table-dataItem {
    background: var(--color-bg-1)!important;
}

/* .my-real .mantine-Table-dataRow:hover::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 8px;
    z-index: 3;
    box-shadow: rgba(13, 31, 66, 0.07) 0px 0px 26px 0px;
} */

.my-real .mantine-Pagination-item {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.my-real .mantine-Pagination-item[data-active],
.my-real .mantine-Pagination-item:hover {
    background: var(--color-neutral-3);
}

.my-real .mantine-Empty-label {
    color: var(--color-text-3);
    font-weight: 500;
}

.my-real .ant-table,
.my-real .ant-table .ant-table-container,
.common-table .ant-table-container,
.ant-table-container table > thead > tr:first-child th:first-child,
.ant-table-container,
.ant-table-container table>thead>tr:first-child th:first-child {
    border-radius: none!important;
}

.my-real .ant-table .mantine-Empty-root {
    padding: 40px 0;
}

.copytrading-tooltip__tooltip {
    background: var(--color-cmpt-6)!important;
    line-height: 1.5;
}

.copytrading-tooltip__tooltip .close-icon {
    position: absolute;
    right: 8px;
    top: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 99;
}

.copytrading-tooltip__arrow	{
    background: var(--color-cmpt-6)!important;
}

.my-real .mantine-Table-wrapper {
    background: var(--color-card-3)!important;
}

.profit-source-wrapper .profitValue {
    font-size: 14px;
}


.copytrading-hovercard__arrow {
    border: none!important;
    background: var(--color-cmpt-6)!important;
}

.copytrading-hovercard__dropdown {
    border: none!important;
    padding: 8px 24px 8px 12px!important;
    background: var(--color-cmpt-6)!important;
}
.update-condition{
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text-2);
}
.trader-level-title{
    margin: 32px 0px 12px;
    color: var(--color-text-1);
    font-size: 20px;
    font-weight: 600;
}
.update-confirm-tips a, .update-condition a{
    color: var(--color-brand-1);
}
.trader-modal-img{
    width: 100px;
}