/* @font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../font/Changa-VariableFont_wght.ttf');
    font-weight: normal;
    font-style: normal;
} */
@font-face {
    font-family: 'Roboto';
    src: url('/static/font/Roboto.ttf');
    font-weight: normal;
    font-style: normal;
}

* {
    position: relative;
    margin: 0;
    padding: 0;
    /* font-size: 14px; */
    overflow: -moz-scrollbars-none;
    /* transition: all 1s; */

    /* 去除滚动条 */
    -ms-overflow-style: none;
    /* 对于Internet Explorer, Edge */
    scrollbar-width: none;
    /* 对于Firefox */

    /* 首字母大写 */
    /* text-transform: capitalize; */
}

.showScrollbar-x {
    overflow-x: auto;
    /* 允许滚动 */
    /* Microsoft 默认值*/
    -ms-overflow-style: auto;
    /* 对于Internet Explorer, Edge */
    scrollbar-width: auto;
    /* 对于Firefox  默认值*/
}

/* 设置滚动条的宽度 */
.showScrollbar-x::-webkit-scrollbar {
    display: block !important;
    width: 8px !important;
    /* 垂直滚动条的宽度 */
    height: 8px !important;
    /* 水平滚动条的高度 */
}

/* 设置滚动条的轨道（背景） */
.showScrollbar-x::-webkit-scrollbar-track {
    /* background-color: #f33d0b !important; */
    /* 轨道颜色 */
    border-radius: 10px !important;
    /* 轨道圆角 */
}

/* 设置滚动条的滑块 */
.showScrollbar-x::-webkit-scrollbar-thumb {
    /* background-color: #f33d0b !important; */
    background-color: #f5f5f5 !important;

    /* 滑块颜色 */
    border-radius: 10px !important;
    /* 滑块圆角 */
}

/* 设置滚动条滑块在悬停时的样式 */
.showScrollbar-x::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background-color: #e2e2e2 !important;
    /* 悬停时的颜色 */
}

.section .load_more_btn {
    box-sizing: border-box;
    padding: 0 8px;
}

.noPlace {
    margin: 0 !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

* input {
    /* 默认值 */
    text-transform: none !important;
}

[hidden] {
    display: none !important;
}

ul#card_content_list {
    padding-left: 0px;
}

.border_all {
    border-radius: 0.3rem !important;
}

.icon_item#sendEmoji {
    z-index: 10;
    position: relative;
}

.icon_item#sendEmoji img {
    width: 16px !important;
    height: 16px !important;
}

.icon_item#sendEmoji .absolute {
    z-index: 20241204;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 10px;
}

.icon_item#sendEmoji .absolute .cont {
    z-index: 20241204;
    position: relative;
    cursor: default;
    width: 215px;
    max-height: 320px;
    overflow-y: auto;

    padding: 10px;

    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    row-gap: 12px;

    border-radius: 10px;
    border: 1px solid #edf1f6;
    box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.15);
    background-color: #f4f6fa;
}

.icon_item#sendEmoji .absolute .cont > div {
    cursor: pointer;
    font-size: 16px;
}

.absolute_Page {
    z-index: 20241203;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    /* backdrop-filter: blur(1px); */
    /* background-color: rgba(0, 0, 0, 0.1); */
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

ul {
    list-style-type: disc;
    /* 确保使用小圆点样式 */
    list-style-position: outside;
    /* 默认在外面 */
    padding-left: 20px;
    /* 确保小圆点不被遮挡 */
}

ol {
    list-style-type: decimal;
    /* 恢复数字编号 */
    list-style-position: outside;
    padding-left: 20px;
    /* 添加左侧填充 */
}

a {
    color: #f33d0b;
    background: transparent;
    cursor: pointer;
    outline: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-transition: color 0s ease;
    transition: color 0s ease;
}

/* 广告 头部 */
.header_bottom_advert {
    box-sizing: border-box;
    width: 100%;
    max-width: 1280px;
    margin: auto;

    display: -webkit-flex;
    /* Safari */
    display: flex;
    align-items: center;
    gap: 10px;
    -webkit-gap: 10px;
    /* 部分旧版 Safari 可能不支持 */

    overflow-x: auto;
}

.img_contain {
    box-sizing: border-box !important;
    object-fit: contain !important;
    padding: 2px;
    max-height: 100%;
}

.header_bottom_advert .advert_item {
    box-sizing: border-box;
    cursor: pointer;
    position: relative;

    margin-top: 20px;
    height: 60px;
}

.header_bottom_advert .advert_item::after {
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    content: '\5e7f\544a';
    display: block;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 0;
    text-align: center;
    padding: 0 5px;
    min-width: 30px;
    transition: all 0s;
    opacity: 0;
    display: none !important;
}

.header_bottom_advert .advert_item img {
    box-sizing: border-box;
    object-fit: cover;

    width: 312.5px;
    height: 60px;
}

/* 广告 侧边栏 */
.side_advert_box {
    box-sizing: border-box;
    width: 100%;
    /* margin: 20px auto; */
    margin: 0;
}

.side_advert_box .advert_item {
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    min-width: 1px;
    flex: 1;
    flex-shrink: 0;
    /* height: 60px; */
    height: auto;
}

.side_advert_box .advert_item::after {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    content: '\5e7f\544a';
    display: block;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 30px;
    opacity: 0;
    transition: all 0s;
    display: none !important;
}

.side_advert_box .advert_item img {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-height: 120px;
    object-fit: cover;
}

/* 加载中 盒子 */
.loading-spinner {
    max-width: 100vw;
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-spinner::after {
    content: '';
    width: 40px;
    height: 40px;
    border: 2.5px solid rgba(0, 0, 0, 0.1);
    border-top-color: #f33d0b;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/**/

.service_img {
    width: 100%;
    height: 100%;
}

/* 加载中 按钮 */

/* 遮罩层 */
.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    /* 半透明背景 */
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    /* 禁止点击 */
    opacity: 0;
    transition: opacity 0.3s ease;
    /* 动画过渡 */
}

.loading-overlay.active {
    pointer-events: auto;
    /* 启用遮罩禁止点击 */
    opacity: 1;
}

/* 加载动画 */
.loading-spinner-btn {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-top-color: #f33d0b;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.copy_error_row {
    text-align: left;
    box-sizing: border-box;
    word-break: break-word;
    width: 100%;
    min-height: 42px;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 8px;
    background-color: #f4f6fa;
}

/**/
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.nav_orange_cursor {
    cursor: pointer;
    color: #f33d0b !important;
}

.nav_orange_cursor * {
    color: #f33d0b !important;
}

.nav_orange_cursor:hover {
    color: #f33d0b !important;
}

.orange {
    color: #f33d0b;
}

a:hover {
    color: #f33d0b !important;
    text-decoration: none !important;
}

*::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.nuData {
    height: 100%;
    min-height: 250px;
    max-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #ffffff;
}

.nuData .icon {
    object-fit: cover;
    max-width: 100%;
    height: 80px;
    box-sizing: border-box;
    flex-shrink: 0;
}

.nuData .text {
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 20px;
    font-size: 14px;
    color: #858a90;
}

/**
可滑动导航栏 flex 布局的
*/
.tab_container {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* 左箭头 */
.tab_container::before {
    cursor: pointer;
    z-index: 999;
    box-sizing: border-box;
    content: '«';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    color: #f33d0b;
    background-color: #f4f6fa;
    width: 30px;
    height: 26px;
    padding-bottom: 4px;
    text-align: center;
    display: none;
    /* 默认隐藏 */
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    transition: 0.3s ease;
}

/* 右箭头 */
.tab_container::after {
    cursor: pointer;

    z-index: 999;
    box-sizing: border-box;
    content: '»';
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px;
    color: #f33d0b;
    background-color: #f4f6fa;
    width: 30px;
    height: 26px;
    padding-bottom: 4px;
    text-align: center;
    display: none;
    /* 默认隐藏 */
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    transition: 0.3s ease;
}

/* 显示左箭头 */
.tab_container.show-arrow-left::before {
    display: flex;
}

/* 显示右箭头 */
.tab_container.show-arrow::after {
    display: flex;
}

/* 滑动到底部，隐藏右箭头 */
.tab_container.no-more::after {
    display: none;
}

/* 滑动到左边，隐藏左箭头 */
.tab_container.no-more-left::before {
    display: none;
}

.tab_container .top-tabs {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
}

.tab_container .top-tabs::-webkit-scrollbar {
    display: none;
    /* Chrome 隐藏滚动条 */
}

#https_links_top,
#https_links {
    box-sizing: border-box;
    width: 100%;
    overflow-x: auto;
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
    row-gap: 25px;
    margin-bottom: 14px;
    /* margin-top: 20px; */
    padding: 0;
    padding-left: 18px;
}
#https_links {
    padding-left: 12px;
}
#https_links_top {
    margin: 0 !important;
    margin-bottom: 14px !important;
    min-height: 0;
}

#https_margins_top #https_links_top .tab,
#https_links #https_links_top .tab {
    flex-shrink: 0;
    line-height: 26px;

    white-space: nowrap;
    color: #0b1721;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-right: 25px;
    margin-bottom: 0;
    /* 防止子项被压缩 */
}

#https_margins_top #https_links_top .tab:hover,
#https_links #https_links_top .tab:hover {
    color: #f33d0b;
}

/**
可滑动导航栏 sticky 布局
*/

.tab_sticky_container {
    z-index: 2;
    box-sizing: border-box;
    /* position: relative; */
    position: sticky;
    top: 55px;
    width: 100%;
    overflow: hidden;
    backdrop-filter: blur(12px);
    background-color: #ffffff;
}

/* 左箭头 */
.tab_sticky_container::before {
    cursor: pointer;
    z-index: 999;
    box-sizing: border-box;
    content: '«';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 24px;
    color: #f33d0b;
    background-color: #ffffff;
    width: 30px;
    height: 100%;
    padding-bottom: 4px;
    text-align: center;
    display: none;
    /* 默认隐藏 */
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    transition: 0.3s ease;
}

/* 右箭头 */
.tab_sticky_container::after {
    cursor: pointer;
    z-index: 999;
    box-sizing: border-box;
    content: '»';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 24px;
    color: #f33d0b;
    background-color: #ffffff;
    width: 30px;
    height: 100%;
    padding-bottom: 4px;
    text-align: center;
    display: none;
    /* 默认隐藏 */
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    transition: 0.3s ease;
}

/* 显示左箭头 */
.tab_sticky_container.show-arrow-left::before {
    display: flex;
}

/* 显示右箭头 */
.tab_sticky_container.show-arrow::after {
    display: flex;
}

/* 滑动到底部，隐藏右箭头 */
.tab_sticky_container.no-more::after {
    display: none;
}

/* 滑动到左边，隐藏左箭头 */
.tab_sticky_container.no-more-left::before {
    display: none;
}

.tab_sticky_container .top-tabs {
    display: none;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
}

.tab_sticky_container .top-tabs::-webkit-scrollbar {
    display: none;
    /* Chrome 隐藏滚动条 */
}

.tab_sticky_container .top-tabs .tab {
    flex-shrink: 0;
    line-height: 26px;
    /* 防止子项被压缩 */
}

.section .content .right {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
    height: auto;
}

.section .flex_cont .right {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}

/**
7x24
*/
#news_7_24.card72 {
    width: 100%;
    min-width: calc(50% - 10px);
    min-height: 1px;
    flex: 1;
    flex-shrink: 0;
    /* max-height: 3084px; */
    max-height: min(50%, 3084px);
    /* 使用 min 函数计算最大高度 */

    box-sizing: border-box;
    flex-shrink: 0;
    margin-bottom: 0;
}

#news_7_24.card72 .title_bar {
    height: 36px;
    display: flex;
    align-items: center;
}

#news_7_24.card72 .title_bar h2 {
    color: #0b1721;
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;

    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

#news_7_24.card72 .title_bar .gap {
    background: #f33d0b;
    height: 16px;
    margin-right: 8px;
    vertical-align: -2px;
    width: 3px;
}

#news_7_24.card72 .card72_content {
    z-index: 1;
    position: relative;
    min-height: 250px;
    /* max-height: 468px; */
    height: calc(100% - 36px);
    max-height: none;
    /* max-height: max-content; */
    overflow-x: hidden;
    overflow-y: auto;
}

#news_7_24.card72 .card72_content .card72_cont {
    box-sizing: border-box;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 68px;
    padding: 10px 20px 10px;
    background-color: #ffffff;
}

#news_7_24.card72 .card72_content .card72_cont .date_box {
    display: flex;
    align-items: center;
}

#news_7_24.card72 .card72_content .card72_cont .date_box .left_box {
    box-sizing: border-box;
    /* font-family: PingFangSC-Regular, PingFang SC; */
    font-size: 12px;
    font-weight: 400;
    /* height: 44px; */
    margin-right: 16px;
    width: auto !important;
    min-width: 42px;

    text-align: center;
}

#news_7_24.card72 .card72_content .date_box .left_box .top_box {
    height: 20px;
    padding: 0 4px;
    color: #fff;
    /* background-color: #0b69ef; */
    background-color: #f33d0b;
}

#news_7_24.card72 .card72_content .card72_cont .date_box .left_box .bottom_box {
    color: #0b1721;
    border: 1px solid #edf1f6;
    border-top: none;
}

#news_7_24.card72 .card72_content .card72_cont .date_box .right_box {
    height: 100%;
    text-align: center;
}

#news_7_24.card72 .card72_content .card72_cont .date_box .right_box .top_box {
    color: #0b1721;
    /* font-family: PingFangSC-Medium, PingFang SC; */
    font-size: 18px;
    font-weight: 600;
}

#news_7_24.card72 .card72_content .card72_cont .date_box .right_box .bottom_box {
    color: #858a90;
    /* font-family: PingFangSC-Regular, PingFang SC; */
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

#news_7_24.card72 .card72_content .card72_flash_news_list {
    position: relative;
    /* overflow-y: auto; */
    overflow: visible !important;
    max-height: 400px;
    /* max-height: max-content; */
    /* max-height: 600px; */

    background-color: #fff;
    box-sizing: border-box;
}

#news_7_24.card72 .card72_content .card72_flash_news_list ul {
    padding-bottom: 1px;
    margin-bottom: 0;
    background-color: #ffffff;
}

#news_7_24.card72 .card72_content .card72_flash_news_list li {
    cursor: pointer;
    list-style-type: none;
    box-sizing: border-box;
    margin: 0 24px;
    padding-bottom: 20px;
    position: relative;
}

#news_7_24.card72 .card72_content .card72_flash_news_list li:last-of-type {
    padding-bottom: 0;
    margin-bottom: 15px;
}

#news_7_24.card72 .card72_content .card72_flash_news_list li:before {
    box-sizing: border-box;
    background: #edf1f6;
    content: '';
    height: calc(100% - 8px);
    left: -1.3px;
    position: absolute;
    top: 12px;
    width: 1px;
}

#news_7_24.card72 .card72_content .card72_flash_news_list li .head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    padding-left: 16px;
    position: relative;
}

#news_7_24.card72 .card72_content .card72_flash_news_list li .head:before {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f33d0b;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 8px;
    left: -4.8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: -1px;
    width: 8px;
}

#news_7_24.card72 .card72_content .card72_flash_news_list li .head .time {
    box-sizing: border-box;
    color: #f33d0b;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    white-space: nowrap;
}

#news_7_24.card72 .card72_content .card72_flash_news_list li .title {
    box-sizing: border-box;
    word-wrap: break-word;
    color: #0b1721;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin-bottom: 6px;
    padding-left: 15px;
}

#news_7_24.card72 .card72_content .card72_flash_news_list li .title:hover {
    cursor: pointer;
    color: #f33d0b;
}

#news_7_24.card72 .card72_content .card72_flash_news_list li .info {
    color: #545c63;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 19px;
    padding-left: 15px;
    position: relative;
    text-align: justify;
}

#news_7_24.card72 .card72_content .card72_flash_news_list li .info p {
    margin-bottom: 8px;
}

#news_7_24.card72 .card72_content .card72_flash_news_list li .info img,
#news_7_24.card72 .card72_content .card72_flash_news_list li .info video {
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

/**
社区动态 或 社区的热门文章
*/
.card72_community {
    min-height: 1px;
    flex-shrink: 0;
    flex: 1;
    max-height: min(50%, 1297px);
    /* max-height: min(50%, 1774px); */

    width: 100%;
    min-width: calc(50% - 10px);
    box-sizing: border-box;
    margin-bottom: 0;
}

.card72_community .title_bar {
    height: 36px;
    display: flex;
    align-items: center;
}

.card72_community .title_bar h2 {
    color: #0b1721;
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;

    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.card72_community .title_bar .gap {
    background: #f33d0b;
    height: 16px;
    margin-right: 8px;
    vertical-align: -2px;
    width: 3px;
}

.card72_community .card72_content {
    min-height: 318px;
    height: calc(100% - 36px);
    overflow-x: hidden;
    overflow-y: auto;
    /* max-height: 468px; */
    /* background-color: #fff; */
}

.card72_community .card72_content .card72_community_list {
    box-sizing: border-box;
    padding: 0px !important;

    max-height: 468px;
    /* max-height: 668px; */

    overflow: visible !important;
    /* overflow-x: hidden;
    overflow-y: auto; */
}

.card72_community .card72_content .card72_community_list .item {
    cursor: pointer;
    padding: 20px;
    margin-bottom: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f6;
    background-color: #ffffff;
}

.card72_community .card72_content .card72_community_list .item:last-of-type {
    margin-bottom: 0;
}

.card72_community .card72_content .card72_community_list .item .top {
    cursor: pointer;
    display: flex;
    margin-bottom: 8px;
}

.card72_community .card72_content .card72_community_list .item .top .top_left {
    display: flex;
    border-radius: 100%;
    height: auto;
    margin-right: 0;
    width: auto;
}

.card72_community .card72_content .card72_community_list .item .top .top_left img {
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 50%;
    height: 36px;
    margin-right: 12px;
    width: 36px;
    background-color: #f5f5f5;
}

.card72_community .card72_content .card72_community_list .item .top .top_right {
    min-width: 1px;
    flex: 1;
    flex-shrink: 0;
}

.card72_community .card72_content .card72_community_list .item .top .top_right .name {
    color: #0b1721;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.card72_community .card72_content .card72_community_list .item .top .top_right .time {
    color: #858a90;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.card72_community .card72_content .card72_community_list .item .bottom {
    word-break: break-all;
    color: #0b1721;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-height: 120px;
}

.card72_community .card72_content .card72_community_list .item .bottom img,
.card72_community .card72_content .card72_community_list .item .bottom video {
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.card72_community .card72_content .card72_community_list .item:last-of-type {
    padding-bottom: 14px !important;
}

.content_center {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content_center img {
    max-width: 100%;
    height: 88px;
}

/* 上传的图片容器 */
.uploaded-image-container,
.uploaded-video-container {
    position: relative;
    display: inline-block;
    width: 90%;
    max-width: 100%;
    height: auto;
    contenteditable: false;
    /* aspect-ratio: 16 / 9; */
    margin: 0;
    /* 默认的宽高比 */
    overflow: hidden;
    /* 隐藏溢出内容 */
}

.uploaded-video-container {
    width: 90%;
}

.uploaded-image {
    transition: all 0s !important;
    object-fit: contain !important;
    margin: 0;
    width: 100%;
    max-width: 100% !important;
    height: auto;
    display: block;
    user-drag: none;
    user-select: none;
    -webkit-user-drag: none;
    /* 禁用拖拽 */
    pointer-events: none;
    /* 禁止图片被拖拽 */
}

iframe.uploaded-video {
    min-height: 250px;
}

.uploaded-video {
    transition: all 0s !important;
    object-fit: contain !important;
    margin: 0;
    width: 100%;
    max-width: 100% !important;
    height: 100%;
    display: block;
    user-drag: none;
    user-select: none;
    -webkit-user-drag: none;
    /* 禁用拖拽 */
    pointer-events: auto;
    /* 允许 iframe 的控件被点击 */
    object-fit: cover;
    /* 避免溢出 */
    max-height: 100%;
    /* 确保 iframe 不会超出容器 */
}

/* 响应式样式：确保小屏幕上 iframe 合适显示 */
@media (max-width: 768px) {
    .uploaded-image-container,
    .uploaded-video-container {
        width: 100%;
        /* 保证图片和视频容器在小屏幕上自适应宽度 */
    }

    .uploaded-video {
        height: auto;
        /* 视频自适应容器高度 */
        width: 100%;
    }
}

/* 编辑器 */
.ck-media__wrapper {
    width: 100%;
}

.iframe-container {
    @media screen and (max-width: 767px) {
        width: 100% !important;

        iframe {
            height: 300px !important;
        }
    }

    @media screen and (max-width: 666px) {
        iframe {
            height: 250px !important;
        }
    }

    @media screen and (max-width: 520px) {
        iframe {
            height: 200px !important;
        }
    }
}

/* .resizable {
    position: relative;
    display: inline-block;
    resize: both;
    overflow: hidden;
    max-width: 100%;
    height: 100% !important;
}

.resizable img,
.resizable video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    pointer-events: none;
    pointer-events: auto !important;
} */

@media screen and (max-width: 767px) {
    .footer_nav {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .footer_nav .main {
        min-width: 1px;
        flex: 1;
        flex-shrink: 0;

        overflow-x: auto;
    }

    .footer_nav .main .item {
        width: 36px !important;
        height: 36px !important;
    }
}

*::-webkit-scrollbar-track {
    background-color: #00000000;
}

/*定义滑块颜色、内阴影及圆角*/
*::-webkit-scrollbar-thumb {
    background-color: #00000000;
    border-radius: 0px;
}

.cursor {
    transition: all 0s;
    cursor: pointer !important;
    user-select: none !important;
}

.cursor-color {
    cursor: pointer;
}

.cursor-color div {
    transition: all 0s;
}

.cursor-color:hover {
    color: #f33d0b !important;
}

.cursor-color:hover div {
    cursor: pointer;
    color: #f33d0b !important;
}

/* 向右 */
.icon-arrow-right {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgMS41IDkgNmwtNiA0LjUiIHN0cm9rZT0iIzU0NUM2MyIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat;
    background-size: cover;
    display: inline-block;

    width: 10px;
    height: 10px;
    margin-left: 2px;
}

.icon-arrow-right-bg {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAALVJREFUKFNjZCARMMLU/zcUkWJg/jWD4S9bBuP5N89wmQPXAFLw30SggeH/v1SG///TGc993oJNE4oGsCYjQV8Gxv8zGf7/m8l47lMjuiYMDWBNIOcx/ZnJwPjvP8P/P+mMZ789h2nEqgHuL7AT/+cx/GeKZzz3fjNIHL8GI756BkbGfIIa4CH2n4mR4R9LOnKoYfE0rw8DI+NMBkam2YxnPjTg9TQiWJkzYG7GqYGsiCMmlQAAjxlMDa5cotMAAAAASUVORK5CYII=) no-repeat;
    background-size: cover;
    display: inline-block;

    width: 10px;
    height: 10px;
}

.icon-video {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgaWQ9InBsYXkiPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoNDh2NDhIMHoiPjwvcGF0aD48cGF0aCBkPSJNMjQgNEMxMi45NSA0IDQgMTIuOTUgNCAyNHM4Ljk1IDIwIDIwIDIwIDIwLTguOTUgMjAtMjBTMzUuMDUgNCAyNCA0em0tNCAyOVYxNWwxMiA5LTEyIDl6IiBmaWxsPSIjZmZmIj48L3BhdGg+PC9zdmc+) no-repeat;
    background-size: cover;
    display: inline-block;

    width: 48px;
    height: 48px;
}

.load_more_btn:hover .icon-arrow-right {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAALVJREFUKFNjZCARMMLU/zcUkWJg/jWD4S9bBuP5N89wmQPXAFLw30SggeH/v1SG///TGc993oJNE4oGsCYjQV8Gxv8zGf7/m8l47lMjuiYMDWBNIOcx/ZnJwPjvP8P/P+mMZ789h2nEqgHuL7AT/+cx/GeKZzz3fjNIHL8GI756BkbGfIIa4CH2n4mR4R9LOnKoYfE0rw8DI+NMBkam2YxnPjTg9TQiWJkzYG7GqYGsiCMmlQAAjxlMDa5cotMAAAAASUVORK5CYII=) no-repeat;
    background-size: cover;
    display: inline-block;

    width: 10px;
    height: 10px;
}

.cursor-color:hover ._icon.icon-arrow-right {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAALVJREFUKFNjZCARMMLU/zcUkWJg/jWD4S9bBuP5N89wmQPXAFLw30SggeH/v1SG///TGc993oJNE4oGsCYjQV8Gxv8zGf7/m8l47lMjuiYMDWBNIOcx/ZnJwPjvP8P/P+mMZ789h2nEqgHuL7AT/+cx/GeKZzz3fjNIHL8GI756BkbGfIIa4CH2n4mR4R9LOnKoYfE0rw8DI+NMBkam2YxnPjTg9TQiWJkzYG7GqYGsiCMmlQAAjxlMDa5cotMAAAAASUVORK5CYII=) no-repeat;
    background-size: cover;
    display: inline-block;

    width: 10px;
    height: 10px;
}

input {
    font-size: 14px !important;
}

.input_append {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 19px;
    transform: translateY(-50%);
    padding-left: 12px;
    font-size: 14px;
    line-height: 22px;

    background-color: transparent;
}

/* 发送验证码 */
.emailCode .input-group-append button {
    min-width: 100px;
}

.input-group-append .w_60 {
    cursor: pointer;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

img {
    /* background-color: #f4f6fa; */
}

.input_append img {
    cursor: pointer;
    box-sizing: border-box;
    object-fit: cover;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.btn-lg {
    font-size: 14px !important;
}

input::placeholder {
    font-size: 14px !important;
}

@media screen and (max-width: 1081px) {
    .cursor {
        cursor: auto !important;
        /* 取消h5点击阴影 */
    }
}

.cursorNot {
    cursor: not-allowed !important;
}

form > div {
    position: relative;
}

input {
    border: none;
    outline: none;
    background-color: transparent;
    min-width: 0;
}

/* chrome */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    /* 数字框箭头 */
}

/* 火狐浏览器 */
input[type='number'] {
    -moz-appearance: textfield;
    /* 数字框箭头 */
}

html,
body,
#app,
.main_frame {
    /* height: 100%; */
    width: 100%;
    box-sizing: border-box;
}

body {
    font-family: Roboto, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
    width: 100%;
    height: 100%;
    overflow: auto;
    color: #0b1721;
    background-color: #f4f6fa;
}

.priceOver {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 140px;
    text-align: right;
}

.num {
    word-wrap: break-word;
    /* 强制在宽度限制时换行 */
}

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

.fontOverTwo {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 保留几行 */
    -webkit-box-orient: vertical;
    white-space: normal !important;
}

.fontOverThree {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 保留几行 */
    -webkit-box-orient: vertical;
    white-space: normal !important;
}

.fontOverFour {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* 保留几行 */
    -webkit-box-orient: vertical;
    white-space: normal !important;
}

.fontOverEight {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    white-space: normal !important;
}

.fillRow {
    min-width: 0;
    flex: 1;
    flex-shrink: 0;
}

#content_main > div.active {
    display: none;
}

.page_tip {
    box-sizing: border-box;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 20px;
    word-break: break-all;
    color: #858a90;
    font-size: 12px;
}

.showBlock {
    display: block !important;
}

.noShow {
    display: none !important;
}

.pointer {
    pointer-events: none;
}

.unPointer {
    pointer-events: stroke;
}

.bgCover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.01s !important;
}

.bgContain {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.01s !important;
}

.bgAll {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.01s !important;
}

.v-html {
    white-space: pre-wrap !important;
    word-break: break-all !important;
    max-width: 100%;
}

.v-html * {
    max-width: 100%;
}

@media screen and (max-width: 1300px) {
    .quotes .side_advert_box .advert_item {
        margin-top: 36px;
        height: auto;
    }
}

@media (min-width: 1082px) {
    .isPhone {
        display: none !important;
    }
}

@media screen and (max-width: 1081px) {
    /* 取消h5点击阴影 */
    * {
        cursor: auto !important;
    }

    .isPc {
        display: none !important;
    }
}

@media screen and (max-width: 1023px) {
    .header_bottom_advert {
        margin-top: 0;
        height: 60px;
    }

    .header_bottom_advert .advert_item {
        margin-top: 0;
    }

    .side_advert_box {
        order: -1;
        box-sizing: border-box;
        width: calc(50% - 10px);
    }

    .side_advert_box .advert_item {
        height: auto;
    }

    .tab_sticky_container .top-tabs {
        display: flex;
    }

    .section .content .right {
        flex-direction: row;
        gap: 20px;
    }

    .section .flex_cont .right {
        flex-direction: row;
        gap: 20px;
    }

    #news_7_24.card72 {
        order: 1;

        flex: none;
        box-sizing: border-box;
        width: calc(50% - 10px);
        max-height: max-content;
    }

    #news_7_24.card72 .card72_content {
        overflow: visible;
        height: auto;
        min-height: 468px;
        max-height: max-content;

        display: flex;
        flex-direction: column;
    }

    #news_7_24.card72 .card72_content .card72_flash_news_list {
        max-height: max-content;
    }

    .card72_community {
        order: 2;

        box-sizing: border-box;
        width: calc(50% - 10px);
        max-height: max-content;
    }

    .card72_community .card72_content {
        overflow: visible;
        height: auto;
        min-height: 468px;
        max-height: max-content;

        display: flex;
        flex-direction: column;
    }

    .card72_community .card72_content .card72_community_list {
        max-height: max-content;
    }
}

@media screen and (max-width: 425px) {
    .header_bottom_advert {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .header_bottom_advert .advert_item {
        flex: none;
    }

    .side_advert_box {
        order: 0;
        width: 100%;
    }

    .side_advert_box .advert_item {
        margin-top: 0 !important;
        flex: none;
    }

    .section .content .right {
        flex-direction: column !important;
    }

    .section .flex_cont .right {
        flex-direction: column !important;
    }

    #news_7_24.card72 {
        order: 0 !important;

        width: 100% !important;
        margin-top: 20px !important;
    }

    #news_7_24.card72 .card72_content {
        height: auto;
    }

    .card72_community {
        order: 0 !important;

        width: 100% !important;
        margin-top: 0 !important;
    }

    .card72_community .card72_content {
        height: auto;
    }

    .iframe-container {
        width: 100% !important;
    }

    .iframe-container iframe {
        height: 300px !important;
    }
}

@media screen and (max-width: 666px) {
    .iframe-container iframe {
        height: 250px !important;
    }
}

@media screen and (max-width: 520px) {
    .iframe-container iframe {
        height: 200px !important;
    }
}

@media screen and (max-width: 426px) {
    .side_advert_box .advert_item {
        width: 100%;
    }
}

input {
    /*苹果顶部阴影  */
    min-width: 1px;
    -webkit-appearance: none;
}

input,
button,
select,
textarea {
    outline: none !important;
}

textarea {
    resize: none !important;
}

/* chrome */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    /* 数字框箭头 */
}

/* 火狐浏览器 */
input[type='number'] {
    -moz-appearance: textfield;
    /* 数字框箭头 */
}

.rotate {
    animation: rotate 2s infinite linear;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    /* 360deg = 1 full rotation */
    /* 2s = 2 seconds */
}

.full-width {
    width: 100%;
}

.ele-center-hidden {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.verfiy-model {
    height: 180px;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.freeze {
    color: #aaa;
}

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

#login-verfiy-model {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 36px 24px;
}

#login-verfiy-model .verfiy_top {
    height: 15px;
    width: 100%;
}

#login-verfiy-model .verfiy_confirm {
    width: 100%;
}

#login-verfiy-model .mask_out {
    position: relative;
}

#login-verfiy-model .mask_out .mask_inner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.unwrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* 添加了前缀的样式 */
.utc-time-container {
    margin-right: 12px;
    margin-top: -4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    white-space: nowrap;
}
.utc-time-hour-minute {
    color: #b5b9bc;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    white-space: nowrap;
}

.utc-time-time-box {
}

.utc-time-main-time {
    text-align: right;
}

.utc-time-seconds {
    color: #b5b9bc;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    white-space: nowrap;
}

.utc-time-date {
    color: #b5b9bc;
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    white-space: nowrap;
}

#utc_time_h5 .utc-time-container {
    margin-right: -5px;
}
#utc_time_h5 .utc-time-date {
    font-size: 10px;
}
#utc_time_h5 .utc-time-seconds {
    font-size: 10px;
}
#utc_time_h5 .utc-time-hour-minute {
    font-size: 10px;
}