.main .main-wrap {max-width: 1720px;margin: 0 30px;}


.main-right {flex: 1; /* 第二列占剩余全部空间 */min-width: 0; /* 非常重要！内容超长时才会被截断隐藏 */ margin-left:20px;}
.main-left {width: 682px;background-color: #fff;border-radius: 10px;display: flex;overflow: hidden;flex-shrink: 0;}

/* 两列子项示例，两个直接子元素 */
.main-left .col-left {width: 350px; flex-shrink: 0; /* 禁止被压缩 */}
.main-left .col-right {flex: 1; /* 第二列占剩余全部空间 */min-width: 0; /* 非常重要！内容超长时才会被截断隐藏 */}

/* big-header 排行榜头部模块 */
.big-header {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    /* 关键：设置最小高度，不然absolute子元素高度为0 */
    min-height: 360px;
}
.big-header .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.big-header .thumb {
    display: block;
    width: 100%;
    height: 100%; position:static
}
.big-header .rank-title .title {display: flex;align-items: center;color: #ffd699;}
.big-header .rank-title{ font-size:66px;}
.big-header .rank-title .txt::after, .big-header .rank-title .txt::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#ffaa00), color-stop(#e1c7a1), to(#f49a13));
    background-image: -webkit-linear-gradient(left, #ffaa00, #e1c7a1, #f49a13);
    background-image: -moz- oldlinear-gradient(left, #ffaa00, #e1c7a1, #f49a13);
    background-image: -o-linear-gradient(left, #ffaa00, #e1c7a1, #f49a13);
    background-image: linear-gradient(to right, #ffaa00, #e1c7a1, #f49a13);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    -webkit-animation: rank-title-flow 2s ease infinite;
    -moz-animation: rank-title-flow 2s ease infinite;
    -o-animation: rank-title-flow 2s ease infinite;
    animation: rank-title-flow 2s ease infinite;
}
.big-header .rank-title .txt::after {
    background-image: -webkit-gradient(linear, left top, right top, from(#F5D06B), color-stop(#FFEDBE), to(#E7C68D));
    background-image: -webkit-linear-gradient(left, #F5D06B, #FFEDBE, #E7C68D);
    background-image: -moz- oldlinear-gradient(left, #F5D06B, #FFEDBE, #E7C68D);
    background-image: -o-linear-gradient(left, #F5D06B, #FFEDBE, #E7C68D);
    background-image: linear-gradient(to right, #F5D06B, #FFEDBE, #E7C68D);
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.big-header .thumb-pos-center {
    width:100%;
    height:100%;
}
.big-header .thumb-img .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 背景遮罩，提升文字可读性 */
.big-header .bg::after {
    content: "";
    position: absolute;
    inset: 0;

}

.big-header .header-content {
    position: relative;
    z-index: 2;
    padding: 66px 24px;
    text-align: center;
    color: #ffffff;
}

/* 主标题 */
.rank-title {
    margin: 0 0 14px;
    font-size: 26px;
    font-weight: 700;
}
.rank-title > strong.title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:12px;
}
.rank-title .bdiv {
    display: flex;
    align-items: center;
}
.rank-title .txt {
    position: relative;
}
/* 左右装饰图标 */
.icon-ds-left,.icon-ds-right {display: inline-block;}

/* 副标题 */
.rank-subtitle {
    margin:0;
    font-size:15px;
    font-weight:400;
    opacity:0.92;
}
.rank-subtitle > strong.title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.icon-service-icon-5 {
    display: inline-block;
    width:18px;
    height:18px;
}



.biz-info i{ margin-right:5px;}
.biz-info .title{font-size:30px; color:#333; font-weight:900; text-align:center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.biz-info .area{font-size:16px; color:#333; }
.biz-info .time{font-size:14px; color:#ddd; }
.biz-info .dynum{font-size:16px; color:#333; }
.biz-info .wxnum{font-size:16px; color:#333; }
.biz-info .click{font-size:13px; color:#ddd; }
.biz-info p{font-size:16px; color:#333;
  line-height: 1.6; max-height:435px;     /* 多行文本超出显示省略号 ... */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 17;
    overflow: hidden;}


.switch {background-color: #fff;border-radius: 10px;position: relative;}
.switch .title {position: relative;display: flex; font-size:20px; color:#333; font-weight:900}
.switch .title:after {content: "";position: absolute;top:35px; width: calc(100% - 0px); height: 6px; background-color: #ff6600;border-radius:10px; }
.switch .title i{ color:#FF6600;}
.switch .tags{}
.switch .tag a{font-size: 16px;color: #333; background:#f1f7fc;padding:10px;border-radius:10px; }

.switch .tag :hover{background:#ff6600; color:#fff}