.banner {
    width: 100%;
    position: relative;
    top: -120px;
    height: 130vh;
}
.mySwiper2 video {
    width: 1200px !important;
    height: 140vh !important;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
#video{
    width: 1200px !important;
    margin: 0 auto;
    position: relative;
    top: 130px;
    height: 115vh !important;
    overflow: hidden;
}
.cjjnhj {
    width: 700px;
    position: absolute;
    bottom: 140px;
    right: 5%;
    z-index: 2;
}
.mySwiper {
    position: absolute;
    right: 28%;
    bottom: 60px;
    z-index: 5;
}
.mySwiper .swiper-slide {
    border: 0;
}
.mySwiper ul li{
    margin-right: 1%;
}
.mySwiper img{
    width: 200px;
    height:140px;
    object-fit: cover;
    border-radius: 10px;
    margin-right: 2%;
}
.mySwiper .swiper-slide-thumb-active {
    border: 1px solid #00b7ff;
    border-radius: 10px;
}

.bottom[data-v-97323ca5] {
    display: flex;
    align-items: center;
    margin-left: 8%;
    position: absolute;
    top: 40%;
    left: 35%;
    z-index: 999;
}
.bottom .look-positive-btn[data-v-97323ca5] {
    min-width: 184px;
    height: 60px;
    background: rgba(255, 255, 255, .15);
    border-radius: 33.6px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.bottom .look-positive-btn[data-v-97323ca5]:hover{
    background: rgba(255, 255, 255, 0.349);
}
.bottom .look-positive-btn[data-v-97323ca5].active{
    display: block;
}
.bottom .look-positive-btn .icon[data-v-97323ca5] {
    margin-top: 1px;
    transform: scale(.8);
}
.bottom .look-positive-btn[data-v-97323ca5] a{
    display: block;
    padding: 7% 5%;
}
.bottom .look-positive-btn .text[data-v-97323ca5] {
    font-family: PingFangSC-Regular;
    color: #fff;
    letter-spacing: 0;
    line-height: 33.6px;
    margin-left: 9px;
    font-size: 24px;
}
.bottom-mask{
    height: 260px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff);
    z-index: 1;
}
.mySwiper2:hover .bottom .look-positive-btn[data-v-97323ca5]{
    display: block;
}

.index_live_area_right li.on {
    /* background: url(../images/index/li_bg.png) no-repeat; */
    border: 2px solid #ffd350;
    border-radius: 15px;
}


/* 1 */
main {
    display: block;
}
#doc-bd {
    position: relative;
    max-width: 1700px;
    margin: 0 auto;
    padding-top: 8%;
}
#doc-bd .container {
    margin-top: -150px;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    padding-bottom: 3%;
}
.g-box .box-hd {
    position: relative;
    height: auto;
    margin-bottom: 15px;
    line-height: 50px;
    border-bottom: 1px solid #eaeaea;
    background: linear-gradient(to right, #f8f8f8, #ffffff);
    padding: 5px 0;
}
.g-box .box-title,
#hot .box-title,
#living .box-title,
.bbbhnnhqqa .box-title,
.bbbhwwdde .box-title {
    font-size: 30px;
    color: #000 !important;
    font-weight: bold;
    position: relative;
    margin-bottom: 15px;
    text-shadow: none;
    background-color: #f8f8f8;
    padding: 10px 15px;
    border-radius: 8px;
    display: inline-block;
    border-left: 5px solid #158EF5;
}
.g-box .box-bd {
    padding-bottom: 10px;
}
.g-box .box-bd .list {
    max-width: 1700px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.feed-list .feed {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 19%;
    height: 448px;
    margin-right: 1.25%;
    font-size: 12px;
    background: none;
}
.feed-list .feed:nth-child(5n) {
    margin-right: 0;
}
.feed-list .feed:nth-child(n+6) {
    display: none; /* 隐藏第6个及以后的元素 */
}
.zx-name{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.feed a img{
    width:100%;
    height: 422px;
    margin:12px auto;
    display:block;
    border-radius:25px;
    object-fit: cover;
}
.cfrrf {
    position: absolute;
    top: 12px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 95%;
    border-radius: 26px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}
.cfrrf p{
    padding: 32% 0; 
    text-align: center;
}

.bbbhnnhqqa{
    position: relative;
    max-width: 1700px;
    margin: 0 auto;
}
.bbbhnnhqqa .g-box .box-bd {
    padding-bottom: 10px;
}
.bbbhnnhqqa .feed-list .feed {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 19%;
    margin-right: 1.25%;
    font-size: 12px;
    border-radius: 10px;
    padding: 0;
    height: 330px;
}
.bbbhnnhqqa .feed-list .feed:nth-child(5n) {
    margin-right: 0;
}
.bbbhnnhqqa .feed-list .feed:nth-child(n+6) {
    display: none; /* 隐藏第6个及以后的元素 */
}
.bbbhnnhqqa .feed-list .feed .link {
    display: block;
    text-decoration: none;
    height: 100%;
}
.bbbhnnhqqa .feed-list .feed .screenshot {
    width: 100%;
    height: 225px;
    display: block;
    object-fit: cover;
    margin-bottom: 0;
    border-radius: 25px 25px 0 0;
}
.bbbhnnhqqa .feed-list .feed .user {
    position: relative;
    height: 60px;
    width: 100%;
    padding: 7%;
    z-index: 2;
    /* margin-top: 10px; */
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
    text-align: left;
    background-color: #f5f5f5;
    border-radius: 0 0 25px 25px;
    border: 1px solid #eee;
}
.bbbhnnhqqa .feed-list .feed .user .user_left {
    width: 43px;
    height: 43px;
}
.bbbhnnhqqa .fl {
    float: left;
}
.bbbhnnhqqa .feed-list .feed .user .avatar {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0;
    /* border: 1px solid #eee; */
    display: inline-block;
    vertical-align: top;
}

.bbbhnnhqqa .feed-list .feed .user .username {
    color: #333;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
}
.feed-list .feed .link:hover:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 240px;
    border-radius: 25px 25px 0 0;
    top: 3%;
    left: 0;
    z-index: 1;
    background: url(../images/icon/play.png) center 55% no-repeat;
    background-color: rgba(41, 37, 43, 0.7);
}

/* 行业资讯 */
.bbbhwwdde{
    position: relative;
    max-width: 1700px;
    margin: 0 auto;
    padding-bottom: 5%;
}
.index-tj-group{
    margin-top: 1%;
    background-color: #f0f0f0;
    padding: 2%;
    border-radius: 25px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.tj-zx-list{
    display: flex;
}
.data{
    width: 33%;
    margin-right: 2%;
    background-color: #ffffff;
    padding: 2%;
    border-radius: 20px;
    float: left;
    color: #333;
    line-height: 18px;
    font-size: 14px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 5px rgba(0,0,0,0.03);
}
.data:nth-child(3){
    margin-right: 0;
}

.tj-zx-list .data:nth-child(2) a:nth-child(1) .index{
    background-color: #ffffff00;
}
.tj-zx-list .data:nth-child(2) a:nth-child(2) .index{
    background-color: #ffffff00;
}
.tj-zx-list .data:nth-child(2) a:nth-child(3) .index{
    background-color: #ffffff00;
}

.tj-zx-list .data:nth-child(3) a:nth-child(1) .index{
    background-color: #ffffff00;
}
.tj-zx-list .data:nth-child(3) a:nth-child(2) .index{
    background-color: #ffffff00;
}
.tj-zx-list .data:nth-child(3) a:nth-child(3) .index{
    background-color: #ffffff00;
}

.tj-zx-list .data a:nth-child(1) .index {
    background-color: #f44336;
    color: #fff;
}
.tj-zx-list .data a:nth-child(2) .index {
    background-color: #ff9800;
    color: #fff;
}
.tj-zx-list .data a:nth-child(3) .index {
    background-color: #ffc107;
    color: #fff;
}
.tj-zx-list .data a {
    display: flex;
    color: #333;
    margin-bottom: 5%;
}
.tj-zx-list .data .zx-li .index {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 3px;
    margin-right: 15px;
    text-align: center;
}

/* 确保录播回放部分的用户名可见 */
.bbbhnnhqqa .feed-list .feed .username {
    color: #333;
    font-weight: bold;
}

/* 录播回放标题专门强化 */
.bbbhnnhqqa .g-box .box-hd h2.box-title {
    color: #000 !important;
    background-color: #f8f8f8;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 8px;
    border-left: 5px solid #158EF5;
}

/* 行业资讯标题专门强化 */
.bbbhwwdde .g-box .box-hd h2.box-title {
    color: #000 !important;
    background-color: #f8f8f8;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 8px;
    border-left: 5px solid #158EF5;
}

/* 确保"直播时间"等标题在白底下清晰可见 */
#doc-bd .container .box-hd h2.box-title,
.bbbhnnhqqa .box-hd h2.box-title,
.bbbhwwdde .box-hd h2.box-title {
    color: #000;
    font-weight: bold;
    position: relative;
    padding-bottom: 5px;
    border-bottom: 2px solid #f0f0f0;
}

/* 修复行业资讯数字标签问题 - 彻底重写数字标签样式 */

/* 所有数字标签的基本样式 */
.tj-zx-list .data a .index {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 3px;
    margin-right: 15px;
    text-align: center;
    color: #fff !important; /* 强制使用白色文字 */
    font-weight: bold;
    background-color: #666; /* 默认灰色背景 */
}

/* 第一列数字标签特殊颜色 - 前三个使用红橙黄 */
.tj-zx-list .data:nth-child(1) a:nth-child(1) .index {
    background-color: #f44336 !important; /* 红色 */
}
.tj-zx-list .data:nth-child(1) a:nth-child(2) .index {
    background-color: #ff9800 !important; /* 橙色 */
}
.tj-zx-list .data:nth-child(1) a:nth-child(3) .index {
    background-color: #ffc107 !important; /* 黄色 */
}

/* 第二列数字标签 - 确保前三个也有颜色 */
.tj-zx-list .data:nth-child(2) a:nth-child(1) .index {
    background-color: #666 !important;
    color: #fff !important;
}
.tj-zx-list .data:nth-child(2) a:nth-child(2) .index {
    background-color: #666 !important;
    color: #fff !important;
}
.tj-zx-list .data:nth-child(2) a:nth-child(3) .index {
    background-color: #666 !important;
    color: #fff !important;
}

/* 第三列数字标签 - 确保前三个也有颜色 */
.tj-zx-list .data:nth-child(3) a:nth-child(1) .index {
    background-color: #666 !important;
    color: #fff !important;
}
.tj-zx-list .data:nth-child(3) a:nth-child(2) .index {
    background-color: #666 !important;
    color: #fff !important;
}
.tj-zx-list .data:nth-child(3) a:nth-child(3) .index {
    background-color: #666 !important;
    color: #fff !important;
}

/* 移除任何可能覆盖数字标签样式的规则 */
.tj-zx-list .data:nth-child(2) a:nth-child(1) .index,
.tj-zx-list .data:nth-child(2) a:nth-child(2) .index,
.tj-zx-list .data:nth-child(2) a:nth-child(3) .index,
.tj-zx-list .data:nth-child(3) a:nth-child(1) .index,
.tj-zx-list .data:nth-child(3) a:nth-child(2) .index,
.tj-zx-list .data:nth-child(3) a:nth-child(3) .index {
    background-color: #666 !important;
    color: #fff !important;
    border: none !important;
}

/* 确保透明背景规则不会被应用 */
.tj-zx-list .data:nth-child(2) a:nth-child(1) .index,
.tj-zx-list .data:nth-child(2) a:nth-child(2) .index,
.tj-zx-list .data:nth-child(2) a:nth-child(3) .index,
.tj-zx-list .data:nth-child(3) a:nth-child(1) .index,
.tj-zx-list .data:nth-child(3) a:nth-child(2) .index,
.tj-zx-list .data:nth-child(3) a:nth-child(3) .index {
    background-color: #666 !important;
}

/* 行业资讯链接样式调整 */
.tj-zx-list .data a {
    display: flex;
    color: #333;
    margin-bottom: 5%;
    align-items: center;
}

.tj-zx-list .data a:hover {
    color: #158EF5;
}