.histogram-tooltip__bg {
    min-width: 180px;
    padding: 8px 0
}

.histogram-tooltip__bg .histogram-tooltip__title {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #121214
}

.histogram-tooltip__bg .histogram-tooltip__text-bg {
    display: flex;
    justify-content: space-between;
    margin-top: 4px
}

.histogram-tooltip__bg .histogram-tooltip__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px
}

[dir=ltr] .histogram-tooltip__bg .histogram-tooltip__text-value {
    margin-left: 8px
}

[dir=rtl] .histogram-tooltip__bg .histogram-tooltip__text-value {
    margin-right: 8px
}

.profitability__choose-area,.profitability__choose-area-rt {
    display: flex;
    align-items: center
}

.profitability__choose-area {
    justify-content: space-between;
    padding: 10px 0;
}

.profitability__bg .profitability__choose-area-rt-contract-name {
    font-size: 12px;
    line-height: 18px;
    color: #adb1b8
}

[dir=ltr] .profitability__bg .profitability__choose-area-rt-contract-name {
    margin-right: 12px
}

[dir=ltr] .profitability__bg .profitability__choose-area-rt-days,[dir=rtl] .profitability__bg .profitability__choose-area-rt-contract-name {
    margin-left: 12px
}

[dir=rtl] .profitability__bg .profitability__choose-area-rt-days {
    margin-right: 12px
}

.trade-record-table__bg {
    width: 458px
}

.trade-record-table__bg .trade-record-table__percent {
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    background: rgba(213,218,224,.2);
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #81858c
}

[dir=ltr] .trade-record-table__bg .trade-record-table__percent {
    margin-left: 4px
}

[dir=rtl] .trade-record-table__bg .trade-record-table__percent {
    margin-right: 4px
}

.trade-record-table__bg .trade-record-table__tbody-td:first-child,.trade-record-table__bg .trade-record-table__thead:first-child {
    width: 212px;
    min-width: 212px
}

.trade-record-table__bg .trade-record-table__tbody-td:nth-child(2),.trade-record-table__bg .trade-record-table__thead:nth-child(2) {
    width: 110px;
    min-width: 110px;
    text-align: center
}

[dir=ltr] .trade-record-table__bg .trade-record-table__tbody-td:nth-child(2),[dir=ltr] .trade-record-table__bg .trade-record-table__thead:nth-child(2) {
    margin-left: 8px
}

[dir=rtl] .trade-record-table__bg .trade-record-table__tbody-td:nth-child(2),[dir=rtl] .trade-record-table__bg .trade-record-table__thead:nth-child(2) {
    margin-right: 8px
}

.trade-record-table__bg .trade-record-table__tbody-td:nth-child(2) {
    text-align: center
}

.trade-record-table__bg .trade-record-table__tbody-td:last-child,.trade-record-table__bg .trade-record-table__thead:last-child {
    width: 120px;
    min-width: 120px
}

[dir=ltr] .trade-record-table__bg .trade-record-table__tbody-td:last-child,[dir=ltr] .trade-record-table__bg .trade-record-table__thead:last-child {
    text-align: right;
    margin-left: 8px
}

[dir=rtl] .trade-record-table__bg .trade-record-table__tbody-td:last-child,[dir=rtl] .trade-record-table__bg .trade-record-table__thead:last-child {
    text-align: left;
    margin-right: 8px
}

.trade-record-table__tbody-td {
    display: inline-block;
    color: #ffffff;
    font-size: 13px;
}

.trade-record-table__tbody-tr {
    padding: 0 0 24px
}

.trade-record-table__tbody-tr:last-child {
    padding-bottom: 0
}

.trade-record-main__title-bg,.trade-record-table__symbol-bg,.trade-record-table__symbol-box,.trade-record-table__tbody-tr,.trade-record-table__thead-bg {
    display: flex;
    align-items: center
}

.trade-record-table__thead-bg {
    margin-bottom: 8px;
    height: var(--size-32);
    align-items: flex-start
}

[dir=ltr] .trade-record-table__tbody-td,[dir=ltr] .trade-record-table__thead {
    text-align: left
}

[dir=rtl] .trade-record-table__tbody-td,[dir=rtl] .trade-record-table__thead {
    text-align: right
}

.trade-record-table__thead {
    font-size: 12px;
    line-height: 16px;
    color: #81858c
}

.trade-record-table__symbol-box {
    display: flex;
    width: 144px
}

.trade-record-table__symbol-icon,.trade-record-table__symbol-icon img {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: none;
}

[dir=ltr] .trade-record-table__others-icon,[dir=ltr] .trade-record-table__symbol-icon {
    margin-right: 5px;
}

[dir=rtl] .trade-record-table__others-icon,[dir=rtl] .trade-record-table__symbol-icon {
    margin-left: 8px
}

.trade-record-table__symbol {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #ffffff;
}

.trade-record-table__tbody-bg {
    min-height: 60px
}

.trade-record-table__count-bg {
    width: 60px
}

.trade-record-table__profit-bg {
    width: 120px
}

.trade-record-table__profit {
    font-size: 13px;
    font-weight: 300;
    word-break: break-word
}

.trade-record-table__profit-long {
    color: #20b26c
}

.trade-record-table__profit-short {
    color: #ef454a
}

.trade-record-table__others-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 36px;
    letter-spacing: -4px;
    line-height: 2px;
    color: #fff;
    background: #c9ced7;
    text-align: center;
    border-radius: 50%
}

[dir=ltr] .trade-record-table__others-icon {
    padding-right: 4px
}

[dir=rtl] .trade-record-table__others-icon {
    padding-left: 4px
}

.trade-record-table__no-data-bg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 54px
}

.trade-record-table__no-data-img {
    width: 96px;
    height: 72px;
    margin-bottom: 8px
}

.trade-record-table__no-data-text {
    font-size: 14px;
    line-height: 22px;
    color: #adb1b8
}

.trade-record-table__bg-h5 {
    margin-top: 16px;
    background-color: #17181e;
    border-radius: 6px;
    padding: 12px;
}

.trade-record-table__bg-h5 .trade-record-table__percent {
    font-size: 10px;
    font-weight: 400;
    line-height: 18px;
    color: #81858c;
    margin-left: 5px;
}

.trade-record-table__bg-h5 .trade-record-table__tbody-td:first-child,.trade-record-table__bg-h5 .trade-record-table__thead:first-child {
    width: 45%
}

.trade-record-table__bg-h5 .trade-record-table__tbody-td:nth-child(2),.trade-record-table__bg-h5 .trade-record-table__thead:nth-child(2) {
    width: 25%;
    text-align: center
}

[dir=ltr] .trade-record-table__bg-h5 .trade-record-table__tbody-td:nth-child(2),[dir=ltr] .trade-record-table__bg-h5 .trade-record-table__thead:nth-child(2) {
    margin-left: 8px
}

[dir=rtl] .trade-record-table__bg-h5 .trade-record-table__tbody-td:nth-child(2),[dir=rtl] .trade-record-table__bg-h5 .trade-record-table__thead:nth-child(2) {
    margin-right: 8px
}

.trade-record-table__bg-h5 .trade-record-table__tbody-td:nth-child(2) {
    text-align: center
}

.trade-record-table__bg-h5 .trade-record-table__tbody-td:last-child,.trade-record-table__bg-h5 .trade-record-table__thead:last-child {
    width: 30%
}

[dir=ltr] .trade-record-table__bg-h5 .trade-record-table__tbody-td:last-child,[dir=ltr] .trade-record-table__bg-h5 .trade-record-table__thead:last-child {
    text-align: right;
    margin-left: 8px
}

[dir=rtl] .trade-record-table__bg-h5 .trade-record-table__tbody-td:last-child,[dir=rtl] .trade-record-table__bg-h5 .trade-record-table__thead:last-child {
    text-align: left;
    margin-right: 8px
}

.trade-record-table__bg-h5 .trade-record-table__tbody-tr {
    padding-top: 3px;
    padding-bottom: 0px;
}

.trade-record-timeline__main,.trade-record-timeline__rt-follower-count-bg,.trade-record-timeline__rt-info-bg,.trade-record-timeline__rt-open-price-bg,.trade-record-timeline__rt-open-profit-bg,.trade-record-timeline__rt-open-qty-bg,.trade-record-timeline__rt-symbol-bg {
    display: flex
}

.trade-record-timeline__rt-follower-count {
    font-size: 12px;
}

[dir=ltr] .trade-record-timeline__rt-follower-count {
    margin-right: 4px
}

[dir=rtl] .trade-record-timeline__rt-follower-count {
    margin-left: 4px
}

.trade-record-timeline__bg {
    /* padding-bottom:130px; */
}

.trade-record-timeline__main {
    padding-bottom: 24px
}

.trade-record-timeline__main-with-border {
    position: relative
}

.trade-record-timeline__main-with-border:after {
    content: "";
    position: absolute;
    top: 7px;
    width: 0;
    height: 100%;
    transform: scaleX(.5);
    border: 1px dashed #81858c;
}

[dir=ltr] .trade-record-timeline__main-with-border:after {
    left: 73px
}

[dir=rtl] .trade-record-timeline__main-with-border:after {
    right: 73px
}

.trade-record-timeline__rt-symbol-bg {
    padding-bottom: 8px
}

[dir=ltr] .trade-record-timeline__rt-open-qty-bg {
    margin-left: 8px
}

[dir=rtl] .trade-record-timeline__rt-open-qty-bg {
    margin-right: 8px
}

.trade-record-timeline__date {
    display: inline-block;
    width: 50px;
    font-size: 14px;
    line-height: 22px;
    color: #81858c
}

[dir=ltr] .trade-record-timeline__date {
    text-align: right
}

[dir=rtl] .trade-record-timeline__date {
    text-align: left
}

.trade-record-timeline__time {
    display: block;
    font-size: 12px;
    line-height: 18px
}

[dir=ltr] .trade-record-timeline__time {
    text-align: right
}

[dir=rtl] .trade-record-timeline__time {
    text-align: left
}

.trade-record-timeline__rt-symbol {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    margin-left: 0px !important;
    !i;!;}

[dir=ltr] .trade-record-timeline__rt-long-direction,[dir=ltr] .trade-record-timeline__rt-short-direction,[dir=ltr] .trade-record-timeline__rt-symbol {
    margin-left: 8px;
}

[dir=rtl] .trade-record-timeline__rt-long-direction,[dir=rtl] .trade-record-timeline__rt-short-direction,[dir=rtl] .trade-record-timeline__rt-symbol {
    margin-right: 8px
}

.trade-record-timeline__rt-long-direction,.trade-record-timeline__rt-short-direction {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 2px
}

.trade-record-timeline__rt-long-direction {
    color: #20b26c;
    background: rgba(32,178,108,.08)
}

.trade-record-timeline__rt-short-direction {
    color: #ef454a;
    background: rgba(239,69,74,.12)
}

.trade-record-timeline__circle-dot,.trade-record-timeline__solid-dot {
    position: relative;
    top: 7px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 20px;
    z-index: 1;
    flex-shrink: 0
}

.trade-record-timeline__solid-dot {
    background: #81858c;
}

.trade-record-timeline__circle-dot {
    border: 1px solid #81858c;
    background: #100f15;
}

.trade-record-timeline__rt-info-text,.trade-record-timeline__rt-info-title {
    font-size: 14px;
    line-height: 22px;
    color: #81858c;
}

.short.trade-record-timeline__rt-info-text {
    color: var(--short)
}

.long.trade-record-timeline__rt-info-text {
    color: var(--long)
}

.trade-record-timeline__rt-info-text {
    font-weight: 600;
    color: #c4c4c4;
}

[dir=ltr] .trade-record-timeline__rt-info-text {
    margin-left: 8px
}

[dir=rtl] .trade-record-timeline__rt-info-text {
    margin-right: 8px
}

.trade-record-timeline__rt-follower-count-bg {
    align-items: center;
    font-size: 12px;
    line-height: 22px;
    color: #81858c
}

.trade-record-timeline__rt-close-position,.trade-record-timeline__rt-open-position {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    height: 20px;
    text-align: center;
    /* padding:0 4px; */
    border-radius: 2px;
    margin-right: 5px;
}

.trade-record-timeline__rt-open-position {
    /* color:#fff; */
    /* background:#adb1b8; */
}

.trade-record-timeline__rt-close-position {
    /* color:#adb1b8; */
    /* background:#fff; */
    /* border:1px solid #adb1b8; */
}

.trade-record-timeline__rt-divide-line {
    display: inline-block;
    border: .5px solid #adb1b8;
    width: 0;
    height: 18px;
    margin: 0 8px
}

[dir=ltr] .trade-record-timeline__rt-divide-line {
    transform: rotate(180deg)
}

[dir=rtl] .trade-record-timeline__rt-divide-line {
    transform: rotate(-180deg)
}

.trade-record-timeline__view-more {
    font-size: 16px;
    line-height: 21px;
    color: #81858c;
    cursor: pointer;
    margin-top: -12px;
    display: inline-block;
    width: auto
}

[dir=ltr] .trade-record-timeline__view-more {
    text-align: left;
    margin: 0 0 0 100px
}

[dir=rtl] .trade-record-timeline__view-more {
    text-align: right;
    margin: 0 100px 0 0
}

.trade-record-timeline__view-more-icon {
    display: inline-block
}

[dir=ltr] .trade-record-timeline__view-more-icon {
    transform: rotate(90deg);
    margin-left: 4px
}

[dir=rtl] .trade-record-timeline__view-more-icon {
    transform: rotate(-90deg);
    margin-right: 4px
}

[dir=ltr] .trade-record-timeline__view-more-icon {
    transform: rotate(270deg)
}

[dir=rtl] .trade-record-timeline__view-more-icon {
    transform: rotate(-270deg)
}

.trade-record-tl__rt-leverage {
    padding: 0 5px;
    background: rgba(247,166,0,.12);
    border-radius: 2px;
    font-size: 10px;
    line-height: 20px;
    height: 20px;
    color: #f7a600
}

[dir=ltr] .trade-record-tl__rt-leverage {
    margin-left: 4px
}

[dir=rtl] .trade-record-tl__rt-leverage {
    margin-right: 4px
}

.trade-record__choose-area,.trade-record__choose-area-rt {
    display: flex;
    align-items: center
}

.trade-record__bg {
    padding-top: 30px
}

.trade-record__bg .trade-record__main {
    display: flex;
    align-items: center
}

.trade-record__bg .trade-record__choose-area {
    border-top: .5px solid #e9edf2;
    justify-content: space-between;
    padding: 24px 0 20px
}

.trade-record__bg .trade-record__main {
    padding-bottom: 16px;
    justify-content: space-between
}

.trade-record__bg .trade-record__chart-area {
    width: 230px;
    height: 230px
}

.trade-record__bg .trade-record__chart-no-data-bg {
    width: 222px;
    height: 222px;
    padding: 30px;
    background-color: #e9edf2;
    border-radius: 50%
}

.trade-record__bg .trade-record__chart-no-data-box {
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 162px;
    height: 162px;
    background-color: #fff
}

.trade-record__bg .trade-record__chart-no-data-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #121214
}

.trade-record__bg .trade-record__chart-no-data-text {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #adb1b8;
    margin-top: 4px
}

.trade-record__bg .trade-record__choose-area-lf {
    font-weight: 600
}

.trade-record-timeline__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    justify-content: space-between;
}

.trade-record__bg-h5 {
    padding: 24px 16px 0
}

.trade-record__bg-h5 .trade-record__choose-area {
    justify-content: space-between;
    padding: 24px 0 20px
}

.trade-record__bg-h5 .trade-record__main {
    padding-bottom: 24px
}

.trade-record__bg-h5 .trade-record__chart-area {
    width: 230px;
    height: 230px;
    margin: 0 auto
}

.trade-record__bg-h5 .trade-record__chart-no-data-bg {
    width: 222px;
    height: 222px;
    padding: 30px;
    background-color: #e9edf2;
    border-radius: 50%
}

.trade-record__bg-h5 .trade-record__chart-no-data-box {
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 162px;
    height: 162px;
    background-color: #fff
}

.trade-record__bg-h5 .trade-record__chart-no-data-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #121214
}

.trade-record__bg-h5 .trade-record__chart-no-data-text {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #adb1b8;
    margin-top: 4px
}

.trade-record__bg-h5 .trade-record__choose-area-lf {
    font-weight: 600
}

[dir=ltr] .trade-record__bg-h5 .trade-record-timeline__main-with-border:after {
    left: 3px;
}

[dir=rtl] .trade-record__bg-h5 .trade-record-timeline__main-with-border:after {
    right: 3px
}

.trade-record__bg-h5 .trade-record-timeline__date-h5 {
    font-size: 12px;
    color: #81858c;
    font-weight: 600;
    margin-bottom: 5px;
}

[dir=ltr] .trade-record__bg-h5 .trade-record-timeline__circle-dot,[dir=ltr] .trade-record__bg-h5 .trade-record-timeline__solid-dot {
    margin: 0 20px 0 0;
}

[dir=rtl] .trade-record__bg-h5 .trade-record-timeline__circle-dot,[dir=rtl] .trade-record__bg-h5 .trade-record-timeline__solid-dot {
    margin: 0 0 0 20px
}

.trade-record__bg-h5 .trade-record-timeline__rt-info-bg {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

[dir=ltr] .trade-record__bg-h5 .trade-record-timeline__rt-open-qty-bg {
    margin-left: 0
}

[dir=rtl] .trade-record__bg-h5 .trade-record-timeline__rt-open-qty-bg {
    margin-right: 0
}

.trade-record__bg-h5 .trade-record-timeline__rt-divide-line {
    display: none
}

.trade-record__bg-h5 .trade-record-timeline__rt-info-text,.trade-record__bg-h5 .trade-record-timeline__rt-info-title {
    font-size: 12px
}

.profitability__choose-area-line,.profitability__choose-area-rt {
    display: flex;
    align-items: center
}

.profitability__choose-area-rt-contract-name {
    font-size: 12px;
    line-height: 18px;
    color: #adb1b8
}

[dir=ltr] .profitability__choose-area-rt-contract-name {
    margin-right: 12px
}

[dir=ltr] .profitability__choose-area-rt-days,[dir=rtl] .profitability__choose-area-rt-contract-name {
    margin-left: 12px
}

[dir=rtl] .profitability__choose-area-rt-days {
    margin-right: 12px
}

.profitability__bg .profitability__choose-area-line {
    justify-content: space-between;
    padding: 24px 0 8px
}

.profitability__bg .profitability__choose-area-lf {
    font-size: 14px;
    font-weight: 600
}

.profitability__bg .profitability__chart-area-line {
    padding-bottom: 30px;
    border-bottom: .5px solid #e9edf2;
    position: relative
}

.profitability__bg-h5 {
    padding: 0 12px;
}

.profitability__bg-h5 .profitability__choose-area-line {
    justify-content: space-between
}

.profitability__bg-h5 .profitability__choose-area-lf {
    font-size: 14px;
    font-weight: 500;
    cursor: default;
}

.profitability__bg-h5 .profitability__chart-area-line {
    padding-bottom: 0px;
    position: relative
}

.profile-line-black {
    color: #000
}

.profit-line-fake-legends-box {
    display: flex;
    color: #d5dae0;
    font-size: 12px;
    font-weight: 500;
    z-index: 3;
    position: absolute;
    top: 11px;
    height: 22px
}

[dir=ltr] .profit-line-fake-legends-box {
    margin-left: 1px;
    left: 0
}

[dir=rtl] .profit-line-fake-legends-box {
    margin-right: 1px;
    right: 0
}

.profit-line-legends-box-item {
    display: flex;
    align-items: center
}

[dir=ltr] .profit-line-legends-box-item:last-child {
    margin-left: 22px
}

[dir=rtl] .profit-line-legends-box-item:last-child {
    margin-right: 22px
}

[dir=ltr] .profit-line-legends-logo {
    margin-right: 9.5px
}

[dir=rtl] .profit-line-legends-logo {
    margin-left: 9.5px
}

.profit-line-legends-logo {
    background-color: #d5dae0;
    width: 12px;
    height: 2px
}

.profit-performance {
    cursor: default
}

.profit-performance .dayRange-selector__container {
    width: auto;
    border: none
}

.profit-performance .dayRange-selector__container .dayRange-selector__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #121214
}

[dir=ltr] .profit-performance .dayRange-selector__container .dayRange-selector__text {
    text-align: right
}

[dir=rtl] .profit-performance .dayRange-selector__container .dayRange-selector__text {
    text-align: left
}

.profit-performance .r {
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #121214
}

[dir=ltr] .profit-performance .r {
    margin-left: 16px
}

[dir=rtl] .profit-performance .r {
    margin-right: 16px
}

.profit-performance .bl {
    display: inline-block;
    cursor: pointer
}

.profit-performance .by-dropdown__icon {
    color: #adbeb8
}

[dir=ltr] .profit-performance .by-dropdown__icon {
    transform: scale(.8) translateX(-4px)
}

[dir=rtl] .profit-performance .by-dropdown__icon {
    transform: scale(.8) translateX(4px)
}

.profit-performance .by-dropdown {
    width: 100px;
}

.profit-performance .by-dropdown :hover {
    color: #81858c
}

.profit-performance .winRate {
    display: inline
}

.profit-performance .brand-hover:hover {
    color: #adbeb8!important
}

.profit-performance__dropdown-item {
    padding: 0;
    color: #81858c
}

.profit-performance__dropdown-item span {
    display: inline-block;
    width: 100%;
    padding: 8px 16px
}

.profit-performance__main {
    padding-bottom: 16px;
    margin: 0 24px;
    border-bottom: 1px solid #f3f5f7
}

.profit-performance__main-item {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
    line-height: 18px;
    justify-content: space-between
}

.profit-performance__main-item:last-child {
    margin-bottom: 0
}

.profit-performance__main-item .title {
    display: inline-block;
    color: #81858c;
    font-size: 14px;
    line-height: 22px;
    /* font-weight: var(--bds-font-weight-medium); */
}

.profit-performance__main-item .content {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

.profit-performance__main-item .r {
    word-break: break-all
}

[dir=ltr] .profit-performance__main-item .r {
    text-align: right
}

[dir=rtl] .profit-performance__main-item .r {
    text-align: left
}

.profit-performance__list {
    padding: 24px 24px 0
}

.profit-performance__list-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    line-height: 22px
}

.profit-performance__list-item .l {
    color: #81858c;
    font-size: 14px
}

.profit-performance__list-item .r {
    font-weight: 600
}

.profit-performance__main-h5 {
    padding-bottom: 14px;
    margin: 0 12px;
    border-bottom: 1px solid var(--bds-gray-ele-line);
}

.profit-performance__main-h5 .profit-performance__main-item {
    margin-top: 12px
}

.profit-performance__main-h5 .title {
    font-size: 12px;
    line-height: 18px
}

.profit-performance__main-h5 .content {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
}

.profit-details .r {
    font-weight: 400;
    color: #81858c;
    white-space: nowrap
}

[dir=ltr] .profit-details .r {
    margin-left: 16px
}

[dir=rtl] .profit-details .r {
    margin-right: 16px
}

.profit-details .bl {
    display: inline-block;
    cursor: pointer
}

.profit-details .by-dropdown__icon {
    color: #adbeb8
}

[dir=ltr] .profit-details .by-dropdown__icon {
    transform: scale(.8) translateX(-4px)
}

[dir=rtl] .profit-details .by-dropdown__icon {
    transform: scale(.8) translateX(4px)
}

.profit-details .by-dropdown {
    width: 180px
}

.profit-details .by-dropdown :hover {
    color: #81858c
}

.profit-details .winRate {
    display: inline
}

.profit-details .brand-hover:hover {
    color: #adbeb8!important
}

.profit-details__dropdown-item {
    padding: 0;
    color: #81858c
}

.profit-details__dropdown-item span {
    display: inline-block;
    width: 100%;
    padding: 8px 16px
}

.profit-details__main {
    padding-bottom: 24px;
    margin: 0 24px;
    border-bottom: 1px solid #f3f5f7
}

.profit-details__main-item {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    line-height: 18px;
    justify-content: space-between
}

.profit-details__main-item:last-child {
    margin-bottom: 0
}

.profit-details__main-item .title {
    display: inline-block;
    color: #81858c;
    font-size: 14px
}

.profit-details__main-item .content {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.profit-details__main-item .l {
    width: 140px
}

.profit-details__main-item .r {
    width: 155px;
    word-break: break-all
}

[dir=ltr] .profit-details__main-item .r {
    text-align: right
}

[dir=rtl] .profit-details__main-item .r {
    text-align: left
}

.profit-details__main-item:last-child .l .title {
    width: 100%
}

.profit-details__main-item:last-child .r .title {
    width: 120px
}

.profit-details__list {
    padding: 16px 24px
}

.profit-details__list .profit-details__list-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px
}

.profit-details__list .profit-details__list-item .l {
    color: #81858c
}

.profit-details__list .profit-details__list-item .r {
    font-weight: 600;
    color: #121214
}

.profit-details__list .profit-details__list-item:last-child {
    margin-bottom: 0
}

.unit-tip {
    color: #595d61;
    font-size: 10px;
}

[dir=ltr] .unit-tip {
    padding: 0 16px 8px 0;
    text-align: right
}

[dir=rtl] .unit-tip {
    padding: 0 0 24px 24px;
    text-align: left
}

.profit-details__process-bar {
    width: 100%;
    height: 4px;
    background-color: #71757a;
    border-radius: 24px;
    overflow: hidden
}

.profit-details__process-win-bar {
    position: relative;
    display: block;
    background-color: #20b26c;
    width: 0;
    height: 100%;
    transition: width .2s linear
}

.profit-details__process-divide-line {
    position: absolute;
    top: -4px;
    width: 4px;
    height: 12px;
    background-color: #100f15;
}

[dir=ltr] .profit-details__process-divide-line {
    right: -2px;
    transform: skew(310deg, 358deg);
}

[dir=rtl] .profit-details__process-divide-line {
    left: -2px;
    transform: skew(15deg,15deg)
}

.profit-details__process-bar-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #121214;
    margin-bottom: 8px
}

.profit-details__process-bar-title .long {
    color: #20b26c !important;
    !i;!;}

.profit-details__process-bar-title .gray {
    color: #81858c
}

[dir=ltr] .profit-details__process-bar-title .count {
    margin-left: 4px;
    color: #c4c4c4;
}

[dir=rtl] .profit-details__process-bar-title .count {
    margin-right: 4px
}

.profit-details__process-bar-bg {
    margin-top: 16px;
    margin-bottom: 16px
}

.profit-details__process-bar-title-lf,.profit-details__process-bar-title-rt {
    cursor: pointer
}

[dir=ltr] .profit-details__list-item .r,[dir=ltr] .profit-details__process-bar-title-rt {
    text-align: right
}

[dir=rtl] .profit-details__list-item .r,[dir=rtl] .profit-details__process-bar-title-rt {
    text-align: left
}

.profit-details__list-h5 {
    padding: 10px 12px;
}

.profit-details__list-h5 .profit-details__list-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 18px
}

.profit-details__list-h5 .profit-details__list-item .l {
    color: #81858c;
    /* font-weight: var(--bds-font-weight-medium); */
}

.profit-details__list-h5 .profit-details__list-item .r {
    font-weight: 500;
    color: #c4c4c4;
}

.profit-details__list-h5 .profit-details__list-item:last-child {
    margin-bottom: 0
}

.profit-details__list-h5 .profit-dt__current-total-ast {
    margin-top: 2px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.profit-details__list-h5 .pd-list-item__unit {
    color: #adb1b8;
    font-size: 12px
}

[dir=ltr] .profit-details__list-h5 .pd-list-item__unit {
    text-align: right
}

[dir=rtl] .profit-details__list-h5 .pd-list-item__unit {
    text-align: left
}

.profit-details__list-h5 .profit-details__process-bar-title-lf,.profit-details__list-h5 .profit-details__process-bar-title-rt {
    color: #81858c;
    font-size: 12px;
    font-weight: 400;
}

.tab-statistics__bg .contained-tab__container {
    margin-top: 16px;
    padding: 0 12px;
}

@media screen and (max-width: 720px) {
    .tab-statistics__bg .contained-tab__container {
        margin-top:16px;
        padding: 0 12px
    }
}

.tab-statistics-chart__time-desc {
    cursor: default;
    font-size: 12px;
    line-height: 18px;
    color: #adb1b8;
    margin: 16px 0;
    padding: 0px 12px;
    font-weight: 500;
}

.action-close {
    color: #f7a600;
    font-weight: 500;
    cursor: pointer
}

.action-close.disabled {
    color: #ccc;
    cursor: no-drop
}

.ant-table-content .ant-empty {
    min-height: 340px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ant-table-content .ant-table-thead .ant-table-cell {
    height: 40px;
    line-height: 1.6;
    padding: 10px 0
}

.order-list-title {
    display: flex;
    justify-content: space-between;
    height: 80px;
    align-items: center;
    font-weight: 600
}

.order-list-table-box td {
    vertical-align: middle
}

.ld-pf__od-it-box {
    padding: 12px 16px 16px;
    background-color: #17181e;
    border-radius: 8px
}

.ld-pf__od-it-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid #25282c;
}

.ld-pf__od-it-footer {
    margin-top: 8px;
    border-top: 1px solid #25282c;
}

.ld-pf__od-head-right .ld-pf__od-head-roi {
    color: #81858c;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px
}

[dir=ltr] .ld-pf__od-head-right .ld-pf__od-head-roi {
    text-align: right
}

[dir=rtl] .ld-pf__od-head-right .ld-pf__od-head-roi {
    text-align: left
}

.ld-pf__od-head-right .ld-pf__od-head-roi-val {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

[dir=ltr] .ld-pf__od-head-right .ld-pf__od-head-roi-val {
    text-align: right
}

[dir=rtl] .ld-pf__od-head-right .ld-pf__od-head-roi-val {
    text-align: left
}

.ld-pf__od-it-content-st {
    color: #81858c;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.ld-pf__od-it-content-ed {
    color: #e0e2e7;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.ld-pf__his-wrap {
    max-height: 1200px;
    overflow-y: auto
}

.ld-pf_od-list-wrap {
    margin: 0px 12px;
    margin-top: 16px;
}

.other-fol__item-box {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #25282c;
}

.other-fol__item-name {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #ffffff;
    display: flex;
    align-items: center
}

.other-fol__item-name .other-fol__item-name-img {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 30px;
}

[dir=ltr] .other-fol__item-name .other-fol__item-name-img {
    margin-right: 8px
}

[dir=rtl] .other-fol__item-name .other-fol__item-name-img {
    margin-left: 8px
}

.other-fol__item-fol-days {
    color: #81858c;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.other-fol__item-content {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.other-fol__item-data-title {
    color: #81858c;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
}

.other-fol__item-data-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 2px
}

.others-follow__bg {
    padding-top: 24px
}

.others-follow__bg .others-follow__title-bg {
    display: flex;
    padding-bottom: 24px;
    align-items: center
}

.others-follow__bg .others-follow__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.others-follow__bg .others-follow__title-icon {
    color: #81858c;
    font-size: 12px;
    cursor: pointer
}

[dir=ltr] .others-follow__bg .others-follow__title-icon {
    margin-left: 4px
}

[dir=rtl] .others-follow__bg .others-follow__title-icon {
    margin-right: 4px
}

.others-follow__bg .others-follow__table-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px
}

.others-follow__bg .others-follow__table-text-default-color {
    color: #121214
}

.others-follow__bg .others-follow__table-title {
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #adb1b8
}

.others-follow__bg .others-follow__table-title.others-follow__main-title-hight-light {
    display: inline-block;
    cursor: default
}

.others-follow__bg .others-follow__table-title.others-follow__main-title-hight-light:hover {
    color: var(--brand-color-01)
}

.others-follow__bg .ant-table-content {
    min-height: auto
}

.other-fol__title-me {
    font-size: 12px;
    font-weight: 400;
    color: #adb1b8
}

.others-follow__bg-h5 {
    margin-top: 16px
}

.others-follow__bg-h5 .others-follow__title-bg {
    padding-bottom: 0
}

.others-follow__bg-h5 .others-follow__title-icon {
    font-size: 12px;
    color: #81858c
}

[dir=ltr] .others-follow__bg-h5 .others-follow__title-icon {
    margin-left: 4px
}

[dir=rtl] .others-follow__bg-h5 .others-follow__title-icon {
    margin-right: 4px
}

.others-follow__bg-h5 .others-follow__bg-slide-box {
    /* max-height: 660px; */
    /* overflow-y: auto; */
}

.my-follow__bg .my-follow__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.my-follow__bg .my-follow__main {
    width: 100%;
    height: 94px;
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(245,247,250,.5);
    border-radius: 12px;
    padding: 0 24px
}

.my-follow__bg .my-follow__title-bg {
    margin-top: 24px
}

.my-follow__bg .my-follow__uid-bg {
    width: 120px
}

.my-follow__bg .my-follow__cost-bg {
    width: 140px
}

.my-follow__bg .my-follow__profit-rate-bg,.my-follow__bg .my-follow__profit-value-bg {
    width: 150px
}

.my-follow__bg .my-follow__profit-days-bg {
    width: 72px
}

.my-follow__bg .my-follow__main-item {
    word-break: break-word
}

.my-follow__bg .my-follow__main-text-unit {
    font-size: 12px
}

[dir=ltr] .my-follow__bg .my-follow__main-text-unit {
    margin-left: 4px
}

[dir=rtl] .my-follow__bg .my-follow__main-text-unit {
    margin-right: 4px
}

.my-follow__bg .my-follow__main-title {
    display: inline-flex;
    align-items: flex-start;
    font-size: 12px;
    height: 32px;
    line-height: 16px;
    color: #81858c
}

.my-follow__bg .my-follow__main-title-hight-light {
    display: inline-flex;
    cursor: default
}

.my-follow__bg .my-follow__main-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.my-follow__bg .my-follow__title-icon {
    display: inline-block;
    color: #d5dae0;
    font-weight: 400;
    cursor: pointer
}

[dir=ltr] .my-follow__bg .my-follow__title-icon {
    margin-left: 4px
}

[dir=rtl] .my-follow__bg .my-follow__title-icon {
    margin-right: 4px
}

.my-follow__bg .my-follow__main-text.long {
    color: var(--long)
}

.my-follow__bg .my-follow__main-text.short {
    color: var(--short)
}

.explanation-modal__wrap-bg .explanation-modal__item {
    margin-top: 16px
}

.explanation-modal__wrap-bg .ant-modal-content {
    border-radius: 8px
}

.explanation-modal__wrap-bg .ant-modal-header {
    border-radius: 8px 8px 0 0
}

.explanation-modal__wrap-bg .explanation-modal__item-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #121214
}

.explanation-modal__wrap-bg .explanation-modal__item-text {
    font-size: 12px;
    line-height: 18px;
    color: #81858c
}

.explanation-modal__wrap-bg .ant-modal-body {
    padding: 0 24px 24px
}

.explanation-modal__wrap-bg .ant-modal-header {
    padding: 12px 24px
}

.explanation-modal__wrap-bg .ant-modal-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #121214
}

.tab-followers__bg-h5 {
    padding: 0 16px
}

.profit-detail div[role=tablist] {
    padding: 0 24px;
    font-size: 16px
}

.profit-detail div[role=tabpanel] {
    padding: 0 24px 24px
}

.profit-detail-h5 div[role=tablist] {
    height: 40px;
    line-height: 48px;
    padding: 0 12px;
    font-size: 14px;
}

.profit-detail-h5 .order-list-title {
    height: 60px
}

.ct-ld-center__inline {
    display: inline-flex
}

.ct-ld-center__profit-dt-box {
    color: #d6850d
}

.ct-ld-center__profit-dt-right-icon {
    font-size: 14px;
    color: #d6850d
}

[dir=ltr] .ct-ld-center__profit-dt-right-icon {
    margin-left: 2px
}

[dir=rtl] .ct-ld-center__profit-dt-right-icon {
    margin-right: 2px
}

.ct-ld-center__profit-dt-qs-icon {
    font-size: 11px
}

[dir=ltr] .ct-ld-center__profit-dt-qs-icon {
    margin-left: 4px
}

[dir=rtl] .ct-ld-center__profit-dt-qs-icon {
    margin-right: 4px
}

.ant-tabs-tab-active.ant-tabs-tab .ct-ld-center__profit-dt-qs-icon {
    color: #81858c
}

.follow-btn__bg {
    display: flex
}

.follow-btn__bg>span {
    width: 100%;
    display: flex
}

.follow-btn__bg .follow-btn__btn-bg,.follow-btn__bg .follow-btn__btn-box {
    display: inline-flex;
    flex: 1 1
}

.follow-btn__bg .follow-btn__btn-bg {
    min-width: 114px;
    padding: 0 20px
}

.follow-btn__bg .follow-btn__btn-bg,.follow-btn__bg .follow-btn__unfollow-status {
    justify-content: center;
    align-items: center;
    height: 40px;
    border-radius: 4px;
    line-height: 22px
}

.follow-btn__bg .follow-btn__btn-bg .by-button__content,.follow-btn__bg .follow-btn__unfollow-status .by-button__content {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px
}

.follow-btn__bg .follow-btn__default-status {
    color: #121214
}

[dir=ltr] .follow-btn__bg .follow-btn__default-status {
    background: linear-gradient(90deg,#ffc80b,#f7a600)
}

[dir=rtl] .follow-btn__bg .follow-btn__default-status {
    background: linear-gradient(-90deg,#ffc80b,#f7a600)
}

.follow-btn__bg .follow-btn__brand-status {
    background-color: #f7a600;
    color: var(--bds-gray-t1-title)
}

.follow-btn__bg .by-button.follow-btn__full-status {
    color: #fff
}

[dir=ltr] .follow-btn__bg .by-button.follow-btn__full-status {
    background: linear-gradient(90deg,#f90 33.33%,#ff6a59)
}

[dir=rtl] .follow-btn__bg .by-button.follow-btn__full-status {
    background: linear-gradient(-90deg,#f90 33.33%,#ff6a59)
}

.follow-btn__bg .by-button.follow-btn__full-status .follow-btn__divide-line {
    display: inline-block;
    width: 0;
    height: 12px;
    border: .5px solid hsla(0,0%,100%,.5);
    margin: 0 8px
}

[dir=ltr] .follow-btn__bg .by-button.follow-btn__full-status .follow-btn__divide-line {
    transform: rotate(180deg)
}

[dir=rtl] .follow-btn__bg .by-button.follow-btn__full-status .follow-btn__divide-line {
    transform: rotate(-180deg)
}

.follow-btn__bg .follow-btn__full-vip-status {
    color: #fff
}

[dir=ltr] .follow-btn__bg .follow-btn__full-vip-status {
    background: linear-gradient(90deg,#f90 33.33%,#ff6a59)
}

[dir=rtl] .follow-btn__bg .follow-btn__full-vip-status {
    background: linear-gradient(-90deg,#f90 33.33%,#ff6a59)
}

.follow-btn__bg .follow-btn__full-vip-status .trader-follow-btn__vip-pass {
    position: relative;
    top: 1px
}

.follow-btn__bg .follow-btn__full-status-wait-count {
    font-weight: 500
}

[dir=ltr] .follow-btn__bg .follow-btn__full-status-wait-count {
    background: linear-gradient(90deg,#f90 33.33%,#ff6a59)
}

[dir=rtl] .follow-btn__bg .follow-btn__full-status-wait-count {
    background: linear-gradient(-90deg,#f90 33.33%,#ff6a59)
}

.follow-btn__bg .by-button.follow-btn__disabled-status {
    background: rgba(247,166,0,.35);
    color: #121214
}

.follow-btn__bg .by-button.follow-btn__disabled-status .follow-btn__divide-line {
    display: inline-block;
    width: 0;
    height: 12px;
    border: .5px solid #595d61;
    margin: 0 8px
}

[dir=ltr] .follow-btn__bg .by-button.follow-btn__disabled-status .follow-btn__divide-line {
    transform: rotate(180deg)
}

[dir=rtl] .follow-btn__bg .by-button.follow-btn__disabled-status .follow-btn__divide-line {
    transform: rotate(-180deg)
}

.follow-btn__bg .follow-btn__locked-status {
    background: #f7a600;
    position: relative
}

.follow-btn__bg .follow-btn__locked-status:before {
    content: "";
    width: 14px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyCAYAAAAus5mQAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHrSURBVHgB7ZmLbYMwEIaPqgOkG5AJmg1CJ2i6Ad2ADcIGyQbpBu0GoRMknYBsEDa43tVEipLDAZ+xiMonnQDjO//CbwMwoiMCBYg4o8srWUIW18ZUZHuyb7KPKIoOEBIWRrbF9nDeGEJABS3RnSX0CRWwQT0b6AMKvEJ/rMAnFDC1FFaSZXjWxtC00bR+10QKPuCCLQWtW/jnDb5Hsgloweavl3eIkWtj2IKXQuDODZ18PoU4O9CApnolYuiIa6yHG3FnQlrhMjPUPoXwKrH5uQj8AXckX2tHuSVQogJ3JF/vAoMyCtQyeIGPUiKNTQmYHjwXXs8VM0BTvIyuexqKCqs3ZVygfYLvmxKbFhGoW4j6ZjlkcSe42iFCMxeWMEym3Ema9gkFmF1ZCJ7JFkJ6xtW7Ez5vDoGhMteCjpKrGIX8T9TlNXOui0Cek4+X6aJAEqfa0LsiabnPmcSFuorS+vHL23GHNABBR/B651eiw45N0uKrinmIiM+e+T4FD/gSOGmZ1plxPahlFKhlFKjl3wgshLQ9+MDHVFfH4TPAY20ZOCBpGZdbWu5C4NXSHs3JQlDQ/Fa7pOIXW6Ftlg0OfYlLUD7R2HInSSlPP39/9Lz/9VY0p+3BvlhLDjSYTE+d5I0TYDgcyF745hdCqgaxBtl5FQAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 14px 15px;
    position: absolute;
    top: 50%;
    z-index: 10
}

[dir=ltr] .follow-btn__bg .follow-btn__locked-status:before {
    left: 50%;
    transform: translate(-50%,-50%)
}

[dir=rtl] .follow-btn__bg .follow-btn__locked-status:before {
    right: 50%;
    transform: translate(50%,-50%)
}

.follow-btn__bg .follow-btn__locked-status:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    position: absolute;
    z-index: 9
}

.follow-btn__bg .follow-btn__unfollow-status {
    min-width: 76px;
    border: 1px solid var(--brand-color-01);
    color: var(--brand-color-01);
    padding: 0 10px
}

[dir=ltr] .follow-btn__bg .follow-btn__unfollow-status {
    margin-right: 10px
}

[dir=rtl] .follow-btn__bg .follow-btn__unfollow-status {
    margin-left: 10px
}

.follow-btn__bg .follow-btn__btn-desc {
    font-weight: 500
}

.follow-btn__bg .trader-follow-btn__vip-pass {
    line-height: 14px;
    font-size: 12px;
    font-weight: 400
}

[dir=ltr] .follow-btn__bg .trader-follow-btn__vip-pass {
    margin-left: 4px
}

[dir=rtl] .follow-btn__bg .trader-follow-btn__vip-pass {
    margin-right: 4px
}

.follow-btn__fire-icon {
    display: inline-block;
    width: 14px;
    height: 18px;
    background: url(/copyTrade/static/media/fire-icon.90337b6f.svg) no-repeat;
    background-size: 100% 100%
}

[dir=ltr] .follow-btn__fire-icon {
    margin-right: 6px
}

[dir=rtl] .follow-btn__fire-icon {
    margin-left: 6px
}

[dir=ltr] .follow-btn__fire-icon.follow-btn__bottom-fire {
    margin-right: 2px
}

[dir=rtl] .follow-btn__fire-icon.follow-btn__bottom-fire {
    margin-left: 2px
}

.follow-btn__fire-icon.fire-small {
    width: 7px;
    height: 9px
}

.follow-btn__default-tooltips .ant-tooltip-arrow-content,.follow-btn__full-tooltips .ant-tooltip-arrow-content {
    background-color: #fff
}

.follow-btn__default-tooltips .ant-tooltip-content .ant-tooltip-inner,.follow-btn__full-tooltips .ant-tooltip-content .ant-tooltip-inner {
    padding: 12px 16px;
    max-width: 280px;
    background-color: #fff;
    font-size: 12px;
    line-height: 18px;
    color: #121214
}

.follow-btn__disabled-tooltips .ant-tooltip-arrow-content {
    background-color: #3e2a2a
}

.follow-btn__disabled-tooltips .ant-tooltip-content .ant-tooltip-inner {
    padding: 12px 16px;
    max-width: 280px;
    background-color: #3e2a2a;
    font-size: 12px;
    line-height: 18px;
    color: #ef454a
}

.leader-detail__rt-left-follow-num {
    line-height: 18px;
    font-size: 12px;
    color: #adb1b8;
    text-align: center
}

.follow-btn__seven-day-vis {
    color: #595d61;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: center
}

.ct-profile-fol-btn__vip-full {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    color: #121214;
    color: var(--static_Black,#121214)
}

.ct-fol-btn-under__box {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
    gap: 8px
}

@media screen and (max-width: 720px) {
    .follow-btn__seven-day-vis {
        color:#d5dae0
    }
}

.leader-detail-skeleton {
    display: flex;
    height: 315px;
    padding: 40px 0
}

.ls-module {
    background: #222947
}

.leader-detail-skeleton-avatar {
    width: 128px;
    height: 128px;
    border-radius: 50%
}

[dir=ltr] .leader-detail-skeleton-c {
    margin-left: 36px
}

[dir=rtl] .leader-detail-skeleton-c {
    margin-right: 36px
}

.lds-c-name {
    width: 308px;
    height: 40px;
    margin-bottom: 28px;
    border-radius: 4px
}

.lds-c-tags {
    display: flex
}

.lds-c-tag {
    padding: 0 20px;
    position: relative
}

[dir=ltr] .lds-c-tag:first-child {
    padding-left: 0
}

[dir=rtl] .lds-c-tag:first-child {
    padding-right: 0
}

.lds-c-tag:not(:first-child):before {
    content: "";
    width: 1px;
    height: 32px;
    position: absolute;
    top: 10px;
    background-color: #404347
}

[dir=ltr] .lds-c-tag:not(:first-child):before {
    left: 0
}

[dir=rtl] .lds-c-tag:not(:first-child):before {
    right: 0
}

.lds-c-tag-t {
    width: 72px;
    height: 22px;
    margin-bottom: 8px
}

.lds-c-tag-b {
    width: 40px;
    height: 24px
}

.lds-c-description-1 {
    width: 796px;
    height: 66px;
    border-radius: 8px;
    margin: 20px 0 12px
}

.lds-c-description-2 {
    width: 584px;
    height: 22px;
    width: 552px;
    height: 18px;
    border-radius: 4px
}

.lds-r-action {
    display: flex;
    justify-content: space-between;
    position: relative
}

.lds-r-action:before {
    content: "";
    width: 1px;
    height: 14px;
    background-color: hsla(0,0%,100%,.3);
    position: absolute;
    top: 4px
}

[dir=ltr] .lds-r-action:before {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .lds-r-action:before {
    right: 50%;
    transform: translateX(50%)
}

.lds-r-action div {
    width: 76px;
    height: 22px;
    border-radius: 4px
}

.lds-r-btn {
    width: 200px;
    height: 40px;
    border-radius: 4px;
    margin-top: 16px
}

.leader-detail__lf-name-bottom-assets {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

.leader-detail__lf-name-bottom-assets-icon {
    display: inline-block
}

[dir=ltr] .leader-detail__lf-name-bottom-assets-icon {
    margin-right: 4px
}

[dir=ltr] .leader-detail__lf-name-bottom-assets-highlight,[dir=rtl] .leader-detail__lf-name-bottom-assets-icon {
    margin-left: 4px
}

[dir=rtl] .leader-detail__lf-name-bottom-assets-highlight {
    margin-right: 4px
}

.leader-detail__lf-name-vertical-line {
    display: inline-block;
    height: 12px;
    width: 1px;
    background-color: #404347;
    margin: 0 16px
}

.ld-dt__asset-hide-q {
    color: #81858c;
    font-size: 11px;
    cursor: pointer
}

[dir=ltr] .ld-dt__asset-hide-q {
    margin-left: 4px
}

[dir=rtl] .ld-dt__asset-hide-q {
    margin-right: 4px
}

.copytrade-icon-wallet-tips {
    cursor: pointer
}

.leader-detail__lf-name-center-link-title {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    font-weight: var(--bds-font-weight-medium);
    color: #81858c;
    display: inline-block;
    border-bottom: 1px dotted #71757a;
}

.leader-detail__lf-name-center-text {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #fff
}

.leader-detail__lf-divide-line {
    display: inline-block;
    width: .5px;
    height: 32px;
    background-color: #404347;
    margin: 0 24px
}

[dir=ltr] .leader-detail__lf-divide-line {
    transform: rotate(180deg)
}

[dir=rtl] .leader-detail__lf-divide-line {
    transform: rotate(-180deg)
}

.leader-detail__lf-name {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 0;
    word-break: break-word
}

[dir=ltr] .leader-detail__lf-name {
    margin-right: 12px
}

[dir=rtl] .leader-detail__lf-name {
    margin-left: 12px
}

.leader-detail__leader-level-box {
    display: flex;
    align-items: center
}

.leader-detail__leader-level-box .leader-detail__leader-level-name {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #fff
}

[dir=ltr] .leader-detail__leader-level-box .leader-detail__leader-level-name {
    padding: 0 12px 0 4px
}

[dir=rtl] .leader-detail__leader-level-box .leader-detail__leader-level-name {
    padding: 0 4px 0 12px
}

.ld-detail__lf-vip-bx .vip-icon-box__content {
    line-height: 18px;
    color: #fff
}

[dir=ltr] .ld-detail__lf-vip-bx .vip-icon-box__content {
    padding-right: 12px
}

[dir=rtl] .ld-detail__lf-vip-bx .vip-icon-box__content {
    padding-left: 12px
}

.leader-detail__lf-mm {
    white-space: noWrap;
    display: flex;
    align-items: center;
    height: 24px;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background-size: 100% 24px
}

[dir=ltr] .leader-detail__lf-mm img {
    margin-right: 2px
}

[dir=rtl] .leader-detail__lf-mm img {
    margin-left: 2px
}

.leader-detail__lf-name-bottom-desc-bg {
    position: relative;
    /* max-height: 66px; */
    /* overflow: hidden; */
}

.leader-detail__lf-name-bottom-show-desc-bg {
    position: relative;
    max-height: auto;
    overflow: unset
}

.leader-detail__lf-name-bottom-desc {
    font-size: 14px;
    line-height: 22px;
    color: #adb1b8;
    word-break: break-word
}

.leader-detail__lf-name-bottom-desc-show-more {
    padding-bottom: 22px
}

.leader-detail__lf-name-bottom-more-bg {
    position: absolute;
    bottom: 0;
    font-size: 12px;
    line-height: 18px;
    color: #71757a;
    background: #080924
}

[dir=ltr] .leader-detail__lf-name-bottom-more-bg {
    right: 0
}

[dir=rtl] .leader-detail__lf-name-bottom-more-bg {
    left: 0
}

.leader-detail__lf-name-bottom-more-box-show-more .leader-detail__lf-name-bottom-more-arrow {
    transition: transform .15s linear;
    will-change: transform
}

[dir=ltr] .leader-detail__lf-name-bottom-more-box-show-more .leader-detail__lf-name-bottom-more-arrow {
    transform: rotate(180deg)
}

[dir=rtl] .leader-detail__lf-name-bottom-more-box-show-more .leader-detail__lf-name-bottom-more-arrow {
    transform: rotate(-180deg)
}

.leader-detail__lf-name-bottom-more {
    display: inline-block
}

[dir=ltr] .leader-detail__lf-name-bottom-more {
    margin-left: 24px
}

[dir=rtl] .leader-detail__lf-name-bottom-more {
    margin-right: 24px
}

[dir=ltr] .leader-detail__lf-name-bottom-more-arrow {
    margin-left: 6px
}

[dir=rtl] .leader-detail__lf-name-bottom-more-arrow {
    margin-right: 6px
}

.ld-header__h5-box {
    position: relative;
    background: linear-gradient(180deg, #080d35, transparent);
    z-index: 99;
}

.ld-header__info-img-h5 {
    width: 100%;
    height: 100px;
    position: absolute;
    right: 0;
    left: 0;
    display: block;
}

.ld-header__content-h5 {
    z-index: 5;
    position: relative
}

.ct-ld-hd__avatar-h5 {
    margin: 30px auto 0
}

.ld-head__h5-ld-name {
    padding: 16px 12px 0;
}

.ld-head__h5-ld-name .leader-detail__lf-name {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    cursor: default;
}

[dir=ltr] .ld-head__h5-ld-name .leader-detail__lf-name {
    margin-right: 3px
}

[dir=rtl] .ld-head__h5-ld-name .leader-detail__lf-name {
    margin-left: 3px
}

[dir=ltr] .ld-head__h5-ld-name>div {
    margin-right: 2px
}

[dir=rtl] .ld-head__h5-ld-name>div {
    margin-left: 2px
}

.ld-head__h5-ld-assets {
    margin-top: 4px
}

.ld-head__h5-ld-assets.leader-detail__lf-name-bottom-assets {
    color: #adb1b8;
    font-size: 10px;
    line-height: 18px;
    justify-content: center;
    font-weight: var(--bds-font-weight-medium);
    );
    cursor: default;
    }

.ld-head__h5-ld-assets .leader-detail__lf-name-bottom-assets-icon {
    font-size: 12px
}

.ld-head__h5-ld-quato {
    margin-top: 20px;
    padding: 0 12px;
    justify-content: space-between
}

.ld-head__h5-ld-quato .leader-detail__lf-name-center-text {
    color: #ffffff;
    text-align: center;
    cursor: default;
}

.ld-head__h5-ld-quato .leader-detail__lf-name-center-total-index {
    font-size: 13px;
    font-weight: 400;
    color: #c3c8cd;
}

.ld-head__h5-ld-quato .leader-detail__lf-divide-line {
    background-color: #25282c;
}

[dir=ltr] .ld-head__h5-ld-quato>.ld-quato-div:first-of-type .leader-detail__lf-name-center-text {
    text-align: center;
}

[dir=ltr] .ld-head__h5-ld-quato>.ld-quato-div:last-of-type .leader-detail__lf-name-center-text,[dir=rtl] .ld-head__h5-ld-quato>.ld-quato-div:first-of-type .leader-detail__lf-name-center-text {
    text-align: center;
}

[dir=rtl] .ld-head__h5-ld-quato>.ld-quato-div:last-of-type .leader-detail__lf-name-center-text {
    text-align: left
}

.ld-head__h5-ld-slogan {
    padding: 0 16px;
    margin-top: 12px
}

.ld-head__h5-ld-slogan .leader-detail__lf-name-bottom-desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    word-break: break-word;
    padding-bottom: 10px;
    cursor: pointer;
}

.ld-head__h5-ld-slogan .leader-detail__lf-name-bottom-desc-bg {
    max-height: 70px
}

.ld-head__h5-ld-user-tag {
    padding: 0 16px;
    margin-top: 12px
}

.ld-head__h5-ld-fol-btn {
    position: fixed;
    width: 100%;
    max-width: 500px;
    bottom: 0px;
    background-color: #17181e;
    padding: 12px 16px;
    padding-bottom: 20px;
    z-index: 999;
}

.ld-head__h5-ld-fol-btn .follow-btn__bg .by-button {
    height: 48px;
    line-height: 48px
}

.ld-head__h5-ld-fol-btn .follow-btn__bg .follow-btn__locked-status:after {
    background: rgba(0,0,0,.3)
}

.leader-detail__bg {
    width: 100%
}

.leader-detail__bg button {
    border: none;
    background: transparent
}

.leader-detail__bg .leader-detail__lf-top-bg {
    display: flex;
    justify-content: space-between
}

.leader-detail__bg .leader-detail__main {
    width: 100%;
    padding-top: 32px;
    padding-bottom: 50px;
    display: flex;
    position: relative
}

.leader-detail__bg .leader-detail__lf {
    width: 100%;
    color: #adb1b8;
    padding-top: 8px
}

.leader-detail__bg .leader-detail__lf-region {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    bottom: 0;
    font-weight: 600;
    font-size: 16px;
    color: #121214;
    background-color: #fff;
    border-radius: 50%;
    z-index: 3
}

[dir=ltr] .leader-detail__bg .leader-detail__lf-region {
    right: -4px
}

[dir=rtl] .leader-detail__bg .leader-detail__lf-region {
    left: -4px
}

.leader-detail__bg .leader-detail__lf-name-top {
    display: flex;
    align-items: center
}

.leader-detail__bg .leader-detail__lf-name-bottom {
    max-width: 796px;
    margin-top: 20px
}

.leader-detail__bg .leader-detail__lf-name-bottom .lead-center__user-tag-wrap {
    margin-top: 10px
}

.leader-detail__bg .leader-detail__lf-name-center-total-index {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.leader-detail__bg .leader-detail__rt {
    min-width: 200px;
    flex-shrink: 0;
    color: #fff;
    z-index: 9
}

[dir=ltr] .leader-detail__bg .leader-detail__rt {
    margin-left: 40px
}

[dir=rtl] .leader-detail__bg .leader-detail__rt {
    margin-right: 40px
}

.leader-detail__bg .leader-detail__rt .leader-detail__rt-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.leader-detail__bg .leader-detail__rt .leader-detail__rt-top-share-bg,.leader-detail__bg .leader-detail__rt .leader-detail__rt-top-subscribe-bg {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0;
    white-space: nowrap
}

.leader-detail__bg .leader-detail__rt .leader-detail__rt-top-share-bg img {
    width: 22px;
    position: relative;
    bottom: 2px
}

[dir=ltr] .leader-detail__bg .leader-detail__rt .leader-detail__rt-top-share-bg img {
    margin-right: 8px
}

[dir=rtl] .leader-detail__bg .leader-detail__rt .leader-detail__rt-top-share-bg img {
    margin-left: 8px
}

.leader-detail__bg .leader-detail__rt .leader-detail__rt-top-subscribe-disable-bg,.leader-detail__bg .leader-detail__rt .leader-detail__rt-top-subscribe-disable-bg .leader-detail__rt-top-subscribe-icon {
    color: hsla(0,0%,100%,.5);
    cursor: not-allowed
}

.leader-detail__bg .leader-detail__rt .leader-detail__rt-top-share-icon,.leader-detail__bg .leader-detail__rt .leader-detail__rt-top-subscribe-icon {
    color: #fff;
    font-size: 14px
}

[dir=ltr] .leader-detail__bg .leader-detail__rt .leader-detail__rt-top-share-icon,[dir=ltr] .leader-detail__bg .leader-detail__rt .leader-detail__rt-top-subscribe-icon {
    margin-right: 4px
}

[dir=rtl] .leader-detail__bg .leader-detail__rt .leader-detail__rt-top-share-icon,[dir=rtl] .leader-detail__bg .leader-detail__rt .leader-detail__rt-top-subscribe-icon {
    margin-left: 4px
}

.leader-detail__bg .leader-detail__rt .leader-detail__rt-top-share,.leader-detail__bg .leader-detail__rt .leader-detail__rt-top-subscribe {
    font-size: 14px;
    line-height: 22px;
    padding: 0
}

.leader-detail__bg .leader-detail__rt .leader-detail__rt-top-share {
    position: relative
}

.leader-detail__bg .leader-detail__rt .leader-detail__rt-divide-line {
    display: inline-block;
    min-width: .5px;
    max-width: .5px;
    height: 14px;
    background-color: #404347;
    margin: 0 10px
}

[dir=ltr] .leader-detail__bg .leader-detail__rt .leader-detail__rt-divide-line {
    transform: rotate(180deg)
}

[dir=rtl] .leader-detail__bg .leader-detail__rt .leader-detail__rt-divide-line {
    transform: rotate(-180deg)
}

.leader-detail__bg .leader-detail-kol-share-tips {
    height: 26px;
    line-height: 26px;
    border-radius: 4px;
    font-size: 12px;
    position: absolute;
    top: -34px
}

[dir=ltr] .leader-detail__bg .leader-detail-kol-share-tips {
    padding: 0 8px 0 12px;
    background: linear-gradient(90deg,#f90 33.33%,#ff6a59);
    text-align: right;
    right: -26px
}

[dir=rtl] .leader-detail__bg .leader-detail-kol-share-tips {
    padding: 0 12px 0 8px;
    background: linear-gradient(-90deg,#f90 33.33%,#ff6a59);
    text-align: left;
    left: -26px
}

.leader-detail__bg .leader-detail-kol-share-tips span {
    white-space: nowrap
}

.leader-detail__bg .leader-detail-kol-share-tips:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -6px;
    border-color: #ff8e16 transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0
}

[dir=ltr] .leader-detail__bg .leader-detail-kol-share-tips:before {
    right: 34px
}

[dir=rtl] .leader-detail__bg .leader-detail-kol-share-tips:before {
    left: 34px
}

.leader-detail__bg .copytrade-icon-staryes.leader-detail__rt-top-subscribe-icon {
    color: var(--brand-color-01)
}

.invitation-expired-container {
    height: 204px;
    width: 204px;
    padding: 4px;
    border-radius: 50%;
    border: 7px solid rgba(173,177,184,.2);
    position: absolute;
    bottom: -40px;
    display: flex;
    justify-content: center;
    align-items: center
}

[dir=ltr] .invitation-expired-container {
    right: 0
}

[dir=rtl] .invitation-expired-container {
    left: 0
}

.invitation-expired-circle {
    width: 164px;
    height: 164px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 3px solid rgba(173,177,184,.2);
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: rgba(173,177,184,.2)
}

[dir=ltr] .invitation-expired-circle {
    transform: rotate(-15deg)
}

[dir=rtl] .invitation-expired-circle {
    transform: rotate(15deg)
}

.follower-profit-overview__item {
    margin-bottom: 16px
}

.follower-profit-overview__item .follower-name {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 4px
}

.follower-profit-overview__item .follower-profit {
    display: flex;
    justify-content: space-between
}

.follower-profit-overview__item .follower-profit .l .title,.follower-profit-overview__item .follower-profit .r .title {
    font-size: 14px;
    line-height: 18px;
    color: #81858c
}

.follower-profit-overview__item .follower-profit .l .value,.follower-profit-overview__item .follower-profit .r .value {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px
}

.follower-profit-overview__item .follower-profit .r {
    display: flex;
    flex-direction: column
}

.follower-profit-overview__item .follower-profit .r .title {
    line-height: 18px
}

[dir=ltr] .follower-profit-overview__item .follower-profit .r .title {
    text-align: right
}

[dir=rtl] .follower-profit-overview__item .follower-profit .r .title {
    text-align: left
}

[dir=ltr] .follower-profit-overview__item .follower-profit .r .value {
    text-align: right
}

[dir=rtl] .follower-profit-overview__item .follower-profit .r .value {
    text-align: left
}

.follower-profit-overview__item .follower-profit .bl {
    cursor: pointer
}

.follower-profit-overview {
    margin-top: 21px;
    cursor: default
}

.follower-profit-overview__list {
    padding: 24px
}

.follower-profit-overview__list .unit-tip {
    padding: 0
}

.follower-profit-overview__check-all-btn {
    color: #81858c;
    font-size: 16px;
    white-space: nowrap
}

.follower-profit-overview__check-all-btn:hover {
    cursor: pointer
}

.follower-profit-overview__check-all-btn .copytrade-icon {
    display: inline-block
}

[dir=ltr] .follower-profit-overview__check-all-btn .copytrade-icon {
    margin-left: 4px;
    transform: rotate(90deg)
}

[dir=rtl] .follower-profit-overview__check-all-btn .copytrade-icon {
    margin-right: 4px;
    transform: rotate(-90deg)
}

.join-whiteList-success-content {
    text-align: center;
    padding-top: 40px
}

.join-whiteList-success-img {
    width: 110px;
    margin-bottom: 16px
}

.join-whiteList-success-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #121214;
    margin-bottom: 8px
}

.join-whiteList-success-sub-title {
    margin-bottom: 44px;
    font-weight: 500;
    font-size: 11px;
    line-height: 18px;
    color: #adb1b8
}

.leader-profile {
    padding-bottom: 124px;
    min-height: 100vh;
}

.leader-profile__info {
    position: relative;
    width: 100%;
    overflow: hidden
}

[dir=ltr] .leader-profile__info {
    background: linear-gradient(274.44deg,#090b1d,#020036 100.21%)
}

[dir=rtl] .leader-profile__info {
    background: linear-gradient(-274.44deg,#090b1d,#020036 100.21%)
}

.leader-profile__info-img {
    position: absolute;
    top: 0;
    height: 248px
}

[dir=ltr] .leader-profile__info-img {
    left: 0
}

[dir=rtl] .leader-profile__info-img {
    right: 0
}

.leader-profile__info-container {
    position: relative;
    color: #fff
}

.leader-profile__content {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    grid-gap: 24px;
    gap: 24px
}

.leader-profile__content-left {
    width: 360px;
    flex-shrink: 0
}

.leader-profile__content-right {
    flex: 1 1;
    border-radius: 12px;
    background: #fff;
    overflow: auto
}

/*# sourceMappingURL=39.5c2f1116.chunk.css.map */