.index-rate .rate-header .title {
    font-size: 18px;
    line-height: 26px
}

.header-date .date-main .date,
.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title,
.index-nav .nav-left ul li,
.trend_other-select .select-list span {
    font-size: 14px;
    line-height: 22px
}

.header-date .date-main .label,
.index-container .index-section .index-main .calendar_box .news-list .news-bottom .load-more,
.index-container .index-section .index-main .calendar_box .news-list .website-name,
.index-container .index-section .index-main .fast_box .news-list .news-bottom .load-more,
.index-container .index-section .index-main .fast_box .news-list .website-name,
.index-header .header-right .third-login,
.index-nav .nav-right .right-search-main h6,
.index-rate .rate-header .more i,
.index-rate .rate-header .more span,
.more_center .look-more i,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main li,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main p,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main1 li,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main1 p,
.trend_other .data_symbol .chang_boxs .relevant-select span,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main li,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main p,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main1 li,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main1 p,
.trend_other .data_symbol .chang_boxs .relevant-select1 span {
    font-size: 12px;
    line-height: 22px
}

.rating_info_wrapper {
    position: absolute;
    top: calc(100% + 12px);
    width: 310px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--tostColor);
    border-radius: 8px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16);
    z-index: 9;
    min-height: 321px;
    display: none;
    cursor: default
}

.rating_info_wrapper .loading {
    margin-top: 0
}

.rating_info_wrapper .rating_arrow {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom-color: var(--BorderLine_m1);
    border-width: 6px;
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.rating_info_wrapper .rating_arrow::after {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-width: 6px;
    border-color: transparent;
    border-style: solid;
    border-bottom-color: var(--BgOtherColor)
}

.rating_info_wrapper section {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between
}

.rating_info_wrapper section.ability {
    margin-top: 4px;
    justify-content: flex-start !important
}

.rating_info_wrapper section.ability .value {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-left: 4px
}

.rating_info_wrapper section.ability .value.doubtful {
    color: #fa5754
}

.rating_info_wrapper section.ability .value .doubtful-icon {
    font-size: 20px;
    color: var(--FontColor_3)
}

.rating_info_wrapper section .label,
.rating_info_wrapper section .value {
    font-size: 12px;
    line-height: 20px
}

.rating_info_wrapper section .label {
    color: var(--FontColor_2);
    display: flex
}

.rating_info_wrapper section .label .iconfont {
    font-size: 20px;
    color: var(--FontColor_3)
}

.rating_info_wrapper section .value {
    color: var(--FontColor_1)
}

.rating_info_wrapper section.trade_style .value {
    flex: 1;
    margin-left: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right
}

.rating_info_wrapper .top_info {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 18px 16px 8px;
    border-bottom: 1px solid var(--BorderLine_prop)
}

.rating_info_wrapper .top_info .raing_icon {
    width: 56px;
    height: 56px
}

.rating_info_wrapper .top_info .info_detail {
    margin-left: 8px
}

.rating_info_wrapper .top_info .info_detail .serial {
    font-weight: 600;
    font-size: 18px;
    color: var(--FontColor_1);
    line-height: 23px
}

.rating_info_wrapper .bottom_info {
    padding: 16px 16px 24px
}

.rating_info_wrapper .bottom_info section {
    min-height: 20px !important
}

.rating_info_wrapper .bottom_info section.feature {
    margin-top: 12px
}

.rating_info_wrapper .bottom_info section.feature:first-child {
    margin-top: 0
}

.rating_info_wrapper .bottom_info section.feature.risk_level .value {
    padding: 0 4px;
    border-radius: 4px
}

.rating_info_wrapper .bottom_info section.feature.risk_level .value.green {
    background-color: rgba(154, 224, 207, .12);
    color: #00ad83
}

.rating_info_wrapper .bottom_info section.feature.risk_level .value.orange {
    background-color: rgba(252, 130, 74, .12);
    color: #fd6c2b
}

.rating_info_wrapper .bottom_info section.feature.risk_level .value.red {
    background-color: rgba(247, 76, 85, .12);
    color: #f74c55
}

.rating_info_wrapper .bottom_info .check_report_btn {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    border-radius: 8px;
    height: 32px;
    cursor: pointer;
    user-select: none;
    font-weight: 600;
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 20px;
    border: 1px solid var(--BorderLine_prop)
}

.rating_info_wrapper .bottom_info .check_report_btn:hover {
    border-color: #00c98c;
    color: #00c98c
}

.niu_broker_info {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px
}

.niu_broker_info .flag {
    height: 16px;
    border-radius: 2px;
    object-fit: cover
}

.niu_broker_info .divider {
    width: 1px;
    height: 12px;
    background: var(--icon_gray);
    border-radius: 1px;
    flex-shrink: 0
}

.niu_broker_info img {
    object-fit: cover
}

.niu_broker_info .serial {
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 20px
}

.niu_broker_info .broker_icon {
    height: 16px;
    border-radius: 4px;
    object-fit: cover;
    cursor: pointer
}

.niu_broker_info .account_icon {
    height: 16px
}

.niu_broker_info .ai_rating {
    position: relative;
    height: 16px
}

.niu_broker_info .ai_rating>img {
    height: 16px;
    margin-right: 0
}

.niu_broker_info .ai_rating:hover .rating_info_wrapper {
    display: block
}

.niu_broker_info .ai_rating .rating_info_wrapper {
    position: absolute;
    top: calc(100% + 12px);
    width: 310px;
    left: 50%;
    transform: translateX(-50%);
    display: none
}

.niu_broker_info .tag {
    background-color: #f1f3f8;
    border-radius: 4px;
    padding: 0 4px;
    font-size: 12px;
    color: rgba(30, 34, 43, .4);
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.niu_broker_info .tag.error {
    background-color: rgba(253, 103, 95, .14);
    color: #f74343
}

.niu_broker_info .tag.king {
    background-color: #fff6e5;
    color: #d49d4f
}

.niu_broker_info .tag.greatest {
    color: #00ad83;
    background-color: #bff8ea
}

.niu_broker_info .tag.old {
    color: #1991ff;
    background-color: #e3f5ff
}

.niu_broker_info .sub-permission-vip-tag {
    font-size: 11px;
    color: #f2d2a1;
    padding: 0 3px;
    height: 16px;
    line-height: 16px;
    background: var(--vip_Bg);
    font-weight: 600;
    white-space: nowrap;
    margin-right: 4px;
    border-radius: 4px
}

.home-container .niu-section .niu_follow_btn {
    height: 38px;
    line-height: 38px
}

.niu_follow_btn {
    display: inline-block;
    height: 32px;
    text-align: center;
    border-radius: 8px;
    padding: 0 18px;
    font-size: 14px;
    background: var(--color);
    color: #1f2533;
    line-height: 32px;
    cursor: pointer;
    box-sizing: border-box;
    font-weight: 600
}

.niu_follow_btn.disabled {
    background-color: var(--gray_disabled) !important;
    color: var(--disabled_text);
    cursor: not-allowed
}

.niu_follow_btn:hover {
    background: #00c89c
}

.share_popup {
    position: relative;
    z-index: 100000009
}

.share_popup.hide {
    display: none
}

.share_popup .share_popup_mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--shead_color);
    z-index: 1
}

.share_popup .share_popup_wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 450px;
    max-width: 560px;
    width: 90%;
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    box-sizing: border-box;
    background-color: var(--BgOtherColor);
    z-index: 2
}

.share_popup .share_popup_wrapper .share_popup_header .iconfont {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: var(--FontColor_1);
    cursor: pointer
}

.share_popup .share_popup_wrapper .share_popup_content {
    padding: 36px 24px 24px
}

.share_popup .share_popup_wrapper .share_popup_content .title {
    color: var(--FontColor_1);
    font-size: 24px;
    font-weight: 600;
    word-break: break-word
}

.share_popup .share_popup_wrapper .share_popup_content .share .link {
    margin-top: 24px;
    border: 1px solid #d4d5da;
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f3f6fb;
    border-radius: 8px;
    color: #606266
}

.share_popup .share_popup_wrapper .share_popup_content .share .link .url {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 16px
}

.share_popup .share_popup_wrapper .share_popup_content .share .link .btn {
    cursor: pointer;
    background-color: #01e0af;
    line-height: 32px;
    padding: 0 16px;
    flex-shrink: 0;
    border-radius: 8px;
    color: var(--FontColor_1)
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item {
    color: #1a1a1d;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
    flex: 1
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item .iconfont {
    font-size: 24px
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(1):hover {
    color: #3756a8
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(2):hover {
    color: #000
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(3):hover {
    color: #2673b2
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(4):hover {
    color: #25b03e
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(5):hover {
    color: #10ad8a
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(6):hover {
    color: #10c542
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(7):hover {
    color: #158ed0
}

.select_account_popup.hide {
    display: none
}

.add_account_popup .global_popup_cont {
    overflow: hidden
}

.subscribe_price_wrapper {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #ff7241;
    margin-right: 12px;
    font-weight: 600
}

.subscribe_price_wrapper .amount {
    font-size: 16px;
    line-height: 22px
}

.subscribe_price_wrapper .icon-subscribe-price {
    font-size: 16px;
    margin: 0 2px
}

.subscribe_price_wrapper .unit {
    font-weight: 400
}

.ip_access_restriction_content {
    padding: 44px 40px 48px
}

.ip_access_restriction_content>img {
    width: 80px;
    height: 80px;
    margin: 0 auto
}

.ip_access_restriction_content .restriction_title {
    margin-top: 15px;
    font-weight: 600;
    font-size: 20px;
    color: var(--FontColor_1);
    line-height: 28px
}

.ip_access_restriction_content .restriction_tips {
    margin-top: 15px;
    font-size: 16px;
    color: var(--FontColor_1);
    line-height: 22px
}

.ip_access_restriction_content .restriction_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    height: 38px;
    padding: 0 16px;
    user-select: none;
    cursor: pointer;
    background: var(--color);
    color: #1f2533;
    margin: 24px auto 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px
}

.niu-item {
    background: var(--BgColor);
    border-radius: 12px;
    position: relative;
    border: 1px solid var(--BorderLine_prop);
    padding: 24px
}

.niu-item:hover .user_name {
    color: var(--color)
}

.niu-item.niu-rank-1 .rank-label {
    background: #f6cb64
}

.niu-item.niu-rank-1 .user-account {
    background: linear-gradient(rgba(255, 207, 59, .2), rgba(255, 207, 59, 0) 100%)
}

.niu-item.niu-rank-2 .rank-label {
    background: #c9d5e8
}

.niu-item.niu-rank-2 .user-account {
    background: linear-gradient(rgba(176, 199, 230, .2), rgba(255, 207, 59, 0) 100%)
}

.niu-item.niu-rank-3 .rank-label {
    background: #e5bc9e
}

.niu-item.niu-rank-3 .user-account {
    background: linear-gradient(hsla(26, 57%, 62%, .2), rgba(255, 207, 59, 0) 100%)
}

.niu-item .rank-label {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 32px;
    border-radius: 0 12px 0 23px;
    background: var(--rank_bg);
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    text-align: center
}

.niu-item .user-account {
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    text-align: left;
    border-radius: 12px 12px 0 0
}

.niu-item .user-account .user {
    position: relative;
    width: 80px;
    height: 80px
}

.niu-item .user-account .user .avatar {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid transparent;
    object-fit: cover
}

.niu-item .user-account .right {
    margin-left: 12px;
    flex: 1;
    width: 0
}

.niu-item .user-account .right .user_name {
    font-weight: 600;
    font-size: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 28px
}

.niu-item .user-account .right .subscribed {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    color: var(--FontColor_2b);
    margin-top: 4px
}

.niu-item .user-account .right .subscribed .icon-followers {
    font-size: 16px;
    margin-right: 4px
}

.niu-item .user-account .right .subscribed span {
    font-size: 14px;
    line-height: 18px;
    color: var(--FontColor_1)
}

.niu-item .user-account .auth {
    margin-top: 2px
}

.niu-item .user-account .auth .tag {
    color: #fa5754;
    padding: 0 4px;
    background-color: rgba(250, 87, 84, .08);
    border-radius: 4px;
    font-size: 12px;
    cursor: default;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.niu-item .user-account .strategy_intro {
    color: var(--FontColor_2b);
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.niu-item .line-chart {
    flex: 1;
    margin-left: 25px;
    height: 70px
}

.niu-item .line-chart>div:last-of-type {
    box-shadow: 0 2px 6px 0 var(--shadow_color)
}

.niu-item .content {
    margin-top: 16px
}

.niu-item .content section {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    min-height: 30px;
    font-size: 14px;
    color: var(--FontColor_2b)
}

.niu-item .content section:first-of-type {
    margin-bottom: 20px
}

.niu-item .content section .left {
    flex: 1;
    display: flex;
    display: -webkit-flex;
    flex-direction: column
}

.niu-item .content section .left .label {
    font-size: 14px;
    font-weight: 400;
    color: var(--FontColor_2b);
    line-height: 20px
}

.niu-item .content section .left .twr {
    font-size: 26px;
    font-weight: 600;
    line-height: 33px
}

.niu-item .content section .left .value {
    font-size: 12px;
    font-weight: 400;
    color: var(--FontColor_1);
    line-height: 16px;
    align-self: flex-start
}

.niu-item .content section .text {
    width: 50%
}

.niu-item .content section .line {
    font-size: 16px;
    color: var(--FontColor_1);
    font-weight: 500;
    text-align: right
}

.niu-item .content section .line .unit {
    display: inline-block;
    margin-left: -4px;
    font-size: 16px
}

.niu-item .content footer {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px
}

.niu-item .content footer .greet-box {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    background-color: var(--color_g8)
}

.niu-item .content footer .greet-box:hover {
    background-color: var(--color)
}

.niu-item .content footer .greet-box:hover .iconfont {
    color: #1f2533
}

.niu-item .content footer .greet-box .iconfont {
    font-size: 20px
}

.niu-item .content footer .niu_follow_btn {
    flex: 1;
    margin-left: 16px
}

.niu-item .subscribe_price_wrapper {
    margin-right: 0;
    font-size: 16px
}

.view_chart_popup {
    position: relative;
    z-index: 100000005
}

.view_chart_popup.hide {
    display: none
}

.view_chart_popup .view_chart_mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--shead_color);
    z-index: 1
}

.view_chart_popup .view_chart_wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 16px 24px 24px;
    border-radius: 12px;
    max-width: 900px;
    min-width: 450px;
    width: 90%;
    background-color: var(--BgOtherColor);
    box-sizing: border-box;
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    z-index: 2
}

.view_chart_popup .view_chart_wrapper .icon-bl-icon-close-def {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    padding: 0;
    cursor: pointer;
    color: var(--FontColor_1)
}

.view_chart_popup .view_chart_wrapper .header {
    padding-bottom: 8px
}

.view_chart_popup .view_chart_wrapper .header .title {
    font-size: 20px;
    font-weight: 600;
    color: var(--FontColor_1);
    margin-bottom: 16px
}

.view_chart_popup .view_chart_wrapper .header .option-list .option-item {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    background: var(--BgColor);
    padding: 0 8px;
    height: 28px;
    border: 1px solid var(--BorderLine_prop);
    border-radius: 8px;
    font-size: 14px;
    color: var(--FontColor_2b);
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    user-select: none;
    margin: 4px 8px 4px 0
}

.view_chart_popup .view_chart_wrapper .header .option-list .option-item:last-of-type {
    margin-right: 0
}

.view_chart_popup .view_chart_wrapper .header .option-list .option-item.active {
    color: var(--FontColor_1);
    font-weight: 500;
    border-color: var(--FontColor_1)
}

.view_chart_popup .view_chart_wrapper .chart-detail {
    height: 326px
}

.message_box_dialog {
    position: relative;
    z-index: 100000009
}

.message_box_dialog.hide {
    display: none
}

.message_box_dialog .mesage_box_mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--shead_color);
    z-index: 1
}

.message_box_dialog .message_box_wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 420px;
    text-align: left;
    padding: 8px 0 24px;
    border-radius: 16px;
    box-shadow: 0 4px 32px 0 rgba(98, 111, 128, .24);
    box-sizing: border-box;
    vertical-align: middle;
    background-color: var(--BgOtherColor);
    border: 1px solid #ebeef5;
    font-size: 18px;
    backface-visibility: hidden;
    z-index: 2
}

.message_box_dialog .message_box_wrapper .messge_box_header {
    padding: 16px 24px 8px;
    position: relative
}

.message_box_dialog .message_box_wrapper .messge_box_header .message_box_header_title {
    font-size: 16px;
    font-weight: 600;
    color: #47484a;
    line-height: 1
}

.message_box_dialog .message_box_wrapper .messge_box_header .iconfont {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    color: #909399
}

.message_box_dialog .message_box_wrapper .message_box_content {
    padding: 8px 24px;
    color: #87898c;
    font-size: 14px;
    word-break: break-word
}

.message_box_dialog .message_box_wrapper .message_box_btns {
    text-align: right;
    padding: 5px 15px 0;
    box-sizing: border-box;
    word-break: break-word
}

.message_box_dialog .message_box_wrapper .message_box_btns>button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    background-color: #01e0af;
    color: var(--FontColor_1);
    border: none;
    padding: 9px 15px;
    font-size: 12px;
    font-weight: 500;
    user-select: none;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    outline: 0
}

.one_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.quotation-main {
    min-width: 580px
}

.quotation-main .stock-item {
    color: var(--FontColor_1)
}

.quotation-main .stock-item.stock-abnormal-item {
    color: var(--FontColor_2)
}

.quotation-main .stock-item.stock-abnormal-item .stock-name {
    color: var(--FontColor_2) !important
}

.quotation-main .stock-name:hover>span {
    color: #01e0af
}

.quotation-main .quotation-body {
    display: flex;
    flex-wrap: wrap
}

.quotation-main .quotation-body .category-item {
    margin-top: 40px;
    width: calc((100% - 48px)/ 2);
    box-sizing: border-box
}

.quotation-main .quotation-body .category-item .panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0 16px 0
}

.quotation-main .quotation-body .category-item .panel-header .current_location {
    display: flex;
    align-items: center
}

.quotation-main .quotation-body .category-item .panel-header .current_location .iconfont {
    margin-right: 2px
}

.quotation-main .quotation-body .category-item .panel-header .markets-select {
    position: relative
}

.quotation-main .quotation-body .category-item .panel-header .markets-select .curent-market {
    display: flex;
    align-items: center;
    min-width: 72px;
    justify-content: space-between;
    padding: 0 8px;
    line-height: 28px;
    border-radius: 8px;
    border: 1px solid var(--BorderLine_m2);
    cursor: pointer
}

.quotation-main .quotation-body .category-item .panel-header .markets-select .curent-market .name {
    font-weight: 600;
    margin-right: 4px;
    color: var(--FontColor_1)
}

.quotation-main .quotation-body .category-item .panel-header .markets-select .curent-market .iconfont {
    color: var(--FontColor_2);
    font-size: 12px
}

.quotation-main .quotation-body .category-item .panel-header .markets-select .curent-market:hover {
    border-color: var(--color)
}

.quotation-main .quotation-body .category-item .panel-header .markets-select .markets-select-list {
    display: none;
    z-index: 1;
    min-width: 100%;
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    border-radius: 8px;
    background: var(--BgOtherColor);
    position: absolute;
    top: calc(100% + 6px);
    padding: 8px 0
}

.quotation-main .quotation-body .category-item .panel-header .markets-select .markets-select-list .select-item {
    padding: 8px 16px;
    cursor: pointer;
    white-space: nowrap;
    color: var(--FontColor_1)
}

.quotation-main .quotation-body .category-item .panel-header .markets-select .markets-select-list .select-item:hover {
    background: var(--select_hover)
}

.quotation-main .quotation-body .category-item .panel-header .markets-select .markets-select-list .select-item.active {
    background: var(--color);
    color: #1f2533
}

.quotation-main .quotation-body .category-item .panel-header .more {
    display: flex;
    align-items: center;
    position: relative;
    color: var(--FontColor_2);
    cursor: pointer
}

.quotation-main .quotation-body .category-item .panel-header .more .title {
    line-height: 30px;
    font-size: 22px;
    font-weight: 600;
    color: var(--FontColor_1)
}

.quotation-main .quotation-body .category-item .panel-header .more:hover {
    color: var(--color)
}

.quotation-main .quotation-body .category-item .panel-header .more:hover .title {
    color: var(--color)
}

.quotation-main .quotation-body .category-item .panel-header .more:hover .iconfont {
    color: var(--color)
}

.quotation-main .quotation-body .category-item .panel-header .more span {
    float: left;
    font-size: 12px;
    font-weight: 600
}

.quotation-main .quotation-body .category-item .panel-header .more .iconfont {
    float: left;
    margin-left: 4px;
    font-size: 12px;
    color: var(--FontColor_1);
    font-weight: 700
}

.quotation-main .quotation-body .category-item .panel-header .more:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.quotation-main .quotation-body .category-item:nth-of-type(2n+1) {
    margin-right: 48px
}

.quotation-main .quotation-body .category-item .category-data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 12px;
    border: 1px solid var(--BorderLine_m2);
    padding: 24px
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap {
    width: calc((100% - 32px * 2)/ 3)
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap+.stock-wrap {
    margin-left: 32px
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .top-chart {
    width: 100%;
    height: 88px
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--Bg_g9);
    border-radius: 4px;
    padding: 0 8px
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item+.stock-item {
    margin-top: 8px
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item .lastest-price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 62px);
    margin-right: 8px
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item .change-percent {
    min-width: 62px;
    text-align: right
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item .change-percent.font15 {
    font-size: 15px !important
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item .change-percent.font13 {
    font-size: 13px !important
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item.first {
    background: var(--BgColor);
    padding: 0
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item.first .stock-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item.first .change-percent,
.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item.first .lastest-price {
    font-size: 16px
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item .stock-name {
    display: flex;
    align-items: center;
    font-weight: 600;
    line-height: 18px;
    margin-right: 8px;
    max-width: 40%
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item .stock-name .market_avatar_wrapper {
    margin-right: 6px
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item .stock-name .custom-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
    color: var(--BgColor);
    background: var(--icon_gray);
    margin-right: 8px
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item .change-close {
    display: flex;
    max-width: calc(60% - 8px);
    align-items: center;
    line-height: 20px
}

.quotation-main .quotation-body .category-item .category-data .stock-wrap .stock-item .market_avatar_wrapper {
    margin-right: 8px
}

.quotation-main .quotation-body .category-item .category-data .sub-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--FontColor_1);
    line-height: 22px;
    margin-bottom: 16px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"]) .quotation-main .quotation-body .stock-wrap {
    width: calc((100% - 32px)/ 2) !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"]) .quotation-main .quotation-body .stock-wrap.drop-stock {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) .quotation-main .quotation-body .category-item {
    width: 100%;
    margin-right: 0 !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) .quotation-main .quotation-body .category-item .stock-wrap {
    width: calc((100% - 32px * 2)/ 3) !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) .quotation-main .quotation-body .category-item .stock-wrap.drop-stock {
    display: block
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"]) .quotation-main .quotation-body .category-item .stock-wrap {
    width: calc((100% - 32px)/ 2) !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"]) .quotation-main .quotation-body .category-item .stock-wrap.drop-stock {
    display: none
}

#newVersionIntro {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 120000000;
    cursor: pointer
}

#newVersionIntro .transparent_div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

#newVersionIntro .slot {
    background-position: top center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    background-repeat: no-repeat;
    z-index: 1
}

#newVersionIntro .slot::after {
    background: rgba(0, 0, 0, .5);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

#newVersionIntro .slot .intro_box {
    position: relative;
    max-width: 80vw;
    width: 1000px;
    min-width: 720px;
    z-index: 1
}

#newVersionIntro .slot .intro_box img {
    width: 100%
}

@keyframes anim {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: -12084px 0
    }
}

@keyframes anim_ar {
    0% {
        background-position: 100% 0
    }
    100% {
        background-position: -12084px 0
    }
}

:root {
    --header-height: 58px
}

.max-limit {
    max-width: var(--layout-left-box) !important
}

.fixed.fixed-max-limit {
    max-width: var(--layout-left-box) !important
}

.download_boxs {
    position: fixed;
    z-index: 100000003;
    bottom: 32px;
    left: 50%;
    transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -webkit-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    background: #25262b;
    padding: 9px 38px;
    border-radius: 16px;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

.download_boxs.fixed {
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0)
}

.download_boxs .bg_img {
    position: absolute;
    width: 845px;
    height: 88px;
    left: 0;
    bottom: 0
}

.download_boxs .icon-bl-icon-close-def {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #c2c5cc;
    font-size: 12px;
    cursor: pointer;
    padding: 2px
}

.download_boxs .boxs {
    position: relative;
    display: flex;
    align-items: center
}

.download_boxs .boxs .box1 img {
    height: 32px;
    display: block
}

.download_boxs .boxs .box1 .slogn {
    line-height: 23px;
    font-size: 18px;
    color: #fff;
    margin-top: 8px;
    width: 280px
}

.download_boxs .boxs .box_img {
    margin: 0 107px 0 35px
}

.download_boxs .boxs .box_img img {
    height: 101px;
    width: 95px;
    display: block
}

.download_boxs .boxs .box_qr {
    transform: translateX(-28px)
}

.download_boxs .boxs .box_qr .download_qr {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 3px;
    padding: 2px;
    margin: 0 auto
}

.download_boxs .boxs .box_qr p {
    font-size: 12px;
    line-height: 16px;
    margin-top: 6px;
    color: #fff;
    width: 116px;
    text-align: center
}

.download_boxs .boxs .download-btns {
    margin-left: 25px
}

.download_boxs .boxs .download-btns .download-btn {
    background: var(--color);
    display: flex;
    width: 110px;
    height: 36px;
    align-items: center;
    padding-left: 18px;
    box-sizing: border-box;
    border-radius: 20px;
    color: #000
}

.download_boxs .boxs .download-btns .download-btn.download-btn-ios {
    margin-top: 12px
}

.download_boxs .boxs .download-btns .download-btn span {
    margin-left: 5px;
    font-size: 12px;
    color: #2d2f30;
    font-weight: 700
}

.index-headerbox {
    width: 100%;
    min-height: 58px
}

#domHeader {
    position: sticky;
    top: 0;
    z-index: 100000002
}

.index-header {
    width: 100%;
    position: sticky;
    left: 0;
    z-index: 100000000;
    min-height: 58px;
    background-color: var(--BgColor)
}

.index-header.fixed-max-limit {
    max-width: var(--layout-left-box) !important
}

.index-header.fixed {
    position: fixed;
    top: 0;
    z-index: 100000000
}

.index-header .header-logo {
    font-size: 32px;
    letter-spacing: 1.2px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.index-header .header-logo .head_unfold {
    font-size: 20px;
    font-weight: 700;
    margin-right: 8px;
    position: relative;
    left: -6px;
    padding: 6px;
    cursor: pointer;
    display: none
}

.index-header .header-logo .indexhome {
    display: flex;
    align-items: center
}

.index-header .header-logo img {
    display: block;
    height: 32px
}

.index-header .header-logo .color-black {
    color: var(--FontColor_1)
}

.index-header .header-logo .color-blue {
    color: var(--color)
}

.index-header .header-logo .major {
    color: #1d1d1d;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    display: inline-block;
    padding: 3px 6px 3px 7px;
    border-radius: 6px;
    background-image: linear-gradient(242deg, #fcdb00, #f7b500)
}

.index-header .header-center {
    display: flex;
    flex-wrap: wrap;
    padding: 0 7px;
    box-sizing: border-box
}

.index-header .header-center.lang_0 {
    width: calc(var(--layout-left-box) - 174px - 231.69px)
}

.index-header .header-center.lang_1,
.index-header .header-center.lang_2 {
    width: calc(var(--layout-left-box) - 174px - 190px)
}

.index-header .header-center.lang_3 {
    width: calc(var(--layout-left-box) - 174px - 204.81px)
}

.index-header .header-center.lang_4 {
    width: calc(var(--layout-left-box) - 174px - 260.38px)
}

.index-header .header-center.lang_7 {
    width: calc(var(--layout-left-box) - 174px - 182px)
}

.index-header .header-center.lang_8 {
    width: calc(var(--layout-left-box) - 174px - 192.25px)
}

.index-header .header-center.lang_9 {
    width: calc(var(--layout-left-box) - 174px - 228.47px)
}

.index-header .header-center.lang_10 {
    width: calc(var(--layout-left-box) - 174px - 196.97px)
}

.index-header .header-center.lang_11 {
    width: calc(var(--layout-left-box) - 174px - 225.39px)
}

.index-header .header-center.lang_13 {
    width: calc(var(--layout-left-box) - 174px - 182.61px)
}

.index-header .header-center.lang_14 {
    width: calc(var(--layout-left-box) - 174px - 190.39px)
}

.index-header .header-center.lang_16 {
    width: calc(var(--layout-left-box) - 174px - 204.8px)
}

.index-header .header-center .center_search {
    display: flex;
    align-items: center;
    margin-right: 18px;
    border-radius: 20px;
    height: 36px;
    width: 240px;
    cursor: pointer;
    color: var(--FontColor_2);
    font-size: 16px;
    background: var(--select_hover)
}

.index-header .header-center .center_search .iconfont {
    font-size: 20px;
    margin: 0 4px 0 8px
}

.index-header .header-center .center_search span {
    line-height: 20px;
    padding-right: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-header .header-center .head_navbox {
    position: relative;
    height: 58px;
    display: flex;
    align-items: center
}

.index-header .header-center .head_navbox .open_a {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--FontColor_1);
    padding: 6px 16px;
    border-radius: 20px;
    cursor: default;
    line-height: 24px;
    white-space: nowrap
}

.index-header .header-center .head_navbox .open_a .chart_free_forever {
    margin-left: 4px;
    padding: 0 6px;
    border-radius: 20px;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    background: #f8e8d0;
    color: #6c450a;
    font-weight: 400
}

.index-header .header-center .head_navbox .open_a.hot,
.index-header .header-center .head_navbox .open_a.new {
    position: relative
}

.index-header .header-center .head_navbox .open_a.hot::before,
.index-header .header-center .head_navbox .open_a.new::before {
    position: absolute;
    z-index: 2;
    top: -2px;
    right: -6px;
    content: '';
    width: 31px;
    height: 14px;
    background-size: contain
}

.index-header .header-center .head_navbox .open_a.new::before {
    background: url(https://img.fastbull.com/static/images/new_img.svg) 100% no-repeat
}

.index-header .header-center .head_navbox .open_a.hot::before {
    background: url(https://img.fastbull.com/static/images/head_hot.svg) 100% no-repeat
}

.index-header .header-center .head_navbox .open_a.active,
.index-header .header-center .head_navbox .open_a:hover {
    background-color: var(--select_hover)
}

.index-header .header-center .head_navbox a.open_a {
    cursor: pointer
}

.index-header .header-center .head_navbox a.open_a.active,
.index-header .header-center .head_navbox a.open_a:hover {
    background-color: var(--select_hover)
}

.index-header .header-center .head_navbox.a_href .open_a:hover {
    background-color: var(--select_hover);
    cursor: pointer
}

.index-header .header-center .head_navbox:hover .open_a {
    background-color: var(--select_hover)
}

.index-header .header-center .head_navbox.hasdata:hover .head_navlist {
    display: flex
}

.index-header .header-center .head_navbox .head_navlist {
    display: none;
    position: absolute;
    flex-direction: row;
    top: 52px;
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    background: var(--BgOtherColor);
    border-radius: 14px;
    z-index: 100000
}

.index-header .header-center .head_navbox .head_navlist .fixbox_hover {
    position: absolute;
    width: 190px;
    top: -10px;
    height: 10px
}

.index-header .header-center .head_navbox .head_navlist .fixbox_hover:before {
    display: none;
    left: 50%;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid var(--BgColor);
    z-index: 2;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: 0
}

.index-header .header-center .head_navbox .head_navlist .head_navone {
    min-width: 252px;
    padding: 12px 0
}

.index-header .header-center .head_navbox .head_navlist .head_navone .line {
    margin: 8px 0;
    background-color: var(--BorderLine_prop);
    height: 1px
}

.index-header .header-center .head_navbox .head_navlist .head_navone .list_type {
    line-height: 22px;
    padding: 9px 26px 9px 16px;
    display: block;
    font-weight: 600;
    color: var(--FontColor_1);
    font-size: 16px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center
}

.index-header .header-center .head_navbox .head_navlist .head_navone .list_type.no {
    color: var(--FontColor_2);
    cursor: not-allowed
}

.index-header .header-center .head_navbox .head_navlist .head_navone .list_type .label_box__ {
    flex: 1;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word;
    white-space: nowrap;
    font-weight: 600;
    display: flex;
    align-items: center
}

.index-header .header-center .head_navbox .head_navlist .head_navone .list_type .label_box__>span {
    margin-right: 8px
}

.index-header .header-center .head_navbox .head_navlist .head_navone .list_type .label_box__>span:last-child {
    margin-right: 0;
    font-weight: 400;
    font-size: 12px
}

.index-header .header-center .head_navbox .head_navlist .head_navone .list_type .label_box__ .free_forever {
    background: #f8e8d0;
    border-radius: 10px;
    padding: 0 6px;
    color: #6c450a;
    font-weight: 600;
    height: 19px;
    line-height: 19px
}

.index-header .header-center .head_navbox .head_navlist .head_navone .list_type>svg {
    color: var(--FontColor_1);
    font-size: 20px;
    width: 22px;
    margin-right: 8px
}

.index-header .header-center .head_navbox .head_navlist .head_navone .list_type .iconfont {
    position: absolute;
    font-size: 12px;
    right: 16px;
    top: 50%;
    color: var(--FontColor_1);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.index-header .header-center .head_navbox .head_navlist .head_navone .list_type .iconfont.label_icon {
    position: static;
    font-size: 20px;
    width: 22px;
    margin-right: 8px;
    transform: translate(0)
}

.index-header .header-center .head_navbox .head_navlist .head_navone .list_type.active,
.index-header .header-center .head_navbox .head_navlist .head_navone .list_type:hover {
    background-color: var(--select_hover)
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo {
    width: 216px;
    padding: 12px 0;
    border-left: 1px solid var(--BorderLine_prop);
    display: none
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo.active {
    display: block
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo .navtwo_type {
    display: none
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo .navtwo_type .label_icon {
    position: sticky;
    font-size: 20px;
    margin-right: 8px
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo .navtwo_type .list_type {
    line-height: 22px;
    padding: 9px 26px 9px 20px;
    display: block;
    color: var(--FontColor_1);
    font-size: 16px;
    cursor: pointer;
    position: relative
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo .navtwo_type .list_type .iconfont {
    position: absolute;
    font-size: 12px;
    right: 12px;
    top: 50%;
    color: var(--FontColor_1);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo .navtwo_type .list_type.active,
.index-header .header-center .head_navbox .head_navlist .head_navtwo .navtwo_type .list_type:hover {
    background: var(--select_hover)
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo .navtwo_type.active {
    display: block
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo.quo_navtwo {
    width: 332px;
    padding: 12px 20px;
    box-sizing: border-box
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo.quo_navtwo .quo_second {
    display: none
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo.quo_navtwo .quo_second .list_type {
    margin: 12px 0 0 12px;
    border: 1px solid var(--BorderLine_prop);
    border-radius: 12px;
    width: 139px;
    padding: 12px 16px;
    box-sizing: border-box
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo.quo_navtwo .quo_second .list_type .title {
    line-height: 16px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 3px;
    max-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo.quo_navtwo .quo_second .list_type .close {
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 3px
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo.quo_navtwo .quo_second .list_type .rate_change {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo.quo_navtwo .quo_second .list_type .rate_change .rate {
    width: 53px
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo.quo_navtwo .quo_second .list_type:hover .title {
    color: var(--color)
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo.quo_navtwo .quo_second .list_type:nth-child(1),
.index-header .header-center .head_navbox .head_navlist .head_navtwo.quo_navtwo .quo_second .list_type:nth-child(2) {
    margin-top: 0
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo.quo_navtwo .quo_second .list_type:nth-child(2n+1) {
    margin-left: 0
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo.quo_navtwo .quo_second.active {
    display: flex;
    flex-flow: wrap
}

.index-header .header-center .head_navbox .head_navlist .head_navtwo.quo_no_second {
    width: 0
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond {
    border-left: 1px solid var(--BorderLine_prop);
    display: none
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .nodata_img {
    text-align: center;
    padding: 50px 0;
    font-size: 16px;
    color: var(--FontColor_2)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .nodata_img img {
    width: 240px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond.active {
    display: block
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond.heads_active_second .navsecond_type {
    width: 216px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .navsecond_type {
    width: 432px;
    padding: 12px 20px;
    box-sizing: border-box;
    display: none
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .navsecond_type.active {
    display: block
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .navsecond_type.nav_list_second {
    padding: 12px 0
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .navsecond_type .list_type {
    line-height: 22px;
    padding: 9px 26px 9px 20px;
    display: block;
    color: var(--FontColor_1);
    font-size: 16px;
    cursor: pointer;
    position: relative
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .navsecond_type .list_type .iconfont {
    position: absolute;
    font-size: 12px;
    right: 12px;
    top: 50%;
    color: var(--FontColor_1);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .navsecond_type .list_type.active,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .navsecond_type .list_type:hover {
    background: var(--select_hover)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .navsecond_type.heads_video .title {
    color: var(--FontColor_2);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .video_type {
    display: inline-block;
    width: 190px;
    margin-left: 12px;
    background: var(--BorderColor2);
    border-radius: 12px;
    overflow: hidden;
    padding-bottom: 10px;
    margin-top: 12px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .video_type:nth-child(2n+1) {
    margin-left: 0
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .video_type:nth-child(1),
.index-header .header-center .head_navbox .head_navlist .head_navsecond .video_type:nth-child(2) {
    margin-top: 0
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .video_type .video-container {
    position: relative;
    height: 0;
    padding: 28.125% 0;
    overflow: hidden;
    background: var(--BorderColor2)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .video_type .video-container .video-cover {
    position: absolute;
    min-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .video_type .video-container .vip_logo {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 36px;
    border-radius: 20px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .video_type .video-container .video-time {
    position: absolute;
    top: 8px;
    right: 10px;
    background: #1f2533;
    color: #fff;
    border-radius: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding: 0 6px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .video_type .brief-description {
    font-weight: 700;
    line-height: 18px;
    font-size: 14px;
    margin-top: 6px;
    padding: 0 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    color: var(--FontColor_1)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .video_type .brief-tips {
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: 16px;
    padding: 0 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .video_type:hover .brief-description {
    color: var(--color)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .economy_typebox .title {
    color: var(--FontColor_2);
    font-size: 12px;
    font-weight: 700
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .economy_typebox .Themarkettrend_list {
    padding-top: 2px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .economy_typebox .Themarkettrend_list a {
    font-weight: 700;
    font-size: 14px;
    margin: 4px 16px 0 0;
    display: inline-block
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .economy_typebox .Themarkettrend_list a:hover {
    color: var(--color)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .economy_typebox.economy_hot {
    padding-top: 20px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .economy_typebox.economy_hot .economy_list .economy_type {
    padding: 10px 0 0;
    display: flex
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .economy_typebox.economy_hot .economy_list .economy_type .contry_img {
    width: 30px;
    height: 20px;
    border-radius: 4px;
    margin-right: 12px;
    flex-shrink: 0
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .economy_typebox.economy_hot .economy_list .economy_type .economy_inf {
    padding-bottom: 10px;
    flex: 1;
    width: 0;
    border-bottom: 1px solid var(--BorderLine_prop)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .economy_typebox.economy_hot .economy_list .economy_type .economy_inf .economy_title {
    font-weight: 700;
    margin-bottom: 2px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .economy_typebox.economy_hot .economy_list .economy_type .economy_inf .other_inf {
    color: var(--FontColor_2);
    font-size: 12px;
    display: flex;
    justify-content: space-between
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .economy_typebox.economy_hot .economy_list .economy_type:hover .economy_inf .economy_title {
    color: var(--color)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second {
    display: none
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second.active,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second.active {
    display: block
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .top_title,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .top_title {
    color: var(--FontColor_2);
    font-size: 12px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .news_type,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .news_type {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .news_type:first-of-type,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .news_type:first-of-type {
    margin-top: 10px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .news_type .report_left,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .news_type .report_left {
    width: 98px;
    margin-right: 12px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .news_type .report_left .report_img,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .news_type .report_left .report_img {
    height: 0;
    padding: 33.333333% 0;
    display: block;
    position: relative;
    overflow: hidden;
    background: var(--BorderColor2);
    border-radius: 12px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .news_type .report_left .report_img.widthimg img,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .news_type .report_left .report_img.widthimg img {
    min-width: 100%;
    height: 100%
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .news_type .report_left .report_img.heightimg img,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .news_type .report_left .report_img.heightimg img {
    width: 100%;
    min-height: 100%
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .news_type .report_left .report_img img,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .news_type .report_left .report_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .news_type .report_right,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .news_type .report_right {
    flex: 1;
    position: relative;
    width: 0
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .news_type .report_right .title,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .news_type .report_right .title {
    color: var(--FontColor_1);
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    margin-bottom: 5px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .news_type .report_right .tips,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .news_type .report_right .tips {
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--FontColor_2b)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .news_type .report_right .analysis_type,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .news_type .report_right .analysis_type {
    margin-bottom: 1px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .news_type:hover .report_right .title,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .news_type:hover .report_right .title {
    color: var(--color)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .author_type,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .author_type {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .author_type:first-of-type,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .author_type:first-of-type {
    margin-top: 10px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .author_type .author_left,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .author_type .author_left {
    width: 62px;
    height: 62px;
    margin-right: 12px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .author_type .author_left img,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .author_type .author_left img {
    width: 100%;
    height: 100%;
    border-radius: 12px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .author_type .author_right,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .author_type .author_right {
    flex: 1;
    position: relative;
    width: 0
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .author_type .author_right .title,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .author_type .author_right .title {
    color: var(--FontColor_1);
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .author_type .author_right .tips,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .author_type .author_right .tips {
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--FontColor_2)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .author_type:hover .author_right .title,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .author_type:hover .author_right .title {
    color: var(--color)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond {
    margin-top: 8px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types {
    padding: 14px 0;
    display: block;
    border-bottom: 1px solid var(--BorderLine_prop)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title {
    line-height: 25px;
    font-size: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 700;
    margin-right: 20px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title.end,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title.end {
    color: var(--FontColor_2b)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .symbol,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .symbol {
    margin-bottom: 7px;
    margin-right: 10px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .tradeDirection,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .tradeDirection {
    margin-right: 4px;
    margin-bottom: 7px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analysis_type,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analysis_type {
    margin-bottom: 7px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .end_analysis,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .end_analysis {
    margin-bottom: 7px;
    margin-right: 12px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType {
    display: flex;
    padding: 16px 0;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left {
    flex: 1;
    margin-right: 16px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .signal_title,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .signal_title {
    line-height: 25px;
    font-size: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 700
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .signal_title.end,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .signal_title.end {
    color: var(--FontColor_2)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .signal_title .tradeDirection,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .signal_title .tradeDirection {
    margin-right: 8px;
    font-weight: 700
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .signal_title .analysis_type,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .signal_title .analysis_type {
    margin-bottom: 0;
    border-radius: 10px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .title,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .title {
    color: var(--FontColor_1);
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    max-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 8px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .resourcetime,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .resourcetime {
    color: var(--FontColor_2);
    margin-top: 16px;
    font-size: 12px;
    display: flex;
    align-items: center
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .resourcetime .resource,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .resourcetime .resource {
    margin-right: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    min-width: 30px;
    max-width: 50%
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .resourcetime .new_time,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .resourcetime .new_time {
    flex-shrink: 0
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .resourcetime .author_img_box,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .resourcetime .author_img_box {
    display: flex
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .resourcetime .author_img_box .author_head,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .resourcetime .author_img_box .author_head {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 8px;
    border: 2px solid var(--BgColor)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .resourcetime .author_img_box .author_head:nth-child(2),
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .analyst_left .resourcetime .author_img_box .author_head:nth-child(2) {
    margin-left: -19px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status {
    width: 70px;
    height: 59px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss {
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--FontColor_2)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_text,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 12px;
    line-height: 11px;
    display: flex
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_text .point,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: none;
    margin-left: 3px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub {
    line-height: 21px;
    margin-top: 3px;
    font-size: 16px;
    font-weight: 600
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font14,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font14 {
    font-size: 14px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font12,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font12 {
    font-size: 12px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font10,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font10 {
    font-size: 10px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status.end,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status.flat,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status.end,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status.flat {
    background: var(--BorderLine_m2);
    color: var(--FontColor_2)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status.end .iconfont,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status.flat .iconfont,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status.end .iconfont,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box .signal_status.flat .iconfont {
    color: var(--FontColor_2);
    opacity: .07
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.anlist_status .signal_status,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.anlist_status .signal_status {
    width: 95px;
    height: 63px;
    border-radius: 6px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.anlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.anlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    font-size: 18px;
    line-height: 23px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.statuslist_box .signal_status,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.statuslist_box .signal_status {
    width: 70px;
    height: 48px;
    border-radius: 6px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.web_status .signal_status,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.web_status .signal_status {
    width: 204px;
    height: 172px;
    border-radius: 12px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.web_status .signal_status .signal_profitLoss,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.web_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_text,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 18px;
    line-height: 22px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_text .point,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_nub,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    font-size: 32px;
    line-height: 41px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status {
    width: 139px;
    height: 79px;
    border-radius: 12px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status .signal_profitLoss,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_text,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 12px;
    line-height: 22px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_text .point,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_nub,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    margin-top: 2px;
    font-size: 24px;
    line-height: 30px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status {
    width: 140px;
    height: 100px;
    border-radius: 8px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status .signal_profitLoss,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status .signal_profitLoss,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status .signal_profitLoss,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_text,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_text,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_text,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 12px;
    line-height: 22px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_nub,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_nub,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    margin-top: 2px;
    font-size: 22px;
    line-height: 28px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status {
    height: 68px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status {
    width: 204px;
    height: 110px;
    border-radius: 12px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status .signal_profitLoss,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_text,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 16px;
    line-height: 22px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    font-size: 32px;
    line-height: 41px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .analyst_title .analystType:hover .analyst_left .title,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .analyst_title .analystType:hover .analyst_left .title {
    color: var(--color)
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .new_time,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .new_time {
    font-size: 12px;
    line-height: 17px;
    color: var(--FontColor_2);
    margin-top: 7px
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types .title,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types .title {
    color: var(--FontColor_1);
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-header .header-center .head_navbox .head_navlist .head_navsecond .news_second .analyst_navsecond .analyst_types:hover .title,
.index-header .header-center .head_navbox .head_navlist .head_navsecond .sections_second .analyst_navsecond .analyst_types:hover .title {
    color: var(--color)
}

.index-header .header-center .head_navbox .head_navlist.no_check_only .head_navone,
.index-header .header-center .head_navbox .head_navlist.no_check_only .head_navsecond,
.index-header .header-center .head_navbox .head_navlist.no_check_only .head_navsecond .navsecond_type,
.index-header .header-center .head_navbox .head_navlist.no_check_only .head_navtwo,
.index-header .header-center .head_navbox .head_navlist.no_check_only .head_navtwo .navtwo_type {
    display: block !important
}

.index-header .header-center .head_navbox .head_navlist.no_check_only.only_two .head_navsecond {
    display: none !important
}

.index-header .header-center .head_navbox.heads_product .only_left.trans_tow {
    transform: translateX(-217px)
}

.index-header .header-center .head_navbox.heads_product .only_left.trans_three {
    transform: translateX(-650px)
}

.index-header .header-center .head_navbox.head_nav_market .only_left.trans_tow {
    transform: translateX(-332px)
}

.index-header .header-center .head_navbox.heads_news .only_left.trans_tow {
    transform: translateX(-217px)
}

.index-header .header-center .head_navbox.heads_news .only_left.trans_three {
    transform: translateX(-433px)
}

.index-header .header-center .head_navbox.heads_news .only_left.trans_three.trans_tow {
    transform: translateX(-650px)
}

.index-header .header-center .head_navbox.heads_bv .only_left.trans_tow {
    transform: translateX(-217px)
}

.index-header .header-center .head_navbox.heads_bv .only_left.trans_three {
    transform: translateX(-434px)
}

.index-header .header-center .head_navbox.heads_solution .only_left.trans_tow {
    transform: translateX(-217px)
}

.index-header .header-center .head_navbox.heads_solution .only_left.trans_three {
    transform: translateX(-434px)
}

.index-header .header-center .only_left .head_navone {
    order: 2
}

.index-header .header-center .only_left .head_navtwo {
    order: 1;
    border-left: none !important;
    border-right: 1px solid var(--BorderLine_prop) !important
}

.index-header .header-center .only_left .head_navsecond {
    order: 0;
    border-left: none !important;
    border-right: 1px solid var(--BorderLine_prop) !important
}

.index-header .header-center .only_one .head_navone .tag_right {
    display: none
}

.index-header .header-center .only_one .head_navtwo {
    display: none !important
}

.index-header .header-center .only_one .head_navsecond {
    display: none !important
}

.index-header .header-center .only_two .head_navone .heads_list_video .tag_right {
    display: none
}

.index-header .header-center .only_two .head_navtwo .tag_right {
    display: none
}

.index-header .header-center .only_two .head_navsecond {
    display: none !important
}

.index-header .header-main {
    padding: 0 20px;
    display: flex;
    height: 58px;
    align-items: center;
    justify-content: space-between;
    background: var(--BgColor);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 10
}

.index-header .header-main .download_app {
    font-weight: 700;
    margin-left: 16px;
    padding: 5px 10px;
    color: #000;
    border: 1px solid #000;
    border-radius: 20px
}

.index-header .header-main .download_app:hover {
    background: #000;
    color: var(--BgColor)
}

.index-header .header-main .header-center {
    height: 58px;
    padding: 0 7px;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.index-header .header-main .header-center .head_navbox .head_navlist {
    top: 52px;
    position: fixed;
    transform: none
}

.index-header .header-main.search .header-center,
.index-header .header-main.search .header-right .search-btn {
    display: none
}

.index-header .header_second_main {
    padding: 0 20px;
    position: relative
}

.index-header .header_second_main[data-wrap="1"]::before {
    content: "";
    position: absolute;
    width: var(--layout-left-box);
    height: 1px;
    top: calc(50% + 1px);
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--BorderColor2)
}

.index-header .header_second_main .header-center {
    line-height: 58px
}

.index-header .header-search {
    width: 500px;
    background: var(--BorderColor2);
    position: relative;
    z-index: 1000;
    display: none;
    border-radius: 20px
}

.index-header .header-search ::-webkit-input-placeholder {
    color: var(--FontColor_2)
}

.index-header .header-search input {
    color: var(--FontColor_1);
    font-size: 16px;
    width: 100%;
    height: 36px;
    padding: 8px 32px;
    box-sizing: border-box;
    position: relative;
    z-index: 6;
    background: 0 0
}

.index-header .header-search .search-btn {
    font-size: 20px;
    color: var(--FontColor_2);
    cursor: pointer;
    position: absolute;
    top: 6px;
    left: 8px;
    z-index: 8
}

.index-header .header-search .reset {
    color: var(--FontColor_2);
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 8;
    padding: 0 11px;
    display: none;
    height: 100%;
    align-items: center
}

.index-header .header-search .reset .iconfont {
    font-size: 16px;
    height: 16px
}

.index-header .header-search .reset.show {
    display: flex
}

.index-header .header-search .right-search-main {
    position: absolute;
    width: 100%;
    box-shadow: 0 2px 12px 0 var(--shadow_color);
    background-color: var(--BgOtherColor);
    padding: 16px 0;
    z-index: 5;
    display: none;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 12px
}

.index-header .header-search .right-search-main h6 {
    line-height: 17px;
    font-size: 12px;
    color: var(--FontColor_2);
    padding: 0 16px;
    margin-bottom: 8px
}

.index-header .header-search .right-search-main ul li {
    font-size: 14px;
    line-height: 20px;
    color: var(--FontColor_1);
    padding: 8px 16px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-header .header-search .right-search-main ul li:hover {
    background: var(--select_hover)
}

.index-header .header-search .right-search-main .recent-search {
    margin-bottom: 16px
}

.index-header .header-search .search_result_main {
    position: absolute;
    width: 100%;
    box-shadow: 0 2px 12px 0 var(--shadow_color);
    background-color: var(--BgOtherColor);
    z-index: 5;
    display: none;
    top: 45px;
    left: 0;
    border-radius: 12px
}

.index-header .header-search .search_result_main .main_seach_head {
    position: relative;
    display: none;
    padding: 16px 0
}

.index-header .header-search .search_result_main .main_seach_head .scroll-color {
    right: 5px !important
}

.index-header .header-search .search_result_main .main_seach_head #main_seach_head {
    max-height: 545px
}

.index-header .header-search .search_result_main .right-search-list {
    position: relative;
    margin-bottom: 16px
}

.index-header .header-search .search_result_main .right-search-list:before {
    content: "";
    border-bottom: 1px solid var(--BorderLine_prop);
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 460px;
    height: 1px;
    box-sizing: border-box
}

.index-header .header-search .search_result_main .right-search-list h6 {
    margin: 0 20px 0;
    font-size: 12px;
    line-height: 20px;
    color: var(--FontColor_2);
    font-weight: 700
}

.index-header .header-search .search_result_main .right-search-list .result_list .qua_type {
    display: flex;
    padding: 12px 20px;
    line-height: 20px
}

.index-header .header-search .search_result_main .right-search-list .result_list .qua_type:hover {
    background: var(--select_hover)
}

.index-header .header-search .search_result_main .right-search-list .result_list .qua_type span {
    flex: 3;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-header .header-search .search_result_main .right-search-list .result_list .qua_type span.qua_mid {
    flex: 5
}

.index-header .header-search .search_result_main .right-search-list .result_list .qua_type span:last-child {
    text-align: right
}

.index-header .header-search .search_result_main .right-search-list.fast-search .fast_type {
    padding: 12px 20px;
    display: block
}

.index-header .header-search .search_result_main .right-search-list.fast-search .fast_type .title {
    color: var(--FontColor_1);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-header .header-search .search_result_main .right-search-list.fast-search .fast_type .time {
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: 16px
}

.index-header .header-search .search_result_main .right-search-list.fast-search .fast_type:hover .title {
    color: var(--color)
}

.index-header .header-search .search_result_main .right-search-list.news-search:before {
    content: none
}

.index-header .header-search .search_result_main .right-search-list.news-search .result_list {
    margin: 0 20px
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type {
    position: relative;
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid var(--BorderLine_prop)
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_left {
    width: 110px;
    position: absolute
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_left .report_img {
    height: 0;
    padding: 33.333333% 0;
    display: block;
    position: relative;
    overflow: hidden;
    background: var(--BorderColor2);
    border-radius: 12px
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_left .report_img.widthimg img {
    min-width: 100%;
    height: 100%
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_left .report_img.heightimg img {
    width: 100%;
    min-height: 100%
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_left .report_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_left .report_img .analyst_img_text .trading_value {
    font-size: 24px;
    line-height: 28px
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_left .report_img .analyst_img_text .name {
    font-size: 19px;
    line-height: 30px
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_right {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    padding-left: 120px
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_right .title {
    color: var(--FontColor_1);
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_right .title .color-blue {
    color: var(--color)
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_right .tips {
    font-size: 14px;
    line-height: 22px;
    margin-top: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_right .resourcetime {
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: 16px;
    margin-top: 6px;
    display: flex;
    align-items: center
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_right .resourcetime .resource {
    margin-right: 16px
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type .report_right .resourcetime .resource_report {
    padding: 2px 6px;
    color: #fa5754;
    margin-right: 16px;
    background: rgba(250, 87, 84, .1)
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type.left_right {
    height: auto
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type.left_right .report_right {
    padding-left: 0
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type.left_right .report_right .resourcetime {
    position: static;
    margin-top: 6px
}

.index-header .header-search .search_result_main .right-search-list.news-search .trending_type:hover .report_right .title {
    color: var(--color)
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types {
    padding: 12px 0;
    margin: 0 20px;
    display: block;
    border-bottom: 1px solid var(--BorderLine_prop)
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title {
    line-height: 25px;
    font-size: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 700;
    margin-right: 20px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title.end {
    color: var(--FontColor_2b)
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .symbol {
    margin-bottom: 7px;
    margin-right: 10px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .tradeDirection {
    margin-right: 4px;
    margin-bottom: 7px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analysis_type {
    margin-bottom: 7px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .end_analysis {
    margin-bottom: 7px;
    margin-right: 12px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType {
    display: flex;
    padding: 16px 0;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .analyst_left {
    flex: 1;
    margin-right: 16px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .analyst_left .signal_title {
    line-height: 25px;
    font-size: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 700
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .analyst_left .signal_title.end {
    color: var(--FontColor_2)
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .analyst_left .signal_title .tradeDirection {
    margin-right: 8px;
    font-weight: 700
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .analyst_left .signal_title .analysis_type {
    margin-bottom: 0;
    border-radius: 10px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .analyst_left .title {
    color: var(--FontColor_1);
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    max-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 8px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .analyst_left .resourcetime {
    color: var(--FontColor_2);
    margin-top: 16px;
    font-size: 12px;
    display: flex;
    align-items: center
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .analyst_left .resourcetime .resource {
    margin-right: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    min-width: 30px;
    max-width: 50%
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .analyst_left .resourcetime .new_time {
    flex-shrink: 0
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .analyst_left .resourcetime .author_img_box {
    display: flex
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .analyst_left .resourcetime .author_img_box .author_head {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 8px;
    border: 2px solid var(--BgColor)
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .analyst_left .resourcetime .author_img_box .author_head:nth-child(2) {
    margin-left: -19px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box .signal_status {
    width: 70px;
    height: 59px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss {
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--FontColor_2)
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 12px;
    line-height: 11px;
    display: flex
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: none;
    margin-left: 3px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub {
    line-height: 21px;
    margin-top: 3px;
    font-size: 16px;
    font-weight: 600
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font14 {
    font-size: 14px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font12 {
    font-size: 12px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font10 {
    font-size: 10px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box .signal_status.end,
.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box .signal_status.flat {
    background: var(--BorderLine_m2);
    color: var(--FontColor_2)
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box .signal_status.end .iconfont,
.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box .signal_status.flat .iconfont {
    color: var(--FontColor_2);
    opacity: .07
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.anlist_status .signal_status {
    width: 95px;
    height: 63px;
    border-radius: 6px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.anlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    font-size: 18px;
    line-height: 23px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.statuslist_box .signal_status {
    width: 70px;
    height: 48px;
    border-radius: 6px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.web_status .signal_status {
    width: 204px;
    height: 172px;
    border-radius: 12px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.web_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 18px;
    line-height: 22px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    font-size: 32px;
    line-height: 41px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status {
    width: 139px;
    height: 79px;
    border-radius: 12px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 12px;
    line-height: 22px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    margin-top: 2px;
    font-size: 24px;
    line-height: 30px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status,
.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status {
    width: 140px;
    height: 100px;
    border-radius: 8px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status .signal_profitLoss,
.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_text,
.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 12px;
    line-height: 22px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point,
.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_nub,
.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    margin-top: 2px;
    font-size: 22px;
    line-height: 28px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webstlist_status .signal_status {
    height: 68px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status {
    width: 204px;
    height: 110px;
    border-radius: 12px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 16px;
    line-height: 22px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    font-size: 32px;
    line-height: 41px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .analyst_title .analystType:hover .analyst_left .title {
    color: var(--color)
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .new_time {
    font-size: 12px;
    line-height: 17px;
    color: var(--FontColor_2);
    margin-top: 7px
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types .title {
    color: var(--FontColor_1);
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-header .header-search .search_result_main .right-search-list.analyst-search .analyst_types:hover .title {
    color: var(--color)
}

.index-header .header-search .search_result_main .right-search-list.calendar-search {
    padding-bottom: 7px
}

.index-header .header-search .search_result_main .right-search-list.calendar-search .content-list {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 44px;
    margin: 0 20px
}

.index-header .header-search .search_result_main .right-search-list.calendar-search .content-list:last-child {
    border-color: transparent
}

.index-header .header-search .search_result_main .right-search-list.calendar-search .content-list .calendar-flag {
    flex: 0 0 auto;
    width: 30px;
    height: 20px;
    border-radius: 4px;
    background-color: #b72343
}

.index-header .header-search .search_result_main .right-search-list.calendar-search .content-list .calendar-title {
    flex: 1 0 auto;
    width: 0;
    margin: 0 47px 0 16px;
    font-family: PingFangSC;
    color: var(--FontColor_1);
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.index-header .header-search .search_result_main .right-search-list.calendar-search .content-list:hover .calendar-title {
    color: var(--color)
}

.index-header .header-search .search_result_main .right-search-list.calendar-search .content-list .calendar-start {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin-right: 5px
}

.index-header .header-search .search_result_main .right-search-list.calendar-search .content-list .calendar-start .iconfont {
    font-size: 16px;
    line-height: 1
}

.index-header .header-search .search_result_main .right-search-list.calendar-search .content-list .calendar-start .iconfont:nth-of-type(n+2) {
    margin-left: 4px
}

.index-header .header-search .search_result_main .right-search-list.calendar-search .content-list .calendar-start .iconfont.star-yellow {
    color: #f6bc4f
}

.index-header .header-search .search_result_main .right-search-list.calendar-search .content-list .calendar-start .iconfont.star-red {
    color: #fa5754
}

.index-header .header-search .search_result_main .right-search-list.calendar-search .content-list .calendar-start .iconfont.star-grey {
    color: var(--FontColor_3)
}

.index-header .header-search .search_result_main .right-search-list.video-search h6 {
    margin-bottom: 10px
}

.index-header .header-search .search_result_main .right-search-list.video-search .result_list {
    display: flex;
    margin: 0 20px
}

.index-header .header-search .search_result_main .right-search-list.video-search .video-detail-jump {
    margin-left: 16px;
    flex: 1;
    border-radius: 12px;
    background: var(--Bg_g8);
    overflow: hidden;
    margin-bottom: 12px
}

.index-header .header-search .search_result_main .right-search-list.video-search .video-detail-jump:first-child {
    margin-left: 0
}

.index-header .header-search .search_result_main .right-search-list.video-search .video-detail-jump .video-container {
    position: relative;
    height: 0;
    padding: 28.125% 0;
    overflow: hidden;
    background: var(--BorderColor2)
}

.index-header .header-search .search_result_main .right-search-list.video-search .video-detail-jump .video-container .vip_logo {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 36px;
    border-radius: 20px
}

.index-header .header-search .search_result_main .right-search-list.video-search .video-detail-jump .video-container .video-time {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #1f2533;
    color: #fff;
    border-radius: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding: 0 6px
}

.index-header .header-search .search_result_main .right-search-list.video-search .video-detail-jump .video-poster {
    position: absolute;
    min-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.index-header .header-search .search_result_main .right-search-list.video-search .video-detail-jump .video-title {
    font-weight: 700;
    line-height: 18px;
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 10px;
    padding: 0 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-header .header-search .search_result_main .right-search-list.video-search .video-detail-jump:hover .video-title {
    color: var(--color)
}

.index-header .header-search .search_result_main .right-search-list.data-search:before {
    content: none
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table {
    margin: 10px 20px 0
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table .table-thead .thead-tr {
    display: flex;
    align-items: center;
    padding-right: 12px;
    border-bottom: 1px solid var(--BorderLine_prop)
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table .table-thead .thead-tr .tr-th {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    color: var(--FontColor_2);
    padding: 0 10px 0 0
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table .table-thead .thead-tr .tr-th:nth-of-type(1) {
    box-sizing: border-box;
    width: 50%;
    text-align: left
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table .table-thead .thead-tr .tr-th:nth-of-type(2) {
    width: 25%;
    text-align: right
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table .table-thead .thead-tr .tr-th:nth-of-type(3) {
    width: 25%;
    text-align: right;
    padding-right: 0
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table .table-tbody .tbody-tr {
    border-bottom: 1px solid var(--BorderLine_prop);
    display: flex;
    align-items: center
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table .table-tbody .tbody-tr .tr-td {
    display: inline-block;
    font-size: 14px;
    padding: 12px 10px 12px 0
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table .table-tbody .tbody-tr .tr-td:nth-of-type(1) {
    box-sizing: border-box;
    width: 50%;
    text-align: left;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--FontColor_1)
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table .table-tbody .tbody-tr .tr-td:nth-of-type(1) .color-blue {
    color: var(--color)
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table .table-tbody .tbody-tr .tr-td:nth-of-type(1):hover {
    color: var(--color)
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table .table-tbody .tbody-tr .tr-td:nth-of-type(1):hover a {
    color: var(--color)
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table .table-tbody .tbody-tr .tr-td:nth-of-type(2) {
    width: 25%;
    text-align: right;
    font-size: 14px;
    color: var(--FontColor_1)
}

.index-header .header-search .search_result_main .right-search-list.data-search .content-table .table-tbody .tbody-tr .tr-td:nth-of-type(3) {
    width: 25%;
    text-align: right;
    font-size: 14px;
    color: var(--FontColor_1)
}

.index-header .header-search .search_result_main .right-search-list.user-search .author_type {
    display: flex;
    align-items: center;
    padding: 12px 0;
    margin: 0 20px;
    border-bottom: 1px solid var(--BorderLine_prop)
}

.index-header .header-search .search_result_main .right-search-list.user-search .author_type .img_box {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--BorderColor2)
}

.index-header .header-search .search_result_main .right-search-list.user-search .author_type .img_box img {
    width: 100%;
    height: 100%
}

.index-header .header-search .search_result_main .right-search-list.user-search .author_type .author_infor {
    margin-left: 10px;
    flex: 1;
    width: 0
}

.index-header .header-search .search_result_main .right-search-list.user-search .author_type .author_infor .infor_top {
    display: flex;
    align-items: center
}

.index-header .header-search .search_result_main .right-search-list.user-search .author_type .author_infor .infor_top .name {
    color: var(--FontColor_1);
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-header .header-search .search_result_main .right-search-list.user-search .author_type:hover .author_infor .infor_top .name {
    color: var(--color)
}

.index-header .header-search .search_result_main .domo {
    text-align: center;
    line-height: 17px;
    color: var(--FontColor_2);
    padding-bottom: 16px;
    font-size: 12px;
    display: none;
    align-items: center;
    justify-content: center
}

.index-header .header-search .search_result_main .domo .go_search {
    display: flex;
    cursor: pointer
}

.index-header .header-search .search_result_main .domo .go_search .iconfont {
    font-size: 12px;
    margin-left: 2px
}

.index-header .header-search .search_result_main .domo .go_search:hover {
    color: var(--color)
}

.index-header .header-search .search_result_main .domo.hasdomo {
    display: flex
}

.index-header .header-search .search_result_main .no_data {
    text-align: center;
    display: none;
    color: var(--FontColor_2);
    padding: 16px 0
}

.index-header .header-search .search_result_main .no_data img {
    width: 160px;
    display: block;
    margin: 0 auto
}

.index-header .header-right {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.index-header .header-right .search-btn {
    display: none;
    font-size: 24px;
    color: var(--FontColor_1);
    cursor: pointer;
    margin-right: 16px
}

.index-header .header-right .time_language {
    position: relative;
    display: flex;
    align-items: center;
    height: 32px;
    font-size: 14px
}

.index-header .header-right .time_language .select-list {
    color: var(--FontColor_1);
    position: relative;
    border: none;
    margin-top: 0;
    width: auto;
    float: none;
    text-align: right;
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.index-header .header-right .time_language .select-list span {
    font-weight: 400;
    font-size: 14px;
    display: inline;
    width: auto;
    height: auto;
    padding: 0
}

.index-header .header-right .time_language .select-list .notional_flag {
    width: 20px;
    height: 15px;
    display: block;
    border-radius: 2px
}

.index-header .header-right .time_language .select-list .iconfont {
    font-size: 14px;
    position: static;
    margin-left: 4px;
    color: var(--FontColor_1)
}

.index-header .header-right .time_language .select-list .select-list-main {
    position: absolute;
    right: -3px;
    top: 36px;
    z-index: 99999;
    display: none;
    width: 232px;
    overflow: visible
}

.index-header .header-right .time_language .select-list .select-list-main.language-select-main {
    left: auto
}

.index-header .header-right .time_language .select-list .select-list-main ul {
    background: var(--BgOtherColor);
    box-sizing: border-box;
    padding: 8px 0;
    max-height: none
}

.index-header .header-right .time_language .select-list .select-list-main ul li {
    cursor: pointer;
    height: 40px;
    white-space: nowrap;
    line-height: 40px;
    font-size: 16px;
    text-align: left;
    padding: 0 44px 0 20px
}

.index-header .header-right .time_language .select-list .select-list-main ul li:hover {
    background: var(--select_hover)
}

.index-header .header-right .time_language .select-list .select-list-main ul li.active {
    background: var(--color);
    color: #1f2533
}

.index-header .header-right .time_language .select-list .select-list-main ul li img {
    display: none;
    width: 20px;
    vertical-align: middle;
    margin-right: 8px
}

.index-header .header-right .time_language .select-list .select-list-main ul::before {
    display: none;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid var(--BgColor);
    z-index: 2;
    left: 50%;
    top: -10px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.index-header .header-right .time_language .select-list .select-list-main .scroll-color {
    right: 6px !important
}

.index-header .header-right .time_language .select-time_zone {
    margin-top: 4px
}

.index-header .header-right .time_language .select-time_zone .scroll-color {
    top: 0 !important
}

.index-header .header-right .time_language .browser_tooltip {
    position: absolute;
    z-index: 99;
    top: calc(100% + 10px);
    right: 0;
    min-width: 300px;
    padding: 20px;
    border-radius: 8px;
    box-sizing: border-box;
    background-color: var(--BgColor);
    box-shadow: 0 2px 6px 0 var(--shadow_color)
}

.index-header .header-right .time_language .browser_tooltip::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 28px;
    transform: translateY(-100%);
    border-bottom: 9px solid var(--BgColor);
    border-right: 9px solid transparent;
    border-left: 9px solid transparent
}

.index-header .header-right .time_language .browser_tooltip .tooltip_content {
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 20px
}

.index-header .header-right .time_language .browser_tooltip .tooltip_content span {
    color: var(--color);
    line-height: 20px;
    display: inline-block
}

.index-header .header-right .time_language .browser_tooltip .tooltip_jump {
    display: inline-block;
    margin-top: 16px;
    min-width: 88px;
    height: 24px;
    padding: 0 16px;
    background-color: var(--color);
    box-sizing: border-box;
    font-size: 14px;
    color: #1f2533;
    line-height: 24px;
    cursor: pointer;
    border-radius: 8px
}

.index-header .header-right .time_language .browser_tooltip .tooltip_jump:hover {
    background: #00c89c
}

.index-header .header-right .time_language .browser_tooltip .tooltip_close {
    position: absolute;
    padding: 12px;
    right: 0;
    top: 0;
    font-size: 12px;
    color: var(--FontColor_2);
    cursor: pointer
}

.index-header .header-right .open_account_box {
    min-width: 72px;
    padding: 0 8px;
    height: 32px;
    line-height: 32px;
    background: var(--color);
    color: #1f2533;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin-left: 16px;
    cursor: pointer;
    border-radius: 8px
}

.index-header .header-right .open_account_box:hover {
    background: #00c89c
}

.index-header .header-right .third-login {
    display: inline-block
}

.index-header .header-right .third-login .qr-box {
    padding-left: 18px;
    padding-top: 10px;
    position: relative;
    cursor: pointer;
    margin: 0
}

.index-header .header-right .third-login .qr-box i {
    color: #181818;
    font-size: 18px
}

.index-header .header-right .third-login .qr-box .play-code {
    position: absolute;
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    background-color: var(--BgColor);
    padding: 15px 0;
    display: none;
    width: 160px;
    top: 45px;
    z-index: 22;
    right: -15px
}

.index-header .header-right .third-login .qr-box .play-code .triangle {
    left: 128px
}

.index-header .header-right .third-login .qr-box .play-code .bottom-box .code-img {
    width: 126px;
    height: 126px;
    margin: 8px auto
}

.index-header .header-right .third-login .qr-box .play-code .bottom-box .code-img img {
    width: 126px;
    height: 126px
}

.index-header .header-right .third-login .qr-box .play-code .bottom-box .code-dec {
    margin: 8px auto 0 auto;
    text-align: center;
    line-height: 22px;
    color: var(--FontColor_1);
    display: block;
    position: static
}

.index-header .header-right .third-login .qr-box .play-code.download-code {
    right: 0
}

.index-header .header-right .third-login .qr-box .play-code.download-code .triangle {
    left: auto;
    right: 0
}

.index-header .header-right .third-login .qr-box:hover .play-code {
    display: block
}

.index-header .header-right .desktop_box {
    position: relative;
    margin-right: 16px
}

.index-header .header-right .desktop_box .desktop_main {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 12px 0
}

.index-header .header-right .desktop_box .desktop_main .iconfont {
    font-size: 24px
}

.index-header .header-right .desktop_box .desktop_main .desktop_name {
    font-size: 12px;
    margin-left: 6px;
    line-height: 26px;
    white-space: nowrap;
    font-weight: 700;
    position: relative;
    top: 1px
}

.index-header .header-right .desktop_box .desktop_fix {
    position: absolute;
    top: 52px;
    left: 50%;
    width: 325px;
    z-index: 100000;
    transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    -moz-transform: translateX(-60%);
    -webkit-transform: translateX(-60%);
    -o-transform: translateX(-60%);
    display: none
}

.index-header .header-right .desktop_box .desktop_fix .fixbox_hover {
    position: absolute;
    width: 100%;
    top: -10px;
    height: 10px
}

.index-header .header-right .desktop_box .desktop_fix .fixbox_hover:before {
    display: none;
    left: 50%;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid var(--BgColor);
    z-index: 2;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: 1px
}

.index-header .header-right .desktop_box .desktop_fix .desktop_fix_box {
    padding: 20px 13px;
    background: var(--BgOtherColor);
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 var(--shadow_color)
}

.index-header .header-right .desktop_box .desktop_fix .desktop_fix_box .type_box {
    display: flex
}

.index-header .header-right .desktop_box .desktop_fix .desktop_fix_box .type_box .type_img {
    border-radius: 8px;
    border: 1px solid var(--BorderLine_prop);
    width: 102px;
    height: 102px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 15px
}

.index-header .header-right .desktop_box .desktop_fix .desktop_fix_box .type_box.desktop_type {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--BorderLine_prop)
}

.index-header .header-right .desktop_box .desktop_fix .desktop_fix_box .type_box.desktop_type .type_img {
    border-radius: 0;
    border: none
}

.index-header .header-right .desktop_box .desktop_fix .desktop_fix_box .desktop_head {
    width: 100%
}

.index-header .header-right .desktop_box .desktop_fix .desktop_fix_box .download_box {
    text-align: left
}

.index-header .header-right .desktop_box .desktop_fix .desktop_fix_box .download_box .title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: var(--FontColor_1)
}

.index-header .header-right .desktop_box .desktop_fix .desktop_fix_box .download_box .des {
    color: var(--FontColor_2);
    margin: 4px 0 16px;
    line-height: 20px
}

.index-header .header-right .desktop_box .desktop_fix .desktop_fix_box .download_box .download_bt {
    line-height: 20px;
    background: var(--color);
    color: #1f2533;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    min-width: 147px;
    padding: 8px 12px;
    box-sizing: border-box
}

.index-header .header-right .desktop_box .desktop_fix .desktop_fix_box .download_box .download_bt:hover {
    background: #00c89c
}

.index-header .header-right .desktop_box:hover .desktop_fix {
    display: block
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center .center_search,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center .center_search,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center .center_search,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center .center_search,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center .center_search,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center .center_search,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center .center_search,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center .center_search,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center .center_search,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center .center_search {
    display: none !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center.lang_0,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center.lang_0,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center.lang_0,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center.lang_0,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center.lang_0,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center.lang_0,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center.lang_0,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center.lang_0,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center.lang_0,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center.lang_0 {
    width: calc(var(--layout-left-box) - 174px - 271.69px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center.lang_1,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center.lang_2,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center.lang_1,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center.lang_2,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center.lang_1,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center.lang_2,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center.lang_1,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center.lang_2,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center.lang_1,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center.lang_2,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center.lang_1,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center.lang_2,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center.lang_1,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center.lang_2,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center.lang_1,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center.lang_2,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center.lang_1,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center.lang_2,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center.lang_1,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center.lang_2 {
    width: calc(var(--layout-left-box) - 174px - 230px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center.lang_3,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center.lang_3,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center.lang_3,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center.lang_3,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center.lang_3,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center.lang_3,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center.lang_3,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center.lang_3,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center.lang_3,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center.lang_3 {
    width: calc(var(--layout-left-box) - 174px - 244.81px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center.lang_4,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center.lang_4,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center.lang_4,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center.lang_4,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center.lang_4,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center.lang_4,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center.lang_4,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center.lang_4,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center.lang_4,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center.lang_4 {
    width: calc(var(--layout-left-box) - 174px - 300.38px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center.lang_7,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center.lang_7,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center.lang_7,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center.lang_7,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center.lang_7,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center.lang_7,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center.lang_7,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center.lang_7,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center.lang_7,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center.lang_7 {
    width: calc(var(--layout-left-box) - 174px - 222px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center.lang_8,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center.lang_8,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center.lang_8,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center.lang_8,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center.lang_8,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center.lang_8,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center.lang_8,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center.lang_8,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center.lang_8,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center.lang_8 {
    width: calc(var(--layout-left-box) - 174px - 232.25px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center.lang_9,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center.lang_9,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center.lang_9,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center.lang_9,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center.lang_9,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center.lang_9,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center.lang_9,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center.lang_9,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center.lang_9,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center.lang_9 {
    width: calc(var(--layout-left-box) - 174px - 268.47px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center.lang_10,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center.lang_10,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center.lang_10,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center.lang_10,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center.lang_10,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center.lang_10,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center.lang_10,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center.lang_10,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center.lang_10,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center.lang_10 {
    width: calc(var(--layout-left-box) - 174px - 236.97px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center.lang_11,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center.lang_11,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center.lang_11,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center.lang_11,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center.lang_11,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center.lang_11,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center.lang_11,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center.lang_11,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center.lang_11,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center.lang_11 {
    width: calc(var(--layout-left-box) - 174px - 265.39px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center.lang_13,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center.lang_13,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center.lang_13,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center.lang_13,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center.lang_13,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center.lang_13,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center.lang_13,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center.lang_13,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center.lang_13,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center.lang_13 {
    width: calc(var(--layout-left-box) - 174px - 222.61px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center.lang_14,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center.lang_14,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center.lang_14,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center.lang_14,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center.lang_14,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center.lang_14,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center.lang_14,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center.lang_14,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center.lang_14,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center.lang_14 {
    width: calc(var(--layout-left-box) - 174px - 230.39px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-center.lang_16,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-center.lang_16,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-center.lang_16,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-center.lang_16,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-center.lang_16,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-center.lang_16,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-center.lang_16,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-center.lang_16,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-center.lang_16,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-center.lang_16 {
    width: calc(var(--layout-left-box) - 174px - 244.8px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header-main .header-right .search-btn,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) :where(.cn, .tw, .ko) .header_second_main .header-right .search-btn,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header-main .header-right .search-btn,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) :where(.ar, .id) .header_second_main .header-right .search-btn,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header-main .header-right .search-btn,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) :where(.en, .ms, .th, .pt, .tr) .header_second_main .header-right .search-btn,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header-main .header-right .search-btn,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"]) :where(.vi, .ru, .fr, .it, .jp) .header_second_main .header-right .search-btn,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header-main .header-right .search-btn,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"]) :where(.es) .header_second_main .header-right .search-btn {
    display: block
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-logo,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-logo {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-main .header-center,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-main .header-center {
    justify-content: flex-start
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center.lang_0,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center.lang_0 {
    width: calc(var(--layout-left-box) - 40px - 271.69px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center.lang_1,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center.lang_2,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center.lang_1,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center.lang_2 {
    width: calc(var(--layout-left-box) - 40px - 230px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center.lang_3,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center.lang_3 {
    width: calc(var(--layout-left-box) - 40px - 244.81px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center.lang_4,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center.lang_4 {
    width: calc(var(--layout-left-box) - 40px - 300.38px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center.lang_7,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center.lang_7 {
    width: calc(var(--layout-left-box) - 40px - 222px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center.lang_8,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center.lang_8 {
    width: calc(var(--layout-left-box) - 40px - 232.25px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center.lang_9,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center.lang_9 {
    width: calc(var(--layout-left-box) - 40px - 268.47px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center.lang_10,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center.lang_10 {
    width: calc(var(--layout-left-box) - 40px - 236.97px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center.lang_11,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center.lang_11 {
    width: calc(var(--layout-left-box) - 40px - 265.39px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center.lang_13,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center.lang_13 {
    width: calc(var(--layout-left-box) - 40px - 222.61px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center.lang_14,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center.lang_14 {
    width: calc(var(--layout-left-box) - 40px - 230.39px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center.lang_16,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center.lang_16 {
    width: calc(var(--layout-left-box) - 40px - 244.8px)
}

:where([data-width="500"], [data-width="600"], [data-width="650"]) :where(.cn, .tw, .ko, .ar) .index-header .header-right,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-right {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"]) :where(.cn, .tw, .ko, .ar) .index-header .header-center,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"]) :where(.en, .ms, .th, .pt, .tr, .vi, .ru, .fr, .it, .es, .jp, .id) .index-header .header-center {
    width: calc(var(--layout-left-box) - 40px) !important
}

.index-nav {
    width: 100%;
    height: 54px;
    background-color: var(--BgColor)
}

.index-nav .nav-main {
    position: relative;
    max-width: 1200px;
    padding: 0 16px;
    margin: 0 auto;
    border-top: 1px solid var(--BorderLine_m2)
}

.index-nav .nav-left {
    display: inline-block
}

.index-nav .nav-left ul {
    margin-top: 16px
}

.index-nav .nav-left ul li {
    display: inline-block;
    text-align: left;
    color: var(--FontColor_1);
    font-weight: 600;
    cursor: pointer;
    margin: 0 56px 0 0
}

.index-nav .nav-left ul li:last-child {
    margin-right: 0 !important
}

.index-nav .nav-left ul .active {
    color: var(--color);
    padding: 0 0 8px 0;
    border-bottom: 2px solid var(--color);
    border-radius: 1px
}

.index-nav .nav-right {
    float: right;
    margin-top: 15px;
    position: relative
}

.index-nav .nav-right ::-webkit-input-placeholder {
    color: var(--FontColor_3)
}

.index-nav .nav-right input {
    position: relative;
    top: -8px;
    color: var(--FontColor_1);
    width: 226px;
    padding-right: 8px;
    box-sizing: border-box
}

.index-nav .nav-right .align-left {
    text-align: left
}

.index-nav .nav-right .align-right {
    text-align: right;
    color: var(--FontColor_3) !important
}

.index-nav .nav-right i {
    font-size: 24px;
    color: var(--FontColor_2);
    cursor: pointer
}

.index-nav .nav-right .right-search-main {
    position: absolute;
    width: 260px;
    box-shadow: 0 2px 12px 0 var(--shadow_color);
    background-color: var(--BgOtherColor);
    padding: 12px 0;
    z-index: 5;
    display: none
}

.index-nav .nav-right .right-search-main h6 {
    color: var(--FontColor_3);
    padding: 0 16px
}

.index-nav .nav-right .right-search-main ul li {
    line-height: 22px;
    color: var(--FontColor_1);
    padding: 3px 16px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.index-nav .nav-right .right-search-main ul li:hover {
    background: #e5e5e7
}

.index-nav .nav-right .right-search-main .hot-search {
    margin-top: 10px
}

.warn-active-main {
    text-align: left !important;
    width: 855px !important;
    height: 94vh !important;
    padding: 40px 24px !important;
    box-sizing: border-box !important
}

.popup-active {
    width: 855px;
    height: 888px;
    padding: 80px 40px 68px 40px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    border-radius: 16px
}

.warn-vip-main {
    text-align: left
}

.close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 0;
    user-select: none;
    cursor: pointer
}

.close-btn .iconfont {
    font-size: 20px;
    z-index: 2000
}

.close-btn .activity_btn_color {
    color: var(--BgColor)
}

.post {
    top: 50px;
    right: 25px
}

.remind_iframe_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000005
}

.remind_iframe_fixed .shead {
    position: absolute;
    background: var(--shead_color);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.remind_iframe_fixed .remind_iframe_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: var(--BgOtherColor);
    border-radius: 8px;
    width: 480px;
    height: 582px;
    box-sizing: border-box;
    overflow: hidden
}

.remind_iframe_fixed .remind_iframe_cont .head {
    height: 55px;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--FontColor_1);
    border-bottom: 1px solid var(--BorderLine_prop)
}

.remind_iframe_fixed .remind_iframe_cont .head .warn-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px
}

.remind_iframe_fixed .remind_iframe_cont .head .icon-bl-icon-close-def {
    cursor: pointer;
    font-size: 24px
}

.remind_iframe_fixed .remind_iframe_cont #remind_iframe {
    width: 100%;
    height: calc(100% - 56px);
    display: block
}

.account_iframe_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000003
}

.account_iframe_fixed .shead {
    position: absolute;
    background: var(--shead_color);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.account_iframe_fixed .account_iframe_cont {
    max-width: 620px;
    height: 735px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    border-radius: 16px;
    background-color: var(--BgOtherColor)
}

.account_iframe_fixed .account_iframe_cont .close_account {
    position: absolute;
    top: 20px;
    right: 24px;
    font-size: 24px;
    color: var(--FontColor_1);
    cursor: pointer
}

.account_iframe_fixed .account_iframe_cont #account_iframe {
    width: 100%;
    height: 100%;
    display: block
}

.social_media_big {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000;
    display: none
}

.social_media_big.show {
    display: block
}

.social_media_big .shade {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5
}

.social_media_big .social_media_box {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    -moz-transform: translate(100%, -50%);
    -webkit-transform: translate(100%, -50%);
    -o-transform: translate(100%, -50%);
    width: 360px;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.social_media_big .social_media_box.show {
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%)
}

.social_media_big .social_media_box .social_media_top {
    width: 100%;
    height: 125px;
    background: #06d686;
    border-radius: 14px 14px 0 0;
    position: relative
}

.social_media_big .social_media_box .social_media_top .social_media_img {
    width: 228px;
    height: 240px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: url(https://img.fastbull.com/static/images/man_01.png) 0 0 no-repeat;
    animation: anim 2.4s steps(53) 1s infinite
}

.social_media_big .social_media_box .social_media_top .social_media_img>svg {
    display: block
}

.social_media_big .social_media_box .social_media_top .iconfont {
    position: absolute;
    right: 16px;
    top: 16px;
    color: var(--FontColor_2);
    cursor: pointer
}

.social_media_big .social_media_box .social_media_infor {
    border-radius: 0 0 14px 14px;
    background: var(--BgOtherColor);
    padding: 25px 24px 28px
}

.social_media_big .social_media_box .social_media_infor .social_media_title_head {
    color: var(--FontColor_2b);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
    text-align: center
}

.social_media_big .social_media_box .social_media_infor .social_media_title {
    color: var(--FontColor_2b);
    margin-bottom: 6px;
    text-align: center
}

.social_media_big .social_media_box .social_media_infor .social_media_type {
    display: flex;
    align-items: center;
    margin-top: 17px;
    padding: 8px 16px;
    background: #2196d4;
    border-radius: 20px;
    color: var(--BgColor);
    font-weight: 700
}

.social_media_big .social_media_box .social_media_infor .social_media_type .media_img {
    width: 24px;
    margin-right: 10px;
    height: 24px
}

.social_media_big .social_media_box .social_media_infor .social_media_type .media_name {
    font-weight: 700;
    line-height: 20px
}

.tost_vip {
    position: fixed;
    width: 845px;
    box-sizing: border-box;
    z-index: 100000002;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.tost_vip .vip_bg {
    position: absolute;
    bottom: 0;
    right: 241px;
    width: 148px;
    z-index: 3
}

.tost_vip .new_pp {
    position: absolute;
    top: -15px;
    left: -12px;
    background: #fa5754;
    border-radius: 14px 4px 14px 0;
    color: var(--BgColor);
    padding: 6px 15px;
    line-height: 16px;
    font-size: 12px;
    z-index: 3
}

.tost_vip .new_triangle {
    position: absolute;
    z-index: 1;
    background: #a33937;
    width: 14px;
    height: 7px;
    left: -11px;
    top: 10px;
    transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    -o-transform: rotate(25deg)
}

.tost_vip .vip_boxs {
    position: relative;
    z-index: 2;
    width: 845px;
    box-sizing: border-box;
    padding: 23px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: linear-gradient(263deg, #2b2b2b, #1a1a1a, #1a1a1a);
    border-radius: 16px
}

.tost_vip .vip_boxs .icon-bl-icon-close-def {
    position: absolute;
    right: 9px;
    top: 9px;
    font-size: 14px;
    cursor: pointer;
    color: var(--FontColor_3)
}

.tost_vip .vip_boxs .vip_box {
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: 24px
}

.tost_vip .vip_boxs .vip_box .vip_imgs {
    width: 120px;
    height: 24px;
    margin-right: 40px;
    flex-shrink: 0
}

.tost_vip .vip_boxs .vip_box .text_box {
    color: #050505
}

.tost_vip .vip_boxs .vip_box .text_box .name {
    font-size: 24px;
    line-height: 33px;
    font-weight: 700;
    color: #e8c690
}

.tost_vip .vip_boxs .vip_box .text_box .text {
    margin-top: 2px;
    color: #736b5d;
    font-size: 16px
}

.tost_vip .vip_boxs .vip_box .text_box.en .text {
    display: none
}

.tost_vip .vip_boxs .vip_bt {
    text-align: center;
    width: 212px;
    height: 46px;
    line-height: 46px;
    cursor: pointer;
    font-size: 16px;
    color: #1a1a1a;
    border-radius: 30px;
    background-color: #e8c690;
    font-weight: 700
}

.tost_vip.fixed {
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0)
}

.ag_box {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100000005
}

.ag_box .ag_sheade {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5
}

.agreement_code {
    display: flex;
    align-items: center;
    justify-content: center
}

.agreement_code .recharge_agreement {
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
    margin-right: 37px;
    padding-right: 17px;
    border-right: 1px solid #d8d8d8
}

.activation_code {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000003
}

.activation_code .activation_shead {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--shead_color)
}

.activation_code .activation_boxs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: var(--BgOtherColor);
    border-radius: 12px;
    padding: 56px 40px 72px;
    width: 318px
}

.activation_code .activation_boxs .iconfont {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    color: var(--FontColor_2)
}

.activation_code .activation_boxs .title {
    line-height: 30px;
    font-size: 20px;
    font-weight: 700
}

.activation_code .activation_boxs .activation {
    margin: 48px 0 24px;
    display: flex;
    align-items: center
}

.activation_code .activation_boxs .activation .activation_val {
    margin: 0 16px 0 8px;
    background: var(--BorderColor2);
    height: 34px;
    border-radius: 20px;
    padding: 0 24px;
    flex: 1
}

.activation_code .activation_boxs .activation_bt {
    background: #cdaa72;
    line-height: 42px;
    border-radius: 21px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    color: var(--BgColor)
}

.frend_back {
    position: fixed;
    right: -350px;
    top: 120px;
    max-width: 300px;
    z-index: 100000000;
    background: #faf4eb;
    padding: 28px 32px;
    border-radius: 12px;
    -moz-transition: right .3s ease-out;
    -webkit-transition: right .3s ease-out;
    -o-transition: right .3s ease-out;
    transition: right .3s ease-out
}

.frend_back.fixed {
    right: 22px
}

.frend_back .icon-bl-icon-close-def {
    position: absolute;
    right: 16px;
    top: 16px;
    color: #b8ad9a;
    cursor: pointer;
    font-size: 14px
}

.frend_back .frend_title {
    display: flex;
    align-items: center
}

.frend_back .frend_title .frend_logo {
    width: 30px;
    margin-right: 8px
}

.frend_back .frend_title .text {
    color: #bfa477;
    font-size: 16px;
    font-weight: 700
}

.frend_back .frend_text {
    font-size: 14px;
    line-height: 21px;
    margin-top: 4px;
    color: #b8ad9a
}

.frend_back .frend_bts {
    display: flex;
    justify-content: flex-end;
    color: #bfa477
}

.frend_back .frend_bts .go_menber {
    cursor: pointer;
    display: flex;
    align-items: center
}

.frend_back .frend_bts .go_menber span {
    font-size: 14px;
    font-weight: 700
}

.frend_back .frend_bts .go_menber .iconfont {
    font-size: 12px;
    margin-left: 2px
}

.fixed_notice {
    position: fixed;
    top: 120px;
    right: -530px;
    width: 500px;
    z-index: 100000000;
    -moz-transition: right .3s ease-out;
    -webkit-transition: right .3s ease-out;
    -o-transition: right .3s ease-out;
    transition: right .3s ease-out
}

.fixed_notice.fixed {
    right: 56px
}

.fixed_notice .notice_box {
    width: 470px;
    background: var(--BgOtherColor);
    margin-bottom: 10px
}

.fixed_notice .notice_box .notice_title {
    padding: 8px 16px 8px 20px;
    border-bottom: 1px solid var(--BorderLine_prop);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--FontColor_2)
}

.fixed_notice .notice_box .notice_title .notice_nam {
    color: var(--FontColor_1);
    margin-right: 4px;
    flex: 1;
    margin-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.fixed_notice .notice_box .notice_title .iconfont {
    font-size: 14px;
    cursor: pointer
}

.fixed_notice .notice_box .notice_inf {
    padding: 8px 20px 24px
}

.fixed_notice .notice_box .notice_inf .strategy_text1 {
    font-weight: 700;
    line-height: 22px;
    color: var(--FontColor_1);
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.fixed_notice .notice_box .notice_inf .strategy_text1 .emoij-text {
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: bottom
}

.fixed_notice .notice_box .notice_inf .strategy_text1 .emoij-text img {
    width: 100%
}

.fixed_notice .notice_box .notice_inf .strategy_end {
    display: flex;
    margin-top: 1px;
    align-items: center;
    justify-content: space-between
}

.fixed_notice .notice_box .notice_inf .strategy_end .strategy_text2 {
    color: var(--FontColor_2);
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.fixed_notice .notice_box .notice_inf .strategy_end .strategy_text2 .emoij-text {
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: bottom
}

.fixed_notice .notice_box .notice_inf .strategy_end .strategy_text2 .emoij-text img {
    width: 100%
}

.fixed_notice .notice_box .notice_inf .strategy_end .strategy_text2 .strategy_type {
    margin-right: 3px;
    display: flex
}

.fixed_notice .notice_box .notice_inf .strategy_end .strategy_text2 .strategy_type span {
    margin-right: 3px
}

.fixed_notice .notice_box .notice_inf .strategy_end .strategy_text2 .strategy_type span:last-child {
    margin-right: 0
}

.fixed_notice .notice_box .notice_inf .strategy_end .strategy_text2 .strategy_type:last-child {
    margin-right: 0
}

.fixed_notice .notice_box .notice_inf .notice_textbox {
    position: relative
}

.fixed_notice .notice_box .notice_inf .notice_textbox .notice_text {
    max-height: 48px;
    line-height: 24px;
    font-weight: 700;
    color: var(--FontColor_1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.fixed_notice .notice_box .notice_inf .go_box {
    position: absolute;
    display: flex;
    bottom: 0;
    right: 0;
    background: var(--BgOtherColor)
}

.fixed_notice .notice_box .notice_inf .go_box:before {
    content: "";
    width: 42px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -42px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--BgOtherColor))
}

.fixed_notice .notice_box .notice_inf .go_notice {
    padding: 0 8px;
    line-height: 26px;
    color: #00c89c;
    white-space: nowrap;
    border-radius: 20px;
    margin-left: 5px
}

.fixed_notice .notice_head {
    display: none;
    position: absolute;
    top: -26px;
    right: 32px;
    width: 100%;
    justify-content: flex-end
}

.fixed_notice .notice_head .notice_bt {
    padding: 3px 16px;
    border-radius: 13px;
    background: var(--BgOtherColor);
    color: var(--FontColor_2b);
    margin-left: 16px;
    cursor: pointer;
    box-shadow: 0 2px 6px 0 var(--shadow_color)
}

.fixed_notice .notice_head .notice_bt:hover {
    color: var(--color)
}

.fixed_notice .first_box {
    width: 470px;
    position: absolute;
    top: 15px;
    right: 15px
}

.fixed_notice .first_box .firs_notice {
    position: relative;
    z-index: 3
}

.fixed_notice .second_box {
    display: none
}

.fixed_notice .second_box #fixed_notice_list {
    height: 410px
}

.fixed_notice .second_box #fixed_notice_list .notice_list {
    padding: 15px
}

.fixed_notice .second_box .scroll-color {
    display: none
}

.fixed_notice.hasmore .notice_head {
    display: flex
}

.fixed_notice.hasmore .more1 {
    width: 96%;
    height: 15px;
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 0;
    background: var(--BgOtherColor);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.fixed_notice.hasmore .more2 {
    width: 92%;
    height: 20px;
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: -10px;
    background: var(--BgOtherColor);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.fixed_notice.open .first_box {
    display: none
}

.fixed_notice.open .second_box {
    display: block
}

.tost_cookie {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100000001;
    background: var(--feedback_tost);
    padding: 24px 0 21px;
    color: var(--BgColor);
    min-width: 500px
}

.tost_cookie .cookie_boxs {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box
}

.tost_cookie .cookie_boxs .cookie_tips {
    flex: 1;
    margin-right: 60px;
    line-height: 22px;
    color: #fff
}

.tost_cookie .cookie_boxs .cookie_tips a {
    color: var(--color);
    display: inline-block
}

.tost_cookie .cookie_boxs .cookie_bt {
    background: var(--color);
    color: #1f2533;
    cursor: pointer;
    padding: 0 24px;
    line-height: 40px;
    height: 40px;
    border-radius: 8px;
    font-weight: 600
}

.tost_cookie .cookie_boxs .cookie_bt:hover {
    background: #00c89c
}

.tost_feedback {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100000001;
    background: #01e0af;
    color: #1f2533;
    min-width: 500px
}

.feedback_boxs {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 40px;
    box-sizing: border-box;
    gap: 48px
}

.feedback_left {
    display: flex;
    align-items: center;
    gap: 16px
}

.feedback_version>img {
    height: 18px
}

.feedback_color_text {
    font-weight: 600;
    font-size: 32px;
    line-height: 46px;
    margin-top: 4px
}

.feedback_tip {
    font-size: 16px;
    line-height: 22px
}

.feedback_color_btn {
    font-weight: 600;
    font-size: 16px;
    color: #01e0af;
    padding: 0 20px;
    border-radius: 9px;
    background: #1f2533;
    flex-shrink: 0;
    cursor: pointer;
    min-width: 216px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center
}

.feedback_logo {
    width: 120px;
    height: 120px
}

.feedback_close {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 12px;
    top: 12px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, .25);
    cursor: pointer
}

.feedback_close>i {
    font-size: 10px
}

.body_ar .header-center .head_navbox {
    white-space: normal
}

.body_ar .transform_ar {
    display: inline-block;
    transform: scaleX(-1) !important
}

.body_ar .tag_right {
    top: 20% !important
}

.body_ar .index-header .header-right .header-login .no_login_box {
    width: 280px
}

.body_ar .social_media_big .social_media_box .social_media_top .social_media_img {
    background: url(https://img.fastbull.com/static/images/man_01.png) 100% 0 no-repeat;
    animation: anim_ar 2.4s steps(53) 1s infinite
}

.body_ar .warn-vip-main {
    height: 700px !important
}

.body_ar .cont_right .chart-content .gailv_box .iconfont {
    margin: 0 5px
}

.body_zh .index-header .header-logo img {
    height: 42px
}

.hiddle {
    overflow: hidden
}

.over-hide-tip {
    position: relative
}

.over-hide-tip::after {
    max-width: 220px;
    display: none;
    content: attr(data-tip);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    padding: 8px;
    background-color: var(--FontColor_1);
    color: var(--BgColor);
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    white-space: nowrap
}

.over-hide-tip::before {
    display: none;
    content: "";
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translate(-50%, 100%);
    border-top: 4px solid var(--FontColor_1);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 4px solid transparent
}

.over-hide-tip:hover::after,
.over-hide-tip:hover::before {
    display: block
}

.footer {
    background: #232429;
    margin-top: 80px
}

.footer .footer_box {
    margin: 0 auto;
    padding: 32px 90px 35px;
    max-width: 2520px;
    box-sizing: border-box
}

.footer .footer_box .foot_head {
    display: flex;
    row-gap: 32px
}

.footer .footer_box .foot_head .footer_left {
    width: 400px;
    flex-shrink: 0
}

.footer .footer_box .foot_head .footer_left .left_head .foot_logo_box {
    display: inline-block
}

.footer .footer_box .foot_head .footer_left .left_head .foot_logo_box .foot_logo {
    height: 32px;
    display: block;
    flex-shrink: 0
}

.footer .footer_box .foot_head .footer_left .left_head .record {
    color: #fff;
    opacity: .7;
    font-size: 12px
}

.footer .footer_box .foot_head .footer_left .left_head .record .beian {
    color: #8e939d;
    margin-left: 5px
}

.footer .footer_box .foot_head .footer_left .left_head .record.record1 {
    padding-top: 10px
}

.footer .footer_box .foot_head .footer_left .other_href .social_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.footer .footer_box .foot_head .footer_left .other_href .social_box a {
    margin-right: 24px;
    margin-top: 24px
}

.footer .footer_box .foot_head .footer_left .other_href .social_box a:last-child {
    margin-right: 0
}

.footer .footer_box .foot_head .footer_left .other_href .social_box a .footer_media_img {
    display: block;
    width: 36px;
    height: 36px
}

.footer .footer_box .foot_head .footer_left .other_href .download_foot {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.footer .footer_box .foot_head .footer_left .other_href .download_foot a {
    margin-right: 24px;
    margin-top: 24px
}

.footer .footer_box .foot_head .footer_left .other_href .download_foot a:last-child {
    margin-right: 0
}

.footer .footer_box .foot_head .footer_left .other_href .download_foot a img {
    height: 32px;
    display: block
}

.footer .footer_box .foot_head .footer_left .other_href .download_foot .download_btbox {
    position: relative;
    margin: 10px 0 0 24px
}

.footer .footer_box .foot_head .footer_left .other_href .download_foot .download_btbox .download_hover {
    display: none;
    padding: 20px;
    position: absolute;
    border-radius: 16px;
    z-index: 100;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: #fff;
    box-shadow: 0 2px 6px 0 var(--shadow_color)
}

.footer .footer_box .foot_head .footer_left .other_href .download_foot .download_btbox .download_hover .android_img,
.footer .footer_box .foot_head .footer_left .other_href .download_foot .download_btbox .download_hover .ios_img {
    width: 184px;
    height: 184px;
    margin: 8px 8px 16px 8px
}

.footer .footer_box .foot_head .footer_left .other_href .download_foot .download_btbox .download_hover .android_img img,
.footer .footer_box .foot_head .footer_left .other_href .download_foot .download_btbox .download_hover .ios_img img {
    width: 100%;
    height: 100%
}

.footer .footer_box .foot_head .footer_left .other_href .download_foot .download_btbox .download_hover .download_text {
    color: #000;
    line-height: 25px;
    font-size: 18px;
    text-align: center
}

.footer .footer_box .foot_head .footer_left .other_href .download_foot .download_btbox .download_hover::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    z-index: 2;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.footer .footer_box .foot_head .footer_left .other_href .download_foot .download_btbox:hover .download_hover {
    display: block
}

.footer .footer_box .foot_head .footer_left .other_href .download_foot .download_btbox:last-child .download_hover {
    left: auto;
    right: 0;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0)
}

.footer .footer_box .foot_head .footer_left .other_href .download_foot .download_btbox:last-child .download_hover::after {
    left: 77%
}

.footer .footer_box .foot_head .footer_right {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    row-gap: 32px
}

.footer .footer_box .foot_head .footer_right .foot_nav_box {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    max-width: 400px
}

.footer .footer_box .foot_head .footer_right .foot_nav_box .foot_nav .nav_type {
    display: flex;
    align-items: center
}

.footer .footer_box .foot_head .footer_right .foot_nav_box .foot_nav .nav_title {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 2px
}

.footer .footer_box .foot_head .footer_right .foot_nav_box .foot_nav .nav_name {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    opacity: .8;
    cursor: pointer
}

.footer .footer_box .foot_head .footer_right .foot_nav_box .foot_nav .nav_name:hover {
    color: var(--color);
    opacity: 1
}

.footer .footer_box .foot_head .footer_right .foot_nav_box .foot_nav .nav_name.disabled {
    color: #fff;
    cursor: not-allowed
}

.footer .footer_box .foot_head .footer_right .foot_nav_box .foot_nav .coming_soon {
    margin-left: 8px;
    margin-top: 10px;
    font-size: 14px;
    color: gray;
    cursor: pointer
}

.footer .footer_box .risk_disclosure {
    border-top: 1px solid rgba(255, 255, 255, .3);
    margin-top: 45px;
    padding-top: 24px
}

.footer .footer_box .risk_disclosure .foot_title {
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px
}

.footer .footer_box .risk_disclosure .disclosure_text {
    margin-top: 8px;
    color: #fff;
    opacity: .6;
    font-size: 12px;
    line-height: 17px
}

.vip_iframe_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000003
}

.vip_iframe_fixed .shead {
    position: absolute;
    background: var(--shead_color);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vip_iframe_fixed .vip_iframe_cont {
    width: 850px;
    height: 650px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    border-radius: 16px;
    background-color: var(--BgOtherColor)
}

.vip_iframe_fixed .vip_iframe_cont .close_vip {
    position: absolute;
    top: 44px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 24px;
    color: #fff;
    cursor: pointer
}

.vip_iframe_fixed .vip_iframe_cont #vip_iframe {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 16px
}

.feedback_iframe_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000005
}

.feedback_iframe_fixed .shead {
    position: absolute;
    background: var(--shead_color);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.feedback_iframe_fixed .feedback_iframe_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: var(--BgOtherColor);
    border-radius: 12px;
    width: 480px;
    height: 513px;
    padding: 40px 24px 20px;
    box-sizing: border-box
}

.feedback_iframe_fixed .feedback_iframe_cont .icon-bl-icon-close-def {
    color: #8e939d;
    position: absolute;
    padding: 6px;
    top: 10px;
    right: 10px;
    z-index: 3;
    cursor: pointer;
    font-size: 16px
}

.feedback_iframe_fixed .feedback_iframe_cont #feedback_iframe {
    width: 100%;
    height: 100%;
    display: block
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .footer .footer_box {
    padding: 32px 40px 35px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"]) .footer .footer_box {
    padding: 32px 20px 35px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .footer .footer_box .foot_head {
    flex-flow: column
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .footer .footer_box .foot_head .footer_right .foot_nav_box {
    justify-content: flex-start
}

:where([data-width="500"], [data-width="600"], [data-width="650"]) .footer .footer_box .foot_head .footer_right .foot_nav_box {
    width: 50%;
    flex: auto
}

.tooltips-main {
    background: rgba(255, 255, 255, .95);
    border: 1px solid var(--BorderLine_m2);
    padding: 8px;
    position: relative;
    color: var(--FontColor_1)
}

.trend_other-select {
    margin-top: 16px;
    display: flex;
    align-items: center;
    font-size: 14px
}

.trend_other-select .select-list {
    border: 1px solid var(--BorderLine_m2);
    display: inline-block;
    color: var(--FontColor_2);
    cursor: pointer;
    position: relative;
    width: 171px;
    box-sizing: border-box;
    text-align: left;
    border-radius: 8px
}

.trend_other-select .select-list span {
    color: var(--FontColor_1);
    display: block;
    position: relative;
    z-index: 2;
    padding: 5px 12px;
    box-sizing: border-box;
    height: 32px
}

.trend_other-select .select-list .iconfont {
    font-size: 12px;
    position: absolute;
    right: 12px;
    line-height: 32px;
    top: 1px
}

.trend_other-select .select-list:hover {
    border-color: var(--color) !important
}

.trend_other-select .select-list .variety-select-main ul {
    overflow-y: hidden;
    max-height: calc(100vh - 58px);
    padding: 4px 0
}

.trend_other-select .select-list .scroll-color {
    top: 0 !important;
    right: 5px !important
}

.trend_other-select .select-list .select-list-main {
    position: absolute;
    width: 170px;
    display: none;
    left: 0;
    background: var(--BgOtherColor);
    box-shadow: 0 2px 12px 0 var(--shadow_color);
    box-sizing: border-box;
    top: 38px;
    z-index: 22;
    border-radius: 8px;
    overflow: hidden
}

.trend_other-select .select-list .select-list-main ul {
    padding: 5px 0
}

.trend_other-select .select-list .select-list-main li {
    font-size: 14px;
    color: var(--FontColor_1);
    padding: 8px 16px !important;
    line-height: 20px !important
}

.trend_other-select .select-list .select-list-main li:hover {
    background: var(--select_hover)
}

.trend_other-select .select-list .select-list-main li.active {
    background: var(--color);
    color: #1f2533
}

.trend_other-select .select-nav {
    margin-right: 16px
}

.orders-chart-main {
    margin-top: 24px;
    position: relative
}

.orders-chart-main .chart-title {
    border: 1px solid var(--BorderLine_m2);
    text-align: center;
    padding: 9px 0 9px 77px;
    font-size: 14px;
    font-weight: 600;
    color: var(--FontColor_1);
    line-height: 1.57;
    box-sizing: border-box;
    border-bottom: none
}

.orders-chart-main .chart-title.chart-title_column {
    border: 1px solid #3a3a3a;
    color: var(--FontColor_2);
    width: 100%
}

.orders-chart-main .chart-tips {
    position: absolute;
    display: flex;
    width: calc(100% - 76px);
    width: -moz-calc(100% - 76px);
    width: -webkit-calc(100% - 76px);
    justify-content: space-between;
    right: 1px;
    height: 34px;
    line-height: 34px;
    z-index: 9;
    background: var(--BgColor);
    border-bottom: 1px solid var(--BorderLine_m2);
    border-top: 1px solid var(--BorderLine_m2)
}

.orders-chart-main .chart-tips.chart-tips_column {
    background: #1a1a1d;
    color: var(--FontColor_1);
    border-bottom: 1px solid #3a3a3a;
    border-top: 1px solid #3a3a3a
}

.orders-chart-main .chart-tips.chart-tips_column .tips-left,
.orders-chart-main .chart-tips.chart-tips_column .tips-right {
    border-left: 1px solid #3a3a3a;
    color: var(--FontColor_2)
}

.orders-chart-main .chart-tips .tips-left {
    border-left: 1px solid var(--BorderLine_m2);
    width: 50%;
    padding-left: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--FontColor_1)
}

.orders-chart-main .chart-tips .tips-right {
    border-left: 1px solid var(--BorderLine_m2);
    width: 50%;
    text-align: right;
    padding-right: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--FontColor_1)
}

.orders-chart-main .orders-chart {
    width: 100%;
    height: 440px;
    border: 1px solid var(--BorderLine_m2);
    box-sizing: border-box
}

.orders-chart-main .orders-chart.orders-chart_column {
    border: 1px solid #3a3a3a
}

.orders-chart-main .order_types .length_box {
    display: none
}

.orders-chart-main .order_types1 .length_box1 {
    display: flex
}

.orders-chart-main .order_types1 .length_box2 {
    display: none
}

.orders-chart-main .order_types2 .length_box2 {
    display: flex
}

.orders-chart-main .order_types2 .length_box1 {
    display: none
}

.length_box {
    width: 100%;
    position: absolute;
    bottom: 9px;
    padding-left: 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    line-height: 16px;
    padding-top: 10px;
    padding-bottom: 4px
}

.length_box .length_type {
    margin: 0 16px;
    display: flex;
    align-items: center;
    color: var(--FontColor_1)
}

.length_box .length_type .color_length {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px
}

.length_box .length_type .color_length.red {
    background: #fa5754
}

.length_box .length_type .color_length.green {
    background: #00c889
}

.length_box .length_type .color_length.yellow {
    background: #f6bc4f
}

.length_box .length_type .color_length.blue {
    background: #4484eb
}

.orders-chart-main-all .orders-chart-main-left {
    margin-right: .4%
}

.orders-chart-main-all .orders-chart-main-left,
.orders-chart-main-all .orders-chart-main-right {
    width: 49.8%;
    margin-top: 24px;
    position: relative;
    display: inline-block;
    float: left
}

.orders-chart-main-all .orders-chart-main-left .chart-title,
.orders-chart-main-all .orders-chart-main-right .chart-title {
    border: 1px solid var(--BorderLine_m2);
    text-align: center;
    padding: 9px 0 9px 67px;
    font-size: 14px;
    font-weight: 600;
    color: var(--FontColor_1);
    line-height: 1.57;
    box-sizing: border-box;
    border-bottom: none
}

.orders-chart-main-all .orders-chart-main-left .chart-title.chart-title_column,
.orders-chart-main-all .orders-chart-main-right .chart-title.chart-title_column {
    border: 1px solid #3a3a3a;
    color: var(--FontColor_2)
}

.orders-chart-main-all .orders-chart-main-left .chart-tips,
.orders-chart-main-all .orders-chart-main-right .chart-tips {
    position: absolute;
    display: flex;
    width: -moz-calc(100% - 78px);
    width: -webkit-calc(100% - 78px);
    width: calc(100% - 78px);
    justify-content: space-between;
    right: 2px;
    height: 34px;
    line-height: 34px;
    z-index: 9;
    background: var(--BgColor);
    border-bottom: 1px solid var(--BorderLine_m2);
    border-top: 1px solid var(--BorderLine_m2)
}

.orders-chart-main-all .orders-chart-main-left .chart-tips.chart-tips_column,
.orders-chart-main-all .orders-chart-main-right .chart-tips.chart-tips_column {
    background: #1a1a1d;
    color: var(--FontColor_1);
    border-bottom: 1px solid #3a3a3a;
    border-top: 1px solid #3a3a3a
}

.orders-chart-main-all .orders-chart-main-left .chart-tips.chart-tips_column .tips-left,
.orders-chart-main-all .orders-chart-main-left .chart-tips.chart-tips_column .tips-right,
.orders-chart-main-all .orders-chart-main-right .chart-tips.chart-tips_column .tips-left,
.orders-chart-main-all .orders-chart-main-right .chart-tips.chart-tips_column .tips-right {
    border-left: 1px solid #3a3a3a;
    color: var(--FontColor_2)
}

.orders-chart-main-all .orders-chart-main-left .chart-tips .tips-left,
.orders-chart-main-all .orders-chart-main-right .chart-tips .tips-left {
    border-left: 1px solid var(--BorderLine_m2);
    width: 50%;
    padding-left: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--FontColor_1)
}

.orders-chart-main-all .orders-chart-main-left .chart-tips .tips-right,
.orders-chart-main-all .orders-chart-main-right .chart-tips .tips-right {
    border-left: 1px solid var(--BorderLine_m2);
    width: 50%;
    text-align: right;
    padding-right: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--FontColor_1)
}

.orders-chart-main-all .orders-chart-main-left .orders-chart,
.orders-chart-main-all .orders-chart-main-right .orders-chart {
    width: -moz-calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    height: 400px;
    overflow: hidden;
    border: 1px solid var(--BorderLine_m2)
}

.orders-chart-main-all .orders-chart-main-left .orders-chart.orders-chart_column,
.orders-chart-main-all .orders-chart-main-right .orders-chart.orders-chart_column {
    border: 1px solid #3a3a3a
}

.k-charts-main {
    position: relative;
    border: 1px solid var(--BorderLine_m2);
    border-top: none
}

.k-charts-main.k-charts-main_column {
    border: 1px solid #3a3a3a
}

.k-charts-main.k-charts-main_column .k_box {
    color: var(--FontColor_2)
}

.k-charts-main .k_box {
    padding-top: 20px;
    padding-left: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.57;
    color: var(--FontColor_1);
    top: 17px;
    left: 50%;
    width: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.k-charts-main .k_box.k_box1 {
    padding-top: 0
}

.k-charts-main .k_box .flex_box {
    margin: 0 3px;
    display: flex;
    align-items: center
}

.k-charts-main .k_box .value {
    margin-left: 3px
}

.k_charts {
    width: 100%;
    height: 170px
}

.fall-container .length_box .length_type .color_length.red {
    background: #00c889
}

.fall-container .length_box .length_type .color_length.green {
    background: #fa5754
}

.fall-container .length_box .length_type .color_length.yellow {
    background: #4484eb
}

.fall-container .length_box .length_type .color_length.blue {
    background: #f6bc4f
}

.preview-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    display: none
}

.preview-img .preview-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8)
}

.preview-img .img_close {
    position: fixed;
    top: 40px;
    right: 80px;
    width: 30px;
    height: 30px;
    background: var(--BgColor);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--FontColor_1)
}

.preview-img .preview-box {
    position: relative
}

.preview-img .preview-content {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.preview-img .preview-content .icon {
    position: fixed;
    color: var(--BgColor);
    top: 50%;
    margin-top: -32px;
    height: 65px;
    width: 40px;
    text-align: center;
    line-height: 65px;
    cursor: pointer;
    display: none;
    background: rgba(0, 0, 0, .2)
}

.preview-img .preview-content .icon .iconfont {
    font-size: 32px
}

.preview-img .preview-content .img_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%
}

.preview-img .preview-content .img_box img:nth-of-type(1) {
    max-width: 100%;
    max-height: 100%
}

.preview-img .preview-content .pre-icon {
    left: 80px
}

.preview-img .preview-content .next-icon {
    right: 80px
}

.preview-img .preview-content img:nth-of-type(1) {
    background: var(--BgColor)
}

.preview-img .preview-content .img-auto-width {
    margin: auto auto;
    box-sizing: border-box;
    background: var(--BgColor);
    max-width: 80%;
    max-height: 80%
}

.preview-img .preview-content .img-auto-width.heigt_img {
    max-width: 750px;
    max-height: none
}

.preview-img .preview-content .img-auto-height {
    box-sizing: border-box
}

.over-hidden {
    overflow: hidden
}

.index-right {
    float: right;
    margin-top: 11px;
    width: 440px;
    margin-left: 32px
}

.right_sidebar .home-label-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--FontColor_1);
    line-height: 22px;
    padding: unset;
    margin-bottom: 12px
}

.index-rate {
    width: 100%;
    box-sizing: border-box
}

.index-rate .rate-header .title {
    display: inline-block;
    font-weight: 600;
    color: var(--FontColor_1)
}

.index-rate .rate-header .more {
    float: right;
    color: var(--FontColor_2);
    margin-top: 2px;
    cursor: pointer
}

.index-rate .rate-header .more a {
    color: var(--FontColor_2)
}

.index-rate .rate-header .more span {
    font-weight: 600
}

.index-rate .rate-header .more i {
    position: relative;
    top: 1px
}

.index-rate .table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--BorderLine_m2);
    margin: 0 16px
}

.index-rate .table-header img {
    width: 24.9px;
    height: 16px
}

.index-rate .table-header span {
    display: inline-block;
    line-height: 22px;
    font-weight: 600;
    padding: 24px 0 12px;
    text-align: right;
    color: var(--FontColor_2)
}

.index-rate .table-header span:nth-of-type(1) {
    text-align: left
}

.index-rate .rate-table {
    padding: 8px 16px 16px
}

.index-rate .rate-table .loading {
    padding: 100px 0 !important;
    text-align: center;
    box-sizing: border-box
}

.index-rate .rate-table .table-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    height: 52px
}

.index-rate .rate-table .table-list:hover {
    background-color: var(--Bg_g9)
}

.index-rate .rate-table .table-list:hover span:first-child {
    color: var(--color)
}

.index-rate .rate-table .table-list img {
    width: 24px;
    height: 16px;
    position: relative;
    top: 2px;
    margin-right: 8px;
    border-radius: 4px
}

.index-rate .rate-table .table-list>span {
    display: inline-block;
    line-height: 22px;
    padding: 8px 0;
    font-size: 13px;
    text-align: right;
    vertical-align: middle;
    font-weight: 600
}

.index-rate .rate-table .table-list>span:nth-of-type(1) {
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-rate .rate-table .table-list .current_rate_item {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    text-align: right;
    flex-shrink: 0;
    margin-left: 16px
}

.index-rate .rate-table .table-list .current_rate_item .rate_val {
    font-size: 14px;
    font-weight: 500;
    color: var(--FontColor_1);
    line-height: 18px
}

.index-rate .rate-table .table-list .current_rate_item .rate_time {
    font-size: 12px;
    font-weight: 400;
    color: var(--FontColor_2);
    line-height: 16px
}

.index-sentiment {
    display: block
}

.index-sentiment .sentiment_box {
    padding: 0 16px 16px
}

.index-sentiment .sentiment_box .charts_type {
    padding: 20px 0 12px 0;
    line-height: 22px;
    display: flex;
    border-bottom: 1px solid var(--BorderLine_m2);
    font-weight: 600;
    color: var(--FontColor_2)
}

.index-sentiment .sentiment_box .charts_type .type_name {
    width: 75px;
    padding-right: 5px
}

.index-sentiment .sentiment_box .charts_type .type_box {
    display: flex;
    flex: 1;
    justify-content: space-between
}

.index-sentiment .sentiment_box .scroll_mainbox {
    position: relative
}

.index-sentiment .sentiment_box .scroll_mainbox .scroll-color {
    right: -8px !important;
    opacity: 0
}

.index-sentiment .sentiment_box .scroll_mainbox:hover .scroll-color {
    opacity: 1
}

.index-sentiment .sentiment_box .trend-left-main {
    width: 100%;
    max-height: 691px
}

.index-sentiment .sentiment_box .trend-left-main .loading {
    padding: 50px 0 !important;
    text-align: center;
    box-sizing: border-box
}

.index-sentiment .sentiment_box .trend-left-main .trend-left-list {
    display: flex;
    padding: 12px 0
}

.index-sentiment .sentiment_box .trend-left-main .trend-left-list:first-child {
    padding-top: 24px
}

.index-sentiment .sentiment_box .trend-left-main .trend-left-list .label {
    width: 75px;
    padding-right: 5px;
    display: inline-block;
    line-height: 18px;
    color: var(--FontColor_1)
}

.index-sentiment .sentiment_box .trend-left-main .trend-left-list .label a {
    font-weight: 600
}

.index-sentiment .sentiment_box .trend-left-main .trend-left-list .label a:hover {
    color: var(--color)
}

.index-sentiment .sentiment_box .trend-left-main .trend-left-list .list-right {
    display: flex;
    flex: 1;
    font-size: 12px
}

.index-sentiment .sentiment_box .trend-left-main .trend-left-list .list-right .list-green {
    color: var(--BgColor);
    height: 18px;
    min-width: 49px;
    line-height: 18px;
    padding: 0 8px;
    border-radius: 10px 0 0 10px
}

.index-sentiment .sentiment_box .trend-left-main .trend-left-list .list-right .line {
    width: 1px;
    height: 20px;
    border: 1px solid rgba(255, 255, 255, .5);
    background: #a72d2a;
    position: relative;
    top: -2px
}

.index-sentiment .sentiment_box .trend-left-main .trend-left-list .list-right .list-red {
    color: var(--BgColor);
    height: 18px;
    min-width: 49px;
    text-align: right;
    line-height: 18px;
    padding: 0 8px;
    border-radius: 0 10px 10px 0
}

.body_ar .index-market .market_side .market-table .table-list .item:nth-of-type(3) {
    direction: rtl
}

.body_ar .index-market .market_side .market-table .table-list .item:nth-of-type(4) {
    direction: rtl
}

.body_ar .index-rate .rate-table .table-list span:nth-of-type(2) {
    direction: rtl
}

.body_ar .index-rate .rate-table .table-list span:nth-of-type(3) {
    direction: rtl
}

.body_ar .index-rate .rate-table .table-list span:nth-of-type(4) {
    direction: rtl
}

.body_ar .index-market .market_side .add-my-stock p {
    padding: 0 20px
}

.body_ar .index-market .market_side .add-my-stock .add-button {
    width: 180px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .index-right {
    display: none
}

.open_vip {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100000004;
    top: 0;
    left: 0
}

.open_vip .openvip_shade {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5
}

.open_vip .vip_boxs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: var(--BgColor);
    width: 850px;
    min-height: 540px;
    padding-bottom: 20px;
    border-radius: 16px
}

.open_vip .vip_boxs .vip_head {
    position: relative;
    line-height: 30px;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px 15px 0 0;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.open_vip .vip_boxs .title {
    font-weight: 700;
    font-size: 22px
}

.open_vip .vip_boxs .close_vip {
    font-size: 16px;
    color: var(--FontColor_2);
    position: absolute;
    padding: 5px;
    cursor: pointer;
    top: 24px;
    right: 19px
}

.open_vip .vip_boxs .member_page {
    padding: 0 36px
}

.open_vip .vip_boxs .member_page .member_pay .pay_title {
    margin: 17px 0 32px;
    font-size: 24px;
    font-weight: 700;
    line-height: 33px
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list {
    padding-bottom: 26px;
    height: 150px;
    position: relative;
    overflow: hidden
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list .swiper-wrapper {
    display: flex
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list .swiper-button-prev {
    left: 3px
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list .swiper-button-next {
    right: 3px
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list.no_swiper .swiper-wrapper {
    justify-content: center
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list.no_swiper .swiper-button-next,
.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list.no_swiper .swiper-button-prev {
    display: none
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list .recharge_type {
    width: 236px;
    height: 150px;
    border: 1px solid var(--BorderLine_m2);
    margin-right: 34px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    border-radius: 12px
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list .recharge_type.active {
    border: 1px solid #cdaa72;
    background: rgba(238, 206, 155, .15)
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list .recharge_type:last-child {
    margin-right: 0
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list .recharge_type .name {
    color: var(--FontColor_1);
    font-size: 20px;
    line-height: 30px;
    margin: 18px 0 8px;
    font-weight: 700
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list .recharge_type .totalPrice {
    color: #cdaa72;
    display: flex;
    flex-flow: column
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list .recharge_type .totalPrice .nub {
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    height: 47px
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list .recharge_type .totalPrice .text {
    font-size: 14px;
    line-height: 22px;
    color: var(--FontColor_3)
}

.open_vip .vip_boxs .member_page .member_pay .memberrecharge_list .recharge_type .description {
    margin-top: 15px;
    font-size: 14px;
    line-height: 22px;
    color: var(--FontColor_2)
}

.open_vip .vip_boxs .member_page .member_pay .pay_shear {
    display: none;
    padding: 14px 32px 14px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(https://img.fastbull.com/static/images/shear_img_one.png);
    background-size: cover;
    margin-bottom: 48px;
    font-size: 16px;
    border-radius: 12px
}

.open_vip .vip_boxs .member_page .member_pay .pay_shear .shear_infor_text {
    margin-right: 14px;
    color: #cdaa72;
    line-height: 20px
}

.open_vip .vip_boxs .member_page .member_pay .pay_shear .shear_infor_bt {
    color: var(--BgColor);
    background: #cdaa72;
    padding: 4px 16px;
    border-radius: 20px;
    cursor: pointer
}

.open_vip .vip_boxs .member_page .member_pay .paypal_bt {
    width: 300px;
    height: 48px;
    margin: 68px auto 0;
    text-align: center;
    display: none
}

.open_vip .vip_boxs .member_page .member_pay .paypal_bt.show {
    display: block
}

.open_vip .vip_boxs .member_page .member_pay .paypal_bt .paypal-buttons {
    height: 48px !important
}

.open_vip .vip_boxs .member_page .member_pay .pay_free_bt {
    width: 300px;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    cursor: pointer;
    margin: 0 auto;
    text-align: center;
    display: none;
    background: #bfa477;
    font-size: 18px;
    color: var(--BgColor)
}

.open_vip .vip_boxs .member_page .member_pay .pay_free_bt.show {
    display: block
}

.open_vip .vip_boxs .member_page .member_pay .free_box,
.open_vip .vip_boxs .member_page .member_pay .no_free {
    display: none
}

.open_vip .vip_boxs .member_page .member_pay .free_box.show,
.open_vip .vip_boxs .member_page .member_pay .no_free.show {
    display: block
}

.open_vip .vip_boxs .member_page .member_pay .agreement_box {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: 16px
}

.open_vip .vip_boxs .member_page .member_pay .agreement_box .recharge_agreement {
    margin-left: 3px;
    cursor: pointer;
    color: #cdaa72
}

.open_vip .vip_boxs .member_page .member_pay .agreement_box .recharge_agreement:hover {
    text-decoration: underline
}

.open_vip .vip_boxs .member_page .member_pay .pay_type_title {
    font-size: 24px;
    line-height: 33px;
    color: var(--FontColor_1);
    font-weight: 700;
    margin: -25px 0 16px
}

.open_vip .vip_boxs .member_page .member_pay .end_box {
    position: relative;
    padding: 50px 0;
    display: flex;
    border: 1px solid var(--BorderLine_m2)
}

.open_vip .vip_boxs .member_page .member_pay .end_box .pay_typebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px
}

.open_vip .vip_boxs .member_page .member_pay .end_box .pay_typebox .pay_type {
    height: 72px;
    cursor: pointer;
    background: var(--Bg_g9);
    color: var(--FontColor_2);
    display: flex;
    padding-left: 35px;
    align-items: center;
    font-size: 14px
}

.open_vip .vip_boxs .member_page .member_pay .end_box .pay_typebox .pay_type img {
    width: 18px;
    height: 18px;
    margin-right: 6px
}

.open_vip .vip_boxs .member_page .member_pay .end_box .pay_typebox .pay_type.active {
    background: var(--BgColor)
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_left {
    width: 123px;
    height: 123px;
    border: 1px solid var(--BorderLine_m2);
    margin: 0 31px 0 255px;
    padding: 10px;
    position: relative
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_left .qr_border {
    position: absolute;
    width: 11px;
    height: 11px
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_left .qr_border.qr_tl {
    border-left: 2px solid var(--FontColor_1);
    border-top: 2px solid var(--FontColor_1);
    left: -1.5px;
    top: -1.5px
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_left .qr_border.qr_tr {
    border-right: 2px solid var(--FontColor_1);
    border-top: 2px solid var(--FontColor_1);
    right: -1.5px;
    top: -1.5px
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_left .qr_border.qr_bl {
    border-left: 2px solid var(--FontColor_1);
    border-bottom: 2px solid var(--FontColor_1);
    left: -1.5px;
    bottom: -1.5px
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_left .qr_border.qr_br {
    border-right: 2px solid var(--FontColor_1);
    border-bottom: 2px solid var(--FontColor_1);
    right: -1.5px;
    bottom: -1.5px
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_left .qr_box {
    width: 100%;
    height: 100%;
    position: relative
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_left .qr_box .qr_code {
    width: 100%;
    height: 100%
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_left .qr_box .no_login {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    cursor: pointer
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_left .qr_box .no_login .iconfont {
    color: var(--BgColor);
    font-size: 32px;
    margin: 31px 0 8px 0;
    display: block
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_left .qr_box .no_login .text {
    color: var(--BgColor);
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_right {
    flex: 1
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_right .totalPrice {
    font-size: 28px;
    transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    font-weight: 700;
    line-height: 66px;
    height: 66px;
    color: #cdaa72
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_right .totalPrice .nub {
    font-size: 56px
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_right .recharge_text {
    color: var(--FontColor_1);
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    margin: 4px 0 27px
}

.open_vip .vip_boxs .member_page .member_pay .end_box .end_right .recharge_agreement {
    color: #cdaa72;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer
}

.open_vip .vip_boxs .member_page .member_pay .qr_shead {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    color: var(--BgColor);
    text-align: center
}

.open_vip .vip_boxs .member_page .member_pay .qr_shead .text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.open_vip .vip_boxs .member_page .member_shear {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--BgColor);
    border-radius: 12px;
    z-index: 101
}

.open_vip .vip_boxs .member_page .member_shear .second_top {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border-bottom: 1px solid var(--BorderLine_m2);
    line-height: 30px
}

.open_vip .vip_boxs .member_page .member_shear .second_top .go_back {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: absolute;
    left: 24px;
    top: 26px
}

.open_vip .vip_boxs .member_page .member_shear .second_top .go_back .iconfont {
    font-size: 14px;
    margin-right: 4px;
    color: #000
}

.open_vip .vip_boxs .member_page .member_shear .second_top .go_other {
    display: flex;
    color: var(--FontColor_2)
}

.open_vip .vip_boxs .member_page .member_shear .second_top .go_other .other_bt {
    cursor: pointer
}

.open_vip .vip_boxs .member_page .member_shear .second_top .go_other .line {
    width: 1px;
    height: 20px;
    background: var(--BorderLine_m2);
    margin: 0 16px
}

.open_vip .vip_boxs .member_page .member_shear .shear_img {
    width: 176px;
    display: block;
    margin: 33px auto 0
}

.open_vip .vip_boxs .member_page .member_shear .share_name {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-top: 16px;
    line-height: 33px
}

.open_vip .vip_boxs .member_page .member_shear .share_text {
    color: var(--FontColor_2);
    line-height: 22px;
    margin: 8px 0 24px;
    padding: 0 24px;
    text-align: center
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs {
    display: flex;
    justify-content: center
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .type_title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left {
    margin-right: 81px
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .invite_valuebox {
    background: #f3f6fb;
    border-radius: 8px;
    position: relative;
    border: 1px solid #d4d5da;
    margin-top: 8px;
    display: flex;
    align-items: center
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .invite_valuebox .invite_value {
    flex: 1;
    line-height: 42px;
    height: 42px;
    background: 0 0;
    color: var(--FontColor_1);
    font-size: 14px;
    padding: 0 8px 0 12px;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .invite_valuebox .cover {
    position: absolute;
    height: 42px;
    width: 100%;
    top: 0
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .invite_valuebox .copy_href {
    font-size: 12px;
    color: var(--BgColor);
    line-height: 20px;
    padding: 5px 12px;
    cursor: pointer;
    background: #bfa477;
    border-radius: 20px;
    margin-right: 12px;
    position: relative
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types {
    display: flex;
    justify-content: space-between
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type {
    text-align: center;
    margin-top: 24px;
    cursor: pointer
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type .iconfont {
    font-size: 24px;
    color: var(--FontColor_1)
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type p {
    font-size: 12px;
    line-height: 17px;
    margin-top: 4px
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.Email .iconfont,
.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.Email p {
    color: var(--color)
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.facebookshare .iconfont,
.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.facebookshare p {
    color: #3756a8
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.twittershare .iconfont,
.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.twittershare p {
    color: #000
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.wechat .iconfont,
.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.wechat p {
    color: #00c889
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.weibo .iconfont,
.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.weibo p {
    color: #fa5754
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.qq .iconfont,
.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.qq p {
    color: #1777e6
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.qspace .iconfont,
.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_left .shear_types .shear_type:hover.qspace p {
    color: #f6bc4f
}

.open_vip .vip_boxs .member_page .member_shear .shear_boxs .shear_right .qr_box {
    width: 104px;
    height: 104px;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid var(--BorderLine_m2);
    margin-top: 8px
}

.open_vip .vip_boxs .member_page.show .member_shear {
    display: block
}

.k_imgfix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000005
}

.k_imgfix .imgfix_shead {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6
}

.k_imgfix .imgfix_box {
    position: absolute;
    width: 700px;
    padding: 0 24px 24px;
    top: 50%;
    left: 50%;
    background: var(--BgColor);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 16px
}

.k_imgfix .imgfix_box .img_fix_head {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.k_imgfix .imgfix_box .img_fix_head .head_title {
    font-weight: 500;
    font-size: 20px;
    color: var(--FontColor_1);
    line-height: 28px
}

.k_imgfix .imgfix_box .img_fix_head .iconfont {
    font-size: 24px;
    cursor: pointer;
    color: var(--FontColor_1)
}

.k_imgfix .imgfix_box .chart_img {
    position: relative
}

.k_imgfix .imgfix_box .chart_img .chart_text {
    position: absolute;
    top: 20px;
    color: var(--FontColor_2b);
    left: 20px;
    max-width: 100%;
    width: 520px;
    z-index: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.k_imgfix .imgfix_box .chart_img .chart_imgover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.k_imgfix .imgfix_box .imgfix {
    width: 100%;
    height: 400px;
    display: block
}

.k_imgfix .imgfix_box .title {
    font-size: 24px;
    color: var(--FontColor_1);
    margin: 34px 0 8px;
    font-weight: 700
}

.k_imgfix .imgfix_box .time_tips {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 16px;
    color: var(--FontColor_2)
}

.k_imgfix .imgfix_box .tip {
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 22px
}

.index-right {
    margin-top: 0
}

.openAdNotice {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000005
}

.openAdNotice .notice_shead {
    position: absolute;
    background: var(--shead_color);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.openAdNotice .open_notice_fiexd {
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--BgOtherColor);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 16px;
    overflow: hidden;
    box-sizing: border-box;
    width: 446px;
    padding: 40px
}

.openAdNotice .open_notice_fiexd .icon-bl-icon-close-def {
    color: var(--FontColor_1);
    position: absolute;
    padding: 6px;
    top: 10px;
    right: 10px;
    z-index: 3;
    cursor: pointer;
    font-size: 20px
}

.openAdNotice .open_notice_fiexd .notice_head .notice_head_img {
    display: block;
    width: 113px;
    height: 101px;
    margin: 0 auto
}

.openAdNotice .open_notice_fiexd .notice_head .notice_title {
    font-size: 24px;
    line-height: 33px;
    color: var(--FontColor_1);
    font-weight: 700;
    text-align: center;
    margin-top: 12px
}

.openAdNotice .open_notice_fiexd .notice_body {
    margin-top: 24px
}

.openAdNotice .open_notice_fiexd .notice_body .notice_title {
    font-size: 16px;
    line-height: 23px;
    color: var(--FontColor_1);
    font-weight: 700
}

.openAdNotice .open_notice_fiexd .notice_body .notice_text {
    margin-top: 10px;
    font-size: 15px;
    line-height: 22px;
    color: var(--FontColor_1)
}

.openAdNotice .open_notice_fiexd .notice_body .notice_text span {
    color: #00c89c
}

.openAdNotice .open_notice_fiexd .notice_body .notice_text1 {
    margin-top: 8px;
    font-size: 14px;
    line-height: 19px;
    color: var(--FontColor_1)
}

.openAdNotice .open_notice_fiexd .notice_body .notice_end {
    margin-top: 56px
}

@keyframes detection {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(-360deg)
    }
}

@keyframes dotAnimation1 {
    0%,
    25% {
        opacity: 0
    }
    100%,
    26% {
        opacity: 1
    }
}

@keyframes dotAnimation2 {
    0%,
    50% {
        opacity: 0
    }
    100%,
    51% {
        opacity: 1
    }
}

@keyframes dotAnimation3 {
    0%,
    75% {
        opacity: 0
    }
    100%,
    76% {
        opacity: 1
    }
}

.real_time-detect {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    font-size: 14px;
    color: var(--color);
    background: var(--BgColor);
    position: sticky;
    top: 113px;
    z-index: 9;
    margin-left: 24px
}

.real_time-detect .detection {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    animation: detection 1s linear infinite
}

.real_time-detect .dots_box {
    display: flex;
    display: -webkit-flex;
    align-self: flex-end
}

.real_time-detect .dots_box .dot {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    opacity: 0
}

.real_time-detect .dots_box .dot:nth-of-type(1) {
    animation-name: dotAnimation1
}

.real_time-detect .dots_box .dot:nth-of-type(2) {
    animation-name: dotAnimation2
}

.real_time-detect .dots_box .dot:nth-of-type(3) {
    animation-name: dotAnimation3
}

.index-container .index-section {
    display: block;
    max-width: 2520px;
    padding: 0 90px;
    margin: 0 auto
}

.index-container .index-section .index-main {
    margin-top: 24px;
    display: flex;
    justify-content: space-between
}

.index-container .index-section .index-main .type_title {
    font-size: 24px;
    margin-bottom: 16px;
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    font-weight: 600;
    line-height: 33px
}

.index-container .index-section .index-main .type_title.type_title_other {
    margin-bottom: 8px
}

.index-container .index-section .index-main .type_title .iconfont {
    margin-left: 4px;
    font-size: 14px
}

.index-container .index-section .index-main .type_title:hover:not(.no_hover) {
    color: var(--color)
}

.index-container .index-section .index-main .trending_type {
    display: block
}

.index-container .index-section .index-main .trending_type .title {
    color: var(--FontColor_1);
    font-weight: 700;
    line-height: 30px;
    margin-top: 16px;
    font-size: 22px
}

.index-container .index-section .index-main .trending_type .brief {
    font-size: 14px;
    margin-top: 4px;
    color: var(--FontColor_2b);
    max-height: 76px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.index-container .index-section .index-main .trending_type .resourcetime {
    color: var(--FontColor_2);
    margin-top: 6px;
    font-size: 12px;
    display: flex;
    align-items: center
}

.index-container .index-section .index-main .trending_type .resourcetime .resource {
    margin-right: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    max-width: 50%;
    width: 0;
    flex-basis: content
}

.index-container .index-section .index-main .trending_type .resourcetime .new_time {
    min-width: 90px;
    overflow: hidden;
    white-space: nowrap;
    flex-shrink: 0
}

.index-container .index-section .index-main .trending_type .img_box {
    padding: 28.853% 0;
    background: var(--BorderColor2)
}

.index-container .index-section .index-main .trending_type:hover .title {
    color: var(--color)
}

.index-container .index-section .index-main .news_second {
    margin-top: 27px;
    display: flex
}

.index-container .index-section .index-main .news_second .trending_type {
    width: 48%
}

.index-container .index-section .index-main .news_second .trending_type:first-child {
    margin-right: 4%
}

.index-container .index-section .index-main .news_second .trending_type .title {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px
}

.index-container .index-section .index-main .news_second .trending_type .img_box {
    padding: 27.0676% 0;
    margin-top: 9px
}

.index-container .index-section .index-main .img_box {
    width: 100%;
    height: 0;
    padding: 33.3333333% 0;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: var(--BorderColor2)
}

.index-container .index-section .index-main .img_box.widthimg img {
    min-width: 100%;
    height: 100%
}

.index-container .index-section .index-main .img_box.heightimg img {
    width: 100%;
    min-height: 100%
}

.index-container .index-section .index-main .img_box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.index-container .index-section .index-main .opinon_news {
    width: 42.765%
}

.index-container .index-section .index-main .home_top {
    width: 320px;
    margin: 0 1.5%;
    padding-top: 25px
}

.index-container .index-section .index-main .home_top .img_box {
    padding: 35.4938% 0
}

.index-container .index-section .index-main .home_top .trending_type {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--BorderLine_m2);
    margin-top: 0
}

.index-container .index-section .index-main .home_top .trending_type:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.index-container .index-section .index-main .home_top .trending_type .title {
    font-size: 16px;
    line-height: 22px
}

.index-container .index-section .index-main .fast_calendar {
    display: flex;
    width: 57.235%
}

.index-container .index-section .index-main .calendar_box,
.index-container .index-section .index-main .fast_box {
    width: calc(50% - 48px);
    position: relative;
    height: 100%;
    margin-left: 48px
}

.index-container .index-section .index-main .calendar_box .fast_title,
.index-container .index-section .index-main .fast_box .fast_title {
    padding: 0 5px 14px;
    color: var(--color);
    font-size: 24px;
    line-height: 26px;
    display: flex;
    justify-content: space-between;
    font-weight: 600
}

.index-container .index-section .index-main .calendar_box .fast_title .more,
.index-container .index-section .index-main .fast_box .fast_title .more {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: var(--FontColor_1);
    font-weight: 700
}

.index-container .index-section .index-main .calendar_box .fast_title .more .iconfont,
.index-container .index-section .index-main .fast_box .fast_title .more .iconfont {
    margin-left: 3px;
    font-size: 12px;
    color: var(--FontColor_3);
    font-weight: 400
}

.index-container .index-section .index-main .calendar_box .fast_title .more:hover,
.index-container .index-section .index-main .fast_box .fast_title .more:hover {
    color: var(--color)
}

.index-container .index-section .index-main .calendar_box .fast_title .more:hover .iconfont,
.index-container .index-section .index-main .fast_box .fast_title .more:hover .iconfont {
    color: var(--color)
}

.index-container .index-section .index-main .calendar_box .news-boxs,
.index-container .index-section .index-main .fast_box .news-boxs {
    position: relative
}

.index-container .index-section .index-main .calendar_box .news-boxs .scroll-color,
.index-container .index-section .index-main .fast_box .news-boxs .scroll-color {
    display: none !important
}

.index-container .index-section .index-main .calendar_box .news-boxs:hover .scroll-color,
.index-container .index-section .index-main .fast_box .news-boxs:hover .scroll-color {
    display: block !important
}

.index-container .index-section .index-main .calendar_box .more_box,
.index-container .index-section .index-main .fast_box .more_box {
    position: absolute;
    bottom: -25px;
    color: var(--FontColor_2);
    width: 100%;
    z-index: 2
}

.index-container .index-section .index-main .calendar_box .more_box:hover,
.index-container .index-section .index-main .fast_box .more_box:hover {
    color: var(--color)
}

.index-container .index-section .index-main .calendar_box .more_box .more_bg,
.index-container .index-section .index-main .fast_box .more_box .more_bg {
    height: 9px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) -13%, var(--BgColor))
}

.index-container .index-section .index-main .calendar_box .more_box .more_text,
.index-container .index-section .index-main .fast_box .more_box .more_text {
    line-height: 27px;
    text-align: center;
    background: var(--BgColor)
}

.index-container .index-section .index-main .calendar_box .news_box,
.index-container .index-section .index-main .fast_box .news_box {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    padding-bottom: 10px
}

.index-container .index-section .index-main .calendar_box .news-list,
.index-container .index-section .index-main .fast_box .news-list {
    position: relative;
    padding: 8px 5px
}

.index-container .index-section .index-main .calendar_box .news-list:before,
.index-container .index-section .index-main .fast_box .news-list:before {
    content: "";
    height: 1px;
    background: var(--BorderLine_m2);
    position: absolute;
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    top: 0;
    left: 5px
}

.index-container .index-section .index-main .calendar_box .news-list .time,
.index-container .index-section .index-main .fast_box .news-list .time {
    min-height: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.index-container .index-section .index-main .calendar_box .news-list .time .time_left,
.index-container .index-section .index-main .fast_box .news-list .time .time_left {
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center
}

.index-container .index-section .index-main .calendar_box .news-list .time .time_left .choice_vip,
.index-container .index-section .index-main .fast_box .news-list .time .time_left .choice_vip {
    height: 16px;
    margin-left: 8px
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other {
    display: none;
    line-height: 18px;
    align-items: center
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .fast_copy,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .fast_copy {
    cursor: pointer;
    color: var(--FontColor_2);
    margin-right: 15px;
    display: flex;
    align-items: center
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .fast_copy .iconfont,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .fast_copy .iconfont {
    font-size: 12px;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .fast_copy:hover,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .fast_copy:hover {
    color: var(--color)
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear {
    position: relative
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_boxs,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_boxs {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--FontColor_2)
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_boxs .icon-bl-icon-share-def,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_boxs .icon-bl-icon-share-def {
    font-size: 12px;
    margin-right: 4px;
    position: relative;
    top: -1px;
    font-weight: 700
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box {
    position: absolute;
    display: none;
    padding: 16px;
    width: 193px;
    right: 0;
    top: 28px;
    box-sizing: border-box;
    flex-flow: wrap;
    z-index: 2;
    background: var(--BgOtherColor);
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    border: none
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .trans,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .trans {
    height: 12px;
    width: 100%;
    position: absolute;
    top: -12px;
    left: 0;
    overflow: hidden
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .trans:before,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .trans:before {
    right: 10px;
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: var(--BgOtherColor);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    box-shadow: 3px 3px 12px 0 var(--shadow_color);
    z-index: 2;
    top: 5px
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type {
    font-size: 28px;
    height: 28px;
    margin-left: 16px;
    margin-top: 12px;
    color: var(--FontColor_1);
    cursor: pointer;
    display: flex;
    align-items: center
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:nth-child(-n+5),
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:nth-child(-n+5) {
    margin-top: 0
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:nth-child(4n+2),
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:nth-child(4n+2) {
    margin-left: 0
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type .icon-bl-icon-mailbox-def,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type .icon-bl-icon-mailbox-def {
    font-size: 28px
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-facebookshare-def,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-facebookshare-def {
    color: #3756a8
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-twittershare-def,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-twittershare-def {
    color: var(--twitterColor);
    position: relative;
    z-index: 1
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-twittershare-def::after,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-twittershare-def::after {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: -1;
    background: #fff
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-linkedinshare-def,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-linkedinshare-def {
    color: #2673b2
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-lineshare-def,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-lineshare-def {
    color: #25b03e
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover .icon-bl-icon-mailbox-def,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover .icon-bl-icon-mailbox-def {
    color: #10ad8a
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl_whatsapp,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl_whatsapp {
    color: #10c542
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl_telegram,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl_telegram {
    color: #158ed0
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-wechatshare-def,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-wechatshare-def {
    color: #00c889
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-weiboshare-def,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-weiboshare-def {
    color: #fa5754
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-q-qshare-def,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-q-qshare-def {
    color: #1777e6
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-q-qspaceshare-def,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-q-qspaceshare-def {
    color: #f6bc4f
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear:hover .shear_boxs,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear:hover .shear_boxs {
    color: var(--color)
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear:hover .shear_box,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear:hover .shear_box {
    display: flex
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear.top_fix .shear_box,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear.top_fix .shear_box {
    top: auto;
    bottom: 24px
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear.top_fix .shear_box .trans,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear.top_fix .shear_box .trans {
    top: auto;
    bottom: -12px
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_shear.top_fix .shear_box .trans:before,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_shear.top_fix .shear_box .trans:before {
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    top: auto;
    bottom: 5px
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_href,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_href {
    padding: 0 8px;
    border-radius: 20px;
    color: #1f2533;
    font-size: 12px;
    font-weight: 700;
    background: var(--color);
    margin-left: 16px
}

.index-container .index-section .index-main .calendar_box .news-list .time .cont_other .cont_href:hover,
.index-container .index-section .index-main .fast_box .news-list .time .cont_other .cont_href:hover {
    background: #00c89c
}

.index-container .index-section .index-main .calendar_box .news-list:hover .time .cont_other,
.index-container .index-section .index-main .fast_box .news-list:hover .time .cont_other {
    display: flex
}

.index-container .index-section .index-main .calendar_box .news-list .news-list-content,
.index-container .index-section .index-main .fast_box .news-list .news-list-content {
    margin-top: 4px;
    overflow: hidden
}

.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title {
    color: var(--FontColor_1)
}

.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title.new_fast_first,
.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title.over_fast,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title.new_fast_first,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title.over_fast {
    position: relative;
    max-height: 264px;
    overflow: hidden
}

.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title.new_fast_first .fast_fold,
.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title.over_fast .fast_fold,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title.new_fast_first .fast_fold,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title.over_fast .fast_fold {
    display: block;
    position: absolute;
    color: var(--color);
    height: 22px;
    display: flex;
    bottom: 0;
    right: 0;
    cursor: pointer;
    background: var(--BgColor)
}

.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title.new_fast_first .fast_fold:hover,
.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title.over_fast .fast_fold:hover,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title.new_fast_first .fast_fold:hover,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title.over_fast .fast_fold:hover {
    color: #00c89c
}

.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title.new_fast_first .fast_fold:before,
.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title.over_fast .fast_fold:before,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title.new_fast_first .fast_fold:before,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title.over_fast .fast_fold:before {
    content: '';
    width: 42px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -42px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--BgColor))
}

.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title .fast_fold,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title .fast_fold {
    display: none
}

.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title a,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title a {
    color: #2a78fe;
    display: inline-block
}

.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title a .iconfont,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title a .iconfont {
    vertical-align: middle;
    font-size: 14px
}

.index-container .index-section .index-main .calendar_box .news-list .news-list-content .content-title .title_name,
.index-container .index-section .index-main .fast_box .news-list .news-list-content .content-title .title_name {
    color: var(--FontColor_1)
}

.index-container .index-section .index-main .calendar_box .news-list .unscramble_box,
.index-container .index-section .index-main .fast_box .news-list .unscramble_box {
    margin-top: 8px;
    background: #f7f8fa;
    padding: 12px 16px;
    border-radius: 8px
}

.index-container .index-section .index-main .calendar_box .news-list .unscramble_box .unscramble_top,
.index-container .index-section .index-main .fast_box .news-list .unscramble_box .unscramble_top {
    display: flex;
    align-items: center;
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: 20px
}

.index-container .index-section .index-main .calendar_box .news-list .unscramble_box .unscramble_top .iconfont,
.index-container .index-section .index-main .fast_box .news-list .unscramble_box .unscramble_top .iconfont {
    font-size: 12px;
    margin-right: 6px
}

.index-container .index-section .index-main .calendar_box .news-list .unscramble_box .unscramble_cont,
.index-container .index-section .index-main .fast_box .news-list .unscramble_box .unscramble_cont {
    margin-top: 2px
}

.index-container .index-section .index-main .calendar_box .news-list .unscramble_box .unscramble_cont .unscramble_text,
.index-container .index-section .index-main .fast_box .news-list .unscramble_box .unscramble_cont .unscramble_text {
    line-height: 22px;
    margin-right: 4px
}

.index-container .index-section .index-main .calendar_box .news-list .unscramble_box .unscramble_cont .unscramble_qua,
.index-container .index-section .index-main .fast_box .news-list .unscramble_box .unscramble_cont .unscramble_qua {
    padding: 3px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    display: inline-block
}

.index-container .index-section .index-main .calendar_box .news-list .content-img-box,
.index-container .index-section .index-main .fast_box .news-list .content-img-box {
    overflow: auto
}

.index-container .index-section .index-main .calendar_box .news-list .content-img-box .img-box,
.index-container .index-section .index-main .fast_box .news-list .content-img-box .img-box {
    float: left;
    width: 80px;
    height: 60px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 8px 0;
    margin-left: 5px;
    border-radius: 8px
}

.index-container .index-section .index-main .calendar_box .news-list .content-img-box .img-box img,
.index-container .index-section .index-main .fast_box .news-list .content-img-box .img-box img {
    width: 100%
}

.index-container .index-section .index-main .calendar_box .news-list .content-img-box .img-box img.heightimg,
.index-container .index-section .index-main .fast_box .news-list .content-img-box .img-box img.heightimg {
    width: 100%
}

.index-container .index-section .index-main .calendar_box .news-list .content-img-box .img-box img.widthimg,
.index-container .index-section .index-main .fast_box .news-list .content-img-box .img-box img.widthimg {
    width: auto;
    height: 100%
}

.index-container .index-section .index-main .calendar_box .news-list .content-height-limit,
.index-container .index-section .index-main .fast_box .news-list .content-height-limit {
    max-height: 110px
}

.index-container .index-section .index-main .calendar_box .news-list .news-bottom,
.index-container .index-section .index-main .fast_box .news-list .news-bottom {
    overflow: auto
}

.index-container .index-section .index-main .calendar_box .news-list .news-bottom .load-more,
.index-container .index-section .index-main .fast_box .news-list .news-bottom .load-more {
    margin-top: 8px;
    float: right;
    color: var(--color);
    display: none;
    cursor: pointer
}

.index-container .index-section .index-main .calendar_box .news-list .website-name,
.index-container .index-section .index-main .fast_box .news-list .website-name {
    color: var(--FontColor_2);
    float: left
}

.index-container .index-section .index-main .calendar_box .news-list .website-name span,
.index-container .index-section .index-main .fast_box .news-list .website-name span {
    margin-left: 8px;
    color: var(--FontColor_3)
}

.index-container .index-section .index-main .calendar_box .news-list.ad-fast-news-list .mark,
.index-container .index-section .index-main .fast_box .news-list.ad-fast-news-list .mark {
    padding: 0 6px
}

.index-container .index-section .index-main .calendar_box .news-list.ad-fast-news-list .news-list-content,
.index-container .index-section .index-main .fast_box .news-list.ad-fast-news-list .news-list-content {
    position: relative;
    display: flex;
    align-items: center
}

.index-container .index-section .index-main .calendar_box .news-list.ad-fast-news-list .news-list-content .logo-wrap,
.index-container .index-section .index-main .fast_box .news-list.ad-fast-news-list .news-list-content .logo-wrap {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    margin-right: 8px;
    overflow: hidden
}

.index-container .index-section .index-main .calendar_box .news-list.ad-fast-news-list .news-list-content .logo-wrap img,
.index-container .index-section .index-main .fast_box .news-list.ad-fast-news-list .news-list-content .logo-wrap img {
    width: 100%;
    height: 100%
}

.index-container .index-section .index-main .calendar_box .news-list.ad-fast-news-list .news-list-content .content-title,
.index-container .index-section .index-main .fast_box .news-list.ad-fast-news-list .news-list-content .content-title {
    flex: 1;
    min-width: 0
}

.index-container .index-section .index-main .calendar_box .calendar_item,
.index-container .index-section .index-main .fast_box .calendar_item {
    display: flex;
    padding: 0 0 8px 0
}

.index-container .index-section .index-main .calendar_box .calendar_item:first-of-type .calendar_item_infor,
.index-container .index-section .index-main .fast_box .calendar_item:first-of-type .calendar_item_infor {
    border-top: none
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_time,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_time {
    width: 43px;
    color: var(--FontColor_2);
    line-height: 16px;
    font-size: 12px;
    padding-top: 12px
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor {
    flex: 1;
    border-top: 1px solid var(--BorderLine_m2);
    padding-top: 8px
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor .title_box,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor .title_box {
    display: flex
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor .title_box img,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor .title_box img {
    width: 18px;
    height: 12px;
    margin-right: 5px;
    margin-top: 4px;
    border-radius: 2px
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor .title_box .title_name,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor .title_box .title_name {
    line-height: 20px;
    font-size: 14px;
    color: var(--FontColor_1)
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor .title_box .title_name.import,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor .title_box .title_name.import {
    color: #fa5754
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor .list-bottom,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor .list-bottom {
    display: flex;
    padding-left: 23px
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor .list-bottom .p,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor .list-bottom .p {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    flex: 1;
    width: 0;
    margin-top: 5px;
    color: var(--FontColor_2b);
    font-size: 12px;
    margin-right: 5px;
    line-height: 17px
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor .list-bottom .p:last-child,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor .list-bottom .p:last-child {
    margin-right: 0
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor .list-bottom .p.act_value,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor .list-bottom .p.act_value {
    font-weight: 700
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor .list-bottom .p span:first-child,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor .list-bottom .p span:first-child {
    margin-right: 3px
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor .list-bottom .p .value,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor .list-bottom .p .value {
    color: var(--FontColor_1)
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor .list-bottom .p .value.act,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor .list-bottom .p .value.act {
    font-weight: 700
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor .list-bottom .previous-main,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor .list-bottom .previous-main {
    position: relative
}

.index-container .index-section .index-main .calendar_box .calendar_item .calendar_item_infor .list-bottom .previous-main .yellow-point,
.index-container .index-section .index-main .fast_box .calendar_item .calendar_item_infor .list-bottom .previous-main .yellow-point {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f6bc4f;
    top: -1px;
    flex-shrink: 0
}

.index-container .index-section .index-main .calendar_box .calendar_item:hover .calendar_item_infor .title_box .title_name,
.index-container .index-section .index-main .fast_box .calendar_item:hover .calendar_item_infor .title_box .title_name {
    color: var(--color)
}

.index-container .index-section .index-main .calendar_box .news-date,
.index-container .index-section .index-main .fast_box .news-date {
    line-height: 30px;
    font-size: 12px;
    color: var(--FontColor_1);
    font-weight: 700;
    position: sticky;
    z-index: 1;
    top: 0;
    background: var(--BgColor)
}

.index-container .index-section .index-main .calendar_box .news-date+.calendar_item .calendar_item_infor,
.index-container .index-section .index-main .fast_box .news-date+.calendar_item .calendar_item_infor {
    border-top: none
}

.index-container .index-section .index-main .calendar_box .news-date+.news-list::before,
.index-container .index-section .index-main .fast_box .news-date+.news-list::before {
    content: none
}

.index-container .index-section .index-main .calendar_box .will-publish,
.index-container .index-section .index-main .fast_box .will-publish {
    height: 45px;
    position: relative;
    top: 1px;
    display: flex;
    align-items: center;
    background: var(--BgColor)
}

.index-container .index-section .index-main .calendar_box .will-publish .dis-time,
.index-container .index-section .index-main .fast_box .will-publish .dis-time {
    background: var(--BorderLine_m2);
    height: 21px;
    font-size: 12px;
    color: var(--FontColor_2b);
    font-weight: 400;
    padding: 0 6px;
    border-radius: 4px;
    display: flex;
    align-items: center
}

.index-container .index-section .index-main .calendar_box .will-publish::after,
.index-container .index-section .index-main .fast_box .will-publish::after {
    content: "";
    flex: 1;
    margin-left: 8px;
    height: 0;
    border-bottom: 1px dashed var(--icon_gray)
}

.index-container .index-section .index-main .calendar_box .important-list .content-title .title_name,
.index-container .index-section .index-main .calendar_box .important-list .date,
.index-container .index-section .index-main .calendar_box .important-list .list-bottom .p,
.index-container .index-section .index-main .calendar_box .important-list .list-bottom .p span,
.index-container .index-section .index-main .calendar_box .important-list .list-header span,
.index-container .index-section .index-main .calendar_box .important-list .time,
.index-container .index-section .index-main .calendar_box .important-list .website-name,
.index-container .index-section .index-main .fast_box .important-list .content-title .title_name,
.index-container .index-section .index-main .fast_box .important-list .date,
.index-container .index-section .index-main .fast_box .important-list .list-bottom .p,
.index-container .index-section .index-main .fast_box .important-list .list-bottom .p span,
.index-container .index-section .index-main .fast_box .important-list .list-header span,
.index-container .index-section .index-main .fast_box .important-list .time,
.index-container .index-section .index-main .fast_box .important-list .website-name {
    color: #fa5754 !important
}

.index-container .index-section .index-main .fast_box .news-date {
    padding: 0 5px 0;
    margin-top: 5px
}

.index-container .index-section .index-main .fast_box .news-date:first-child {
    margin-top: 0
}

.index-container .index-section .index-main .fast_box .news-boxs {
    height: -moz-calc(100% - 24px);
    height: -webkit-calc(100% - 24px);
    height: calc(100% - 24px)
}

.index-container .index-section .index-main .calendar_box {
    display: flex;
    flex-flow: column
}

.index-container .index-section .index-main .calendar_box .news-boxs {
    flex: 1
}

.index-container .index-section .index-main .calendar_box .calendar_thead {
    display: flex;
    padding: 5px 0;
    color: var(--FontColor_2b);
    line-height: 20px;
    font-size: 14px;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.index-container .index-section .index-main .calendar_box .calendar_thead .time {
    width: 61px
}

.index-container .index-section .index-main .calendar_box .calendar_thead .calendar_thead_right {
    flex: 1;
    width: 0;
    padding-left: 5px;
    display: flex
}

.index-container .index-section .index-main .calendar_box .calendar_thead .calendar_thead_right .th {
    flex: 1;
    width: 0;
    margin-right: 5px
}

.index-container .index-section .index-main .calendar_box .calendar_thead .calendar_thead_right .th:last-child {
    margin-right: 0
}

.index-container .index-section .index-main .calendar_box .calendar_boxlist {
    padding-top: 2px
}

.index-container .index-section .index-main .fast_box .type_title {
    padding: 0 5px
}

.index-container .index-section .index-main .fast_box .news-boxs {
    position: relative;
    height: -moz-calc(100% - 24px);
    height: -webkit-calc(100% - 24px);
    height: calc(100% - 24px)
}

.index-container .index-section .index-main .fast_box .news-boxs .scroll-color {
    right: -5px !important;
    z-index: 2
}

.index-container .index-section .index-main .calendar_box .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 50px
}

.index-container .index-section .index-main .calendar_box .loading img {
    width: 100%
}

.index-container .index-section .index-main.no_news .fast_calendar {
    width: 100%;
    min-height: 600px
}

.index-container .index-section .index-main.no_news .fast_box {
    margin-left: 0;
    flex: 1
}

.index-container .index-section .index-main.no_news .calendar_box {
    flex: 1
}

.index-container .index-section .side_title .title {
    display: inline-flex !important
}

.index-container .index-section .news-main-box {
    margin-top: 0;
    position: relative
}

.index-container .index-section .news-main-box .main-header .header-right {
    display: none
}

.index-container .index-section .news-main-box .main-header .beginner-guide {
    display: none
}

.index-container .index-section .news-main-box .main-content {
    padding: 0 0 24px;
    height: 640px;
    box-sizing: border-box;
    display: flex;
    flex-flow: column
}

.index-container .index-section .news-main-box .main-content .scroll_mainbox {
    position: relative;
    flex: 1;
    height: 0;
    padding-top: 12px
}

.index-container .index-section .news-main-box .main-content .scroll_mainbox .scroll-color {
    top: 12px !important
}

.index-container .index-section .news-main-box .main-content .scroll_mainbox>.date-day {
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--BgColor);
    z-index: 2;
    font-family: var(--fontFamily)
}

.index-container .index-section .news-main-box .main-content .scroll_mainbox>.date-day .iconfont {
    font-size: 44px;
    color: var(--FontColor_1)
}

.index-container .index-section .news-main-box .main-content .scroll_mainbox>.date-day p:nth-of-type(1) {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 10px;
    line-height: 24px;
    font-size: 16px;
    font-family: var(--fontFamily)
}

.index-container .index-section .news-main-box .main-content .scroll_mainbox>.date-day p:nth-of-type(2) {
    font-size: 12px;
    position: absolute;
    top: 26px;
    width: 100%;
    transform: scale(.8333);
    -ms-transform: scale(.8333);
    -moz-transform: scale(.8333);
    -webkit-transform: scale(.8333);
    -o-transform: scale(.8333);
    color: var(--FontColor_2);
    font-family: var(--fontFamily)
}

.index-container .index-section .news-main-box .main-content .scroll_mainbox #main-content {
    height: -moz-calc(100% - 24px);
    height: -webkit-calc(100% - 24px);
    height: calc(100% - 24px);
    padding: 0 24px 0 31px
}

.index-container .index-section .news-main-box .main-content .scroll_mainbox #main-content .loading-more {
    display: none
}

.index-container .index-section .news-main-box .main-content .scroll_mainbox:before {
    content: "";
    top: 12px;
    left: 33px;
    width: 0;
    height: 100%;
    border-left: 2px solid var(--BorderLine_m2);
    position: absolute;
    height: -moz-calc(100% - 36px);
    height: -webkit-calc(100% - 36px);
    height: calc(100% - 36px)
}

.index-container .index-section .news-main-box .main-content:before {
    content: none
}

.index-container .index-section .news-main-box .main-content .fast_nav {
    padding: 16px 0 0 0;
    margin: 0 24px;
    border-bottom: 1px solid var(--BorderLine_m2);
    flex: 0 0 auto
}

.index-container .index-section .news-main-box .main-content .fast_nav .fast_type {
    color: var(--FontColor_2b);
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    margin-right: 8px;
    margin-left: 0;
    padding: 8px 12px;
    line-height: 16px;
    margin-bottom: 12px;
    border-radius: 20px
}

.index-container .index-section .news-main-box .main-content .fast_nav .fast_type.active {
    color: var(--BgColor);
    background: #000
}

.index-container .index-section .news-main-box .no-more-news {
    position: absolute;
    top: 50%;
    left: 50%
}

.index-container .index-section .news-main-box .main-header .main-nav ul .active {
    font-size: 22px
}

.index-container .index-section .quotation-section {
    display: flex;
    margin-top: 48px
}

.index-container .index-section .quotation-section .quotation-main {
    flex: 1
}

.index-container .index-section .quotation-section .quotation-main .panel {
    float: left;
    width: 48%;
    margin-bottom: 40px;
    background-color: var(--BgColor);
    box-sizing: border-box
}

.index-container .index-section .quotation-section .quotation-main .panel .box_show {
    padding: 24px
}

.index-container .index-section .quotation-section .quotation-main .panel .panel-header {
    padding: 24px 0 16px 0
}

.index-container .index-section .quotation-section .quotation-main .panel .panel-header .title {
    float: left;
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    font-weight: 600;
    color: var(--FontColor_1)
}

.index-container .index-section .quotation-section .quotation-main .panel .panel-header .more {
    display: block;
    position: relative;
    color: var(--FontColor_2);
    line-height: 26px;
    cursor: pointer
}

.index-container .index-section .quotation-section .quotation-main .panel .panel-header .more .title {
    float: left;
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    font-weight: 600;
    color: var(--FontColor_1)
}

.index-container .index-section .quotation-section .quotation-main .panel .panel-header .more:hover {
    color: var(--color)
}

.index-container .index-section .quotation-section .quotation-main .panel .panel-header .more:hover .title {
    color: var(--color)
}

.index-container .index-section .quotation-section .quotation-main .panel .panel-header .more:hover .iconfont {
    color: var(--color)
}

.index-container .index-section .quotation-section .quotation-main .panel .panel-header .more span {
    float: left;
    font-size: 12px;
    font-weight: 600
}

.index-container .index-section .quotation-section .quotation-main .panel .panel-header .more .iconfont {
    float: left;
    margin-left: 4px;
    font-size: 12px;
    color: var(--FontColor_1);
    font-weight: 700
}

.index-container .index-section .quotation-section .quotation-main .panel .panel-header .more:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.index-container .index-section .quotation-section .quotation-main .panel .table-header {
    background-color: var(--BorderColor2);
    padding: 9px 12px;
    border-radius: 8px;
    line-height: 22px;
    display: flex
}

.index-container .index-section .quotation-section .quotation-main .panel .table-header .item {
    width: 0;
    flex: 1;
    font-weight: 600;
    text-align: right;
    color: var(--FontColor_2) !important;
    font-size: 14px !important
}

.index-container .index-section .quotation-section .quotation-main .panel .table-header .item span {
    width: 100% !important
}

.index-container .index-section .quotation-section .quotation-main .panel .table-header .item:first-child {
    text-align: left
}

.index-container .index-section .quotation-section .quotation-main .panel.ms .table-header .item {
    font-size: 12px !important
}

.index-container .index-section .quotation-section .quotation-main .panel.ms .table-header .item span {
    width: 109.1% !important;
    transform: scale(.916);
    -ms-transform: scale(.916);
    -moz-transform: scale(.916);
    -webkit-transform: scale(.916);
    -o-transform: scale(.916);
    transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    -moz-transform-origin: 0 center;
    -webkit-transform-origin: 0 center;
    -o-transform-origin: 0 center
}

.index-container .index-section .quotation-section .quotation-main .panel .item {
    box-sizing: border-box;
    float: left
}

.index-container .index-section .quotation-section .quotation-main .panel .item span {
    display: block
}

.index-container .index-section .quotation-section .quotation-main .panel .item.redclose {
    color: #fa5754
}

.index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(1) {
    width: 20%;
    font-weight: 700
}

.index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(1) a:hover {
    color: var(--color)
}

.index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(1) a:hover+.symbol_tooltip {
    display: block
}

.index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(2) {
    width: 24%;
    font-size: 13px
}

.index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(2) .close_date {
    width: 100%;
    height: 100%;
    display: block
}

.index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(2) span {
    box-sizing: border-box
}

.index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(5),
.index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(6) {
    font-size: 13px
}

.index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(3) {
    position: relative;
    width: 22%;
    font-size: 13px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(3) .iconfont {
    position: relative;
    top: 1px;
    font-size: 12px;
    transform: scale(.7);
    -ms-transform: scale(.7);
    -moz-transform: scale(.7);
    -webkit-transform: scale(.7);
    -o-transform: scale(.7)
}

.index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(4) {
    width: 14%;
    font-size: 13px
}

.index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(7) {
    width: 18.5%;
    color: var(--FontColor_2);
    font-size: 12px;
    white-space: nowrap
}

.index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(7) span {
    white-space: normal
}

.index-container .index-section .quotation-section .quotation-main .panel .table-body {
    color: var(--FontColor_1)
}

.index-container .index-section .quotation-section .quotation-main .panel .table-body .table-list {
    position: relative;
    padding: 0 12px;
    line-height: 37px;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.index-container .index-section .quotation-section .quotation-main .panel .table-body .table-list>ul {
    width: 100%;
    display: flex
}

.index-container .index-section .quotation-section .quotation-main .panel .table-body .item {
    flex: 1;
    width: 0;
    text-align: right
}

.index-container .index-section .quotation-section .quotation-main .panel .table-body .item:nth-of-type(1) {
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-container .index-section .quotation-section .quotation-main .panel .table-body .item:nth-of-type(1) .symbol_tooltip {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-120%);
    background-color: var(--FontColor_1);
    padding: 8px;
    border-radius: 4px;
    font-size: 14px;
    color: var(--BgColor);
    line-height: 20px;
    z-index: 9;
    white-space: nowrap
}

.index-container .index-section .quotation-section .quotation-main .panel .table-body .item:nth-of-type(1) .symbol_tooltip::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    transform: translateY(100%);
    border-top: 4px solid var(--FontColor_1);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.index-container .index-section .quotation-section .quotation-main .market-header {
    padding-bottom: 0;
    margin-bottom: -8px
}

.index-container .index-section .quotation-section .quotation-main .quotation-body .category-item {
    margin-top: 0
}

.index-container .index-section .quotation-section .quotation-main .quotation-body .category-item .panel-header {
    padding: 32px 0 12px 0
}

.index-container .index-section .quotation-section .quotation-main .quotation-body .category-item .panel-header .title {
    font-size: 20px
}

.index-container .index-section .quotation-section .quotation-main .quotation-block {
    display: flex;
    flex-wrap: wrap
}

.index-container .index-section .quotation-section .quotation-main .quotation-block .panel {
    padding: 24px;
    margin-bottom: 32px;
    border-radius: 12px;
    border: 1px solid var(--BorderLine_m2);
    width: calc((100% - 48px)/ 2)
}

.index-container .index-section .quotation-section .quotation-main .quotation-block .panel:nth-child(2n) {
    margin-left: 48px
}

.index-container .index-section .quotation-section .quotation-main .quotation-block .panel .table-header {
    background: var(--BorderColor2) !important;
    border-radius: 8px
}

.index-container .index-section .quotation-section .quotation-main .quotation-block .panel .table-header .item {
    color: var(--FontColor_2)
}

.index-container .index-section .quotation-section .quotation-main .quotation-block .panel .table-header .item:first-child {
    color: var(--FontColor_1) !important;
    font-weight: 600
}

.index-container .index-section .quotation-section .quotation-main .quotation-block .panel .table-body .item:nth-of-type(7) {
    white-space: nowrap
}

.index-container .index-section .quotation-section .quotation-main .quotation-block .panel .table-body .table-list {
    line-height: 37px;
    border-top: none;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.index-container .index-section .quotation-section .index-market {
    display: none !important;
    width: 440px;
    margin-left: 48px;
    display: flex;
    flex-flow: column
}

.index-container .index-section .quotation-section .index-market .market-nav {
    margin: 0 8px
}

.index-container .index-section .quotation-section .index-market .market_side {
    flex: 1;
    display: block
}

.index-container .index-section .quotation-section .index-market .market_side .market_page {
    display: none
}

.index-container .index-section .quotation-section .index-market .market_side .market_page.active {
    display: block
}

.index-container .index-section .home_mid_wrap .side_title {
    padding-bottom: 0;
    margin-bottom: -8px
}

.index-container .index-section .home_mid {
    display: flex
}

.index-container .index-section .home_mid_wrap {
    margin-top: 48px
}

.index-container .index-section .home_mid .home_box {
    flex: 1
}

.index-container .index-section .home_mid .index-right {
    width: 389px;
    margin-left: 48px;
    flex-shrink: 0
}

.index-container .index-section .home_mid .index-right .right_sidebar {
    height: 100%
}

.index-container .index-section .home_mid .index-right .right_sidebar .home-label-title {
    padding-top: 32px
}

.index-container .index-section .home_mid .index-right .right_sidebar .index-sentiment {
    height: 100%
}

.index-container .index-section .home_mid .index-right .right_sidebar .index-sentiment .sentiment_box {
    height: calc(100% - 85px)
}

.index-container .index-section .home_mid .index-right .right_sidebar .index-rate {
    height: 100%
}

.index-container .index-section .home_mid .index-right .right_sidebar .index-rate .rate_box {
    height: calc(100% - 70px)
}

.index-container .index-section .analyst_boxs {
    display: flex;
    margin-top: 48px
}

.index-container .index-section .analyst_boxs .second_title {
    font-size: 20px;
    color: var(--FontColor_1);
    line-height: 22px;
    margin-bottom: 12px;
    font-weight: 600;
    margin-top: 8px
}

.index-container .index-section .analyst_boxs .second_title.second_title1 {
    margin-top: 32px
}

.index-container .index-section .analyst_boxs .analyst_cloumn {
    flex: 1;
    width: 829px
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs {
    border: unset;
    min-height: -moz-calc(100% - 60px);
    min-height: -webkit-calc(100% - 60px);
    min-height: calc(100% - 60px)
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 48px
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types {
    display: flex;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid var(--BorderLine_m2);
    width: calc((100% - 48px * 5)/ 6)
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_left {
    width: 60px;
    height: 60px;
    position: relative;
    margin-right: 16px;
    background: var(--BorderColor2);
    border-radius: 50%
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_left .author_head {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_left .author_head:nth-child(2) {
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid var(--BgColor)
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right {
    flex: 1;
    width: 0;
    padding-top: 2px
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right .title {
    max-height: 48px;
    line-height: 24px;
    margin-bottom: 7px;
    padding-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right .title .analysis_type {
    margin-right: 3px;
    margin-bottom: 0;
    position: relative;
    top: -2px
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right .title .analysis_type.pending_transaction {
    color: var(--FontColor_3);
    border-color: var(--FontColor_3)
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right .title .analysis_type.expired {
    color: var(--FontColor_3);
    border-color: var(--FontColor_3)
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right .title .title_name {
    color: var(--FontColor_1);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right .tips {
    color: var(--FontColor_2);
    max-height: 40px;
    line-height: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right .resourcetime {
    color: var(--FontColor_2b);
    font-size: 14px;
    display: flex;
    align-items: center
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right .resourcetime .author_name {
    margin-right: 3px;
    flex-shrink: 0
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right .resourcetime .author_value {
    margin-right: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    min-width: 30px;
    max-width: 50%
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right .resourcetime .resource_time {
    display: flex;
    align-items: center;
    flex: 1;
    width: 0
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right .resourcetime .analysis_type {
    margin-bottom: 0
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right .resourcetime .analysis_type.fallbdbg,
.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types .analyst_right .resourcetime .analysis_type.risebdbg {
    color: var(--BgColor)
}

.index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_box_type .analyst_types:hover .analyst_right .title .title_name {
    color: var(--color)
}

.index-container .index-section .analyst_boxs .analyst_rank {
    display: none;
    width: 440px;
    margin-left: 48px
}

.index-container .index-section .analyst_boxs .analyst_rank .second_title {
    padding-left: 0
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box {
    min-height: -moz-calc(100% - 60px);
    min-height: -webkit-calc(100% - 60px);
    min-height: calc(100% - 60px);
    padding: 0 16px 22px 16px;
    box-sizing: border-box
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author {
    width: 440px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__title-wrap {
    display: flex;
    align-items: center
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 58px;
    color: var(--FontColor_1)
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__more {
    margin-left: 4px;
    font-size: 12px;
    line-height: 1
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__main {
    padding: 24px 20px 25px 24px;
    border-radius: 12px;
    border: 1px solid var(--BorderLine_m2);
    background-color: var(--BgColor);
    min-height: 350px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item {
    display: flex;
    align-items: flex-start
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item:hover .aside-hot-author__item-name {
    color: var(--color)
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-top_nub {
    font-size: 18px;
    color: var(--FontColor_2);
    font-weight: 700;
    width: 17px;
    line-height: 22px;
    margin-top: 11px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-top_nub.top {
    color: var(--color)
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-img {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    margin-right: 8px;
    margin-bottom: 32px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-right {
    flex: 1 0 auto;
    width: 0
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-right .mid_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--FontColor_2);
    font-size: 14px;
    line-height: 22px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-right .mid_box .mid_type {
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-right .mid_box .mid_type.mid_one {
    margin-right: 24px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-right .mid_box .mid_type .mid_value {
    color: var(--FontColor_2b);
    margin-right: 4px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-name-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 2px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-name {
    margin-right: 9px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: var(--FontColor_1)
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-type {
    box-sizing: border-box;
    height: 19px;
    padding: 0 5px;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    line-height: 19px;
    transform: scale(.84);
    white-space: nowrap;
    flex-shrink: 0;
    border-radius: 4px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-type.is-editor {
    color: #3bcc6d;
    border: 1px solid #3bcc6d
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-type.is-organization {
    border: 1px solid #2a78fe;
    color: #2a78fe
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-type.is-analyst {
    color: #e6a621;
    border: 1px solid #e6a621
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-symble {
    font-size: 14px;
    line-height: 22px;
    color: var(--FontColor_2);
    margin-bottom: 4px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-symble.name {
    margin-right: 3px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-desc {
    font-size: 14px;
    line-height: 22px;
    max-height: 66px;
    color: var(--FontColor_2);
    margin-bottom: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item:last-child .aside-hot-author__item-img {
    margin-bottom: 0
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item:last-child .aside-hot-author__item-desc {
    margin-bottom: 0
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item {
    margin-top: 16px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-desc {
    margin-bottom: 0
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-img {
    margin-bottom: 0
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .aside-hot-author__item-right .mid_box .mid_type {
    margin-bottom: 0
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .rate_symble {
    font-size: 12px;
    line-height: 15px;
    color: var(--FontColor_2);
    display: flex
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .rate_symble .rate_box {
    margin-right: 5px
}

.index-container .index-section .analyst_boxs .analyst_rank .analyst_rank_box .rate_symble .aside-hot-author__item-symble {
    font-size: 12px;
    line-height: 15px
}

.index-container .index-section .signal_home {
    display: flex;
    margin-top: 48px
}

.index-container .index-section .signal_home .signal_boxs {
    flex: 1;
    min-width: 0
}

.index-container .index-section .signal_home .signal_boxs .signal_list {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 48px;
    box-sizing: border-box
}

.index-container .index-section .signal_home .signal_boxs .signal_list.no_data {
    gap: unset;
    justify-content: center
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type {
    border-radius: 12px;
    width: calc((100% - 48px * 5)/ 6);
    border: 1px solid var(--BorderLine_m2);
    padding: 24px;
    box-sizing: border-box
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_title {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_title:hover>span {
    text-decoration: underline
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_title.end {
    color: var(--FontColor_2)
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_title .tradeDirection {
    margin-right: 4px;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_title .signal_price {
    color: var(--FontColor_2);
    display: flex;
    align-items: center
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_title .signal_price .price_nub {
    font-size: 14px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_title .signal_price .iconfont {
    font-size: 12px;
    height: 12px;
    display: flex;
    align-items: center
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .signal_left {
    margin-right: 16px;
    margin-top: 8px;
    line-height: 22px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .signal_left .open_box {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-size: 14px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .signal_left .open_box .name {
    margin-right: 4px;
    color: var(--FontColor_2b)
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .signal_left .open_box .value {
    color: var(--FontColor_1)
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .signal_left .time {
    color: var(--FontColor_2b);
    margin-top: 10px;
    display: block
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box {
    margin-top: 8px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box .signal_status {
    width: 70px;
    height: 59px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box .signal_status .signal_profitLoss {
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--FontColor_2)
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 12px;
    line-height: 11px;
    display: flex
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: none;
    margin-left: 3px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub {
    line-height: 21px;
    margin-top: 3px;
    font-size: 16px;
    font-weight: 600
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font14 {
    font-size: 14px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font12 {
    font-size: 12px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font10 {
    font-size: 10px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box .signal_status.end,
.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box .signal_status.flat {
    background: var(--BorderLine_m2);
    color: var(--FontColor_2)
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box .signal_status.end .iconfont,
.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box .signal_status.flat .iconfont {
    color: var(--FontColor_2);
    opacity: .07
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.anlist_status .signal_status {
    width: 95px;
    height: 63px;
    border-radius: 6px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.anlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    font-size: 18px;
    line-height: 23px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.statuslist_box .signal_status {
    width: 70px;
    height: 48px;
    border-radius: 6px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.web_status .signal_status {
    width: 204px;
    height: 172px;
    border-radius: 12px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.web_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 18px;
    line-height: 22px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    font-size: 32px;
    line-height: 41px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webhome_status .signal_status {
    width: 139px;
    height: 79px;
    border-radius: 12px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webhome_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 12px;
    line-height: 22px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    margin-top: 2px;
    font-size: 24px;
    line-height: 30px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.weblist_status .signal_status,
.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webstlist_status .signal_status {
    width: 140px;
    height: 100px;
    border-radius: 8px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.weblist_status .signal_status .signal_profitLoss,
.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webstlist_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_text,
.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 12px;
    line-height: 22px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point,
.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_nub,
.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    margin-top: 2px;
    font-size: 22px;
    line-height: 28px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webstlist_status .signal_status {
    height: 68px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webanlist_status .signal_status {
    width: 204px;
    height: 110px;
    border-radius: 12px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webanlist_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 16px;
    line-height: 22px
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.index-container .index-section .signal_home .signal_boxs .signal_list .signal_type .signal_bottom .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    font-size: 32px;
    line-height: 41px
}

.index-container .index-section .signal_home .signal_perform {
    display: none;
    width: 440px;
    margin-left: 48px
}

.index-container .index-section .signal_home .signal_perform .signal_infor {
    min-height: -moz-calc(100% - 60px);
    min-height: -webkit-calc(100% - 60px);
    min-height: calc(100% - 60px);
    box-sizing: border-box
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box {
    padding: 24px;
    display: block;
    border-radius: 12px;
    border: 1px solid var(--BorderLine_m2)
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .signal_infor_head {
    display: flex;
    align-items: center;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .signal_infor_head .strategy_head {
    width: 68px;
    height: 68px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 12px
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .signal_infor_head .strategy_head img {
    width: 68px;
    height: 68px
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .signal_infor_head .strategy_top_right {
    flex: 1;
    width: 0
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .signal_infor_head .strategy_top_right .strategy_name {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    color: var(--FontColor_1);
    margin-bottom: 6px
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .signal_infor_head .strategy_top_right .subscribe_box {
    display: flex;
    align-items: center;
    color: var(--FontColor_2);
    line-height: 20px;
    font-size: 14px
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .signal_infor_head .strategy_top_right .subscribe_box .type_name {
    margin-top: 6px;
    margin-right: 3px
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .signal_infor_head .strategy_top_right .subscribe_box .type_value {
    margin-top: 6px
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .strategy_infor {
    padding-top: 7px;
    display: flex;
    flex-wrap: wrap
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .strategy_infor .infor_type {
    margin-top: 17px;
    width: 45%
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .strategy_infor .infor_type:nth-child(2n+1) {
    width: 55%
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .strategy_infor .infor_type .type_name {
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 12px;
    color: var(--FontColor_2);
    margin-bottom: 4px
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .strategy_infor .infor_type .type_value {
    line-height: 25px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
    text-align: left
}

.index-container .index-section .signal_home .signal_perform .signal_infor .signal_infor_box .strategy_infor .infor_type .type_value .unit {
    color: var(--FontColor_2);
    line-height: 22px;
    font-size: 14px;
    margin-left: 4px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-right {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container .index-section .home_mid {
    flex-direction: column
}

.label-title {
    position: relative;
    box-sizing: border-box;
    padding: 24px 0 16px;
    font-weight: 600
}

.label-title .title {
    display: flex !important;
    align-items: center;
    font-weight: 600;
    font-size: 24px;
    line-height: 33px
}

.label-title .title .iconfont {
    font-size: 14px;
    margin-left: 4px
}

.label-title.flex_between {
    display: flex;
    align-items: center
}

.label-title.flex_between .title {
    display: flex;
    align-items: center
}

.label-title.flex_between .title .new {
    height: 17px;
    line-height: 17px;
    background: #fa5754;
    color: #fff;
    padding: 0 6px;
    border-radius: 8px 8px 8px 0;
    font-size: 12px;
    margin-left: 4px
}

.more_center {
    text-align: center;
    background: var(--BgColor)
}

.more_center .look-more {
    color: var(--FontColor_1);
    margin-top: 16px;
    cursor: pointer;
    display: inline-block;
    justify-content: center;
    font-size: 12px;
    position: relative;
    padding: 4px 9px 4px 11px;
    background: var(--BgColor);
    border-radius: 20px;
    border: solid 1px var(--BorderLine_m2)
}

.more_center .look-more span {
    line-height: 20px;
    font-size: 12px;
    margin-right: 2px
}

.more_center .look-more i {
    margin-left: 2px;
    transform: scale(.8333);
    -ms-transform: scale(.8333);
    -moz-transform: scale(.8333);
    -webkit-transform: scale(.8333);
    -o-transform: scale(.8333);
    position: relative;
    color: var(--BorderColor2);
    top: 1px
}

.more_center .look-more:hover {
    border-color: var(--color)
}

.more_center .look-more:hover i,
.more_center .look-more:hover span {
    color: var(--color)
}

.index-container .index-section .index-main .main-header .header-right .more {
    font-size: 12px;
    display: inline-block;
    margin-left: 14px;
    color: var(--FontColor_2b);
    cursor: pointer;
    line-height: 20px;
    padding: 6px 16px;
    border: solid 1px var(--BorderLine_m2);
    border-radius: 20px
}

.index-container .index-section .index-main .main-header .header-right .more .more_box {
    display: flex;
    align-items: center
}

.index-container .index-section .index-main .main-header .header-right .more .iconfont {
    font-size: 12px;
    color: var(--FontColor_3);
    margin-left: 4px
}

.index-container .index-section .index-main .main-header .header-right .more:hover {
    border-color: var(--color);
    color: var(--color)
}

.index-container .index-section .index-main .main-header .header-right .more:hover .iconfont {
    color: var(--color)
}

.home-container {
    right: 335px
}

.home-container .index-section .index-main .main-header .header-right .set-news-tag .set-setting .setting-main:before {
    right: 340px
}

.home-container .index-section .index-main .main-header .beginner-guide .tip-item {
    position: absolute;
    right: 86px
}

.home-container .index-section .index-main .main-header .beginner-guide .tag-setting-tip {
    right: 335px
}

.home-container .index-section .index-main .main-header.en_head .header-right .set-news-tag .set-setting .setting-main:before {
    right: 519px
}

.home-container .index-section .index-main .main-header.en_head .beginner-guide .tip-item {
    right: 94px
}

.home-container .index-section .index-main .main-header.en_head .beginner-guide .tag-setting-tip {
    right: 513px
}

.index-market {
    margin-top: 0;
    margin-bottom: 0;
    height: auto
}

.calendar-container .calendar-main {
    float: none;
    padding: 0;
    min-height: auto;
    margin-top: 0
}

.calendar-container .calendar-main .main-header {
    justify-content: normal
}

.calendar-container .calendar-main .main-header .header-nav .ul .li {
    margin: 0 13px 0 0
}

.calendar-container .calendar-main .main-week {
    display: none
}

.calendar-container .calendar-main .main-table {
    margin-top: 0
}

.calendar-container .calendar-main .no-data {
    position: absolute;
    top: 250px
}

.calendar-container .calendar-main .scroll_mainbox {
    position: relative
}

.calendar-container #data-table-body,
.calendar-container #data-table-mobile,
.calendar-container #event-table-body,
.calendar-container #holiday-table-body {
    height: 548px
}

.calendar-container #data-table-body.en,
.calendar-container #data-table-mobile.en,
.calendar-container #event-table-body.en,
.calendar-container #holiday-table-body.en {
    height: 548px
}

.calendar-container .canlendar-table-main {
    position: relative;
    padding-bottom: 16px;
    min-height: 639px
}

.calendar-container .canlendar-table-main .loading {
    padding: 150px 0;
    position: absolute;
    top: 0;
    width: 100%
}

.datacenter_box.datacenter_institution {
    height: 100%
}

.datacenter_box .sub_title {
    font-size: 20px;
    font-weight: 600;
    color: var(--FontColor_1);
    line-height: 22px;
    padding: unset;
    padding-top: 32px;
    margin-bottom: 12px
}

.datacenter_box .datacenter_name {
    font-size: 18px;
    line-height: 26px;
    padding: 15px 0;
    font-weight: 700;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.trend_other {
    padding: 0 32px 24px 32px
}

.trend_other .data_orders {
    width: 100%
}

.trend_other .data_orders .length_box .length_type {
    margin: 0 8px;
    font-size: 12px
}

.trend_other .data_orders .orders-main-content .select-nav ul li {
    font-size: 12px
}

.trend_other .data_orders .orders-main-content .k-charts-main {
    border: none
}

.trend_other .data_orders .trend_other-select {
    margin-top: 24px
}

.trend_other .data_orders .trend_other-select .select-list {
    margin-top: 0
}

.trend_other .data_symbol {
    width: 440px;
    margin-left: 32px
}

.trend_other .data_symbol .box_show {
    margin-top: 16px
}

.trend_other .data_symbol .chang_boxs {
    padding: 24px 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.trend_other .data_symbol .chang_boxs .relevant-select,
.trend_other .data_symbol .chang_boxs .relevant-select1 {
    border: 1px solid var(--BorderLine_m2);
    display: inline-block;
    color: var(--FontColor_2);
    cursor: pointer;
    position: relative;
    width: 108px;
    box-sizing: border-box;
    text-align: left;
    border-radius: 20px
}

.trend_other .data_symbol .chang_boxs .relevant-select span,
.trend_other .data_symbol .chang_boxs .relevant-select1 span {
    color: var(--FontColor_1);
    display: inline-block;
    width: 100%;
    padding: 5px 12px;
    box-sizing: border-box;
    height: 32px
}

.trend_other .data_symbol .chang_boxs .relevant-select .iconfont,
.trend_other .data_symbol .chang_boxs .relevant-select1 .iconfont {
    font-size: 12px;
    position: absolute;
    right: 12px;
    top: 9px
}

.trend_other .data_symbol .chang_boxs .relevant-select .scroll-color,
.trend_other .data_symbol .chang_boxs .relevant-select1 .scroll-color {
    top: 0 !important;
    right: 5px !important
}

.trend_other .data_symbol .chang_boxs .relevant-select #select-nav-content,
.trend_other .data_symbol .chang_boxs .relevant-select1 #select-nav-content {
    max-height: 248px
}

.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main1,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main1 {
    position: absolute;
    width: 108px;
    display: none;
    left: 0;
    background: var(--BgColor);
    box-shadow: 0 2px 12px 0 var(--shadow_color);
    box-sizing: border-box;
    top: 31px;
    z-index: 22;
    padding: 5px 0;
    max-height: 248px;
    border-radius: 8px
}

.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main li,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main p,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main1 li,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main1 p,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main li,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main p,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main1 li,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main1 p {
    color: var(--FontColor_1);
    padding: 0 18px;
    line-height: 38px;
    height: 39px
}

.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main li:hover,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main p:hover,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main1 li:hover,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main1 p:hover,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main li:hover,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main p:hover,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main1 li:hover,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main1 p:hover {
    background: var(--select_hover)
}

.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main li.active,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main p.active,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main1 li.active,
.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main1 p.active,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main li.active,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main p.active,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main1 li.active,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main1 p.active {
    background: var(--color);
    color: #1f2533
}

.trend_other .data_symbol .chang_boxs .relevant-select .select-nav-main1,
.trend_other .data_symbol .chang_boxs .relevant-select1 .select-nav-main1 {
    max-height: none
}

.trend_other .data_symbol .relevant_about {
    margin-top: 24px
}

.trend_other .data_symbol .relevant_about .relevant_tr {
    display: flex
}

.trend_other .data_symbol .relevant_about .relevant_tr .symbol {
    width: 134px;
    border: 1px solid var(--BorderLine_m2);
    border-top: none;
    text-align: center;
    line-height: 38px;
    font-size: 12px
}

.trend_other .data_symbol .relevant_about .relevant_tr .about {
    width: 204px;
    border: 1px solid var(--BorderLine_m2);
    border-left: none;
    border-top: none;
    text-align: center;
    line-height: 38px;
    color: var(--BgColor);
    font-size: 12px
}

.trend_other .data_symbol .relevant_about .relevant_tr .about.red1 {
    background: #fa5754
}

.trend_other .data_symbol .relevant_about .relevant_tr .about.red2 {
    background: #fa5754;
    -khtml-opacity: .75;
    -moz-opacity: .75;
    opacity: .75;
    filter: alpha(opacity=75)
}

.trend_other .data_symbol .relevant_about .relevant_tr .about.red3 {
    background: #fa5754;
    -khtml-opacity: .45;
    -moz-opacity: .45;
    opacity: .45;
    filter: alpha(opacity=45)
}

.trend_other .data_symbol .relevant_about .relevant_tr .about.gay {
    background: var(--FontColor_3)
}

.trend_other .data_symbol .relevant_about .relevant_tr .about.green1 {
    background: #00c889;
    -khtml-opacity: .45;
    -moz-opacity: .45;
    opacity: .45;
    filter: alpha(opacity=45)
}

.trend_other .data_symbol .relevant_about .relevant_tr .about.green2 {
    background: #00c889;
    -khtml-opacity: .75;
    -moz-opacity: .75;
    opacity: .75;
    filter: alpha(opacity=75)
}

.trend_other .data_symbol .relevant_about .relevant_tr .about.green3 {
    background: #00c889
}

.trend_other .data_symbol .relevant_about .relevant_head .relevant_tr .about,
.trend_other .data_symbol .relevant_about .relevant_head .relevant_tr .symbol {
    color: var(--FontColor_2b);
    font-size: 14px;
    font-weight: 700;
    border-top: 1px solid var(--BorderLine_m2)
}

.select-list {
    border: 1px solid var(--BorderLine_m2);
    height: 34px;
    display: inline-block;
    color: var(--FontColor_2);
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    border-radius: 8px
}

.select-list .select_name {
    color: var(--FontColor_1);
    height: 32px;
    display: block;
    width: 100%;
    padding: 5px 32px 5px 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    z-index: 2;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    min-width: 60px;
    font-weight: 400
}

.select-list>.iconfont {
    line-height: 32px;
    top: 1px;
    color: var(--FontColor_2);
    font-size: 12px;
    position: absolute;
    right: 12px
}

.select-list:hover {
    border-color: var(--color) !important
}

.select-list .select-list-main {
    position: absolute;
    width: 100%;
    display: none;
    left: 0;
    background: var(--BgOtherColor);
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    box-sizing: border-box;
    z-index: 10;
    top: 36px;
    border-radius: 8px;
    overflow: hidden
}

.select-list .select-list-main .ul,
.select-list .select-list-main ul {
    padding: 5px 0;
    overflow-y: hidden;
    max-height: 248px
}

.select-list .select-list-main .li,
.select-list .select-list-main li {
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 20px;
    padding: 8px 16px
}

.select-list .select-list-main .li:hover,
.select-list .select-list-main li:hover {
    background: var(--select_hover)
}

.select-list .select-list-main .li.active,
.select-list .select-list-main li.active {
    background: var(--color);
    color: #1f2533
}

.select-list .select-list-main .scroll-color {
    right: 5px !important
}

.header-date {
    display: flex;
    float: left
}

.header-date .date-btn {
    display: inline-block;
    padding: 7px 9px;
    color: var(--color);
    font-size: 12px;
    position: relative;
    left: 9px;
    cursor: pointer
}

.header-date .date-main {
    position: relative;
    height: 22px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    border: 1px solid var(--BorderLine_m2);
    width: 190px;
    border-radius: 8px
}

.header-date .date-main:hover {
    border-color: var(--color) !important
}

.header-date .date-main .date {
    color: var(--FontColor_1);
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    width: 86px;
    height: 22px;
    text-align: center;
    white-space: nowrap
}

.header-date .date-main .label {
    color: var(--FontColor_1);
    margin-top: 5px;
    font-weight: 700;
    margin: 0
}

.header-date .date-main .iconfont {
    font-size: 16px;
    color: var(--FontColor_2);
    margin-left: 8px
}

.institution {
    padding-bottom: 16px;
    height: calc(100% - 86px)
}

.institution .tooltip-label {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    margin-right: 5px;
    position: relative;
    top: 0
}

.institution .institution-nav {
    font-size: 14px;
    border-bottom: 1px solid var(--BorderLine_m2);
    margin: 0 24px;
    line-height: 22px;
    padding: 24px 0 0
}

.institution .institution-nav span {
    margin-right: 19px;
    color: var(--FontColor_1);
    cursor: pointer;
    display: inline-block;
    margin-bottom: 12px
}

.institution .institution-nav span.active {
    position: relative;
    font-weight: 700
}

.institution .institution-nav span.active::after {
    content: "";
    position: absolute;
    background-color: var(--color);
    height: 3px;
    border-radius: 3px;
    left: 0;
    right: 0;
    bottom: -12px
}

.institution .institution-nav.en {
    margin-right: 32px
}

.institution .top-chart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 16px;
    row-gap: 20px;
    padding: 0 24px
}

.institution .top-chart-header .contentnav_left,
.institution .top-chart-header .contentnav_right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px
}

.institution .top-chart-header .contentnav_left .institution_reading,
.institution .top-chart-header .contentnav_right .institution_reading {
    margin: 0
}

.institution .top-chart-header .select-list {
    width: 151px
}

.institution .top-chart-header .select-list span {
    height: auto;
    padding: 5px 30px 5px 12px;
    white-space: nowrap
}

.institution .top-chart-header .select-list .iconfont {
    font-size: 12px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.institution .top-chart-header .header-list {
    color: var(--FontColor_2)
}

.institution .top-chart-header .header-list .date-main .icon-bl-icon-calendar-def {
    top: 0
}

.institution .top-chart-header .header-list.header-icon {
    color: var(--FontColor_2);
    display: flex
}

.institution .top-chart-header .header-list.header-icon .iconfont {
    cursor: pointer;
    margin-right: 14px
}

.institution .top-chart-header .header-list.header-icon .iconfont:last-child {
    margin-right: 0
}

.institution .top-chart-header .header-list.header-icon .iconfont.active {
    color: var(--color)
}

.institution .top-chart-header .select-institution-type {
    margin: 0;
    width: auto !important
}

.institution .top-chart-header .select-institution-type .select-list-main {
    width: auto;
    border-radius: 8px;
    overflow: hidden
}

.institution .top-chart-header .select-institution-type .select-list-main ul {
    height: auto
}

.institution .top-chart-header .select-institution-type .select-list-main ul li {
    line-height: 20px;
    height: auto;
    padding: 8px 16px;
    white-space: nowrap
}

.institution .detail-charts {
    min-height: 500px
}

.institution .detail-charts .detail-top-chart {
    display: none
}

.institution .detail-charts .detail-top-chart .top-chart-main {
    width: 100%;
    height: 420px
}

.institution .detail-charts .detail-top-chart .top-chart-main#institution-table {
    height: auto;
    min-width: 750px
}

.institution .detail-charts .detail-top-chart .top-chart-main .table {
    width: calc(100% - 48px);
    height: 100%;
    position: relative;
    margin: 0 24px
}

.institution .detail-charts .detail-top-chart .top-chart-main .table .table_head {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--BorderLine_m2);
    color: var(--FontColor_2)
}

.institution .detail-charts .detail-top-chart .top-chart-main .table .table_head .table_th {
    flex: 1;
    padding: 0 12px 8px 0;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    text-align: right
}

.institution .detail-charts .detail-top-chart .top-chart-main .table .table_head .table_th:first-child {
    text-align: left
}

.institution .detail-charts .detail-top-chart .top-chart-main .table .table_body_type {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--BorderLine_m2);
    color: var(--FontColor_1)
}

.institution .detail-charts .detail-top-chart .top-chart-main .table .table_body_type .table_td {
    flex: 1;
    padding: 12px 12px 12px 0;
    font-size: 14px;
    line-height: 18px;
    word-wrap: break-word;
    text-align: right
}

.institution .detail-charts .detail-top-chart .top-chart-main .table .table_body_type .table_td:first-child {
    text-align: left;
    font-weight: 600
}

.institution .detail-charts .detail-top-chart .top-chart-main .scroll_boxs {
    position: relative
}

.institution .detail-charts .detail-top-chart .top-chart-main .scroll_boxs #institution_body {
    max-height: 470px
}

.institution .detail-charts .detail-top-chart .top-chart-main .scroll_boxs .scroll-color {
    right: 0 !important
}

.institution .detail-charts .detail-top-chart .color-select-main ul {
    padding-right: 32px;
    padding-bottom: 10px
}

.institution .detail-charts .detail-top-chart .color-select-main ul li {
    display: inline-flex;
    align-items: center;
    margin-left: 32px;
    cursor: pointer;
    margin-top: 16px
}

.institution .detail-charts .detail-top-chart .color-select-main ul li .label {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    position: relative;
    font-size: 14px
}

.institution .detail-charts .detail-top-chart .color-select-main ul li .icon-bl-icon-label-checkbox-def {
    color: var(--FontColor_2);
    display: none
}

.institution .detail-charts .detail-top-chart .color-select-main ul li .text {
    color: var(--FontColor_1);
    font-size: 12px;
    margin-left: 8px;
    clear: both
}

.institution .detail-charts .no-data {
    width: 100%;
    text-align: center;
    display: none;
    clear: both;
    padding: 50px 0
}

.institution .detail-charts .no-data img {
    width: 240px
}

.institution .detail-charts .no-data p {
    text-align: center;
    color: var(--FontColor_2);
    margin-top: 12px
}

.institution .detail-charts .loading {
    padding: 180px 0;
    text-align: center;
    margin-top: 0
}

.home_video {
    display: none;
    margin-top: 40px;
    min-width: 480px
}

.home_video .past-live {
    position: relative;
    margin-bottom: 16px
}

.home_video .past-live .arrow_left,
.home_video .past-live .arrow_right {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 35%
}

.home_video .past-live .arrow_left.hide,
.home_video .past-live .arrow_right.hide {
    display: none
}

.home_video .past-live .arrow_left {
    transform: rotate(180deg);
    left: 0
}

.home_video .past-live .title_boxs {
    display: none;
    margin: 0;
    padding: 16px 0 12px 0;
    justify-content: space-between;
    width: 100%;
    align-items: center
}

.home_video .past-live .title_boxs .title {
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
    color: var(--FontColor_1)
}

.home_video .past-live .video-clips {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 48px
}

.home_video .past-live .video-clips li {
    float: left;
    width: calc((100% - 48px * 5)/ 6)
}

.home_video .past-live .video-clips li.box_show {
    box-shadow: unset;
    border-radius: unset
}

.home_video .past-live .video-clips li a {
    display: block;
    margin-bottom: 8px
}

.home_video .past-live .video-clips li a .video-container {
    border-radius: 12px;
    position: relative;
    height: 0;
    padding: 28.125% 0;
    overflow: hidden;
    background: var(--BorderColor2)
}

.home_video .past-live .video-clips li a .video-container .vip_logo {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 36px;
    border-radius: 20px
}

.home_video .past-live .video-clips li a .video-container .video-time {
    position: absolute;
    top: 16px;
    right: 16px;
    background: #1f2533;
    color: #fff;
    border-radius: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding: 0 6px
}

.home_video .past-live .video-clips li a .video-cover {
    position: absolute;
    min-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.home_video .past-live .video-clips li a .brief-description {
    font-weight: 700;
    line-height: 24px;
    font-size: 16px;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.home_video .past-live .video-clips li a .brief-tips {
    color: var(--FontColor_2b);
    margin-top: 2px;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.home_video .past-live .video-clips li a:hover .brief-description {
    color: var(--color)
}

.home_video .past-live .video-clips li .relative-info {
    color: var(--FontColor_2);
    line-height: 22px;
    padding-bottom: 17px;
    display: flex;
    justify-content: space-between
}

.home_video .past-live .video-clips li .relative-info .look_like {
    display: flex
}

.home_video .past-live .video-clips li .relative-info .views {
    margin-right: 16px
}

.home_video .past-live .video-clips li .relative-info .iconfont {
    float: left;
    font-size: 12px;
    margin-right: 4px
}

.home_video .past-live .video-clips li .relative-info .time {
    font-size: 12px
}

.home_video .past-live .video-clips li .relative-info span {
    float: left;
    font-size: 12px
}

.strategy_boxs {
    margin-top: 24px
}

.strategy_boxs .type_boxs {
    display: flex;
    flex-flow: wrap
}

.strategy_boxs .type_boxs .type_box {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 32px
}

.strategy_boxs .type_boxs .type_box:nth-child(3n+1) {
    margin-left: 0
}

.strategy_boxs .type_boxs .type_box .box_content {
    transition: all 1s ease;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

.strategy_boxs .type_boxs .type_box .box_content .update_box {
    position: absolute;
    right: -7px;
    top: -7px
}

.strategy_boxs .type_boxs .type_box .box_content .update_box .update {
    position: relative;
    z-index: 3;
    line-height: 20px;
    padding: 3px 12px;
    font-size: 12px;
    background: #fa5754;
    border-radius: 0 12px 0 12px;
    color: var(--BgColor)
}

.strategy_boxs .type_boxs .type_box .box_content .update_box:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid #b83a37;
    border-bottom: 5px solid transparent;
    z-index: 2;
    right: 0;
    bottom: -5px
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_tag {
    height: 24px;
    line-height: 24px;
    margin: 16px 0 6px 16px;
    padding: 0 16px;
    border-radius: 8px;
    white-space: nowrap;
    display: inline-block
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_tag.cfd {
    background: #f8e9d2;
    color: #bfa477
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_tag.analysis {
    background: #ededed;
    color: #5f5f5f
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_tag.subscribed {
    background: var(--BorderColor2);
    color: rgba(1, 224, 175);
    margin-left: 10px
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_tag.expired {
    background: var(--BorderColor2);
    color: var(--FontColor_2);
    margin-left: 10px
}

.strategy_boxs .type_boxs .type_box .box_content .title {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
    display: block;
    padding-right: 40px;
    margin: 0 24px;
    position: relative;
    box-sizing: border-box
}

.strategy_boxs .type_boxs .type_box .box_content .title span {
    position: relative;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.strategy_boxs .type_boxs .type_box .box_content .title:before {
    border-radius: 4px;
    content: "";
    height: 15px;
    width: 100%;
    position: absolute;
    left: -8px;
    top: 15px;
    background-image: linear-gradient(to right, #ffecb0, rgba(255, 236, 176, 0))
}

.strategy_boxs .type_boxs .type_box .box_content .cycle_box {
    display: flex;
    margin-top: 6px;
    font-size: 12px
}

.strategy_boxs .type_boxs .type_box .box_content .cycle_box .cycle {
    width: 27px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 8px 0 0 8px;
    color: var(--BgColor);
    background: #000
}

.strategy_boxs .type_boxs .type_box .box_content .cycle_box .cycle_text {
    height: 22px;
    line-height: 22px;
    text-align: center;
    padding: 0 8px;
    border-radius: 0 8px 8px 0;
    color: var(--FontColor_2);
    background: var(--BorderColor2);
    white-space: nowrap
}

.strategy_boxs .type_boxs .type_box .box_content .data_types {
    display: flex;
    align-items: center;
    margin: 16px 24px
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type {
    width: 42%
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type .nub {
    font-size: 24px;
    font-family: var(--fontFamily)
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type .nub.is-num-2 {
    font-size: 24px
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type .nub.is-num-2 span {
    font-size: 24px
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type .nub.is-num-max {
    font-size: 19px
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type .nub.is-num-max span {
    font-size: 19px
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type .nub span {
    font-size: 30px
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type .nub.red {
    color: #fa5754
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type .nub.green {
    color: #00c889
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type .text {
    color: var(--FontColor_2);
    font-size: 12px;
    margin-top: -2px;
    line-height: 22px
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type1 {
    width: 28%;
    padding-top: 7px
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type1 .nub {
    font-size: 14px;
    font-family: var(--fontFamily)
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type1 .nub span {
    font-size: 24px
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type1 .text {
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: 22px
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type2 {
    width: 35%;
    text-align: right
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type2 .lev {
    position: relative;
    display: inline-block
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type2 .lev span {
    position: relative;
    z-index: 2;
    font-weight: 700;
    display: flex;
    justify-content: center;
    font-size: 20px;
    line-height: 26.5px
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type2 .lev .risk_span {
    font-size: 14px
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type2 .lev .risk_box {
    flex-flow: column
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type2 .lev .risk_box .risk_text2 {
    font-size: 12px;
    line-height: 18px
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type2 .lev:before {
    content: '';
    width: 54px;
    height: 54px;
    border-radius: 50%;
    position: absolute;
    opacity: .09;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type2 .lev.lev1 span {
    color: #00c889
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type2 .lev.lev1:before {
    background: #00c889
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type2 .lev.lev2 span {
    color: #f6bc4f
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type2 .lev.lev2:before {
    background: #f6bc4f
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type2 .lev.lev3 span {
    color: #fa5754
}

.strategy_boxs .type_boxs .type_box .box_content .data_types .data_type2 .lev.lev3:before {
    background: #fa5754
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_subinfor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 24px;
    border-top: 1px solid var(--BorderLine_m2)
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_subinfor .strategy_subnub {
    color: var(--FontColor_2);
    display: flex;
    align-items: center
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_subinfor .strategy_subnub .strategy_nub {
    font-size: 16px;
    line-height: 20px
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_subinfor .strategy_subnub .icon-subscribers {
    margin-right: 4px;
    font-size: 20px
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_subinfor .strategy_subnub .strategy_nubtext {
    line-height: 20px
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_subinfor .strategy_subnub.hide {
    display: none
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_subinfor .strategy_subbox {
    display: flex;
    align-items: center
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_subinfor .strategy_subbox .strategy_pay {
    margin-right: 8px
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_subinfor .strategy_subbox .strategy_pay .strategy_paynub {
    font-size: 24px;
    color: var(--color)
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_subinfor .strategy_subbox .strategy_pay .strategy_paytext {
    color: var(--FontColor_2)
}

.strategy_boxs .type_boxs .type_box .box_content .strategy_subinfor .strategy_subbox .strategy_bt {
    color: var(--BgColor);
    background: var(--color);
    border-radius: 20px;
    width: 88px;
    line-height: 24px;
    height: 24px;
    text-align: center;
    cursor: pointer;
    font-weight: 700
}

.strategy_boxs .type_boxs .type_box .box_content .proposal {
    margin-top: 16px;
    line-height: 48px;
    background: #f7f7fa;
    padding: 0 16px;
    border-radius: 12px
}

.strategy_boxs .type_boxs .type_box .box_content .proposal .over {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.strategy_boxs .type_boxs .type_box .box_content .proposal .over span {
    display: inline-block
}

.strategy_boxs .type_boxs .type_box .box_content .proposal .over .proposal_text {
    color: var(--FontColor_2)
}

.strategy_boxs .type_boxs .type_box .box_content .proposal .none {
    line-height: 44px;
    color: var(--FontColor_2);
    text-align: center
}

.strategy_boxs .type_boxs .type_box:hover .box_content {
    transform: scale3d(1.08, 1.08, 1.08)
}

.strategy_boxs .type_boxs .no-data {
    text-align: center;
    margin: 100px auto
}

.strategy_boxs .type_boxs .no-data img {
    width: 240px
}

.strategy_boxs .type_boxs .no-data p {
    color: var(--FontColor_2);
    margin-top: 12px
}

.strategy_boxs .type_boxs .type_box {
    margin-bottom: 0;
    margin-top: 32px
}

.strategy_boxs .type_boxs .type_box:nth-child(1),
.strategy_boxs .type_boxs .type_box:nth-child(2),
.strategy_boxs .type_boxs .type_box:nth-child(3) {
    margin-top: 0
}

.rise-container .detections_imgblue {
    display: block
}

.rise-container .detections_imgred {
    display: none
}

.fall-container .detections_imgblue {
    display: none
}

.fall-container .detections_imgred {
    display: block
}

.scroll_boxs {
    position: relative
}

.scroll_boxs .scroll-color {
    right: -10px !important
}

.calendar-container .calendar-main .main-table .value {
    width: 11%
}

.calendar-container .calendar-main .main-table .explanation {
    width: 10%
}

.calendar-container .calendar-main .main-table .calendar-chart {
    flex-flow: column
}

.layout-box .layout-right-box {
    z-index: 4
}

.side_home_active {
    display: none
}

.index-container.has_side .home_boxs {
    overflow: hidden;
    display: flex;
    flex: 1;
    justify-content: center;
    position: relative;
    --side_active_Width: calc((var(--layout-left-box) - 2600px) / 2)
}

.index-container.has_side .home_boxs .side_home_active {
    display: block
}

.index-container.has_side .fixed-right {
    right: 10px !important
}

.index-container.has_side .footer {
    position: relative
}

.index-container.has_side .index-header {
    box-shadow: none
}

.index-container.has_side .index-section {
    position: relative;
    z-index: 2;
    background: var(--BgColor);
    max-width: 2600px;
    padding: 0 40px;
    box-sizing: border-box;
    width: calc(100% - 100px)
}

.index-container.has_side .index-section::after {
    content: '';
    width: 40px;
    top: 0;
    left: -40px;
    height: 100%;
    position: absolute
}

.index-container.has_side .index-section::before {
    content: '';
    width: 40px;
    top: 0;
    right: -40px;
    height: 100%;
    position: absolute
}

.index-container.has_side .index-section .advertisement-parent {
    width: calc(100% + 80px) !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    margin-left: -40px !important
}

.index-container.has_side .index-section .advertisement-parent .ad_click_box {
    border-radius: 0 !important
}

.index-container.has_side .side_left_active {
    position: relative;
    z-index: 3;
    flex: 1
}

.index-container.has_side .side_left_active.absoluted .side_active_img {
    position: absolute;
    top: auto;
    bottom: 0
}

.index-container.has_side .side_left_active img {
    display: block;
    cursor: pointer;
    position: fixed;
    top: var(--header-height);
    transform: translateX(calc(-100% + var(--side_active_Width)))
}

.index-container.has_side .side_right_active {
    position: relative;
    flex: 1;
    z-index: 3
}

.index-container.has_side .side_right_active.absoluted .side_active_img {
    position: absolute;
    top: auto;
    bottom: 0
}

.index-container.has_side .side_right_active img {
    display: block;
    cursor: pointer;
    position: fixed;
    top: var(--header-height)
}

.bv_section {
    display: flex
}

.bv_section .bv_filter_traders {
    width: 71.3825%;
    margin-top: 52px
}

.bv_section .bv_filter_traders .main_rank .mid_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: var(--FontColor_1);
    margin-bottom: 12px;
    margin-top: 8px
}

.bv_section .bv_filter_traders .main_rank .comprehensive_ranking {
    margin-bottom: 32px
}

.bv_section .bv_filter_traders .main_rank .comprehensive_ranking .scroll-out-box {
    position: relative
}

.bv_section .bv_filter_traders .main_rank .comprehensive_ranking .scroll-out-box .arrow.left-btn {
    left: 0
}

.bv_section .bv_filter_traders .main_rank .comprehensive_ranking .scroll-out-box .arrow.right-btn {
    right: 0
}

.bv_section .bv_filter_traders .main_rank .comprehensive_ranking .scroll-out-box .scroll-inner-box {
    height: 136px;
    padding: 0
}

.bv_section .bv_filter_traders .main_rank .comprehensive_ranking .comprehensive_ranking_list {
    display: flex;
    justify-content: space-between;
    overflow-x: scroll;
    padding-bottom: 10px !important;
    height: 153px;
    box-sizing: unset !important;
    gap: 24px;
    overflow-y: hidden
}

.bv_section .bv_filter_traders .main_rank .comprehensive_ranking .comprehensive_ranking_list::-webkit-scrollbar {
    display: none
}

.bv_section .bv_filter_traders .main_rank .comprehensive_ranking .comprehensive_ranking_list .comprehensive_ranking_item {
    background: linear-gradient(308deg, #e6eaf1 0, #d2d9e4 14%, #d2dbe9 30%, #cad1dd 44%, #c4cad4 58%, #d8e3f2 74%, #d5dbe4 100%);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 179px;
    height: 136px;
    flex-shrink: 0;
    padding: 4px;
    box-sizing: border-box
}

.bv_section .bv_filter_traders .main_rank .comprehensive_ranking .comprehensive_ranking_list .comprehensive_ranking_item img {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 12px
}

.bv_section .bv_filter_traders .main_rank .ranking_box {
    display: flex;
    gap: 24px
}

.bv_section .bv_filter_traders .main_rank .ranking_box .rank_type {
    display: grid;
    gap: 40px
}

.bv_section .bv_filter_traders .main_rank .ranking_box .rank_type .sm_title {
    font-size: 14px;
    line-height: 48px;
    color: var(--FontColor_1)
}

.bv_section .bv_filter_traders .main_rank .ranking_box .rank_infor {
    display: flex;
    flex-direction: column;
    gap: 40px;
    flex: 1;
    width: 0
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box {
    padding: 0 46px
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .scroll-out-box {
    position: relative
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .scroll-out-box .arrow {
    width: 24px;
    height: 24px;
    background: var(--color_g8);
    border-radius: 4px;
    top: calc(50% - 12px);
    box-shadow: none
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .scroll-out-box .arrow .iconfont {
    font-size: 20px
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .scroll-out-box .arrow.left-btn {
    left: -46px
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .scroll-out-box .arrow.left-btn .iconfont {
    transform: rotate(90deg)
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .scroll-out-box .arrow.right-btn {
    right: -46px
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .scroll-out-box .arrow.right-btn .iconfont {
    transform: rotate(-90deg)
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .scroll-out-box .arrow.hide {
    display: flex !important;
    color: var(--FontColor_3)
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .scroll-out-box .arrow.hide:hover {
    color: var(--FontColor_3)
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .scroll-out-box .scroll-inner-box {
    height: 48px;
    position: relative
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .scroll-out-box .scroll-inner-box:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    height: 100%;
    width: 40px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), var(--BgOtherColor))
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .ranking_list {
    display: flex;
    overflow-x: scroll;
    padding-bottom: 10px !important;
    height: 65px;
    box-sizing: unset !important;
    gap: 40px;
    overflow-y: hidden
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .ranking_list::-webkit-scrollbar {
    display: none
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .ranking_list .swiper_space {
    flex-shrink: 0
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .ranking_list .ranking_list_item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .ranking_list .ranking_list_item .bv-image {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    margin-right: 10px
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .ranking_list .ranking_list_item .broker-name-score .ranking_tip_box {
    line-height: 19px;
    font-size: 16px;
    font-weight: 700;
    color: var(--FontColor_1);
    margin-bottom: 6px;
    width: 108px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .ranking_list .ranking_list_item .broker-name-score .broker-score {
    display: flex;
    align-items: center;
    line-height: 20px;
    font-size: 14px;
    color: var(--FontColor_1)
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .ranking_list .ranking_list_item .broker-name-score .broker-score .iconfont {
    font-size: 14px;
    margin-right: 4px
}

.bv_section .bv_filter_traders .main_rank .ranking_box .ranking_list_box .ranking_list .ranking_list_item:hover .broker-name-score .ranking_tip_box {
    color: var(--color)
}

.bv_section .bv_recent_rights_protection {
    margin-left: 48px;
    margin-top: 52px;
    width: 28.6175%;
    position: relative
}

.bv_section .bv_recent_rights_protection .rights_protection-boxs {
    height: calc(100% - 73px);
    position: relative
}

.bv_section .bv_recent_rights_protection .rights_protection-boxs #rights_protection_main {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    padding-bottom: 10px
}

.bv_section .bv_recent_rights_protection .rights_protection-boxs #rights_protection_main .complaint-item {
    display: block;
    padding: 16px 0;
    border-top: 1px solid var(--BorderLine_m2)
}

.bv_section .bv_recent_rights_protection .rights_protection-boxs #rights_protection_main .complaint-item:first-child {
    padding-top: 0;
    border-top: none
}

.bv_section .bv_recent_rights_protection .rights_protection-boxs #rights_protection_main .complaint-item .complaint-info {
    display: flex;
    align-items: center
}

.bv_section .bv_recent_rights_protection .rights_protection-boxs #rights_protection_main .complaint-item .complaint-info .tag {
    width: 18px;
    margin-right: 4px
}

.bv_section .bv_recent_rights_protection .rights_protection-boxs #rights_protection_main .complaint-item .complaint-info .text {
    color: var(--FontColor_2b);
    line-height: 24px;
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    font-size: 14px
}

.bv_section .bv_recent_rights_protection .rights_protection-boxs #rights_protection_main .complaint-item .complaint-title {
    margin-top: 6px;
    font-size: 18px;
    line-height: 21px;
    max-height: 42px;
    color: var(--FontColor_1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 700
}

.bv_section .bv_recent_rights_protection .rights_protection-boxs #rights_protection_main .complaint-item:hover .complaint-title {
    color: var(--color)
}

.bv_section .bv_recent_rights_protection .rights_protection-boxs .scroll-color {
    display: none !important
}

.bv_section .bv_recent_rights_protection .rights_protection-boxs:hover .scroll-color {
    display: block !important
}

.bv_section .bv_recent_rights_protection .more_box {
    position: absolute;
    bottom: -25px;
    color: var(--FontColor_2);
    width: 100%
}

.bv_section .bv_recent_rights_protection .more_box:hover {
    color: var(--color)
}

.bv_section .bv_recent_rights_protection .more_box .more_bg {
    height: 9px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) -13%, var(--BgColor))
}

.bv_section .bv_recent_rights_protection .more_box .more_text {
    line-height: 27px;
    text-align: center;
    background: var(--BgColor)
}

.niu-section {
    margin-top: 52px
}

.niu-section .niu-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    row-gap: 20px;
    column-gap: 48px
}

.niu-section .niu-list .niu-display:nth-of-type(n+7) {
    display: none
}

.niu-section .common-advertisement-template-item {
    position: relative
}

.niu-section .common-advertisement-template-item:hover .advertisement-comp-rtClose {
    display: block
}

.niu-section .common-advertisement-template-item .ad-img-wrap {
    position: relative;
    height: 192px;
    width: 100%;
    border-radius: 12px;
    background: #d8d8d8;
    overflow: hidden
}

.niu-section .common-advertisement-template-item .ad-img-wrap .ad-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.niu-section .common-advertisement-template-item .ad-img-wrap .advertisement-comp-rbmarket {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    background: rgba(91, 97, 110, .24);
    font-weight: 400;
    padding: 0 8px;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    border-radius: 12px 0 0 0
}

.niu-section .common-advertisement-template-item .serial {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.niu-section .common-advertisement-template-item .advertisement-comp-rtClose {
    position: absolute;
    cursor: pointer;
    display: none;
    top: 6px;
    right: 6px;
    font-size: 24px;
    color: #5b616e
}

.niu-section .common-advertisement-template-item .ad-footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    background: var(--color);
    color: #1f2533;
    border-radius: 8px;
    margin-top: 17px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px
}

.body_ar .strategy_boxs .type_boxs .type_box .box_content .data_types .data_type {
    width: 46%
}

.body_ar .strategy_boxs .type_boxs .type_box .box_content .data_types .data_type1 {
    width: 24%
}

.body_ar .index-container .index-section .quotation-section .quotation-main .panel .item:nth-of-type(3) {
    width: 22%;
    direction: rtl;
    flex-direction: row-reverse
}

.body_ar .index-container .index-section .header-date .date-main {
    padding: 4px 8px 4px 16px;
    justify-content: flex-end
}

.body_ar .index-container .index-section .header-date .date-main .icon-bl-icon-calendar-def {
    position: absolute;
    top: 7px;
    left: 10px;
    margin: auto
}

.body_ar .index-container.has_side .index-section {
    order: 1
}

.body_ar .index-container.has_side .side_left_active {
    order: 2
}

.body_ar .index-container.has_side .side_left_active img {
    transform: none
}

.body_ar .index-container.has_side .side_right_active img {
    transform: translateX(calc(-100% + var(--side_active_Width)))
}

.body_ar .trend_other .data_orders .orders-chart-main-all .orders-chart-main-left .chart-title,
.body_ar .trend_other .data_orders .orders-chart-main-all .orders-chart-main-right .chart-title {
    padding: 9px 67px 9px 0
}

.body_ar .trend_other .data_orders .orders-chart-main-all .orders-chart-main-left .chart-tips,
.body_ar .trend_other .data_orders .orders-chart-main-all .orders-chart-main-right .chart-tips {
    left: 1px;
    direction: rtl
}

.body_ar .trend_other .data_orders .orders-chart-main-all .orders-chart-main-left .chart-tips .tips-left,
.body_ar .trend_other .data_orders .orders-chart-main-all .orders-chart-main-right .chart-tips .tips-left {
    border-left: none;
    border-right: 1px solid var(--BorderLine_m2);
    padding: 0 8px 0 0
}

.body_ar .trend_other .data_orders .orders-chart-main-all .orders-chart-main-left .chart-tips .tips-right,
.body_ar .trend_other .data_orders .orders-chart-main-all .orders-chart-main-right .chart-tips .tips-right {
    border-left: none;
    border-right: 1px solid var(--BorderLine_m2);
    text-align: left;
    padding: 0 0 0 8px
}

.body_ar .trend_other .data_orders .orders-chart-main .chart-title {
    padding: 9px 77px 9px 0
}

.body_ar .trend_other .data_orders .orders-chart-main .chart-tips {
    left: 1px;
    direction: rtl
}

.body_ar .trend_other .data_orders .orders-chart-main .chart-tips .tips-left {
    border-left: none;
    border-right: 1px solid var(--BorderLine_m2);
    padding: 0 8px 0 0
}

.body_ar .trend_other .data_orders .orders-chart-main .chart-tips .tips-right {
    border-left: none;
    border-right: 1px solid var(--BorderLine_m2);
    text-align: left;
    padding: 0 0 0 8px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"], [data-width="1750"], [data-width="1800"], [data-width="1850"], [data-width="1920"], [data-width="2170"], [data-width="2480"], [data-width="2520"], [data-width="2690"]) .index-container.has_side .home_boxs {
    --side_active_Width: 50px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"], [data-width="1750"], [data-width="1800"], [data-width="1850"], [data-width="1920"], [data-width="2170"], [data-width="2480"], [data-width="2520"]) .home_video .past-live .video-clips li,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"], [data-width="1750"], [data-width="1800"], [data-width="1850"], [data-width="1920"], [data-width="2170"], [data-width="2480"], [data-width="2520"]) .index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_cloumn_box .analyst_box_type .analyst_types,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"], [data-width="1750"], [data-width="1800"], [data-width="1850"], [data-width="1920"], [data-width="2170"], [data-width="2480"], [data-width="2520"]) .index-container .index-section .signal_home .signal_boxs .signal_list .signal_type {
    width: calc((100% - 48px * 3)/ 4)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"], [data-width="1750"], [data-width="1800"], [data-width="1850"], [data-width="1920"], [data-width="2170"], [data-width="2480"], [data-width="2520"]) .home_video .past-live .video-clips li:nth-child(n+9),
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"], [data-width="1750"], [data-width="1800"], [data-width="1850"], [data-width="1920"], [data-width="2170"], [data-width="2480"], [data-width="2520"]) .index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_cloumn_box .analyst_box_type .analyst_types:nth-child(n+9),
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"], [data-width="1750"], [data-width="1800"], [data-width="1850"], [data-width="1920"], [data-width="2170"], [data-width="2480"], [data-width="2520"]) .index-container .index-section .signal_home .signal_boxs .signal_list .signal_type:nth-child(n+9) {
    display: none !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"], [data-width="1750"], [data-width="1800"], [data-width="1850"], [data-width="1920"], [data-width="2170"], [data-width="2480"], [data-width="2520"]) .niu-list {
    grid-template-columns: repeat(4, 1fr) !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"], [data-width="1750"], [data-width="1800"], [data-width="1850"], [data-width="1920"], [data-width="2170"], [data-width="2480"], [data-width="2520"]) .niu-list .niu-display:nth-of-type(n+5) {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"]) .home_video .past-live .video-clips li,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"]) .index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_cloumn_box .analyst_box_type .analyst_types,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"]) .index-container .index-section .signal_home .signal_boxs .signal_list .signal_type {
    width: calc((100% - 48px * 2)/ 3)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"]) .home_video .past-live .video-clips li:nth-child(n+7),
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"]) .index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_cloumn_box .analyst_box_type .analyst_types:nth-child(n+7),
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"]) .index-container .index-section .signal_home .signal_boxs .signal_list .signal_type:nth-child(n+7) {
    display: none !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"]) .niu-list {
    grid-template-columns: repeat(3, 1fr) !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"], [data-width="1700"]) .niu-list .niu-display:nth-of-type(n+4) {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"]) .index-container .index-section .quotation-section .quotation-main .quotation-block .panel .table-header .item:nth-of-type(5),
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"]) .index-container .index-section .quotation-section .quotation-main .quotation-block .panel .table-header .item:nth-of-type(6) {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"]) .index-container .index-section .quotation-section .quotation-main .panel .table-body li .item6,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"], [data-width="1450"], [data-width="1500"], [data-width="1550"]) .index-container .index-section .quotation-section .quotation-main .panel .table-body li .item7 {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"]) .home_video .past-live .video-clips li,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"]) .index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_cloumn_box .analyst_box_type .analyst_types,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"]) .index-container .index-section .signal_home .signal_boxs .signal_list .signal_type {
    width: calc((100% - 48px)/ 2)
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"]) .niu-list {
    grid-template-columns: repeat(2, 1fr) !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"], [data-width="1300"], [data-width="1350"], [data-width="1400"]) .niu-list .niu-display:nth-of-type(n+3) {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) .home_vip .bank_boxs .bank_box {
    flex-direction: column
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) .home_vip .bank_boxs .bank_box .bank_topbox {
    width: 100%
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) .home_vip .bank_boxs .bank_box .bank_topbox .bank_left {
    flex: 1
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) .home_vip .bank_boxs .bank_box .bank_topbox .bank_mid {
    flex: 1;
    margin-right: 0
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) .home_vip .bank_boxs .bank_box .bank_right {
    width: 100%;
    margin-top: 16px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"], [data-width="1250"]) .index-interact {
    display: none !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .home_video .past-live .video-clips,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_cloumn_box .analyst_box_type,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container .index-section .signal_home .signal_boxs .signal_list {
    gap: 32px 32px !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .home_vip .bank_boxs .bank_box .bank_topbox .bank_left {
    margin-right: 32px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container .index-section .home_mid .index-right {
    margin-left: 32px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container.has_side .home_boxs {
    background: 0 0
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container.has_side .home_boxs .side_home_active {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container.has_side .footer:before {
    content: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container.has_side .index-section {
    padding: 0 40px;
    width: 100%
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container.has_side .index-section::after {
    content: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container.has_side .index-section::before {
    content: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container.has_side .index-section .advertisement-parent {
    width: calc(100%) !important;
    margin: 8px 0 48px !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container.has_side .index-section .advertisement-parent .ad_click_box {
    border-radius: 12px !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .niu-section .niu-list {
    column-gap: 32px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container .index-section .quotation-section .quotation-main .quotation-block .panel {
    width: 100%;
    margin-left: unset !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container .index-section .quotation-section .quotation-main .quotation-block .panel .table-header .item:nth-of-type(5),
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container .index-section .quotation-section .quotation-main .quotation-block .panel .table-header .item:nth-of-type(6) {
    display: block
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container .index-section .quotation-section .quotation-main .quotation-block .panel .table-body li .item6,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"], [data-width="1100"], [data-width="1150"], [data-width="1200"]) .index-container .index-section .quotation-section .quotation-main .quotation-block .panel .table-body li .item7 {
    display: block
}

.data-table .table-body,
.data-table .table-header {
    display: none
}

.data-table .calendar-container #data-table-body,
.data-table .calendar-container #data-table-mobile,
.data-table .calendar-container #event-table-body,
.data-table .calendar-container #holiday-table-body {
    height: 590px
}

.data-table .calendar-container #data-table-body.en,
.data-table .calendar-container #data-table-mobile.en,
.data-table .calendar-container #event-table-body.en,
.data-table .calendar-container #holiday-table-body.en {
    height: 590px
}

.data-table .calender-list-mobile {
    display: block
}

.data-table .niu-list {
    column-gap: 32px !important
}

.home-guide-box {
    display: none
}

.home-guide-box.visible {
    display: block
}

.home-guide-box .driver-overlay {
    fill-rule: evenodd;
    clip-rule: evenodd;
    stroke-linejoin: round;
    stroke-miterlimit: 2;
    z-index: 110000000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home-guide-box .lb-tip {
    z-index: 110000001;
    position: fixed;
    right: 80px;
    bottom: 40px;
    color: #fff;
    display: flex;
    align-items: center
}

.home-guide-box .lb-tip-title {
    font-weight: 600;
    font-size: 28px;
    color: #fff;
    line-height: 40px
}

.home-guide-box .lb-tip-step {
    color: #fff;
    margin-top: 6px
}

.home-guide-box .lb-tip-ct-step {
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    vertical-align: bottom
}

.home-guide-box .lb-tip-all-step {
    font-size: 16px;
    font-weight: 400;
    vertical-align: bottom
}

.home-guide-box .lb-tip .lb-actions {
    display: flex;
    align-items: center;
    margin-left: 52px;
    gap: 50px
}

.home-guide-box .lb-tip .lb-actions>div {
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.home-guide-box .lb-tip .lb-actions>div .iconfont {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    border: 3px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 32px
}

.home-guide-box .lb-tip .lb-actions>div .iconfont:hover {
    border: none;
    background: var(--color);
    color: #1f2533
}

.home-guide-box .lb-tip .lb-actions>div>span {
    margin-top: 14px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.home-guide-box .lb-tip .lb-actions-next,
.home-guide-box .lb-tip .lb-actions-skip {
    display: flex
}

.home-guide-box .lb-tip .lb-actions-finish {
    display: none
}

.home-guide-box .lb-tip .lb-actions.is-last .lb-actions-next,
.home-guide-box .lb-tip .lb-actions.is-last .lb-actions-skip {
    display: none
}

.home-guide-box .lb-tip .lb-actions.is-last .lb-actions-finish {
    display: flex
}

.home-guide-box .driver-tip {
    z-index: 110000001;
    position: fixed;
    background: #00c89c;
    border-radius: 8px;
    font-size: 16px;
    line-height: 22px;
    color: #1f2533;
    padding: 10px 12px
}

.home-guide-box .driver-tip .tip-arrow {
    position: absolute
}

.home-guide-box .driver-tip .tip-arrow::before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #00c89c;
    transform: rotate(45deg)
}

.home-guide-box .driver-tip[placement=top] .tip-arrow {
    bottom: -4px;
    left: -50%
}

.home-guide-box .driver-tip[placement=top-start] .tip-arrow {
    bottom: -4px;
    left: 12px
}

.home-guide-box .driver-tip[placement=top-end] .tip-arrow {
    bottom: -4px;
    right: 12px
}

.home-guide-box .driver-tip[placement=bottom] .tip-arrow {
    top: -4px;
    left: -50%
}

.home-guide-box .driver-tip[placement=bottom-start] .tip-arrow {
    top: -4px;
    left: 12px
}

.home-guide-box .driver-tip[placement=bottom-end] .tip-arrow {
    top: -4px;
    right: 12px
}

.home-guide-box .driver-tip[placement=left] .tip-arrow {
    right: -4px;
    top: 17px
}

.home-guide-box .driver-tip[placement=left-start] .tip-arrow {
    right: -4px;
    top: 17px
}

.home-guide-box .driver-tip[placement=left-end] .tip-arrow {
    right: -4px;
    bottom: 17px
}

.home-guide-box .driver-tip[placement=right] .tip-arrow {
    left: -4px;
    top: 17px
}

.home-guide-box .driver-tip[placement=right-start] .tip-arrow {
    left: -4px;
    top: 17px
}

.home-guide-box .driver-tip[placement=right-end] .tip-arrow {
    left: -4px;
    bottom: 17px
}

.guide_hide .bind-mail-enter,
.guide_hide .download_boxs,
.guide_hide .tost_cookie,
.guide_hide .tost_feedback {
    display: none !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) .home_vip .k_form .k_boxs .kform_list .k_type {
    width: 33%
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) .home_vip .k_form .k_boxs .kform_list .k_type:nth-child(7),
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) .home_vip .k_form .k_boxs .kform_list .k_type:nth-child(8) {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) .index-container .index-section .index-main .news_second {
    flex-flow: column
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) .index-container .index-section .index-main .news_second .trending_type {
    width: 100%
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"], [data-width="1050"]) .index-container .index-section .index-main .news_second .trending_type:first-child {
    margin-right: 0
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"]) .index-container .index-section {
    padding: 0 20px !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"]) .strategy_boxs .type_boxs .type_box {
    width: 49%
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"]) .strategy_boxs .type_boxs .type_box:nth-child(3n+1) {
    margin-left: 2%
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"]) .strategy_boxs .type_boxs .type_box:nth-child(2n+1) {
    margin-left: 0
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"]) .strategy_boxs .type_boxs .type_box:nth-child(3) {
    margin-top: 32px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"]) .home_vip .contry_box .contry_top .contry_right {
    flex-direction: column
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"]) .home_vip .contry_box .contry_top .contry_right .quotation_type:first-child {
    margin-bottom: 20px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"]) .institution_reading,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"], [data-width="1000"]) .reading_guide {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .index-container .index-section .signal_home {
    flex-flow: column
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .index-container .index-section .signal_home .signal_boxs {
    width: auto
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .index-container .index-section .signal_home .signal_perform {
    margin: 24px 0 0;
    width: auto
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .signal_home {
    flex-direction: column
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .signal_home .oil_left {
    width: 100%;
    margin-right: 0
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .signal_home .other_overview_right {
    width: 100%;
    margin-top: 16px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .home_vip .oil .oil_box {
    flex-direction: column
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .home_vip .oil .oil_box .oil_left {
    width: 100%;
    margin-right: 0
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .home_vip .oil .oil_box .other_overview_right {
    width: 100%;
    margin-top: 16px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .home_vip .mineral .mineral_box {
    flex-direction: column
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .home_vip .mineral .mineral_box .mineral_rank {
    width: 100%;
    margin-right: 0
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .home_vip .mineral .mineral_box .metal_mineral_production_left {
    width: 100%;
    margin-top: 16px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .index-container .index-section .analyst_boxs {
    flex-flow: column
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .index-container .index-section .analyst_boxs .analyst_cloumn {
    width: auto
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"], [data-width="950"]) .index-container .index-section .analyst_boxs .analyst_rank {
    margin: 24px 0 0;
    width: auto
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .index-container .index-section .index-main {
    flex-flow: column
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .index-container .index-section .index-main .opinon_news {
    width: 100%
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .index-container .index-section .index-main .fast_calendar {
    width: 100%;
    height: 750px;
    margin-top: 24px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .index-container .index-section .index-main .fast_calendar .fast_box {
    margin-left: 0;
    flex: 1
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .index-container .index-section .index-main .fast_calendar .calendar_box {
    flex: 1;
    margin-left: 24px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .index-container .index-section .index-main .news_second {
    flex-flow: row
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .index-container .index-section .index-main .news_second .trending_type {
    width: 48%
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .index-container .index-section .index-main .news_second .trending_type:first-child {
    margin-right: 32px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .bv_section {
    flex-flow: column
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .bv_section .bv_filter_traders {
    width: 100%
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .bv_section .bv_recent_rights_protection {
    width: 100%;
    margin-left: 0;
    height: 540px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .trend_other .data_orders .orders-chart-main-all .orders-chart-main-left,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .trend_other .data_orders .orders-chart-main-all .orders-chart-main-left .orders-chart-main-left,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .trend_other .data_orders .orders-chart-main-all .orders-chart-main-left .orders-chart-main-right,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .trend_other .data_orders .orders-chart-main-all .orders-chart-main-right {
    width: 100%
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .trend_other .data_orders .k-charts-main .k_box {
    top: 8px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .strategy_boxs .type_boxs.vi .type_box {
    width: 100%;
    margin-top: 24px;
    margin-left: 0
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .strategy_boxs .type_boxs.vi .type_box:first-child {
    margin-top: 0
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"], [data-width="900"]) .strategy_boxs .type_boxs.vi .type_box:nth-child(2) {
    margin-top: 32px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"]) .index-container .index-section .analyst_boxs .analyst_cloumn .analyst_cloumn_boxs .analyst_cloumn_box .analyst_box_type .analyst_types,
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"]) .index-container .index-section .signal_home .signal_boxs .signal_list .signal_type {
    width: 100%
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"]) .home_vip .k_form .k_boxs .kform_list .k_type {
    width: 50%
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"]) .home_vip .k_form .k_boxs .kform_list .k_type:nth-child(7),
:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"]) .home_vip .k_form .k_boxs .kform_list .k_type:nth-child(8) {
    display: block
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"]) .index-container .index-section .quotation-section .index-market {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"]) .niu-list {
    grid-template-columns: auto !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"], [data-width="800"], [data-width="850"]) .niu-list .niu-display:nth-of-type(n+2) {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) .index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top {
    flex-flow: column !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) .index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .star_box {
    margin-top: 8px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) .index-container .index-section .signal_home .signal_boxs .signal_list .signal_type {
    width: 100%;
    margin-left: 0
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) .niu-list {
    grid-template-columns: auto !important
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) .niu-list .niu-display:nth-of-type(n+2) {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"], [data-width="750"]) .advertisement-comp-rbmarket {
    display: none
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"]) .strategy_boxs .type_boxs .type_box {
    width: 100%;
    margin-top: 24px;
    margin-left: 0
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"]) .strategy_boxs .type_boxs .type_box:first-child {
    margin-top: 0
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"]) .strategy_boxs .type_boxs .type_box:nth-child(2) {
    margin-top: 32px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"]) .institution .top-chart-header .select-list {
    width: 151px
}

:where([data-width="500"], [data-width="600"], [data-width="650"], [data-width="700"]) .institution .top-chart-header .select-list span {
    white-space: normal
}

.body_ar .niu-section .niu-list .echarts-tooltip {
    right: 100% !important
}